@import url(ui.css);
@import url(animate.min.css);
@import url(iconfont.css);
@import url(swiper.min.css);
@import url(pc.css);
@media screen and (max-width:1600px){
	.header .cctv{ display: none; }
	.header .nav li>a{ margin: 0 10px; }
	.join2 ul{gap:20px;}
}
@media screen and (max-width:1400px){
    .ct{ flex-wrap: wrap; }
	.ct-mn{ flex:100%; }
	.ct-sd{ flex:100%; margin-left: 0;  margin-top:30px;}
}
@media screen and (max-width:1200px){
	.header .ewm{ display: none; }
	.join2 ul{ grid-template-columns: repeat(2,1fr); }
	.list-3{ grid-template-columns: repeat(2,1fr); gap:20px; }
}
@media screen and (max-width:1100px){
	body{ padding-top: 60px; }
	.m-header{ display: flex; }
	.header{ display: none; }
    .section-sub{ padding: 20px 0; }
}
@media screen and (max-width:1600px){
	.in-news .info .title{line-height:30px;height:calc(30* 4)}
}
@media screen and (max-width:768px){

	.banner .swiper-pagination{bottom:10px !important}

	.section{ padding: 25px 0; }
	.section-title{ margin-bottom: 20px; }
	.section-title h2{ font-size: 18px; margin-bottom: 5px; }
	.section-title h3{ font-size: 28px;}

	.in-about{ flex-wrap: wrap; }
	.in-about .text{ flex:100%;}
	.in-about .text h2{ font-size: 28px; margin-bottom: 25px; }
	.in-about .text li{font-size: 16px; margin-bottom: 20px; }
	.in-about .text .btns{ margin-top: 20px; }
    .in-about .text .btns a{ width: 160px; height: 40px; font-size: 16px;}
	.in-about .img-center{ flex:100%; margin-top: 20px;}

	.in-number{ flex-wrap: wrap; margin-top: 20px;}
	.in-number li{ flex:0 0 33.333%; margin-bottom: 20px;}
	.in-number li:last-child{ flex:1; }
	.in-number li p{ font-size: 14px;  }
	.in-number li h2{ margin-top: 10px; }
	.in-number li h2 span{ font-size: 40px; margin-right: 10px; }
	.in-number li h2 i{ position: absolute; top:0; font-size: 20px;}
	.in-number li h2 em{ font-size: 14px; }

	.in-pro ul{ grid-template-columns:1fr; }

	.in-case-con{ position: relative; width: 100%; }
	.in-case-con .icon{ display: none;}
	.in-case-con .tits{ font-size: 28px; margin-bottom: 50px; text-align: center; }
	.in-case-con .btns a{ width: 160px; height: 40px; margin:0 auto; }
	.in-case-con .btns i{ margin-left: 10px; font-size: 20px; }

	.in-case-pic{ position: relative; left:15px; top:0; width: calc(100% - 30px); margin-top: 20px; }
	.in-case-pic .swiper-slide a{padding: 15px 0; }
	.in-case-pic .prev{ left: 72%; bottom:20px; width: 30px; height: 30px; }
	.in-case-pic .next{ left: 83%; bottom:20px;  width: 30px; height: 30px;}
	.in-case-pic .prev i,.in-case-pic .next i{ font-size: 20px; }

    .in-news .swiper-container{padding:40px 0 40px;margin-top:-40px}
	.in-news .swiper-slide{width:100%}
	.in-news .swiper-slide.swiper-slide-active{width:100%}
	.in-news .pic:after{background-size:100% 100%}
	.in-news .pic img{height:450px}
	.in-news .info{padding:80px 30px 30px}
	.in-news .info .title{font-size:16px;line-height:24px;height:calc(24px * 4)}
	.in-news .info .category{margin-bottom:40px}
	.in-news .category{font-size:14px;line-height:20px}
	.in-news .hidebox{bottom:110px;padding:0 30px}
	.in-news .hidebox .title{font-size:16px;line-height:24px;height:24px}
	.in-news .imore{bottom:37px;margin-left:-24px}
	.in-news .swiper-pagination{bottom:0; display: block!important;}
	.in-news .btns2{ margin-top: 20px;}
	.in-news .btns2 a{ width: 160px; height: 40px; }

	.in-join{ height: auto; padding-bottom: 0;  }
	.in-join .img-center{ position: relative;  width: 100%; margin-top: 20px; }
	.in-join-con .icon{ display: none; }
	.in-join-con h2{ margin-top: 0;font-size: 24px; margin-bottom: 25px; }
	.in-join-con ul{gap:15px; padding: 0 10px; }
	.in-join-con li{ border-radius: 10px; line-height: 50px; font-size: 20px; }

	.footer{ background-position: bottom center; }
	.footer-con{ padding: 30px 0;}
	.footer-con .fnav{ display: none; }
	.footer-con .contact{ flex:100%;  }
	.footer-con .contact ul{ justify-content: center; margin-top: 20px; }
	.copyright{ line-height: 20px;  color: #ffd1d3; padding: 20px 0; font-size: 14px; }

	.banner-sub .text{ bottom:20px;}
	.banner-sub .text h2{ font-size: 28px; }
	.banner-sub .text h3{ font-size: 20px; }

	.lanmu{ line-height: 45px; }
	.lanmu ul{ display: none; }
	.lanmu li a{ font-size: 16px; padding: 0 10px;}
	.crumbs{ float: none; height: 45px;}
	.crumbs2{ line-height: 25px; font-size: 13px;  }

	.list-1{ grid-template-columns:1fr; gap:15px; margin-bottom: 20px; }
	.list-1 li .text{ padding: 10px 0; font-size: 16px; }

	.pages li a{  line-height: 35px; padding: 0 15px; margin:0 5px; }

	.list-2 li a{ flex-wrap: wrap; padding: 20px 0; }
	.list-2 li .img-center{ flex:100%; margin-right: 0; margin-bottom: 20px;}
	.list-2 li .text h2{ font-size: 20px; margin-bottom: 15px; }
	.list-2 li .text p{ font-size: 14px;  margin-bottom: 15px; }
	.list-2 li .text .date{ font-size: 14px; margin-bottom: 15px; }

	.paned-sd .tits{ font-size: 24px; margin-bottom: 25px; }
	.paned-sd .tits2{ font-size: 20px; margin-bottom: 10px;  padding-bottom: 12px; margin-bottom: 12px;}
	.paned-sd .tits2 i{ display: block; }

	.info-content{ padding: 0; }
	.info-content-title{ padding-bottom: 25px; margin-bottom: 25px; }
	.info-content-title .date{ font-size: 14px; }
	.info-content-title h1{ font-size: 22px; }
	.info-content-body{ font-size: 14px; line-height: 2; }
	.info-content-exp{ margin-top: 40px; }

	.section-title2{  margin-bottom: 25px; }
	.section-title2 .en{ font-size: 30px;  }
	.section-title2 .tits{ font-size: 24px; }

	.join1 h2{ font-size: 24px;}
	.join1 p{ font-size: 14px; }
	.join1 .btns{ margin-top: 25px; }

	.join2 ul{ grid-template-columns: 1fr; }

	.join3 .swiper-slide:before{ right: -30px; top:30px;}

	.faqlist dl dt{  height: 79px; padding: 0 15px; }
	.faqlist dl dt h2{ font-size: 18px; }
	.faqlist dl dd{  padding: 15px; font-size: 14px; line-height: 1.8;   }

	.section2{ padding: 20px 0; }

	.contact1{ flex-wrap: wrap; }
	.contact1:before{ display: none; }
	.contact1 .section-title3{ flex:100%;  }
	.contact1 ul{ flex:100%; }
	.contact1 li{ margin-bottom: 25px; }
	.contact1 li .icon{ flex:0 0 50px; height: 50px; margin-right: 20px; }
	.contact1 li .icon i{ font-size: 24px; }
	.contact1 li .text h2{ font-size: 14px; margin-bottom:8px; ; }
	.contact1 li .text p{font-size: 18px; }

	.message{ padding-top: 60px; }
	.message .con{ padding: 15px; }
	.formgroup{ flex-wrap: wrap; }
	.formgroup .label{ margin-bottom: 15px; flex:100%; margin-right: 0;}
	.formgroup .label2{ margin-bottom: 15px; }

	.yanfa1,.yanfa2{ margin-bottom: 20px; }
	.yanfa3 li{ position: relative; border-radius: 15px; margin-bottom: 20px; overflow: hidden; height: auto; }
	.yanfa3 li .img-center{ position: relative; right: 0; top:0; width:100%;  }
	.yanfa3 li .text{ position: relative; width: 100%; padding:35px 15px; }
	.yanfa3 li .text h2{ font-size: 24px; margin-bottom: 15px; }
	.yanfa3 li .text p{ font-size: 14px;  line-height: 1.8; }

	.ct2{ flex-wrap: wrap; }
	.ct2-sd{ flex:100%; margin-right: 0; }
	.ct2-mn{ flex:100%; }
	.ct2-mn .sortname{ font-size: 20px;}

	.lanmu2{ padding-bottom: 40px; display: none; }

	.list-4{ grid-template-columns: 1fr; gap:20px; margin-bottom:20px;  }

	.info-pro-pic{ grid-template-columns:1fr; padding: 30px 0 0; }
	.info-pro-pic .text{ margin-top: 30px; }
	.info-pro-pic .text h1{ font-size: 35px; font-weight: normal; }

	.info-pro-items{ margin: 20px 0;  }
	.info-pro-items h3{ font-size: 24px; margin-bottom: 19px; }

    .texing .swiper-slide{  font-size: 18px; padding: 33px 0 24px; }
	.cpxq{ grid-template-columns:1fr; gap:15px; }
	.cpxq li .tits{ font-size: 20px; padding: 14px 0;  }

    .list-5{ grid-template-columns:1fr; gap:10px; margin-bottom: 20px;   }
    .list-5 li{ padding:20px;  }
    .list-5 li .tits{ padding: 30px 0; position: relative; display: flex; align-items: center; font-size: 20px; margin-bottom: 10px; }
	.list-5 li .con{ font-size: 14px;  line-height: 1.8; }
	.list-5 li .btns{ margin-top: 25px; }

	.tanchuang-con{ width: 90%; height: 630px; }
	.tanchuang-con .close{  top: 35px; right: 20px; }
	.tanchuang-con .tits{ padding:35px 20px 20px; margin-bottom: 15px; }
	.tanchuang-con .tits h2{ font-size: 24px; }
	.tanchuang-con .tits p{ font-size: 14px; color: #666; }
	.tanchuang-con .con{  padding:0 20px; font-size: 14px; line-height: 1.8;  }

	.about1{ flex-wrap: wrap; }
	.about1 .section-title2{ flex:100%; }
	.about1 .con{ flex:100%; font-size: 16px; line-height: 1.8;  }

	.about-number{ flex-wrap: wrap; margin-top: 20px;}
	.about-number li{ flex:0 0 33.333%; margin-bottom: 20px;}
	.about-number li:last-child{ flex:1; }
	.about-number li p{ font-size: 14px;  }
	.about-number li h2{ margin-top: 10px; }
	.about-number li h2 span{ font-size: 40px; margin-right: 10px; }
	.about-number li h2 i{ position: absolute; top:0; font-size: 20px;}
	.about-number li h2 em{ font-size: 14px; }

	.about2{  padding: 60px 0;}
	.about2 .con h2{ font-size: 24px;  margin-bottom: 25px;}
	.about2 .con p{ font-size: 18px; line-height: 1.5; margin-bottom: 20px;}

	.section-title4{ margin-bottom: 30px; }
	.section-title4 h2{ font-size: 18px; margin-bottom: 0; }
	.section-title4 h3{ font-size: 24px; }

	.about3 ul{ grid-template-columns: 1fr;}
	.about3 li{ display: flex; flex-wrap: wrap; }
	.about3 li .text{ height: auto; padding: 25px; order: 100}
	.about3 li .text h4{ font-size: 24px; padding-bottom: 30px; margin-bottom: 15px; }
	.about3 li .text p{ font-size: 18px; }

	.about4-con{ padding: 0 20px; }
	.about4-con .swiper-slide h4{ font-size: 24px; }
	.about4-con .swiper-slide .line{ width: 2px; height: 40px;  }

	.about5{ background-size: cover ;height: 200px; }

	.about6 .swiper-slide .img-center{ height: 200px; }
	.about6 .swiper-slide .text{ font-size: 16px; margin-top: 15px; }
	.about6 .prev{ left: 0; width:30px; height: 30px; border-radius: 50%;  }
	.about6 .next{ right: 0; width: 30px; height: 30px; border-radius: 50%; }

    .list-6{ grid-template-columns: repeat(2,1fr); gap:15px; margin-bottom: 20px;}





}