/*初始化样式*/
input{padding:0;margin:0;font-family:'Microsoft YaHei';}
img{border:none;background:none;vertical-align:middle;}
ul,ol,li{list-style-type:none;}
select,input,img,select{vertical-align:middle;}
table{border-collapse:collapse;border-spacing:0}
table, th, td {vertical-align: middle}
.clearfix:after{content: ".";display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;}
.clearfix{zoom:1}
.clearboth{height:0px;line-height:0px;overflow:hidden;clear:both;font-size:0px;}

h1,h2{font-size:12px;font-weight:bold;}
hr {border: 0;border-top:1px solid #ccc;height:0;}
p{margin: 0;}

/*----- Common css ------*/
.fl{float:left;}
.fr{float:right;}
.di{_display:inline;}
.fwn{font-weight:normal;}
.dib{*display:inline;_zoom:1;_display:inline;_font-size:0px;}

.com-img{ display:block; overflow:hidden;}
.com-img img{ transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s;}
.com-img:hover img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);-ms-transform:scale(1.1);}

.xypg-right-content{font-size: 16px;}

.j-space-between{justify-content:space-between}
.j-flex-start{justify-content:flex-start}
.j-flex-end{justify-content:flex-end}
.j-center{justify-content:center}
.a-j-center{align-items:center;justify-content:center}
.a-center{align-items:center}
.a-flex-start{align-items:flex-start}
.a-flex-end{align-items:flex-end}

/*主体样式*/
.wh{max-width: 1500px;margin: 0 auto;width: 92%;}
.dlogo img {
    width: 100%;
    height: 70px;
}
.top2{background-color: var(--main-color-white);box-shadow: 2px 3px 35px 0px rgba(12, 3, 7, 0.14);}
.x-banner .owl-carousel .banner-item a img{width: 100vw;}
.lastli{padding-left: 48px;background: url(../images/8071f602347915c782897a11f2517c4b21abd8bd.png) no-repeat left center;position: relative;}

