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

/*index*/
@media screen and (max-width: 1700px) {
	.ia .box .txt{ width:40%;}
	.footer .fo1 .tit h3,.footer .fo1 .dot{ width:150px;}
	.icases .box1 .right {padding-left: 200px;}
}
@media screen and (max-width: 1550px) {
	.icases .box1 .right {padding-left: 100px;}
	.ipartner .tit { margin-bottom: 30px;}
	.ia {  padding: 50px 0;}
	.banner .swiper-slide .txt1 .di img {padding-right: 60px;  padding-top: 20px;}
	.ipartner .txts{ padding-bottom:0;}
	.header .munes{ margin-right:100px;}
	.ia .box {  padding: 60px 45px 60px 45px;}
	.ia .box .txt>h4{ font-size:2em; }
	.ia .box .txt>h5{ margin-bottom:25px;}
	.ia .box .dots .dot{ margin-right:30px;}
	.ia .box .dots .dot .d h3{ font-size:3.2em;}
	.ia .box .dots{ margin-bottom:20px;}
	.footer .fo1 .tit h3,.footer .fo1 .dot{ width:140px;}
	.footer{ padding:40px 0;}
}
@media screen and (max-width: 1350px) {
	.footer .txt .dot,.footer .fo1 .tit{ display:none;}
	.ipartner .boxs{ width:calc(100% + 20px);}
	.ipartner .box { width: calc(20% - 20px); margin:10px}
	.ipartner .boxs{ padding:20px 0;}
	.footer .fo1 .fc{ padding:0;}
	.footer .fo1 .two{ padding:0;}
	.ipartner .b .t { padding: 10% 10px 0 0;}
	.ipartner .tit h3 { font-size: 2em; margin-bottom: 0px;  margin-right: 25px;}
}
@media screen and (max-width: 1250px) {
	.icases .box1 .right{ width:calc(100% - 500px); padding-left:20px;}
	.icases .box1 .left{ max-width:500px;}
	.icases .box2 .right .box .txt{ padding:6px 10px;}
	.icases .box2 .left .box .txt{ padding:18px 20px;}
	.ia-slider,.ia .box .txt{  width:100%;}
	.ia .box2{position:relative; top:0px; margin-top:40px;}
	.psli-txt p{ float:left;}
	.ipartner .boxs{  width: calc(100% + 20px); margin-left:-10px; }
	.ipartner .b {  width: calc(50% - 20px);  margin: 10px;}
	.ipartner .b:nth-child(3){ display:none;}
} 
@media screen and (max-width: 1024px) {
	.footer{ padding:20px 0;}
	.footer-tit p{ padding:0;}
	.ia{ padding:40px 0;}
	.icases .box2 .left, .icases .box2 .right{ width:100%;}
	.header .munes{ display:none;}
	.header .warp{background:none;}
	.header .logo{ padding:9px 0;}
	.icases .box1 .right,.icases .box1 .left{ max-width:fit-content; width:fit-content;}
	.icases .box1 .right{ padding:0;}
	.banner .swiper-slide{ height:500px !important;}
	.banner .swiper-slide .txt1{ padding-top:60px;}
	.banner .swiper-slide .txt1 .di img{ padding-top:40px; padding-right:40px;}
	.banner .swiper-slide .txt1 .dot1 .dl h3{ font-size:2.4em;}
	.banner .swiper-slide .txt1 .dot1 .dl h4{ font-size:1.8em;}
	.banner .swiper-slide .txt1 .dot1 .dl span{ font-size:3.2em;}
	.banner .swiper-slide .txt1 .dot1 .dr p{ font-size:1.6em; padding-top:20px; line-height:24px;}
	.ipartner .box { width: calc(25% - 20px);}
	#hamburger { top:45px;}
	.team2 .team-p, .team2 .team-n { width: 40px;  height: 60px;  background-size: 40px 60px;}
}
@media screen and (max-width: 800px) {
	.ipartner .box { width: calc(33.33% - 20px);}
	.footer-tit p{ padding:0; float:none !important; text-align:center;}
	.ipartner a { padding: 10px 6px; font-size: 1.4em; width: 100px; margin-bottom:10px;}
	.ipartner .b {  width: calc(100% - 20px); }
	.ipartner .tit h3{ margin-bottom:10px;}
	.ipartner .tit {  margin-bottom: 20px;}
}
@media screen and (max-width: 600px) {
	.inews .box{ padding:20px 10px;}
	.inews p{width:calc(100% - 100px);}
	.icases .box1{ padding:40px 0;}	
	.icases .box1 .left h4{ font-size:2.4em;}
	.icases .box1 .left p{ margin-bottom:40px;}
	.icases .box1 .left h5{ margin-bottom:20px;}
	.icases .box2 .box h3{ font-size:1.6em;}
	.icases .box2 .box p{font-size:1.4em;}
	.ia .box{ padding:40px 20px;}
	.ia .box .txt>h3{ font-size:2em;}
	.ia .box .txt>h4{ font-size:1.6em;}
	.ia .box .txt>h5{ font-size:1.4em;}
	.ia .box .txt>p{ line-height:24px;}
	.psli-txt{ padding:10px 15px; }
	.ia-slider .swiper-slide-active .psli-txt{ bottom:20px;}
	.icases .box2 .right .box{ width:100%;}
	.icases .box2 .right .box .txt,	.icases .box2 .left .box .txt{ padding:10px 15px;}
	.banner .swiper-slide .txt1 .dot1 .dl h3{ font-size:1.8em;}
	.banner .swiper-slide .txt1 .dot1 .dl h4{ font-size:1.4em;}
	.banner .swiper-slide .txt1 .dot1 .dl span{ font-size:2em; bottom:10px;}
	.banner .swiper-slide .txt1 .dot1 .dr p{ font-size:1.4em; padding-top:20px; line-height:24px;}
	.banner .swiper-slide .txt1 .dot1 .dl,.banner .swiper-slide .txt1 .dot1 .dr{ padding-right:5%; float:right; width:100% !important; text-align:right;}
	.banner .swiper-slide .txt1 .dot1 .dr p{ max-width:100%;}
	.banner .swiper-slide{ height:fit-content !important; padding-bottom:20px;}
	.banner .swiper-slide .txt1 .di img{padding-right:20px;max-width: 85%; padding-top: 20px;}
	.banner .swiper-slide .txt1{ padding-top:20px;}
	.banner .swiper-slide{ background-position:right !important;}
	.icases .box1 .left h3 {   font-size: 2em; margin-bottom:20px;}
	.icases .box1 .left h4{ font-size:1.4em;}
	.ipartner .box { width: calc(50% - 20px);}

}
@media screen and (max-width: 400px) {
	.icases .box1 .right .icons img{ width:240px;}
	.icases .box1 .right .icons{ width:240px; height:200px; margin-top:40px;}
}

