@charset "utf-8";
/* CSS Document */
/*all*/
@media screen and (max-width: 1024px) {
	.munes,.xxl,.footer .f1{ display:none;}
	#hamburger,.xl{ display:block;}
	.bottomlist{ display:block;}
	.footer{ margin-bottom:52px;}
}

/*index*/
@media screen and (max-width: 1600px) {
	.warp { padding: 0 40px;}
	.banner .swiper-slide{ height:800px;}
	.ip{ padding:80px 0;}
	.ip .right>h3 { font-size: 4.2em;}
	.i-lines { padding: 80px 0 180px 0;}
	.i-lines h3 { font-size: 5.2em; line-height: 52px;}
	.i-lines p { font-size: 2.4em; line-height: 30px;}
	.ia .left .txt h3 { font-size: 3.2em;}
	.ia .left .txt h4 { font-size: 2.4em;  padding: 18px 0 25px 0;}
	.ia .left .dots{ margin-top:80px;}
	.ia .warp>*{ padding:0 20px;}
	.inews { margin-top: 100px;}
	.inews .left .txts { margin: 50px auto;}
	.inews .left .txts .txt h3{ font-size:2.8em; line-height:36px; margin-bottom:10px;}
	.inews .left{ margin-bottom:40px;}
	.inews .right{ margin-top:40px; padding: 40px 40px 60px 80px;  width: calc(50% + 40px);  margin-left: -40px;}
	.inews .right .btn{ margin-top:10%;}
	.footer { padding: 80px 0 60px 0;}
}
@media screen and (max-width: 1450px) {
	.banner .swiper-slide{ height:700px;}
	.banner .swiper-slide .warp .txt h3{ font-size:4.8em; margin-bottom:15px;}
	.banner .swiper-slide .warp .txt p{ font-size:1.6em; line-height:20px;}
	.i-lines h3 { font-size: 4.2em; line-height:42px;}
	.i-lines { padding: 40px 0 100px 0;}
	.ia .left .dots .dot{ padding-right:20px;}
	.ia .left .dots .dot h3{ font-size:3.2em;}
	.inews .left .txts .txt h3{ font-size:2.4em;}
	.inews .left .txts .txt h4 { font-size: 2.4em;  padding: 30px 0 20px 0;}
	.footer .fo1 .f-contact .two{ display:none;}
	.footer .fo1 .f-contact .fc{ width:100%;}
	.footer .fo1 .dots{width:70%;}
	.footer .fo1 .f-contact{ width:30%;}
	.footer .fo1 .dots .dot{ padding-right:20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
}
@media screen and (max-width: 1300px) {
	.header .munes{ width:80%;}
	.banner .swiper-slide{ height:600px;}
	.header .munes .mune a{ margin-right:20px;}
	.header .logo img{ width:80px;}
	.header .munes .more{ padding:15px 0;}
	.ip .right>h3{  margin: 0 0 25px -26%;}
	.ia .left .dots .dot{ max-width:25%;}
	.ia .left .dots .dot p{ line-height:20px;}
	.ia .left .dots{ margin-top:60px;}
}
@media screen and (max-width: 1200px) {
	.ip .right { padding-top: 2%;  padding-left: 20px;}
	.ip .right .dots{ margin-top:30px;}
	.i-lines h3 { font-size: 3.2em; line-height:32px; margin-bottom:15px;}
	.i-lines p { font-size: 2em;}
	.ia .left .dots{ margin-top:20px;}
	.inews{ margin-top:60px;}
	.footer { padding: 40px 0 20px 0;}
	.footer .fo2{ margin-top:30px;}
	.footer .fo2 img{ width:80px;}
	.footer .fo2 p{ margin-top:12px;}
	.ip .right>p{ line-height:24px;}
}
@media screen and (max-width: 1024px) {
	.warp { padding: 0 20px;}
	.header .logo img{ width:60px;}
	.banner .swiper-slide{ height:450px;}
	.banner .swiper-slide .warp .txt h3{ font-size:3.2em;}
	.ip { padding: 40px 0;}
	.ip .right>h3 { font-size: 3.2em;}
	.ip .right .dots .dot{ padding-right:60px;}
	.ip .right .dots .dot h3 a{ margin-bottom:10px; font-size:2em;}
	.ia .left .dots .dot{ max-width:fit-content; margin-bottom:20px;}
	.footer .fo1,.footer .fo2 img{ display:none;}
	.footer .fo2 p,.footer .fo2{ margin-top:0;}
	.footer{ padding:12px 0;}
	.inews .right .dot h3{ line-height:30px; height:30px;}
	.inews .right .dot{ padding:10px 0;}
	.inews .left .txts .txt h4 { font-size: 2em;  padding: 20px 0 10px 0;}
	.inews .left .txts .txt h3{ font-size:2em; line-height:24px; height:48px;}
	.inews .right .btn a{ padding:6px 12px;}
	.inews .right { padding: 20px 20px 40px 60px;}
	.i-lines { padding: 40px 0 60px 0;}
	.ia .left .txt h4{ font-size:2em; padding:10px 0;}
}
@media screen and (max-width: 850px) {
	.header .logo img{ width:45px;}
	.banner .swiper-slide{ height:320px;}
	.ip .right>h3{ font-size:2.4em; margin:0 0 20px 0;}
	.ip .left img{ max-width:240px; width:100%;}
	.ip .right>p{ line-height:20px;}
	.ia .left .txt h3{ font-size:2em;}
	.ia .left .txt p{ line-height:20px;}
	.ia .left .dots .dot h3{ font-size:2.4em;}
	.ia .warp>*{ padding:0;}
	.ia{ padding:40px 0;}
	.ia .left .dots .dot h3{ margin-bottom:10px;}
	.ia .warp>*{ width:100%;}
	.ia .warp .right img{ width:100%; max-width:600px; }
	.ia .warp .right{text-align:right; margin-top:20px;}
	.inews .left{ width:100%; max-width:600px; float:none; margin:0 auto; padding:20px;}
	.inews .left .txts{  margin:0;}
	.inews .right{ width:100%; margin-left:0px; padding:40px 20px;  margin:0;}
	.inews .right .btn{ margin-top:5%;}
	.ip .right .dots .dot{ padding:0; width:50%;}
}
@media screen and (max-width: 720px) {
	.ip .left,.ip .right{ width:100%;}
	.ip .right{ margin-top:-6%;}
	.ip .right p,.ip .right .dots .dot{ background:#000;}
	.ip .right .dots .dot{ padding:10px 0 0 0;}
}
@media screen and (max-width: 600px) {
	.header .logo{ padding:5px 0;}
	#hamburger { top: 15px; right: 15px;}
	.banner .swiper-slide .warp .txt h3 { font-size: 2.4em;}
	.banner .swiper-slide .warp .txt p{ font-size:1.4em; display:inline;}
	.banner .swiper-slide{ height:240px;}
	.ip .right>h3{ font-size:2em;}
	.ip .right>p{ padding:10px 0;}
	.ip .right{ margin-top:-6%;}
	.i-lines h3{ font-size:2.4em; line-height:24px;}
	.i-lines p{ font-size:1.4em; line-height:20px;}
	.i-lines { padding: 40px 0 40px 0;}
	.bottomlist ul li img{ width:25px; height:25px;}
	.footer{ margin-bottom:37px;}
}
@media screen and (max-width:500px) {
	.ip .right .dots{ margin-top:0;}
	.ip .right .dots .dot{ width:100%; margin-top:20px;}
	.inews .right .dot h4{ font-size:1.4em; margin-bottom:0;}
	.footer .fo2 p{ line-height:20px;}
}

/*about*/
@media screen and (max-width: 1600px) {
	.banners .txts{ height:700px;}
	.banners .txt h3{font-size: 12em;}
	.banners .txt h4{ font-size:8em;}
	.banners .txt p{ font-size:1.8em; line-height:32px;}
	.about-t .ab1{ padding:80px 0;}
	.about-t .ab1 h3,.about-t .ab3 .ab3-line h3,.about-t .ab4 .ab4-line .warp>h3{ font-size:5.2em; line-height:54px;}
	.about-t .ab2 .culture .abc .ab-txt .box .dot .t1 h4{ font-size:4.5em;}
	.about-t .ab2 .culture .abc .ab-list div{ padding:10%;}
	.about-t .ab4 .join .left{ padding:4%;}
	.about-t .ab2 .introduction .left .dots{ margin-top:30px;}
	.about-t .ab3 .history .txts .history-slider .swiper-slide .txt h4{ font-size:3.2em;}
}
@media screen and (max-width: 1400px) {
	.banners .txts{ height:600px;}
	.banners .txt h3 { font-size: 10em;}
	.banners .txt h4{ font-size:6em;}
	.about-t .ab1 h3,.about-t .ab3 .ab3-line h3,.about-t .ab4 .ab4-line .warp>h3{ font-size:4.2em; line-height:45px;}
	.about-t .ab1 p,.about-t .ab3 .ab3-line p,.about-t .ab4 .ab4-line .warp>p{ font-size: 1.8em; line-height: 24px;}
	.about-t .ab2{ padding:60px 0;}
	.about-t .ab2 .introduction .left .dots .dot img{ width:60px;}
	.about-t .ab2 .tit h3,.about-t .ab3 .history .tit h3,.about-t .ab4 .ab4-line .warp .tit h3,.about-t .ab5 .contact .c1 .tit h3{ font-size:3.2em;}
	.about-t .ab2 .tit h4,.about-t .ab3 .history .tit h4,.about-t .ab4 .ab4-line .warp .tit h4,.about-t .ab5 .contact .c1 .tit h4{ line-height:24px; font-size:2.4em;}
	.about-t .ab2 .culture .abc .ab-list div { padding: 24px;}
	.about-t .ab2 .culture .abc .ab-list{ width:200px;}
	.about-t .ab4 .join .right .dots .dot{ padding:20px;}
	.about-t .ab4 .join .right .dots .dot h3{ margin-bottom:15px;}
	.about-t .ab4 .join .left h3{ font-size:2.4em;}
	.about-t .ab5 .contact .c1 .tit{ width:24%;}
	.about-t .ab5 .contact .c1>.dots{ width:76%;}
	.about-t .ab5 .contact .c1>.dots .dot h3{ font-size:1.6em;}
	.about-t .ab5 .contact .c2{ padding:40px 60px;}
	.about-t .ab5 .contact .c1 { padding: 120px 0 240px 0;}
}
@media screen and (max-width: 1250px) {
	.banners .txts{ height:400px;}
	.about-t .ab1 h3,.about-t .ab3 .ab3-line h3,.about-t .ab4 .ab4-line .warp>h3{ font-size:3.2em; line-height:30px;}
	.about-t .ab1 p,.about-t .ab3 .ab3-line p,.about-t .ab4 .ab4-line .warp>p{ font-size: 1.6em; line-height: 20px;}
	.about-t .ab1{ padding:60px 0;}
	.about-t .ab2 .introduction .left .txt{ padding:20px 0; height:210px;}
	.about-t .ab2 .culture .abc .ab-txt .box .dot .t1 h4{ font-size:3.2em;}
	.about-t .ab3 .history .txts .history-slider .swiper-slide .txt p{line-height:24px;}
	.about-t .ab4 .join .left{ width:30%;}
	.banners .txt h3 { font-size: 6em;}
	.banners .txt h4{ font-size:4em;}
	.banners .txt p { font-size: 1.4em; line-height:20px;}
	.about-t .ab5 .contact .c1 .tit{ width:100%; margin-bottom:40px; padding:0;}
	.about-t .ab5 .contact .c1>.dots{ width:100%;}
	.about-t .ab5 .contact .c2{ bottom:-10%;}
	#container { height: 340px;}
}
@media screen and (max-width: 1024px) {
	.banners .txts{ height:320px;}
	.about-t .ab2 .introduction .txts{ margin-top:20px;}
	.about-t .ab2 .tit h3,.about-t .ab3 .history .tit h3,.about-t .ab4 .ab4-line .warp .tit h3,.about-t .ab5 .contact .c1 .tit h3{ font-size:2.4em;}
	.about-t .ab2 .tit h4,.about-t .ab3 .history .tit h4,.about-t .ab4 .ab4-line .warp .tit h4,.about-t .ab5 .contact .c1 .tit h4{ line-height:24px; font-size:1.6em;}
	.about-t .ab2 .introduction .txts>*{ width:100%;}
	.about-t .ab2 .introduction .txts .left{ margin-bottom:40px;}
	.about-t .ab2 .introduction .txts .right{ text-align:center;}
	.about-t .ab2 .introduction .txts .right img{ max-width:500px;}
	.about-t .ab2 .culture .tit { padding: 60px 0 20px 0;}
	.about-t .ab2 .culture .abc>*{ display:block;}
	.about-t .ab2 .culture .abc .ab-list{ width:100%; overflow:hidden;}
	.about-t .ab2 .culture .abc .ab-list div{ float:left; width:20%; margin-bottom:20px;}
	.about-t .ab2 .culture .abc .ab-txt{ width:100%;}
	.about-t .ab2 .culture .abc .ab-txt .box{ padding-left:0;}
	.about-t .ab2 .culture .abc .ab-txt .box .dot .t1{ padding-bottom:20%;}
	.about-t .ab2 .culture .abc .ab-txt .box .dot{ padding:20px 30px;}
	.about-t .ab3 .ab3-line { padding: 60px 0 40px 0;}
	.about-t .ab3 .history .txts .history-slider .swiper-slide .txt p{ font-size:1.4em;}
	.about-t .ab1 p, .about-t .ab3 .ab3-line p, .about-t .ab4 .ab4-line .warp>p{ display:inline;}
	.about-t .ab4 .ab4-line .warp>h3{ padding-top:60px;}
	.about-t .ab4 .ab4-line .warp .tit{ padding-top:60px;}
	.about-t .ab4 .join>*{ display:block;}
	.about-t .ab4 .join .left{ width:100%;}
	.about-t .ab4 .join .right{ width:100%; clear:both;}
	.about-t .ab4 .join .left .btn .fc-btn{ float:none;}
	.about-t .ab5 .contact .c2{ bottom:-140px;}
	.joinshow .txt .t1 p{ width:100%;}
}
@media screen and (max-width: 850px) {
	.banners .txt { padding: 0 40% 0 40px;}
	.about-t .ab3 .history .txts .history-slider .swiper-slide .txt h4{ font-size:2.4em;}
	.about-t .ab5 .contact .c1{ padding:40px 0 200px 0;}
	.about-t .ab5 .contact .c1>.dots .dot{ width:50%; border-right:none !important; margin-bottom:20px;}
	.about-t .ab5 .contact .c1>.dots .dot:last-child p{ border-right:1px dashed #89898c;}
	.about-t .ab2 .culture .abc .ab-list p{ font-size:1.4em; line-height:20px; height:40px;}
	.about-t .ab2 .culture .abc .ab-txt .box .dot{ width:100%; margin:20px 0  0 0;}
	.about-t .ab2 .culture .abc .ab-txt .box .dot .t1{ padding-bottom:20px;}
	.about-t .ab2 .culture .abc .ab-txt .box .dot .t2{ height:fit-content; margin-bottom:30px;}
	.about-t .ab2 .culture .abc .ab-txt .box .dot .btn{ width:40px; height:40px; padding:10px;}
	.about-t .ab3 .history .txts .history-slider .swiper-slide{ max-width:100%}
	.about-t .ab3 .history .txts .history-slider .swiper-slide:nth-child(2n) .txt,.about-t .ab3 .history .txts .history-slider .swiper-slide .txt{ border-bottom:none; margin-top:0; height:auto; border-top:none;}
    .about-t .ab3 .history .txts .history-slider{ height:auto; padding:60px 20px 0 20px;}
    .about-t .ab3 .history .txts .history-slider .swiper-button-prev, .about-t .ab3 .history .txts .history-slider .swiper-button-next{ height:60px;}
}
@media screen and (max-width: 650px) {
	.banners .txt{ padding:0; opacity: 0.8;}
	.about-t .ab1 h3,.about-t .ab3 .ab3-line h3,.about-t .ab4 .ab4-line .warp>h3{ font-size:2.4em; line-height:30px;}
	.about-t .ab3 .history .txts .history-slider{ min-height:240px; height:fit-content;}
	.about-t .ab4 .join .left .dot .fc-input{ margin-bottom:20px;}
	.about-t .ab4 .join .left .fc-input{ padding:6px 10px;}
	.about-t .ab4 .join .left .btn .fc-btn { width:100%;}
	.about-t .ab5 .contact .c2{ padding:20px 40px;}
	.about-t .ab5 .contact .c2{ bottom:-160px;}
	.about-t .ab5 .contact .c2>h3{ margin-bottom:20px;}
	.about-t .ab5 .contact .c2 .dots .dot{ padding:10px ; display:block; float:left; width:50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	.about-t .ab5 .contact .c2 .dots .dot img{ width:30px;}
	.about-t .ab5 .contact .c2 .dots .dot span{ margin-bottom:10px;}
	.about-t .ab5 .contact .c2 .dots .dot p{ height:32px;}
	.about-t .ab5 .contact .c2 .dots .dot:last-child {  border-right: 1px solid #e5e5e5;}
}
@media screen and (max-width: 550px) {
	.banners .txts{ height:240px;}
	.about-t .ab1,.about-t .ab2{ padding:40px 0;}
	.about-t .ab1 h3{ margin-bottom:15px;}
	.about-t .ab2 .introduction .left .dots .dot{ padding:0 12px;}
	.about-t .ab2 .introduction .left .dots .dot img{ width:40px;}
	.about-t .ab2 .introduction .left .dots .dot p{ font-size:1.2em;}
	.about-t .ab2 .culture .abc .ab-list div{ padding:12px 6px; margin-bottom:0;}
	.about-t .ab2 .culture .abc .ab-txt .box .dot .t1 h4{ font-size:2.8em;}
	.about-t .ab1 h3, .about-t .ab3 .ab3-line h3, .about-t .ab4 .ab4-line .warp>h3{ font-size:2em;}
	.about-t .ab3 .history .txts .history-slider .swiper-button-prev{ width:60px;}
	.about-t .ab3 .history .txts .history-slider .swiper-slide { padding: 20px 20px 20px 80px;}
	.about-t .ab3 .history .txts .history-slider .swiper-slide .txt{ margin-top:10px;}
	.about-t .ab3 .history .txts .history-slider .swiper-slide h3{ font-size:2em;}
	.about-t .ab4 .ab4-line .warp>h3,.about-t .ab4 .ab4-line .warp .tit{ padding-top:40px;}
	.about-t .ab5 .contact .c1>.dots .dot{ width:100%;}
	.about-t .ab5 .contact .c1>.dots .dot h3{ margin-bottom:10px;}
	.about-t .ab5 .contact .c2>h3{ font-size:1.6em; line-height:20px;}
}
@media screen and (max-width: 450px) {
	.about-t .ab5 .contact .c2{ padding:10px; position:relative; bottom:0;}
	.about-t .ab5 .contact .c1 { padding: 40px 0 40px 0;}
}

/*news*/
@media screen and (max-width: 1600px) {
	c { padding: 90px 0;}
	.news-t .n1 .left{ padding-left:0;}
	.news-t .lines h3{ font-size:4.8em; line-height:52px;}
	.news-t .n1 .news1-slider .swiper-slide .date h3{ font-size:4em;}
	.news-t .n1{ background-size:cover !important;}
	.news-t .n2 .news2-slider{ padding:0 100px;}
	.news-t .n2 .news2-slider .swiper-button-next,.news-t .n2 .news2-slider .swiper-button-prev{ background-size:100px 100%; width:100px;}
	.news-t .n2 .tit h3 { font-size: 3.2em; margin-bottom:10px;}
	.news-t .n2 .tit h4{ font-size:2.4em;}
	.news-t .n2 .tit, .news-t .n2 .txt{ padding:0;}
}
@media screen and (max-width: 1400px) {
	.news-t .n1 .left{ width:100%; margin-bottom:20px;}
	.news-t .n1 .n-input { width: calc(100% - 120px);}
	.news-t .n1 .news1-slider { width: 100%;}
	.news-t .n1 .news1-slider{ padding-bottom:80px;}
	.news-t .n1 .news1-slider .swiper-button-next, .news-t .n1 .news1-slider .swiper-button-prev{ width:40px; height:40px;}
	.news-t .n1 .news1-slider .btns{ width:90px;}
	.news-t .n2{ padding:60px 0;}
	.news-t .n2 .tit{ margin-bottom:30px;}
	.news-t .n2 .news2-slider{ padding:0 40px;}
	.news-t .n2 .news2-slider .swiper-button-next,.news-t .n2 .news2-slider .swiper-button-prev{ background-size:40px 100%; width:40px;}
}
@media screen and (max-width: 1200px) {
	.news-t .lines h3{ font-size:3.2em; line-height:34px;}
	.news-t .lines{ padding:60px 0;}
	.news-t .lines p{ font-size:1.6em; line-height:24px;}
	.news-t .n1{ padding:40px 0;}
	.news-t .n1 .news1-slider .swiper-slide .date h3{ padding:25px 0;}
	.news-t .n1 .news1-slider .swiper-slide .txt{ padding:20px;}
	.news-t .n1 .news1-slider .swiper-slide .date h3{ font-size:3.2em;}
	.news-t .n1 .news1-slider .swiper-slide .btn{ opacity:1;}
}
@media screen and (max-width: 1024px) {
	.news-t .n1 .news1-slider{ padding-bottom:60px;}
	.news-t .n1 .news1-slider .btns{ bottom:20px;}
}
@media screen and (max-width: 850px) {
	.news-t .lines{ padding:40px 0;}
	.news-t .lines h3{ margin-bottom:10px;}
	.news-t .n2 .tit h3{ margin-bottom:0;}
	.news-t .n2 .news2-slider .swiper-slide .txt{ padding:16px;}
	.news-t .n2 .news2-slider .swiper-slide .txt h3{ margin-bottom:5px; line-height:20px; height:40px;}
	.news-t .n2 .news2-slider .swiper-slide .txt .date{ margin-top:20px;}
	.news-t .n1 .news1-slider .swiper-slide .date h3{ font-size:2.4em;}
	.news-t .n1 .news1-slider .swiper-slide .txt h3{ margin-bottom:10px;}
	.news-t .n1 .news1-slider .swiper-slide .txt{ width:75%;}
	.news-t .n1 .news1-slider .swiper-slide .date h3{ padding:10px 0;}
	.news-t .n1 .news1-slider .swiper-slide .txt p{ width:90%;}
	.news-t .lines h3{ font-size:2.4em; line-height:24px;}
	.news-t .lines p{ font-size:1.4em; line-height:20px;}
}
@media screen and (max-width: 650px) {
	.news-t .n2 .tit h3{ font-size:2.4em;}
	.news-t .n2 .tit h4{ font-size:1.6em; line-height:24px;}
	.news-t .n2 .tit{ margin-bottom:20px;}
	.news-t .n2{ padding:40px 0;}
	.news-t .n1 .news1-slider .swiper-slide .btn{ display:none;}
	.news-t .lines p{ display:inline;}
}
@media screen and (max-width: 450px) {
	.news-t .lines h3{ font-size:2em;}
	.news-t .n1 .n-input { width: calc(100% - 100px); }
	.news-t .n1 .news1-slider .swiper-slide .date{ padding:6px;}
	.news-t .n1 .news1-slider .swiper-slide .date h3{ font-size:2em;}
	.news-t .n1 .news1-slider .swiper-slide .date img{ width:15px;}
	.news-t .n1 .news1-slider .swiper-slide .txt{ padding:15px;}
	.news-t .n1 .news1-slider .swiper-slide .txt h3{ margin-bottom:6px;}
	.news-t .n1 .news1-slider .btns{ width:100%;}
}

/*newsshow*/
@media screen and (max-width: 1550px) {
	.newsshow{ padding:60px 0;}
}
@media screen and (max-width: 1024px) {
	.newsshow .tit,.newsshow .btn{ padding:40px 20px;}	
	.newsshow .txt{ padding:20px;}
}
@media screen and (max-width: 600px) {
	.newsshow .tit h3{ font-size:1.6em;}
	.newsshow .tit .dot h4{ font-size:1em; padding:10px 2px;}
	.newsshow .tit{ padding:30px 20px 0 20px;}
	.newsshow .btn{ padding:0px 20px 30px 20px;}	
	.newsshow .btn a{ padding:10px 15px;}
	.newsshow { padding: 40px 0;}
	.newsshow .btn a { padding: 8px 10px;}
}

/*technology*/
@media screen and (max-width: 1600px) {
	.technology-t .tec1 .tits h3{ font-size:5.2em;}
	.technology-t .tec1 .tits{ padding:80px 0;}
	.technology-t .tec1 .txt .boxs .br { margin: -20% -110px 0 0;}
}
@media screen and (max-width: 1400px) {
	.technology-t .tec1 .tits h3{ font-size:4.6em;}
	.technology-t .tec1 .txt .boxs { padding: 80px 0 160px 0;}
	.technology-t .tec1 .txt .boxs .br{ width:70%;}
	.technology-t .tec2 .txt .left p{ line-height:30px;}
	.technology-t .tit h3 { font-size: 3.2em; margin-bottom:5px;}
	.technology-t .tit h4{ font-size:2.4em;}
	.technology-t .tec2 .txt .right { padding-left: 4%;}
	.technology-t .tec3 .txts{ margin:0;}
	.technology-t .tec3 .txts .dot{ margin:20px 0;}
	.technology-t .tit{ margin-bottom:30px;}
	.technology-t .tec4 .dots { width: calc(100% + 20px);  margin-left: -10px;}
	.technology-t .tec4 .dots .dot{ margin:0 10px; width: calc(50% - 20px);}
}
@media screen and (max-width: 1200px) {
	.technology-t .tec1 .tits{ padding:60px 0;}
	.technology-t{ padding:0;}
	.technology-t .tec1 .tits h3{ font-size:3.2em; margin-bottom:15px;}
	.technology-t .tec1 .tits p{ font-size:1.6em; line-height:20px;}
	.technology-t .tec1 .txt .boxs { padding: 40px 0 100px 0;}
	.technology-t .tec1 .txt .boxs .br { margin: -300px -110px 0 0;}
	.technology-t .tec2 .txt{ padding:30px 20px;}
	.technology-t .tec3{ padding-top:60px;}
	.technology-t .tec4 .dots .dot{height:320px;}
}
@media screen and (max-width: 1024px) {
	.technology-t .tec1 .tits{ padding:40px 0;}
	.technology-t .tec1 .txt .boxs .br{ margin:-220px 0 0 0; width:100%; padding:50px 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	.technology-t .tec1 .txt .boxs .bc{ padding:40px 20px;}
	.technology-t .tec2 .txt .right{ padding-left:2%;}
	.technology-t .tec2 .txt .left p{ line-height:24px;}
	.technology-t .tit h3 { font-size: 2.4em; margin-bottom:5px;}
	.technology-t .tit h4{ font-size:2em; line-height:32px;}
	.technology-t .tec4 .dots .dot .txt h3{ font-size:2.4em; margin-bottom:20px;}
}
@media screen and (max-width: 850px) {
	.technology-t .tec1 .tits h3{ font-size:2.4em;}
	.technology .txt{ padding:0 20% 0 40px; }
	.technology-t .tec2 .txt>*{ width:100%;}
	.technology-t .tec2 .txt .left{ margin-bottom:40px; border:none; border-bottom:1px solid #ccc; padding-bottom:20px;}
	.technology-t .tec2 .txt .right .img{ max-width:450px;}
	.technology-t .tec4 .dots .dot .txt{ opacity:1;}
}
@media screen and (max-width: 650px) {
	.technology .txt{ padding:0 0% 0 0px; }
	.technology-t .tec1 .tits p{ display:inline;}
	.technology-t .tec1 .txt .boxs{ padding:0 0 40px 0;}
	.technology-t .tec2 .txt .left{ margin-bottom:20px;}
	.technology-t .tec3{ padding-top:40px;}
	.technology-t .tit{ margin-bottom:20px;}
}
@media screen and (max-width: 450px) {
	.technology-t .tec1 .tits h3{ font-size:2em;}
	.technology .txt h3{ font-size:3.2em;}
	.technology .txt h4{ font-size:2.4em;}
	.technology-t .tec1 .tits p{ font-size:1.4em;}
	.technology-t .tit h3{ font-size:2em;}
	.technology-t .tit h4{ font-size:1.6em;}
	.technology-t .tec2 .txt{ padding:20px 15px;}
	.technology-t .tec3 .txts .dot h3{ line-height:32px;}
	.technology-t .tec3 .txts .dot p{ line-height:20px;}
	.technology-t .tec4 .dots .dot{ width:100%; margin:10px 0 0 0;}
}

/*application*/
@media screen and (max-width: 1600px) {
	.application-t .application-slider .swiper-slide .right .txt h3{ font-size:8.5em;}
	.application-t .application-slider .swiper-slide .right .txt h4{ font-size:5.2em;}
	.application-t .txts { padding: 40px 0px 100px 0px;}
	.application-t .application-slider .swiper-slide .box1{ margin-bottom:60px;}
}
@media screen and (max-width: 1400px) {
	.application-t .application-slider .swiper-slide .right .txt h3{ font-size:6em;}
	.application-t .application-slider .swiper-slide .right .txt h4{ font-size:4em;}
	.application-t .application-slider .swiper-slide .left p{ line-height:20px; margin-bottom:10px;}
	.application-t .btns2 .swiper-pagination{ font-size:2.4em;}
	.application-t .tit{ padding:60px 0;}
	.application-t .tit h3{ font-size:4.2em; line-height:42px; margin-bottom:20px;}
	.application-t .tit p { font-size: 1.8em; line-height: 24px;}
}
@media screen and (max-width: 1200px) {
	.application-t .application-slider .swiper-slide .box1{ height:400px;}
	.application-t .application-slider .left .btns2{ height:120px;}
	.application-t .application-slider .swiper-slide .left .btns{ bottom:20px;}
	.application-t .btns2 .swiper-pagination{ font-size:2em;}
	.application-t .application-slider .swiper-slide .left{ padding:20px;}
	.application-t .tit h3{ font-size:3.6em; line-height:42px; margin-bottom:20px;}
	.application-t .tit p { font-size: 1.6em; line-height: 24px;}
}
@media screen and (max-width: 1024px) {
	.application-t .txts { padding: 40px 0px 60px 0px;}
	.application-t .application-slider .swiper-slide .right .txt h3{ font-size:4.2em;}
	.application-t .application-slider .swiper-slide .right .txt h4{ font-size:3.2em; padding-left:10px;}
	.application-t .application-slider .swiper-slide .left p{ display:none;}
	.application-t .application-slider .swiper-slide .box1{ margin-bottom:20px;}
}
@media screen and (max-width: 850px) {
	.application-t .application-slider .swiper-slide .left{ width:100px;}
	.application-t .btns2 .swiper-pagination{ font-size:1.6em;}
	.application-t .btns2 .swiper-pagination .on{ font-size:1.5em;}
	.application-t .application-slider .left .btns2{ height:100px;}
	.application-t .application-slider .swiper-slide .right { width: calc(100% - 125px);}
	.application-t .application-slider .swiper-slide .right .txt{ right:40px; bottom:10px;}
	.application-t .application-slider .swiper-slide .box1{ height:300px;}
	.application-t .application-slider .swiper-slide .more,.application-t .application-slider .swiper-slide .more img{ width:25px;}
	.application-t .tit h3{ font-size:2.4em; line-height:24px; margin-bottom:10px;}
	.application-t .tit p { font-size: 1.4em; line-height: 20px;}
	.application-t .tit{ padding:40px 0;}
}
@media screen and (max-width: 650px) {
	.application-t .application-slider .swiper-slide .box1{ height:240px;}
	.application-t .application-slider .swiper-slide .right .txt h3{ font-size:3.2em; display:block;}
	.application-t .application-slider .swiper-slide .right .txt h4{ font-size:2.4em;}
	.application-t .application-slider .swiper-slide .box2 .img{ width:100%; margin:10px auto; float:none; max-width:400px;}
	.application-t .txts{ padding:40px 0;}
	.application-t .tit p{ display:inline;}
}
@media screen and (max-width: 450px) {
	.application-t .application-slider .swiper-slide .left{ width:65px;}
}

/*applicationshow*/
@media screen and (max-width: 1400px) {
	.applicationshow .tit h4{ font-size:3.2em; margin-bottom:10px;} 
}
@media screen and (max-width: 1024px) {
	.applicationshow{ padding:40px 0;}
	.applicationshow .tit h4{ font-size:2.4em; } 
	.applicationshow .imgs img{ max-width:100%; margin:10px 0;}
}
@media screen and (max-width: 650px) {
	.applicationshow{ padding:40px 0;}
	.applicationshow .tit h4{ font-size:2em; } 
}	

/*product*/
@media screen and (max-width: 1800px) {
	.product .txt{ padding:0 30% 0 40px; }
}
@media screen and (max-width: 1600px) {
	.product-t .pro-boxs .boxs{ padding:0 0px;}
	.product-t .tits .dots .dot{ height:500px;}
	.product-t .tits{ padding:80px 0;}
	.product-t .tits .dots{ margin-top:70px;}
	.product-t .tits .tit h3{ font-size:4.2em; line-height:42px;}
	.product-t .tits .tit p{ font-size:1.8em; line-height:24px;}
}
@media screen and (max-width: 1400px) {
	.product-t .tits .dots .dot{ height:400px;}
	.product-t .pro-boxs .boxs .box { width: calc(25% - 20px); margin: 10px 10px;}
	.product-t .pro-boxs{ padding:60px 0;}
	.product-t .tits .dots .dot h3{ font-size:3.2em; margin-bottom:5px;}
	.product-t .tits .dots .dot h4{ font-size:1.6em;}
	.product-t .pro-list{ margin-bottom:30px;}
}
@media screen and (max-width: 1024px) {
	.product-t .pro-boxs .boxs .box .txt .t1{ padding:12px;}
	.product-t .pro-boxs .boxs .box { width: calc(33.33% - 20px);}
	.product-t .tits .dots .dot p{ display:none;}
	.product-t .tits .dots .dot{ height:280px;}
	div.fy{ text-align:center; padding-right:0;}
}
@media screen and (max-width: 850px) {
	.product-t .tits{ padding:60px 0;}
	.product-t .tits .tit h3{ font-size:3em; line-height:32px; margin-bottom:10px;}
	.product-t .tits .tit p{ font-size:1.4em; line-height:20px;}
	.product-t .tits .dots .dot h3{ font-size:2.4em;}
	.product-t .tits .dots{ margin-top:50px;}
	.product-t .pro-boxs{ padding:40px 0;}
	.product-t .pro-list{ margin-bottom:10px;}
	.product-t .pro-list a{ padding:6px 12px;}
	.product .txt{ padding:0 0% 0 0px; }
}
@media screen and (max-width: 650px) {
	.product-t .pro-boxs .boxs .box { width: calc(50% - 20px);}
	div.fy a,div.fy span.current,div.fy span.disabled{ padding:4px 8px;}
	div.fy{ padding-top:10px;}
	.product-t .tits .dots .dot span{ display:none; }
	.product-t .tits .dots .dot h4{ margin-bottom:0; font-size:1.4em;}
	.product-t .tits .dots .dot h3{ font-size:1.8em;}
	.product-t .tits .dots .dot{ height:200px;}
	.product-t .tits .tit p{ display:inline;}
	.product-t .tits{ padding:40px 0;}
	.product-t .tits .dots{ margin-top:20px;}
	.product-t .tits .tit h3{ font-size:2.4em;}
}
@media screen and (max-width: 550px) {
	.product-t .tits .dots .dot{ display:block; width:100%; height:fit-content; padding:40px 20px;}
}
@media screen and (max-width: 450px) {
	.product-t .pro-list a{  padding:0 6px; margin:2px 0;}
	.product-t .pro-boxs{ padding:20px 0;}
	.product-t .pro-boxs .boxs .box { width: calc(100% - 20px);}
	.product-t .tits .tit h3{ font-size:2em; line-height:20px;}
}

/*productshow*/
@media screen and (max-width: 1200px) {
	.product-t .pst{ padding:40px;}
	.product-t .pst .box1 .imgs{ padding-right:20px;}
}
@media screen and (max-width: 1024px) {
	.product-t .pst{ padding:20px;}
	.product-t .pst .box1{ margin-bottom:20px;}
	.product-t .pst .box1 .txts h3{ font-size:3.2em; margin-bottom:10px;}
	.product-t .pst .box1 .ips-p, .product-t .pst .box1 .ips-n{ width:30px; background-size:30px 100%;}
	.product-t .pst .box1 .ps-imgs .gallery-thumbs{ margin:0 35px;}
	.product-t .pst .box1 .txts .tip p{ font-size:1.4em; line-height:24px;}
}
@media screen and (max-width: 800px) {
	.product-t .pst .box1 .imgs{ width:100%; padding-bottom:40px; float:none; padding:0;}
	.product-t .pst .box1 .txts{ width:100%; float:none;}
	.product-t .pst .box2 .tit-t h3{ padding:10px 25px; font-size:1.6em;}
	.product-t .product-txt .p-btn{ margin-top:20px;}
	.product-t .pst .box1 .imgs{ text-align:center; max-width:450px; margin:0 auto;}
	.product-t .product-txt .p-btn a{ width:100%;}
	.product-t .product-txt .p-btn a:last-child{ text-align:left;}
}
@media screen and (max-width:600px) {
	.product-t .pst .box1 .imgs{ padding-bottom:20px;}
	.product-t .pst .box1 .txts h3{ font-size:2em;}
	.product-t .pst{ padding:10px;}
	.product-t .product-txt{ padding:20px 0;}
	.product-t .pst .box2 .tit-t h3{ padding:6px 15px;}
}