.bm1{position: absolute;left: 11vw;top:30vw;z-index: 99;}
.bm1 a{float: left;padding: 0.8vw 1.5vw; border: 2px solid #fff;border-radius: 31px;color:var(--main-color-white);font-size: 1.08vw;font-weight: bold;margin-right: 0.9vw;transition: all 0.5s;}
.bm1 a img{margin-left: 9px;}
.bm1 a:hover{
    background-color: #ea7d28;
	box-shadow: 0px 0px 10px 0px 
		rgba(234, 125, 40, 0.28);border-color: #ea7d28;
}

@media(max-width: 1330px){
    .bm1{top:32vw;}
}
@media(max-width: 1030px){
    .bm1{top:35vw;}
}

@media(max-width:768px){
    .bm1{top:42vw;}
    .bm1 a img{width: 10px;}
    .bm1 a{padding: 5px 10px;font-size: 12px;}
}
/*  */
.box1{background-color: #f8f9fa;padding: 4.7% 0 4.3%;overflow: hidden;}
.sul li{width: 30.34%;background: var(--main-color-white) url(../images/85d2db34db0e7940cb9e21dac170ff2da0820e4f.png) no-repeat top center;box-shadow: 2px 3px 35px 0px rgba(12, 3, 7, 0.1);border-radius: 10px;text-align: center;padding: 44px 0;transition: all 0.5s;cursor: pointer;}
.sbt{color: var(--main-color);font-size: 3.125vw;line-height: 1;margin: 28px 0 11px;}
.sul li p{color: #666666;font-size: 20px;}
.sul li:hover{transform: translateY(-16px);}

/*  */
.box2{padding: 5.6% 0 6.4%;overflow: hidden;}
.about{width:43.3%;}
.abtt h2{color: #000000;opacity: 0.09;font-size: 4.8vw;font-weight: bold;line-height: 1;font-family: 'Myriad Pro';}
.abtt h3{color:#000000;font-size:2.6vw;font-weight: bold;line-height: 1;margin-top: -1.6vw;}
.abtt h3 span{color: var(--main-color);}
.abtt h4{color: #000000;font-size: 1.56vw;font-weight: bold;margin-top: 2vw;}
.ab{color:#666666;font-size:16px;line-height:2.25;overflow: hidden;margin:2vw  0 3vw;}
a.am{
	width: 184px;
	height: 47px;
	background: #ea7d28 url(../images/2b9a9098c2cee35da133923da4ce100723cff4f6.png) no-repeat 140px center;
	border-radius: 24px;padding-left: 34px;text-align: left;
    line-height: 47px;color: var(--main-color-white);font-size: 16px;display: block;
}

.aimg{width: 50%;position: relative;}
.aimg a{display: block;position: relative;z-index: 9;}
.aimg img{max-width: 100%;}
.bofang{position: absolute;top:50%;left: 50%;transform: translate(-50%,-50%);width: 111px;height: 111px;border-radius: 50%; background-color: #ea7d28;box-shadow: 0px 0px 13px 0px rgba(255, 107, 0, 0.82);text-align: center;display: flex;align-items: center;justify-content: center;flex-direction: column;}
.bofang p{color: var(--main-color-white);font-size: 16px;margin-top: 10px;}
.aimg:after{content: '';display: block;width: 296px;height: 160px;background: var(--main-color);position: absolute;bottom: -13px;right: -10px;}



/*  */
.box3{background-color: #f8f9fa;padding: 5.3% 0 ;overflow: hidden;}
.psort{margin-top: 22px;}
.psort li{margin: 0 8px;width: 174px;}
.psort li a{display: block;width: 100%;height: 46px;background-color: var(--main-color);line-height: 46px;text-align: center;font-size: 16px;color: #fff;}
.psort li.active a{background-color: #ea7d28;}
.tab-con { position: relative; }
.tab-con .tab-main { position: absolute; left: 0; top: 0; z-index: 9; right: 0;}
.tab-con .tab-main { opacity: 0; visibility: hidden; transition: all .5s ease; }
.tab-con .tab-main.active { position: relative;z-index: 99; opacity: 1; visibility: visible;  }
.mySwiper{overflow: hidden;    padding: 0 2px;margin: 0 -2px;}
.cpzx{position: relative;}
.bt1{text-align: center;}
.bt1 h3{color: #333333;font-size: 2.5vw;font-weight: bold;}
.bt1 h3 span{color: var(--main-color);}
.bt1 p{color: #666666;font-size: 18px;margin-top: 15px;}
.mySwiper a{display: block;background-color: var(--main-color-white);box-shadow: 2px 3px 35px 0px rgba(12, 3, 7, 0.1);padding: 15px 15px 0 15px;margin:32px 0 30px;transition: all 0.5s;}
.mySwiper a .img{overflow: hidden;}
.mySwiper .swiper-slide .img img{width: 100%;transition: all 0.5s;    height: 25vw;object-fit: contain;}
.mySwiper .swiper-slide:hover .img img{transform: scale(1.1);}
.mySwiper h3{color: #333333;font-size: 16px;line-height: 69px;text-align: center;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
.swiper-button-prev1,.swiper-button-next1{position: absolute;outline: none;width: 51px;height: 51px;top:50%;transform:translateY(-50%);border-radius: 50%;transition: all 0.5s;z-index: 99;}
.swiper-button-prev1{background:var(--main-color) url(../images/9e2a3f4db5e75012a5ffe7d8eb87f004adb8bf32.png) no-repeat center;left: -3.5vw;}
.swiper-button-prev1:hover,.swiper-button-next1:hover{background-color: #ea7d28;}
.swiper-button-next1{background:var(--main-color) url(../images/2a63aaf7fb493b08b02904a014a85357665e70f7.png) no-repeat center;right: -3.5vw;}
.mySwiper a:hover{transform: translateY(-10px);}

.mySwiper .swiper-slide:hover  h3{font-weight: bold;color: var(--main-color);}

/*  */
.box4{background: url(../images/484123882060ee9e8042452cb83090d1cea10b57.jpg) no-repeat top center;background-size: cover;padding: 5.6% 0 7.5%;overflow: hidden;}
.box4 .bt1 h3{color: #fff;}
.box4 .bt1 p{color: #fff;}
.fzlc{position: relative;}
.mySwiper2{overflow: hidden;margin: 4.3vw 3.7vw 3vw;text-align: center;}
.fbt{color: #fff;font-size: 18px;line-height: 1;height: 74px;}
.fbt span{color: var(--main-color-white);font-size: 2.5vw;margin-right: 12px;font-weight: bold;line-height: 1;}
.mySwiper2 p{color: #ececec;font-size: 16px;line-height: 2;text-align: left;}
.dd img{display: block;margin: 0 auto;}
.dd{margin-bottom:12px;}
.fzlc:after{position: absolute;content: '';display: block;width: 1000%;height: 1px;background: rgba(255, 255, 255, .15);top:80px;left: -200%;}

.fabric_appli_arow {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.fabric_appli_arow .fabric_appli_prev,
.fabric_appli_arow .fabric_appli_next {
	position: relative;
	width: 51px;
	height: 51px;
	border: solid 1px var(--main-color-white);
	background: none;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 52.5% auto;
	outline: none;
	flex-shrink: 0;
	color: var(--main-color-white);
	font-family: '宋体';
	border-radius: 50%;
	display: flex;align-items: center;justify-content: center;
	font-size: 32px;
}

.fabric_appli_arow .fabric_appli_prev:hover,
.fabric_appli_arow .fabric_appli_next:hover {
	background-color: #ea7d28;
	border-color: #ea7d28;
}

.fabric_appli_arow .fabric_appli_prev {
	margin-right: 28px;
}
.fabric_appli_arow .fabric_appli_next{margin-right: 9px;}


.fabric_appli_arow .lines {
	position: relative;
	left: 0;
	top: 0;
	background-color: rgba(255, 255, 255, .38);
	height: 1px;
	flex-grow: 1;
}

.fabric_appli_arow .lines .swiper-pagination-progressbar-fill {
	background-color: #ea7d28;height: 3px;top:-1px;
}



@media (max-width: 1560px) {
	.fabric_appli li .text_sums h3 {
		font-size: 20px;
	}

	.fabric_appli li .text_sums h4 {
		font-size: 16px;
	}
    .fbt{height: 60px;}
    .fzlc:after{top:66px;}
}

@media (max-width: 1200px) {
	.fabric_appli_arow .fabric_appli_prev, 
  .fabric_appli_arow .fabric_appli_next {
		width: 36px;
		height: 36px;
	}
}

@media (max-width: 990px) {
	.fabric_appli li .text_sums h4 {
		font-size: 15px;
	}
}

@media (max-width: 768px) {
}

@media (max-width: 640px) {
}

@media (max-width: 450px) {
	.fabric_appli li .text_sums .nums {
		font-size: 80px;
	}

	.fabric_appli_arow .fabric_appli_prev {
		margin-right: 10px;
	}

	.fabric_appli_arow .fabric_appli_next {
		margin-right: 15px;
	}
}



/*  */
.box5{background: url(../images/4f27d547b572e625601104b24b5c04ed26c85972.png) no-repeat top center;background-size: cover;padding: 5.2%  0 7.14%;overflow: hidden;}
.pul {margin-top: 35px;}
.pul li{width:24%;background-color: var(--main-color-white);box-shadow: 2px 3px 35px 0px rgba(12, 3, 7, 0.1);border-radius: 10px;transition: all 0.5s;}
.pul li a{display: block;border-radius: 10px;overflow: hidden;}
.pul li .img1{width: 100%;transition: all 0.5s;height: 15vw;object-fit: cover;}
.pul li .img{position: relative;}
.pul li .img2{position: absolute;bottom: -3.1vw;left: 50%;transform: translateX(-50%);width: 33.32%;}
.pbj{text-align: center;padding: 4.8vw 1.89vw 2.3vw ;}
.pbj h3{color: var(--main-color);font-size: 30px;font-weight: bold;margin-bottom: 20px;}
.pbj p{color: #666666;line-height: 2;font-size: 16px;text-align: center;}
.pul li:hover{transform: translateY(-14px);}
.pimg{overflow: hidden;}
/* .pul li:hover .img1{transform: scale(1.1);} */


.box6{padding:5.9% 0 4.3%;overflow: hidden;}

.p3a {
    display: flex;
    justify-content: space-between;
    margin-top:30px;
    flex-wrap: wrap;
}

.p3a1 {
    width: 50%;
}

.p3a1 img {
    width: 100%!important;
    height: 545px;
    object-fit: cover;
}
@media(max-width:500px){
    .p3a1 img{
       max-width:100%; height:auto !important;width:auto !important;
    }
}

.p3a2 {
    width: 49%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.p3a2a {
    background: url(../images/bfd1eede0102b899f2686293eda45d502aca8326.png) no-repeat center center;
    background-size: cover;
    height: 47.3%;
    padding: 2.6rem 1rem 1rem 2.1rem;
}

.p3a2a h3 {
    font-size: 1.1rem;
    line-height: 1.8;
    color: var(--main-color-white);font-weight:bold;
}

.p3a2a img {
    max-width: 100%;
    display: block;
    margin-top: 2.6rem;
}

.p3a2b {
    display: flex;
    justify-content: space-between;
    height: 50%;
    /* overflow: hidden; */
}

.p3a2b .p3a2b1 {
    width: 48.8%;
}

.p3a2b .p3a2b1 p {
    font-size: 0;
    margin: 0;
    padding: 0;
    height: 100%;
}

.p3a2b .p3a2b1 img {
    width: 100%!important;
    height: 100%!important;
    display: block;
    object-fit: cover;
}


.p3a2b .p3a2b2 {
    width: 48.8%; background: #ea7d28;
}
.p3a2b2 li{height:100%;}
.p3a2b .p3a2b2 a {
    color: #fff;
    padding:0 2.7rem 0 2.3rem;
    display:flex;justify-content: center;flex-direction:column;height:100%;
}

.p3a2b .p3a2b2 a span {
    font-size:14px;
    display: inline-block;
    margin-bottom: 1.2rem;
}

.p3a2b .p3a2b2 a h3 {
    font-size:18px;
    font-weight: 400;
    margin-bottom: 1rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;
}

.p3a2b .p3a2b2 a p {
    font-size:14px;
    line-height: 1.9;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;

}


.p3b {
    margin-top: 2.25rem;
    position: relative;
    padding-bottom: 2.75rem;
}

.p3b .p3b-swiper {
    overflow: hidden;
}
.p3b .p3b-swiper li{margin-bottom: 1.3vw;}
.p3b .swiper-slide a {
    display: block;
    padding-bottom: 1.8rem;
    border-bottom:6px solid #d1d1d1;

}
.p3b .swiper-slide:hover a h3 {
    color: var(--main-color);
}

.p3b .swiper-slide a h3 {
    font-size:18px;
    line-height: 23px;
    height: 23px;
    color: #333333;
    margin-bottom: 0.7rem;font-weight:bold;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;
}

.p3b .swiper-slide a span {
    font-size:14px;
    line-height: 1.58;
    color: var(--main-color);
    display: inline-block;
    margin-bottom: 1rem;
}

.p3b .swiper-slide a p {
    font-size:14px;
    line-height: 1.8;
    color: #666666;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}


.p3b-pagination {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    justify-content: center;
    align-items: center;
}

.p3b-pagination .swiper-pagination-bullet {
    width: 0.65rem;
    height: 0.65rem;
    background-color: #d1d1d1;
    border-radius: 50%;
    transition: all ease .36s;
    opacity: 1;
    margin: 0 6px;
    outline: none;
}


.p3b-pagination .swiper-pagination-bullet-active {
    background-color: #fa7403;
}



@media(max-width: 1450px) {
    .p3a2a {
        padding: 1.6rem 1rem 0.5rem 2.1rem;
    }

    .p3a2a img {
        margin-top: 1.6rem;
    }

    .p3a2b .p3a2b2 a {
        padding: 1rem 2.7rem 2rem 2.3rem;
    }
}

@media(max-width: 1366px) {
    .p3a2b .p3a2b2 a {
        padding: 1rem 0.7rem 2rem 1.3rem;
    }
}

@media(max-width: 1024px) {
    .p3a2b .p3a2b2 a span {
        margin-bottom: 0.5rem;
    }

    .p3a2b .p3a2b2 a h3 {
        margin:1.5vw 0;font-size:16px;
    }
    .p3b .swiper-slide a h3{font-size:16px;}
    .p3a2a img{margin-top:10vw;}
}

@media(max-width: 768px) {
    .p3a1 {
        width: 100%;
    }
    .p3a2a h3{font-size:18px;}

    .p3a2 {
        width: 100%;
        margin-top: 2%;
    }
    .p3a2a img{margin-top:25px;}
    .p3a2a{padding:30px 15px;}
}

@media(max-width: 500px) {
    .p3a2a {
        height: initial;
    }

    .p3a2a h3 {
        font-size: 1.6rem;
    }

    .p3a2a img {
        max-width: 75%;
    }

    .p3a2b {
        flex-wrap: wrap;
        height: initial;
        margin-top: 2%;
    }

    .p3a2b .p3a2b1 {
        width: 100%;
    }

    .p3a2b .p3a2b2 {
        width: 100%;
    }
    .p3a2b .p3a2b2 a{padding:25px 15px;}
    .p3a2b .p3a2b2 a span {
        font-size: 1.4rem;
    }
    
    .p3a2b .p3a2b2 a h3 {
        font-size:16px;margin:11px 0 15px;
    }

    .p3a2b .p3a2b2 a p {
        font-size:14px;line-height:24px;
    }

    .p3b .swiper-slide a h3 {
        font-size:15px;
    
    }

    .p3b .swiper-slide a p {
        font-size: 1.3rem;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;line-height:24px;
        overflow: hidden;
    }
}










/*  */
/* 通栏 */
.dff{background:#2a2a2a;padding: 36px 0;overflow: hidden;}

.logo_aa img{max-width: 167px;}

.fx .social-share .social-share-icon{border:none;background:none;margin-left: 20px;font-size: 22px;}

.fx .social-share .icon-weibo {
    color: #828282;
    border-color: #828282
}

.fx .social-share .icon-qq {
    color: #828282;
    border-color: #828282
}

.fx .social-share .icon-wechat {
    color: #828282;
    border-color: #828282
}


.xxkk{border-bottom: 2px solid rgba(255, 255, 255, .1);border-top: 2px solid rgba(255, 255, 255, .1);padding: 22px 0;margin-bottom: 40px;}


.bk{	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 24px;
	letter-spacing: 0px;cursor: pointer;
	color: var(--main-color-white);}


.nav2 li{	font-size: 14px;
	font-weight: 600;
	line-height: 34px;
	letter-spacing: 0px;
	color: var(--main-color-white);margin-left: 6.8vw;}

.nav2 li a{color: var(--main-color-white);font-size: 16px;}

.bk img{margin-left: 10px;}
.pptt{	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 34px;
	letter-spacing: 0px;
	color: var(--main-color-white);margin-bottom: 15px;}

.p_rot li{color: rgba(255, 255, 255, .5);}
.p_rot li a{	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 30px;
	letter-spacing: 0px;color: rgba(255, 255, 255, .5);}

.lxnn{font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 30px;
	letter-spacing: 0px;color: rgba(255, 255, 255, .5);}


.wm_vv img{max-width: 150px;margin-bottom: 5px;text-align: center;}
.wm_vv p{font-weight: normal;
	font-stretch: normal;
	line-height: 30px;
	letter-spacing: 0px;color: rgba(255, 255, 255, .5);text-align: center;}


.seo{font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 30px;
	letter-spacing: 0px;color: rgba(255, 255, 255, .5);}
.seo a{color: rgba(255, 255, 255, .5);}
.flex_a{    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;}

.flex_b{    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;}


.flex_c{    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;}

    
.wm_vv{margin-bottom: 35px;}


@media (max-width: 990px) {
.dff{background:#2a2a2a;padding: 36px 0;}

.xxkk{display: none!important;}
.wm_vv{width: 125px;margin:0 auto;margin-top:25px}
}
.c-link2{font-size: 14px;color: rgba(255, 255, 255, .3);line-height: 24px;padding: 20px 0;}
.c-link2 a{color: rgba(255, 255, 255, .3);}
.ft1{margin-bottom: 4vw;}
.more_3{	width: 228px;
	height: 56px;
	background-color: #ea7d28;
	border-radius: 28px;	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 56px;
	letter-spacing: 0px;
	color: var(--main-color-white);text-align: center;margin-top: 2.5vw;}

.more_3 a{text-align: center;color: var(--main-color-white);/*display: block;*/    display: flex;align-items: center;justify-content: center;}
.more_3 a img{padding-left: 62px;}

.lx_cc{max-width: 358px;}

.dgh{padding-top:25px;align-items: flex-start;border-top: 1px solid rgba(255, 255, 255, .1);}

.shui img{max-width: 203px;}


/*  */
.box8{overflow: hidden;padding: 6.4% 0 5.7%;}
.yul{margin-top: 35px;}
.yul li{margin-bottom: 34px;background-color: var(--main-color-white);box-shadow: 0px 0px 27px 0px rgba(0, 0, 0, 0.17);width: 32%;text-align: center;padding: 2.2vw 2.4vw 1.8vw;cursor: pointer;}
.yul li h3{color: var(--main-color);font-size: 1.5625vw;font-weight: bold;margin: 1.3vw 0 1.2vw;}
.yul li p{color: #333333;font-size: 16px;line-height: 2;}
.yul li .img{height: 77px;line-height: 77px;transition: all 0.5s;}
.yul li:hover .img{transform: scaleX(-1);}





@media(max-width: 1600px){
    .pbj h3{font-size: 26px;}
    .sul li p{font-size: 18px;}
}

@media(max-width: 1400px){
    .pbj h3{font-size: 22px;}
    .yul li .img{height: 65px;line-height: 65px;}
    .yul li .img img{max-height: 63px;}
}   



@media(max-width: 1200px){
    .dgh{display: block;text-align: center;}
    .sul li{padding: 30px 0;}
    .sbt{margin-top: 20px;}
    .sul li p{font-size: 16px;}
    .abtt h3{font-size: 32px;}
    .abtt h4{font-size: 22px;}
    .ab,.mySwiper h3,.mySwiper2 p{font-size: 15px;line-height: 1.8;}
    .bt1 h3{font-size: 30px;}
    .bt1 p{font-size: 16px;margin-top: 14px;}
    .mySwiper h3{line-height: 56px;}
    .fbt span{font-size: 30px;}
     .bofang p{font-size: 14px;margin-top: 5px;}
 .bofang{width: 80px;height: 80px;}
   .pbj h3{font-size: 18px;}
   .pbj p{font-size: 14px;}
   .yul li h3{font-size: 20px;}
    .yul li .img{height:50px;line-height: 50px;}
    .yul li .img img{max-height: 46px;}
    .yul li p{font-size: 14px;}
}


@media(max-width: 768px){
    .dff{padding: 20px 0;}
    .more_3 a img{padding-left: 40px;}
  .more_3{width: 180px;height: 50px;line-height: 50px;font-size: 14px;}
  .about{width: 100%;}
   .abtt h2{font-size: 44px;}
 .abtt h3{font-size: 28px;}
  .aimg{margin-top: 30px;width: 100%;}
  .abtt h4{font-size: 20px;}
  .psort li{width: 20%;margin: 0 1%;}
  .sbt{font-size: 30px;}
}

@media(max-width: 640px){
    .pptt{margin: 10px 0;}
    .seo{font-size: 12px;line-height: 26px;}
    .box1{padding: 30px 0 10px;}
    .sul li{width: 48%;margin-bottom: 20px;}
    .sul li{padding: 20px 0;}
    .sbt{margin: 12px 0 6px;}
    .box2{padding: 30px 0 50px;}
    .abtt h2{font-size: 40px;}
    .abtt h3{font-size: 26px;margin-top: -12px;}
    .abtt h4{font-size: 18px;margin-top: 10px;}
    .ab{margin: 10px 0 14px;}
    a.am{width: 160px;font-size: 15px;padding-left: 24px;background-position: 120px center;background-size: 35px;height: 43px;line-height: 43px;}
    .box3{padding: 30px 0;}
    .bt1 p{font-size: 14px;margin-top: 12px;}
    .bt1 h3{font-size: 24px;}
    .psort li{width: 23%;}
    .psort li a{height: 40px;line-height: 40px;font-size: 15px;}
    .mySwiper a{margin:30px 0 20px 0;}
    .swiper-button-prev1, .swiper-button-next1{display: none;}
    .mySwiper a{padding: 10px 10px 0 10px;}
    .mySwiper h3{line-height: 50px;}
    .box4{padding: 40px 0;}
    .mySwiper2{margin: 24px 0 20px;}
    .fabric_appli_arow .fabric_appli_prev, .fabric_appli_arow .fabric_appli_next{font-size: 26px;}
    .fbt{font-size: 16px;height: 50px;}
    .fbt span{margin-right: 8px;}
    .fzlc:after{top:56px;}
     .mySwiper2 p{font-size: 14px;}
    .box5{padding: 30px 0 20px;}
    .pul{margin-top: 25px;}
    .pul li{width: 100%;margin-bottom: 15px;}
    .pbj{padding: 50px 15px 20px;}
    .pbj h3{font-size: 20px;margin-bottom: 10px;}
    .pbj p{font-size: 15px;}
    .pul li .img2{width: 70px;bottom: -35px;}
    .box6{padding: 30px 0;}
    .p3a{margin-top: 20px;}
    .box8{padding: 30px 0 10px;}
    .yul li{width: 100%;margin-bottom: 20px;}
    .yul li h3{margin: 15px 0 13px;}
    
}
:root {
    --main-color: #204c8d;
    --main-color-white: #ffffff;
    --main-color-333: #333333;
    --main-color-555: #555555;
    --main-color-666: #666666;
    --main-color-999: #999999;
    --main-color-888: #888888;
    --main-transition: all ease 0.4s;
    --main-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    --main-linear: linear-gradient(45deg, #79bd28 0%, #00653b 100%);
}

.inside_con{ padding:10px 0; min-height: 300px;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }