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

/*index*/
@media screen and (max-width: 1700px) {
	.is .left {  margin: 165px 0 0 0px;}
}
@media screen and (max-width: 1400px) {
	.warp{ width:1000px;}
	.logo img{ width:300px;}
	.mune a { font-size: 1.4em; padding: 10px 0 10px 30px;
    line-height: 25px;}
    .share{ padding-top:8px;}
    .is .dot {   margin-right: 5px;}
    .is .dots { padding: 170px 40px;}
    .is .dot p{ line-height:25px; height:75px;}
    .is .dot span{ margin-top:40px;}
    .ia .right { padding: 80px 60px 0 60px;}
    .ia .right>h4{ font-size:1.4em;}
    .ia .right .dots{ margin:40px 0;}
    .icom { padding: 55px 0 75px 0;}
    .inews .right .dot{ padding:12px 20px;}
	.footer .f1 .f-mune .dot{ width:fit-content; margin-right:60px;}
	.footer .fc .two h4{ font-size:2em;}
	.ftbs img{ width:100px;}
}
@media screen and (max-width: 1100px) {
	.warp{ width:90%;}
	.is{ background:url(../image/ia-bg-2.jpg) center top no-repeat;}
	.is .warp>*{ float:none;}
	.is .left{ margin-top:40px; text-align:center;}
	.is .dots{ padding:40px 20px; margin-left:0; text-align:center; margin-top:-0px;}
	.is .swiper-button-next,.is .swiper-button-prev{ top: 60% !important;}
	.is .dot { float:none; display:inline-block; margin-bottom:20px; max-width:fit-content; width:fit-content; margin:0 5px; height:auto;}
	.is .left p{ display:none;}
	.ia .warp>*{ float:none;}
	.ia .warp .box{ float:left; width:33.33%; border-right:1px solid #343534;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	.ia .right{ width:100%; padding:20px;}
	.ia .right>h3 { font-size: 2.4em;   font-weight:normal; margin-bottom: 24px;}
	.icom .warp>h3{ font-size:2em;}
	.icom .dots{ margin-top:30px;}
	.icom .dot { margin: 0 5px; margin-top: 10px;  width: calc(33.33% - 10px);}
	.logo{ padding:15px 0;}
	.inews .box>*{ float:none;}
	.inews .box{ padding:0 0 50px 0;}
	.inews .left{ width:100%; margin:0 auto; max-width:720px; margin-bottom:20px;}
	.inews .right .dot{ width:50%;}
	.footer .f1{ display:none;}
	.ia .left .box h3,.ia .left .box p{ padding:20px 20px 0 20px;}
	.iteam .it-slider{ padding:20px 0 60px 0;}
	.tit{ padding:20px 0 30px 0 }
	.tit:after{ top:40px;}
	.footer-tit p{ margin-bottom:4px; line-height:20px;}
}
@media screen and (max-width: 1024px) {
	.is .dot span{ opacity:1;}
	.banner .swiper-slide img { width: 150%;    margin-left: -25%;}
}
@media screen and (max-width: 600px) {
	.inews .right .dot{ width:100%;}
	.icom .dot{ width:calc(50% - 10px);}
	.icom{ padding:40px 0;}
	.ia .right{ padding:20px 0;}
	.ia .right>h3 { font-size: 2em; margin-bottom:10px;}
	.ia .right>h4{ line-height:24px;}
	.ia .right .dot .counter{ font-size:2em;}
	.ia .ia-btn a{ margin-top:0;}
	.is .dots{ padding:20px 0;}
	.ia .warp .box{ width:100%; height:fit-content; padding-bottom:20px;}
	.ia .right .dots{ margin:20px 0;}
	.ia .left .box p{ padding:10px 20px 0 20px; }
	.ia .right .dot p{ font-size:1.4em; line-height:16px;}
	.ia{ background-size:cover;}
	.is .left h3{ font-size:2em;}
	.logo img{ width:240px;}
	.logo{ padding:5px 0;}
	#hamburger{ top:14px;}
	.iteam .swiper-slide{ height:fit-content;}
	.iteam .swiper-slide>*{ width:100%;}
}

/*news*/
@media screen and (max-width: 1024px) {
	.news .dot{width:calc(33.33% - 20px);}
	.itit{ text-align:center; font-size:0;}
	.itit a{padding:0 10px;font-size:16px;width:fit-content; float:none; display:inline-block; border:none;}
}
@media screen and (max-width: 800px) {
	.news .dot{width:calc(50% - 20px);}
}
@media screen and (max-width: 600px) {
	.news .dot{width:calc(50% - 20px);}
	.news{ padding:30px 0 0 0;}
	.news .news-search { margin-bottom: 18px; padding: 10px;}
	.news .dot .txt{ padding:15px 10px;}
	div.fy a ,div.fy span.current ,div.fy span.disabled {padding:5px 10px;font-size:1.2em; }
	.newsshow{ padding:20px 0;}
	
}
@media screen and (max-width: 450px) {
	.news .dot{width:calc(100% - 20px);}
}
/*contact*/
@media screen and (max-width: 1024px) {
	.contact .dot .img { width: 150px;  height: 150px;}
	.contact .dot .img img{padding: 25px 0 10px 0; width:60px;}
	.c2 .txt { max-width: calc(100%); margin:0;}
    .c2 .ic2-input {  width: calc(50% - 20px);   margin: 0 10px; margin-bottom:20px;}
	.c2 .ic-text {  width: calc(100% - 20px); margin: 0 10px; margin-bottom:25px;}
}
@media screen and (max-width: 800px) {
	.contact .dot{ width:50%; margin-bottom:20px;}
	.contact { padding: 45px 0 60px 0;}
	.contact .c-tit h4 { font-size: 1.4em;}
	.contact .dot p{ height:48px;}
	.m7 .banner .txt{ width:100%; text-align:center; padding:155px 0 0 0; margin:0;}
}
@media screen and (max-width: 600px) {
	.c2 { padding: 40px 0;}
	.c2 .ic2-input { width: calc(100% - 20px);}
}
@media screen and (max-width: 450px) {
	.contact .c-tit h3 {font-size: 2em;}
	.contact .dot .img { width: 120px;  height: 120px;}
	.contact .dot .img img{padding: 15px 0 10px 0; width:50px;}
	.contact .dot .img h3 { font-size: 1.6em;}
	.c2 .ctit h3 {  font-size: 2em;  margin-bottom: 20px;}
}

/*about*/
@media screen and (max-width: 1400px) {
	.ab1{ padding:60px 0 60px 0;}
	.ab1 .left,.ab1 .right{ float:none; width:100%;}
	.ab1 .left{ width:700px; max-width:100%; margin:0 auto;}
	 .ab2 .dot{ width: calc(25% - 20px);  margin: 0 10px;}
	 .ab3 .txt .left { padding-left:0%;}
	 .ab3 .txt .left p{ line-height:30px;}
	 .ab3 .txt .left p:after{ top:12px;}
	 .ab3 .txt .left .dot>*{ float:none;}
	 .ab3 .txt .left .dot h3{ margin-bottom:20px;}
	 .ab3 .txt .left .dot p{ text-indent:0;}
}
@media screen and (max-width: 1024px) {
	.ab2 { padding-top:40px;}
	.ab2 .dot{ width: calc(50% - 20px);  margin: 0 10px; margin-top:60px;}
	.ab2 .txt { padding-top: 40px; padding-bottom: 50px;}
	.ab3 .txt>*{ width:100%;}
	.ab3{ height:fit-content; background-size:cover;}
	.ab6 .txt {   margin-bottom: 55px;}
	.ab1 .txt p{ display:inline;}
	.ab2 .txt { width: calc(100%); margin:0;}
	.ab3 .all div{ width:33.33%}
	.ab3 .all,.ab3 .all img{/* display:block; */}
	/*.ab3 .all img{ display:none;}
	.ab3 .txt .right{display:block;}
	.ab3 .all{ display:none;}
	.ab3 .txt .right{ display:block !important;}*/
	.ab3 .txt .left,.ab3 .txt .right{ width:100%;}
	.ab3 .honor-slider{ height:fit-content;}
	.honor-slider .swiper-slide{  height:fit-content;}
}
@media screen and (max-width: 800px) {
	.banner{ height:240px !important; background-size:cover !important;}
	.m7 .banner .txt{ padding-top:60px;}
	.ab3 .txt .left .dot>*{ display:block; float:none; margin-bottom:10px;}
	.ab3 .txt .left p{ text-indent:0em;}
	.ab3 .all div{ width:50%}
	.about-history{ display:none;}
	.ma-history{ display:block;}
}
@media screen and (max-width: 600px) {
	.ab2 .dot{ width: calc(100% - 20px);}
	.ab1 .txt h3 { font-size: 2em;}
	.ab3 .all div{ width:100%}
	.ab3 .txt .left{ padding-bottom:0;}
	.ab1 .right .dot .counter{ font-size:2em;}
	.ab1 .right .dot p{ font-size:1.4em; line-height:20px;}
	.about-history-list .flex-direction-nav a { top: 52.5% !important;width: 28px !important;  height: 28px  !important;  line-height: 28px  !important;    margin-top: -24px  !important;  font-size: 18px  !important;}
	.about-history-list .flex-direction-nav a.flex-next { right: -28px !important;} 
	.about-history-list .flex-direction-nav a.flex-prev { left: -28px !important;}
	.ab2 .dot img{ width:80px; margin-top:-40px;}
	.ab2 .dot { height:fit-content; padding-bottom:30px;}
	.ab2 .txt { padding-top: 0px;  margin-top:-20px;}
	.itit a{ font-size:14px;  line-height:45px;}
}



/*service*/
@media screen and (max-width: 1200px) {
	.s2-box .left{ padding-top:6%;}
}
@media screen and (max-width: 1024px) {
	.service{ padding:60px 0;}
	.service .s-tit h3 {font-size: 3em;}
	.service .s-tit h4 { font-size: 1.4em; margin-bottom:20px;}
	.s2 p,.s2 span{ font-size:1.4em;}
	.s2-box>*{ float:left; width:100%;}
	.s2-box .right{ text-align:center;}
	.s2{ margin-top:40px;}
	.s2 h3{ font-size:1.8em; line-height:24px;}
}

/*ss*/
@media screen and (max-width: 1400px) {
	.s-tit a p{ display:block; line-height:24px; font-size:1.8em; height:48px;}
	.s-tit a img { margin-bottom:5px;}
	.s4-box .tit{ padding:0 0 20px 0 !important;}
	.s4-box .box .left img{ max-width:100%;}
	.s4-box .box .left .img{ width:600px;}
	.s4-box .box .txt{ width:calc(100% - 600px); height:326.25px; padding:30px 20px;}
	.s4-box .box .left .btn{ bottom:30px; left:630px;}
	.s-list2 a{font-size:1.2em;}
}
@media screen and (max-width: 1200px) {
	.s-tit a>*{ font-size:1.4em; height:50px;}
	.s-list2{ width:22%;}
	.s1b,.s2b{ margin-left:2%;}
}
@media screen and (max-width: 1024px) {
	.s4-box .box>*{ float:none; }
	.s4-box .box .left,.s4-box .box .txt,.s4-box .box .left .img{max-width:740px; margin:0 auto; width:100%;}
	.s4-box .box .txt{ height:fit-content; padding:30px  20px 100px 20px;}
	.s4-box .tit p {line-height:24px;}
	.s4-box .box .left .btn{ bottom:30px; left:120px;}
	.s-list2{ width:100%; margin-bottom:40px; text-align:center;}
	.s1b,.s2b{ margin-left:0%; width:100%;}
	.s2-boxs{ padding:0;}
	.s-list2 a{ width:fit-content; display:inline-block;}
	.s4-box .warp .tit>div{ width:60%; float:none; margin:20px auto;}
	.s4-box .warp .tit>.txt{ width:100%;}
	.s-tit a { padding: 10px 10px; width: calc(16.66% - 20px);}
	.s-tit a p{ font-size:1.4em; line-height:20px; height:40px;}
}
@media screen and (max-width: 800px) {
	.s-tit{ overflow:hidden; text-align:center;}
	.s-tit a { padding: 15px 5px; display:block; width:33.33%; margin: 0; height:fit-content;}
	.s-tit a p{ font-size:1.6em; line-height:20px; height:20px;}
	.s5-box{ width:calc(50% - 20px);}
	.s-list2 a{display:inline-block; font-size:1em; padding:8px; margin:5px 0px;}
	.s1b,.s2b{ padding:0 20px;}
	.s2b .swiper-slide h3{ padding:16px 0;}
	.s1b-box .s1bb{ width:calc(50% - 20px);}
}
@media screen and (max-width: 550px) {
	.s-tit a p{ font-size:1.4em; height:40px;}
	.s-tit a img{ width:30px; height:30px;}
	.s1b-box .s1bb{ width:calc(100% - 20px);}
	.s4-box .warp .tit>div{ width:100%;}
}
@media screen and (max-width: 400px) {
	.s-tit a { padding: 10px 5px;}
	.s-tit a p{ font-size:1.2em;}
	.s4-box{ padding:20px 0;}
	.s4-box .box .left h3{ font-size:2em;}
	.s4-box .box .left .btn{ bottom:30px; left:30px;}
}

/*zhuanjia*/
@media screen and (max-width: 800px) {
	.zhuanjia .dot .left{ float:none !important;text-align:center;}
	.zhuanjia .dot .right{ float:none; width:100%;}
	.s2-t p{ width:calc(100%);}
}
/*icom*/
@media screen and (max-width: 1100px) {
	.icoms .dots{ height:390px !important;}
	.s2-t .left{ margin-bottom:40px;}
	.s2-t h3 { font-size: 1.8em; line-height:28px;}
	.s2-t p, .s2-t span { font-size: 1.4em; line-height:24px;}
}
@media screen and (max-width: 500px) {
	.icoms .dots{ height:295px !important;}
}
@media screen and (max-width: 1400px) {
	.icom3 .ic-b{ width:50%;}
}
@media screen and (max-width:650px) {
	.icom3 .ic-b{ width:100%;}
}


/*s6-box*/
@media screen and (max-width: 1400px){
	.s6-box .txts .box3 .dots .dot{ padding:40px 20px;}
}
@media screen and (max-width: 800px){
	.s6-box .txts .box3 .dots .dot{  height:200px; width:calc(33.33% - 40px); margin:20px; display:block; float:left;}
	.s6-box .txts .box2 .imgs div {  width: calc(50% - 20px); margin:0px 10px;}
	.s6-box .txts img{margin:10px 0;}
}
@media screen and (max-width:660px) {
	.s6-box .txts .box3 .dots .dot{  width:calc(100%); margin:10px 0; padding:20px; text-align:left; display:block; float:none; height:auto; border-radius:0;}
}
@media screen and (max-width:450px) {
	.s6-box .txts .box2 .imgs div {  width: calc(100%); margin:0px 0px;}
}