/*contact*/
@media screen and (max-width: 1700px) {
	.contact .c2 .right { padding: 50px 20px 0 20px;}
	.contact .c2 form{ margin-top:20px;}
	.contact .c2 form .ic-input{ margin-bottom:10px;}
}
@media screen and (max-width: 1550px) {
	.contact #tablist2 .swiper-slide{ padding:40px 25px;}
	.contact #tablist2 {  margin-bottom: 40px; }
	.contact .c2 form .ic-input,.contact .c2 form .ic-txt{ padding:10px;}
	.contact .c2 .tit p{font-size:1.4em;margin-top: 10px;}
	.contact .c2 form .ic-txt{ margin-bottom:10px;}
	.contact .c2 form .ic-btn{ font-size:1.6em;}
}
@media screen and (max-width: 1250px) {
	#container,.contact .content-box2{ height:450px !important;}
	.contact #tablist2 .swiper-slide{ padding:25px 20px;}
	.contact .c2 .right,.contact .c2 .left{ float:none; width:100%; display:block;}
	.contact .c2 .right{ padding:20px 20px 50px 20px;}
	.contact .c2 .left{ text-align:center;}
	.contact .c2 .left img{ width:100%; max-width:600px; padding:20px 20px 10px 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	.contact { padding-bottom: 65px;}
	.contact .c2{ width:100%;}
}
@media screen and (max-width: 900px) {
	.contact .content-box2{ margin:20px 0;}
	.contact #tablist2 .swiper-slide{ max-width:525px; width:100%; margin:0 auto; float:none; margin-bottom:20px; display:block; padding:25px 20px 65px 20px;}	
}
@media screen and (max-width: 800px){	
	.banners { margin: 0px 0 25px 0; overflow:hidden;}
	.banners .warp{ width:100%;}
	.contact-ban img{ width:200%; margin-left:-100%;}
	.contact #tablist2 { width: calc(100%); margin-left: 0px;}
}
@media screen and (max-width: 600px) {
	.contact .c2 form .ic-input{ width:calc(100% - 20px);}
	.contact .c2 .right { padding: 20px;}
	.ab7 .c3 { padding: 45px 0 45px 0;}
	.contact #tablist2{ margin-bottom:20px;}
	.contact .c2 .left img{ padding:0;}
	#container,.contact .content-box2{ height:350px !important;}
	.contact #tablist2 h3{ font-size:1.8em; margin-bottom:10px;}
	.contact #tablist2 p{ line-height:24px;}
	.contact .c2 .tit .ts h3,.ab7 .c3 .txts .ts h3{ font-size:2em;}	
	.contact .c2 .tit .ts h4,.ab7 .c3 .txts .ts h4{ font-size:1.6em;}
	.contact { padding-bottom: 30px;}
}

/*about*/
@media screen and (max-width: 1550px) {
	.ab1 .ia-slider{ width:45%;}
	.ab1 .box .txt{ width:55%;}
	.ab1 .psli-txt{ left:20px;}	
	.ab5-honor .right{ padding:60px 0 0 0; text-align:center;}
	.ab5-honor .right img{ margin-bottom:10px;}
	.ab5-honor .left .bd-box{ width:50%;}
	.ab2-speech .boxs .txt p { line-height: 24px;  margin-bottom: 20px;}
	.ab2-speech .boxs .img .t { left: 30%;}
}
@media screen and (max-width: 1250px) {
	.ab1 .ia-slider{ width:100%;}
	.ab1 .box .txt{ width:100%;}
	.ab5-honor .warp{ padding:40px 20px}
	.ab5-honor .right{ width:450px;}
	.ab5-honor .left{ width:calc(100% - 450px);}
	.ab2-speech .boxs .txt .t2 span { margin: 0 0 12px 5px;}
	.ab2-speech .boxs .txt .t2{ margin-top:20px;}
	.ab2-speech .boxs .txt .t:before, .ab2-speech .boxs .txt .t:after {    width: 30px; height:30px; background-size:100% 100%;}
	.ab2-speech .boxs .txt p{ margin:10px 0;}
	.ab2-speech .boxs2 .pt p{ margin-bottom:0;}
	.c3 .img{ width:400px;}
	.c3 .img img{  max-width:400px; width:100%;}
	.ab7 .c3 .txts .left{padding:40px 20px; width:50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	.ab7 .c3 .dots{ width:100%;}
	.ab7 .c3 .txts p{ display:inline;}
	.ab7 .c3 .txts h5{ font-size:1.6em; margin-bottom:10px;}
}
@media screen and (max-width: 1024px) {
	.c-tit h3{ font-size:2em;}
	.c-tit p{ font-size:1.4em;}
	.ab1 .box .txt>p{ margin-bottom:15px; line-height:24px;}
	.ab3-subsidiary .boxs{ margin-bottom:40px;}
	.ab4-history .warp,.ab5-honor,.ab4 .boxs{ padding:40px 0;}
	.ab4-history .warp #ab2-1 { margin: 40px auto 0 auto;}
	.ab5-honor .right,.ab5-honor .left{ width:100%; overflow:hidden;}
	.ab7 .c3 .txts>div{ width:50%;}
	.ab7 .c3,.ab6-news .boxs { padding: 40px 0;}
	.about .warp{ height:400px;}
	.ab1{ padding:0 0 40px 0;}
	.ab1 .box { margin-top: 30px;}
	.ab2-speech { padding: 40px 0;}
	.ab2-speech .boxs>*{ float:none; width:100% !important;}
	.ab2-speech .boxs .img{ float:none; text-align:center; max-width:100%;}
	.ab2-speech .boxs .txt .t{ padding:2% 4%;}
}
@media screen and (max-width: 800px) {
	.ab1 .psli-txt{ padding: 15px 20px; left:20px;}
	.ab1 .psli-txt p{ font-size:1.4em !important; }
	.ab1 .ia-slider{ max-width:500px;}
	.ab2-speech .boxs2>*{ display:block; width:100%; padding:0 !important; margin-top:20px;}
	.ab2-speech .boxs2 h3{ margin-bottom:10px;}
	.ab2-speech .boxs2 p{ line-height:24px;}
	.ab2-speech .boxs2{ margin-top:0px; display:block;}
	.ab4-history #ab2-1 .swiper-slide-active{ transform: scale(1) !important;}
	.ab4-history #ab2-1 .img,.ab4-history #ab2-1 .txt{ max-width:284px; margin:0 auto;}
	.ab4-history #ab2-1 .swiper-slide{ padding:0;}
	.ab5-honor .right img{ margin-bottom:0;}
	.ab5-honor .left .bd h3{ font-size:2em; margin-bottom:20px;}
	.ab5-honor .left .bd p{ line-height:28px;}
	.ab5-honor .left{ height:fit-content;}
	.ab5-honor .left .swiper-slide{height:fit-content;}
	.ab5-honor .left .bd{ width:100% !important; margin-bottom:30px;}
	.ab6-news .boxs .box { max-width:450px; margin: 30px auto 0 auto; float:none;}
	.ab6-news .boxs{ padding:0 0 40px 0;}
	.ab6-news .boxs{ width:100%; margin:0;}
	
	.ab7 .c3 .dots{ margin-top:-20px;}
	.ab7 .c3 .txts>div{ width:100% !important;}
	.ab7 .c3 .dots .icontact-slider{ width:calc(100% - 60px); margin:0 30px; z-index:9;}
	.ab7 .c3 .dots .icon-btn{ width:100%; }
	.icon-btn .swiper-button-prev,.icon-btn .swiper-container-rtl .swiper-button-next,.icon-btn .swiper-button-next,.icon-btn  .swiper-container-rtl .swiper-button-prev{top:50%;}
	.ab5-honor .left .bd-box { width: 100%;}
	.ab5-honor .left .bd-box{ margin-bottom:0;}
	.ab5-honor .left .bd-box h3{ margin-bottom:12px;}
	.ab5-honor .right{ padding:0;}
}
@media screen and (max-width: 600px){
	.ab7 .c3 .txts:after{ height:0;}
	.ab7 .c3 .icontact-slider .txt {  padding: 25px 30px;}
	.ab7 .c3 .icontact-slider .txt>h3 { font-size: 2em; margin-bottom: 10px;}
	.ab7 .c3 .icontact-slider .txt .dot{ margin-bottom:10px;}
	.ab7 .c3 .icontact-slider .txt .tl{ margin-bottom:30px;}
	.about .warp { height: 300px;}
	.ab3-subsidiary .boxs #ab4-1 .swiper-slide,.ab3-subsidiary .boxs{ height:600px;}
	.ab3-subsidiary .boxs #ab4-2 { width: 96%;  height: 400px; margin: 60px 0;}
	.ab7 .c3 .dots .icontact-slider { width: calc(100%);  margin: 0 0px;}
	.ab2-speech .boxs .img .t{ bottom:20px; left:auto; right:50px; width:200px; height:60px;}
	.ab2-speech .boxs .img .t h3 { font-size: 1.6em;}
	.ab2-speech .boxs .txt .t2 .d{ width:100%; margin-top:10px;}
	.ab2-speech .boxs .txt .t2 span{ padding:5px;}
}
@media screen and (max-width: 500px) {
	.ab1 .box .dots .dot .d h3{ font-size:2.2em;}
	.ab1{ padding:40px 0;}
	.header .logo img{  width:120px;}
	.header{ height:80px;}
	.header .logo{ width:130px;}
	#hamburger{ top:35px; right:15px;}
	.ab1 .box .dots{ margin-bottom:5px;}
	.ab1 .box .txt>h4{ margin-bottom:0;}
	.ab3-subsidiary .boxs #ab4-2{ margin:40px 0; padding: 0 20px 0 10px;}
	.ab3-subsidiary .boxs #ab4-1 .swiper-slide,.ab3-subsidiary .boxs{ height:550px;}
	.ab3-subsidiary .boxs #ab4-2{ height:480px;}
	.ab4-history .warp #ab2-1{ margin:15px auto 0 auto;}	
	.ab5-honor .boxs{ margin-top:30px;}
	.ab5-honor .left .bd h3{ font-size:1.8em; font-weight:normal; margin-bottom:15px;}
	.ab5-honor .left .bd p{ line-height:24px;}
	.ab5-honor .left .bd-box{ margin-bottom:0; padding:0;}
	.mold-ift-t .box{ margin-top:30px;}
}

/*newsshow*/
@media screen and (max-width: 1550px) {
	.newsshow{ padding:20px 0 40px 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;}
}

/*brand*/
@media screen and (max-width: 1700px){
	.brand-t .brand1 .boxs>*, .brand-t .brand2 .boxs>*{ padding:20px 60px;}
}
@media screen and (max-width: 1550px){
	.brand-t .brand1 .boxs .left .img{ text-align:center; margin-bottom:20px;}
	.brand-t .brand1 .boxs .left>*{ display:block !important;  width:100% !important;}
	.brand-t .brand1 .boxs .txt p,.brand-t .brand1 .boxs .left p{ display:inline; line-height:28px}
}
@media screen and (max-width: 1300px){
	.brand-t .brand2 .boxs .right .txt h3{ font-size:2.4em;}
	.brand-t .brand2 .boxs .right .txt p{ font-size:1.4em;}
	.brand-t .boxs .left:after{ width:40px;}
	.brand-t .brand1 .boxs>*, .brand-t .brand2 .boxs>*{ padding:20px 30px;}
	.brand-t .brand1 .boxs .txt{ margin:20px 0;}
	.brand .txt { padding: 15% 0 0 5%;}
	.brand .txt h3 {  font-size: 3.2em; line-height: 38px;}
}
@media screen and (max-width: 1100px){
	.brand{ height:400px !important;}
	.brand .warp{ height:400px; background:url(../images/banner/brand-banner.jpg) right top no-repeat; background-size:cover !important; background-position:-300px 0;}
	.brand img{ display:none;}
	.brand-t .brand3 { padding: 80px 0px 80px 0;}
}
@media screen and (max-width: 1024px){
	.brand-t .boxs .left:after{ top:auto; bottom:0; width:100%; height:40px;background-image:linear-gradient(180deg,transparent 0%,rgba(0,0,0,0.2) 100%);}
	.brand-t .brand1 .boxs>*, .brand-t .brand2 .boxs>*{ display:block; width:100%;}
	.brand-t .brand1 .boxs>*, .brand-t .brand2 .boxs>*{ padding:50px 40px;}
	.brand-t .brand3 .txt .dot{ position:relative; top:auto;  left:auto; width:100%;}
	.brand-t .brand3 .txt .dot>*{ float:left !important;}
	.brand-t .brand3 .txt{ width:100%; max-width:100%;}
	.brand-t .brand3 .txt .dc { width:fit-content; height:fit-content; padding: 40px; margin: 0px auto;}
	.brand-t .brand3 .txt .dot{ overflow:hidden; margin:15px 0;}
	.brand-t .brand3 .txt .dot span {  width: 80px;  height: 80px; margin:0 20px;}
	.brand-t .brand3 .txt .dot span p{ font-size:1.6em;}
	.brand-t .brand3 .txt .dot .t{ margin-top:15px;}
	.brand .warp{ background-position:-350px 0;}
}
@media screen and (max-width: 900px){
	.brand .warp{ background-position:-400px 0;}
	.brand .txt h3 {  font-size: 2.4em; line-height: 28px;}
	.brand .txt p{ font-size:2em;}
	.brand-t .brand2 .boxs .right .txt { margin: 11px 0;}
}
@media screen and (max-width: 800px){
	.brand{ height:300px !important;}
	.brand .warp{ background-position:-200px 0; height:300px;}
	.brand .txt { padding: 15% 0 0 5%;}
}
@media screen and (max-width: 700px){
	.brand .warp{ background-position:-250px 0;}
	.brand .txt{ width:calc(100% - 280px);}
	.brand-t .brand3{ padding:40px 0;}
}
@media screen and (max-width: 650px){
	.brand .warp{ background-position:-320px 0;}
	.brand .txt h3 {  font-size: 2em; line-height: 24px;}
	.brand .txt p{ font-size:1.6em;}
	.brand-t .brand2 .boxs .right .txt h3 {font-size: 2em;}
}
@media screen and (max-width: 600px){
	.tits h3 {  font-size: 2em;}
	.tits h4{ font-size:1.4em;}
	.brand-t .brand2 .boxs .right .txt{ width:98%;}
	.brand .warp{ background-position:-380px 0;}
}
@media screen and (max-width: 550px){
	.brand .warp{ background-position:-420px 0;}
	.brand-t .brand1 .boxs>*, .brand-t .brand2 .boxs>* { padding: 20px 20px;}
	.brand-t .boxs .left:after{ height:15px;}
	.brand-t .brand2 .boxs .right .txt p{ height:fit-content;}
	.brand-t .brand3 .txt .dc{ padding:10px;}
	.brand-t .brand3 .txt .dc img{ width:160px;}
	.brand-t .brand3 .txt h3 { font-size: 1.4em;  line-height: 24px;}
	.brand-t .brand3 .txt .dot .t{ margin-top:0;}
	.brand-t .brand2 .boxs .right .txt{ margin:10px 0;}
	.brand-t .brand2 .boxs .right .txt h3{ font-size:1.8em; line-height:20px;}
}
@media screen and (max-width: 500px){
	.brand .warp{ background-position:0px 0;}
	.brand .txt { width: fit-content; padding:20% 0 0 5%;}
	.brand-t .brand3 .txt .dot .t{ width: calc(100%);display:block !important; margin-top:20px;}
}
@media screen and (max-width: 400px){
	.brand .txt { padding:30% 0 0 5%;}
	.brand-t .brand3{ padding:20px 0;}
}
/*brand4*/
@media screen and (max-width: 1200px){
	.brand-t .brand4 {padding:0 10% 0 0;}
}
@media screen and (max-width: 1024px){
	.brand-t .brand4 {padding:0; background-position:right center;}
	.brand-t .brand4 .warp{ padding:0;  width:100%;}
}
@media screen and (max-width: 600px){
	.brand-t .brand4 {padding:0;}
	.brand-t .brand4 .txt{ max-width:100%; padding:20px ;}
	.brand-t .brand4 .txt .dot .ti h3, .brand-t .brand4 .txt .dot .ti p{ font-size:1.6em; line-height:20px;}
	.brand-t .brand4 .txt .dot{ margin-bottom:20px;}
	.brand-t .brand4 .txt h3{ font-size:1.4em; line-height:20px;}
}

/*mold-ift*/
@media screen and (max-width: 1600px){
	.mold-ift-t .box{ padding:60px 30px;}
	.mold-ift-t .txts .txt .t1 .t p{ line-height:24px;}
}
@media screen and (max-width: 1300px){
	.mold-ift-t .txts .txt .t1 h4{ font-size:2em;}
	.mold-ift-t .txts .txt .t1 .t { padding: 20px 15px;}
}
@media screen and (max-width: 1200px){
	.mold-ift-t .txts .txt { width: calc(50% - 20px); margin:10px;}
	.mold-ift-t .box .center:before{ width:50%; left:25%;}
	.mold-ift-t .txts .txt:nth-child(3):after,.mold-ift-t .txts .txt:nth-child(4):after{ display:none;}
	.mold-ift-t .box .center h3 {  font-size: 3.2em;}
	.mold-ift-t .box .center:after{ height:40px;}
	.mold-ift-t .box .center:before { top: calc(100% + 40px);}
	.mold-ift-t .txts{ margin-top:40px;}
	.mold-ift-t .box{ padding:40px 20px;}
	.mold-ift-t .txts .txt .t1{ height:260px;}
}
@media screen and (max-width: 1024px){
	.mold-ift-t .txts .txt .t1 .t p{ margin-bottom:0;}
	.mold-ift-t .box .center h3{ font-size:2.4em;}
	.mold-ift-t .txts{ margin-top:20px;}
}
@media screen and (max-width: 800px){
	.mold-ift-t .box .center h3{ font-size:2em;}
	.mold-ift-t .txts .txt { width:100%; margin:10px auto; float:none;}
	.mold-ift-t .box .center:before { display:none;}
	.mold-ift-t .txts{ margin-top:30px;}
	.mold-ift-t .txts .txt .t1{ height:fit-content;}
	.mold .md:nth-child(1){ display:none;}
	.mold-ift-t .txts .txt:after{ left:20px; top:20px;}
	.mold-ift-t{ padding-bottom:0;}
}
@media screen and (max-width: 500px){
	.mold .md:nth-child(2){ display:none;}
	.mold-ift-t .box .center h3{ font-size:1.8em; padding:10px 30px;}
	.mold-ift-t .txts .txt .t1 h4{ font-size:1.6em;}
	.mold-ift-t .box{ padding:30px 15px;}
	.tits{ padding:0 22px;}
}
/*@media screen and (max-width: 1500px){
	.mold-ift-t .center {width: 200px; height: 200px; padding:100px; margin-left: -202px;}
	.mold-ift-t .txts .txt .t1 { width: 100px; height: 100px;}
	.mold-ift-t .txts .txt:nth-child(2n) { margin-left: 80px;}
	.mold-ift-t .txts .txt:nth-child(2n-1) { margin-right: 80px;}
	.mold-ift-t .txts .txt { width: calc(50% - 80px);}
	.mold-ift-t .txts .txt .t2 {max-width: calc(100% - 134px); padding-top:0;}
	.mold-ift-t .txts .txt:nth-child(1), .mold-ift-t .txts .txt:nth-child(2){ margin-bottom:170px;}
	.mold-ift-t .txts .txt .t1 h4 { font-size: 2em;}
	.mold-ift-t .box { padding: 45px 30px;}
	.mold-ift-t .txts .txt .t2 p{ line-height:24px;}
}
@media screen and (max-width: 1200px){
	.mold-ift-t .center {width: 150px; height: 150px; padding:60px; margin-left: -137px;}
	.mold-ift-t .txts .txt .t1 { width: 60px; height: 60px;}
	.mold-ift-t .txts .txt:nth-child(2n) { margin-left: 60px;}
	.mold-ift-t .txts .txt:nth-child(2n-1) { margin-right: 60px;}
	.mold-ift-t .txts .txt { width: calc(50% - 60px);}
	.mold-ift-t .txts .txt .t2 {max-width: calc(100% - 95px);padding-top:0;}
	.mold-ift-t .txts .txt:nth-child(1), .mold-ift-t .txts .txt:nth-child(2){ margin-bottom:60px;}
	.mold-ift-t .txts .txt .t1 h4 {font-size: 1.6em; font-weight:bold; line-height:20px;  padding:10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	.mold-ift-t .box { padding: 45px 30px;}
	.mold-ift-t .txts .txt .t2 p{ line-height:24px;}
	.mold-ift-t .center h3{ font-size:2.4em;}
}
@media screen and (max-width: 1024px){
	.mold-ift-t .center { margin-bottom:20px; position:relative; width: 80px; height: 80px; padding:20px; margin-left:-62px; }
	.mold img {  padding:20px;}
	.mold-ift-t .center h3{ font-size:2em;}
	.mold-ift-t .txts .txt,.mold-ift-t .txts .txt:nth-child(1), .mold-ift-t .txts .txt:nth-child(2){ width:100%; height:fit-content; margin-bottom:20px;}
	.mold-ift-t .txts .txt:nth-child(2n) { margin-left: 0px;}
	.mold-ift-t .txts .txt:nth-child(2n-1) { margin-right: 0px;}
	.mold-ift-t{ padding-bottom:0;}
	.mold-ift-t .tits{ margin-bottom:20px;}
}
@media screen and (max-width: 800px){
	
}
@media screen and (max-width: 600px){
	
	.mold-ift-t .txts .txt { border-top:1px solid #b2b2b2; padding-top:20px;}
	.mold-ift-t .txts .txt .t2{ width:100%; max-width:100%; float:none;}
	.mold-ift-t .txts .txt:nth-child(2n-1) .t1{ margin-left:20px;}
	.mold-ift-t .box { padding: 25px 15px;}
	.mold-ift-t .box{ margin-bottom:30px;}
	.tits{ padding:0 22px;}
}*/

/*mold*/
@media screen and (max-width: 1700px){
	.mold-t .box .txt>p{ height:120px; margin-bottom:20px; line-height:30px;}
}
@media screen and (max-width: 1550px){
	.mold-t .box .txt .dots{ margin-bottom:15px;}
	.mold-t .box .txt>p{ height:90px;}
	.mold-t .tits { padding: 25px 40px 60px 40px;}
	.mold-t .boxs { margin-bottom: 50px;}
}
@media screen and (max-width: 1400px){
	.mold-t .box .txt h3 {  margin-bottom: 15px;  font-size: 2em;}
	.mold-t .box .txt{ padding:25px 20px;}
}
@media screen and (max-width: 1200px){
	.mold-t .box .txt .dots{ height:fit-content;}
	.mold-t .box .txt .dots p{ display:inline-block; margin-right:20px;}
}
@media screen and (max-width: 1024px){
	.mold-t .box .txt>p{ line-height:24px; font-size:1.4em; height:72px;}
}
@media screen and (max-width: 950px){
	.mold-t .box a>* { float:none !important; width:100%;}
	.mold-t .box{ max-width:800px; margin:30px auto;}
	.mold-t .tits { padding: 15px 30px;}
	.mold-t .box .txt>p{ height:fit-content;}
	.mold-t .box .txt:after{ height:50px;}
}
/*moldshow*/
@media screen and (max-width: 1500px){
	.modt-2 .txts img { width: calc(20% - 24px);}
	.modt-3 .right img {  margin-top: 15px;}
}
@media screen and (max-width: 1250px){
	.mold-tit{ padding:30px 0;}
	.mold-tit a { font-size: 1.4em; width: 160px; padding: 10px 8px;}
	.modt1{ padding:30px 0;}
	.modt1 .txt { margin: 0px 35px;  padding: 25px 25px;}
	.modt1 h3 { font-size: 2.4em; padding: 10px 0;}
	.modt1 .dot {  margin-bottom: 10px;}
	.modt1 h4{ font-size:1.6em;}
	.modt1 p { line-height:24px; margin-bottom: 20px;}
	.modt-2 .txts { padding: 25px;}
	.modt-2 .txts img{ width:calc(25% - 24px);}
	.modt-3 .right { padding: 20px 80px;}
	.modt-3 .right img {  margin-top: 25px;}
	.modt-3 .right .t{ margin-bottom:10px;}
	.modt-2 .txts .dot .t { font-size: 1.6em;  margin: 5px 0;}
	.modt-3 { margin:40px 0;}
	.modt-2 .tits { margin: 40px auto;}
	.mold-lead {  padding: 20px 0;}
	.modt-4 .txt{ width:500px;}	
	.modt-img { padding: 60px 0 80px 0;}
}
@media screen and (max-width: 1024px){
	.modt-3{ max-width:820px; margin:40px auto;}
	.modt-3>* {width: 100% !important; display:block;}
	.modt-3 .right { padding: 40px 80px;}
	.modt-4 .txt{ width:400px; padding:10px 15px;}
	.modt-4 h3 { font-size: 2em; line-height: 24px; padding: 20px 0 15px 0;}
	.modt-4 .dot { margin-bottom: 15px;}
}
@media screen and (max-width: 800px){
	.modt-2 .txts img { width: calc(33.33% - 24px);}
	.modt-3 .right .t h3 { font-size: 2em;}
	.modt-4 h4{ font-size:1.4em;}
	.modt-4 .txt{ width:100%;}
	.modt-4>*{ display:block; width:100%;}
	.modt-img { padding: 40px 0 60px 0;}
}
@media screen and (max-width: 600px){
	.modt-2 .txts img { width: calc(50% - 24px);}
	.mold-tit a { width: 120px;  padding: 8px 6px;}
	.mold-tit { padding: 20px 0 10px 0;}
	.modt1 .txt { margin: 0px 15px; padding: 15px;}
}
@media screen and (max-width: 500px){
	.modt-3 .right { padding: 30px 40px;}
	.modt1 h3 { font-size: 2em;}
	.modt1 h4 { margin: 5px 6px;}
	.modt1 .img img { width: calc(100% - 20px);  margin: 10px 10px;}
	.modt-2 .txts img { width: calc(50% - 12px); margin:6px;}
	.modt-2 .tits { margin: 20px auto;}
	.modt-img { padding: 30px 0;}
}

/*team*/
@media screen and (max-width: 1750px){
	.team1 .boxs { margin-top: 30px;  margin-bottom: 50px;}
}
@media screen and (max-width: 1500px){
	.team4 .tits {  margin: 0 0 60px -30px;}
}
@media screen and (max-width: 1400px){
	.team2 .warp{ padding:60px 40px;}
	.team2 .left{ padding-top:0;}
	.team1 .box .txt p{ height:96px;}
	.team2 .left p{    line-height: 20px;    margin-bottom: 15px;}
	.team4 { margin: 40px 0;}
	.team2 .txts { margin-top: 40px;}
	.team .warp { height: 400px;}
	.team .warp img{ padding:35px 40px; max-width:25%;}
	.team4 .warp { padding: 30px;}
}
@media screen and (max-width: 1200px){
	.team .warp img{ max-width:320px;}
	.team4 .box { width: calc(20% - 40px);}
}
@media screen and (max-width: 1024px){
	.team2 .txts>*{ float:none; width:100%;}
	.team2 .txts .left{ margin-bottom:20px;}
	.team4 .box { width: calc(25% - 40px);}
}
@media screen and (max-width: 900px){
	.team1 .box { margin-bottom:40px;}
	.team1 .boxs{ margin-bottom:20px;}
	.team .warp{background-position:-120px 0;}
	.team4 .boxs{ width: calc(100% + 20px); margin-left:-10px;}
	.team4 .box { width: calc(20% - 20px); margin:10px;}
}
@media screen and (max-width: 800px){
	.team .warp img{ max-width:240px;}
	.team .warp{ height:300px;}
	.team .warp{background-position:-80px 0;}
	.tits h3{ font-size:2em;}
	.tits h4{ font-size:1.4em; line-height:24px; text-align:left;}
	.team4 .tits { margin: 0 0 40px -30px;}
	.team4 a { padding: 8px 10px;  font-size: 1.4em;  width: 100px; margin-bottom:10px;}
	.team4 .box { width: calc(20% - 20px);}
}
@media screen and (max-width: 600px){
	.team .warp img{ display:none;}
	.team .warp{background-position:-400px 0;}
	.team2 .warp { padding: 30px 20px;}
	.team4 .tits .txt{ width:calc(100% - 75px);}
	.team1 .box { margin-bottom: 20px;}
	.team1 .box .txt p { height:48px; overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:2;}
	.team2 .left{ padding-right:0;}
	.team4 .tits {  margin: 0 0 40px 0px; padding:0;}
	.tits h4{ line-height:20px;}
	.team4 .tits span{ display:none;}
	.team4 .tits .txt{ width:100%; padding-left:0;}
	.team4 .box { width: calc(33.33% - 20px);}
}
@media screen and (max-width: 500px){
	.team4 .box { width: calc(50% - 20px);}
	.team4 .warp{ padding:20px;}
	.team4 .tits{ margin-bottom:0;}
	#oranger{ margin-top:20px;}
	.team4 a{ width:90px;}
}

/*teamshow*/
@media screen and (max-width: 1400px){
	.teamshow .ts-txt .txts .dot{ margin-bottom:10px;}
	.teamshow .ts-txt{ width:calc(100% - 241px); padding:30px 20px;}
	.teamshow .ts-tit,.teamshow .ts-tit .box a{ width:240px;}
	.teamshow .ts-tit .box a .img{ text-align:center;}
	.teamshow .ts-tit .box a>*{ padding:20px 10px;}
	.teamshow .ts-tit .box a>.img{width: 50px !important;}
	.teamshow .ts-tit .box a>.txt{ width:calc(100% - 50px);}
	.teamshow .ts-tit .box .txt h3{ font-size:1.6em;}
}
@media screen and (max-width: 1024px){
	.teamshow .ts-txt .txts h4{ font-size:1.8em; line-height:24px;}
	.teamshow .ts-tit{ width:100%; margin-right:0;}
	.teamshow .ts-tit .box a{ height:100px;display:block;width:calc(25%); float:left;}
	
	.teamshow .ts-txt{ width:100%;}
	.teamshow .ts-tit .box{margin-bottom:0;}
}
@media screen and (max-width: 800px){
	.teamshow .ts-tit .box a>*{ width:100%; display:block; text-align:center; margin:0 auto;}
	.teamshow .ts-tit .box a{ height:fit-content;}
	.teamshow .ts-tit .box a .txt{ padding: 0 10px 15px 10px;}
	.teamshow .ts-tit .box a>.img{ width:fit-content !important; padding: 15px 10px 10px 10px;}
	.teamshow .ts-txt .txts p, .teamshow .ts-txt .txts span{ font-size:1.4em; line-height:24px;}
	.teamshow .ts-tit .box .txt p{ height:30px;}
}
@media screen and (max-width: 600px){
	.teamshow .ts-txt .img img{ display:block; width:100%;}
	.teamshow .ts-txt .img{ margin-top:20px;}
	.teamshow .ts-txt .img img:first-child{ width:100%; padding:0 0 20px 0;}
	.teamshow .ts-tit .box a>.txt{ width:100%; padding:0 0 10px 0;}
	.teamshow .ts-tit .box a>.img img{ width:40px;}
	.teamshow .ts-tit .box a{ width:50%;}
}


/*news*/
@media screen and (max-width: 1024px){
	.news-t{ padding:40px 0;}
	.news-t .boxs .box { width: calc(50% - 20px);}	
}
@media screen and (max-width: 850px){
	div.fy{ padding-top:30px;}
	div.fy a,div.fy span.current,div.fy span.disabled {padding:5px 10px; font-size:1.4em;}
	.news-t .boxs .box .txt{ padding:15px 10px;}
	.news-t .boxs .box .txt h3{ margin-bottom:5px;}
}
@media screen and (max-width: 550px){
	.news-t .boxs .box { width: 100%; margin:20px auto; float:none; max-width:450px;}	
	div.fy{ padding-top:10px;}
	.news-t{ padding:30px 0;}
}