*{
    margin: 0;
    padding: 0;
}
*::first-letter {
    text-transform: uppercase;
}
li{
    list-style: none;
}
a{
    text-decoration:none
}
a:hover{
    text-decoration:none
}
h1,h2,h3,h4{
    margin-top: 0;
    margin-bottom: 0;
    line-height: normal;
}
p{
    margin: 0;
}
.clearfix:before, .clearfix:after, .dl-horizontal dd:before, .dl-horizontal dd:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .btn-toolbar:before, .btn-toolbar:after, .btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after, .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after, .pager:before, .pager:after, .panel-body:before, .panel-body:after, .modal-footer:before, .modal-footer:after{
    content: none;
}
body{
    line-height: normal;
}
/* 页码 */
#pages{
	margin:50px 0;
}
#pages a, #pages span{
	border:1px solid #e5e5e5;
	padding:5px 10px;
	color:black;
}
.page, .text-c{
	text-align:center;
	width:100%;
}
#pages span{
	color:#fff;
	font-weight:bold;
	border:1px solid #0055a4;
	background-color:#0055a4;
}
/* 下一篇 */
.news-next{
	width:100%;
	display:flex;
	flex-direction: column;
}
.news-next .next{
	padding:20px 10px;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}
.news-next .next a{
	color:black;
}


/* 首页 */
/* 首页大图 */
.fd {
    animation: fd 4s linear forwards;
	position: relative;
}
@keyframes fd{
	from{
		-webkit-transform:scale(1);
		transform:scale(1);
		opacity:0.2;
	}
	to{
		-webkit-transform:scale(1);
		transform:scale(1);
		opacity:1;
	}
}
.bms{
	position: absolute;
	color:white;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
	text-align:center;
}
.bms h3{
	font-size:clamp(12px,3vw,48px);
}
.bms p{
	text-transform: uppercase;
	font-size:24px;
	margin-top:30px;
}
.swiper-slide img{
	width:100%;
}
.swiper-pagination{
	position: absolute;
	bottom:20px !important;
	left:50% !important;
	z-index:999;
	transform: translate(-50%,-50%);
}
.swiper-pagination-bullet-custom {
    /* background-color: #fff; */
    opacity: 0.5;
	width:15px;
	text-align:center;
	border-bottom:1px solid white;
	margin-right:10px;
	color:white;
	opacity: 1;
	padding:5px;
	cursor: pointer;
	font-size:16px;
}
 
.swiper-pagination-bullet-active{
	background:none;
	border-bottom:none;
}


/* 首页关于我们 */
.index-about{
    width: 100%;
    background-color: #eaf6fb;
}
.i-about{
    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
    padding: 100px 10px;
    display: flex;
    align-items: center;
}
.i-about h3{
    /* width: 400px; */
    margin-right: 100px;
    font-size: clamp(36px, 5vw, 72px);
    color: #4fb4b5;
	text-align:center;
}
.ia-right{
    flex: 1;
}
.ia-right p{
    font-size: 16px;
    line-height: 30px;
	text-align: justify;
}
.ia-right a{
	position: relative;
    font-size: 18px;
    color: #0055a4;
}
.ia-right a:hover{
	font-weight:bold;
	letter-spacing:2px;
}
.ia-right a::after{
	position: absolute;
	content:'<<<';
	/* width:100px; */
	/* height:30px; */
	/* background:url(/images/jt.png); */
	color: #0055a4;
	right:-80px;
	top:50%;
	transform: translate(0,-50%);
    animation: zy 2s linear infinite;
}
@keyframes zy {
    0{
        right:-80px;
    }
    50%{
        right:-50px;
    }
	100%{
        right:-80px;
    }
}
.countup{
    padding:20px 0;
}
.countup .clearfix{
    display:flex;
    justify-content: space-between;
}
.countup .numCX{
    font-size: 24px;
    font-weight: bold;
}
.countup .unitC{
    font-size: 14px;
}
.countup .indc{
    font-size: 16px;
}

/* 首页产品 */
.index-pro{
    text-align: center;
    padding: 100px 0;
}
.index-pro h3{
    color: white;
    font-size: 16px;
    padding-bottom: 15px;
}
.index-pro h2{
    color: white;
    font-size: 24px;
    padding-bottom: 50px;
}
.mySwiper1{
    max-width: 1600px;
    margin: 0 auto;
    padding: 0 60px;
}
.mySwiper1 .swiper-wrapper{
    width: 100%;
}
.mySwiper1 .swiper-wrapper .swiper-slide{
    width: 20%;
    padding: 40px 30px;
    background-color: white;
    border-radius: 10px;
}
.mySwiper1 .swiper-wrapper .swiper-slide img{
    width: 100%;
}
.mySwiper2{
    max-width: 1600px;
    margin: 0 auto;
    padding: 0 60px;
}
.mySwiper2 .swiper-wrapper{
    width: 100%;
}
.mySwiper2 .swiper-wrapper .swiper-slide{
    width: 20%;
    padding: 40px 30px;
    background-color: white;
    border-radius: 10px;
}
.mySwiper2 .swiper-wrapper .swiper-slide img{
    width: 100%;
}
.mySwiper3{
    max-width: 1600px;
    margin: 0 auto;
    padding: 0 60px;
}
.mySwiper3 .swiper-wrapper{
    width: 100%;
}
.mySwiper3 .swiper-wrapper .swiper-slide{
    width: 20%;
    padding: 40px 30px;
    background-color: white;
    border-radius: 10px;
}
.mySwiper3 .swiper-wrapper .swiper-slide img{
    width: 100%;
}
.ip-name{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 15px;
}
.ip-name p{
flex:1;
    font-size: 18px;
	text-align:start;
}
.ip-name a{
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #0055a4;
    display: flex;
    justify-content: center;
    align-items: center;
}
.ip-name a img{
    width: 15px !important;
}
.mySwiper1 .swiper-button-prev,.mySwiper1 .swiper-button-next{
    color: white;
}

/* 首页优势 */
.index-adv{
    width: 100%;
    background-color: #eaf6fb;
    padding: 50px 0;
}
.index-adv h4{
    font-size: 16px;
    color: #ee7c1c;
    text-align: center;
    text-transform: uppercase;
}
.index-adv h3{
    font-size: clamp(16px, 7vw, 36px);;
    color: #0055a4;
    text-align: center;
    font-weight: bold;
    padding: 30px 0 50px 0;
}
.index-adv .ia-ul{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.index-adv .ia-ul ul{
    display: flex;
    width: 100%;
    justify-content: center;
	flex-wrap:wrap;
}
.index-adv .ia-ul ul li{
    position: relative;
    overflow: hidden;
    width: 213px;
    height: 242px;
	transition: 2s;
}
.index-adv .ia-ul ul li .img{
    width: 100%;
    height: 100%;
}
.index-adv .ia-ul ul li:nth-child(1){
    margin-right: 5%;
}
.index-adv .ia-ul ul li:nth-last-child(1){
    margin-left: 5%;
}
.index-adv .ia-ul ul:nth-child(2) li:nth-child(1){
    margin-right: 2.5%;
}
.index-adv .ia-ul ul:nth-child(2) li:nth-last-child(1){
    margin-left: 2.5%;
}
.index-adv .ia-ul ul li .iau-pa{
    position: absolute;
    width: 100%;
    top:50%;
    left: 50%;
    transform: translate(-50%,-50%);
    display: flex;
    flex-direction: column;
    align-items: center;
}
.index-adv .ia-ul ul li .iau-pa a{
    color: #0055a4;
    margin-top: 10px;
    font-size: 18px;
	text-align:center;
}
.index-adv .ia-ul ul li:hover .iau-pa img{
	display:none;
}
.index-adv .ia-ul ul li:hover .iau-pa a{
	font-weight:bold;
}

/* 首页采购中心 */
.index-cgzx{
    width: 100%;
    height: 500px;
    padding: 50px 0;
    background-size: 100% auto;
    background-position: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.index-cgzx h4{
    font-size: 16px;
    color: white;
    text-align: center;
    text-transform: uppercase;
}
.index-cgzx h3{
    font-size: 36px;
    color: white;
    text-align: center;
    font-weight: bold;
    padding: 30px 0 50px 0;
}
.index-cgzx ul{
    display: flex;
    flex-direction: column;
}
.index-cgzx ul li{
    position: relative;
    padding: 10px 0;
}
.index-cgzx ul li::before{
    position: absolute;
    content: '';
    left: 0;
    top: 50%;
    transform: translate(0,-50%);
    width: 0;
    height: 0;
    border-top: 10px solid transparent; 
    border-right: 10px solid transparent;
    border-left: 10px solid white;
    border-bottom: 10px solid transparent;
}
.index-cgzx ul li a{
    color: white;
    font-size: 18px;
    margin-left: 50px;
}

/* 首页新闻 */
.index-news{
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    margin-bottom: 50px;
	padding:0 10px;
	box-sizing:border-box;
}
.index-news .in-top{
    width: 100%;
    padding: 50px 0;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
.index-news .in-top h3{
    font-size: 32px;
    color: #0055a4;
}
.index-news .in-top p{
    font-size: 18px;
    color: #ee7c1c;
}
.index-news ul{
    display: flex;
}
.index-news ul li{
    width: 32.3%;
    margin-right: 1%;
}
.index-news ul li .in-cont{
    display: block;
    width: 80%;
	margin-top:10px;
}
.index-news ul li img{
    width: 100%;
}
.index-news ul li .in-cont h4{
    height: 50px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
	line-height:25px;
}
.index-news ul li .in-cont p{
    margin-top: 20px;
}
.it-line{
	display:flex;
	flex-direction: column;
}
.it-line .itl-line{
	width:100px;
	height:3px;
	background:#ee7c1c;
	margin-top:10px;
}
.it-line h5{
	font-size:16px;
}

/* 底部 */
.footer-fat{
    width: 100%;
    padding: 50px 0 0 0;
    background-color: #0055a4;
}
.footer{
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    color: white;
}
.f-top{
    display: flex;
    justify-content: space-between;
}
.ft-left{
    display: flex;
    align-items: center;
}
.ft-left img{
    width: 185px;
    height: 70px;
    margin-right: 30px;
}
.ft-left a{
    color: white;
}
.ft-mod{
    display: flex;
    flex-direction: column;
}
.ft-mod ul{
    display: flex;
	align-items:flex-end;
}
.ft-mod ul li:nth-child(1){
    width: 200px;
}
.ft-mod ul li:nth-child(2){
    width: 125px;
}
.ft-mod ul li:nth-child(3){
    width: 175px;
}
.f-bottom{
    padding: 20px 10px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
}
.f-bottom a{
    color: white;
}


/* 内页 */
/* 关于恒源 */
.banner-all{
    position: relative;
	width:100%;
	height:500px;
}
.ba-all{
    position: absolute;
	top:50%;
	left:50%;
	text-align: center;
	transform: translate(-50%,-50%);
}
.ba-all h3{
	font-size:32px;
	font-weight:bold;
}
.ba-all p{
	font-size:18px;
	margin-top:10px;
}
.banner-all img{
	width:100%;
	height:100%;
	object-fit:cover;
}

.anall{
	position:absolute;
	display:flex;
	width:100%;
	/* background:#0055a4; */
	justify-content:center;
	margin-top:-30px;
}
.about-nav{
    width: 100%;
	max-width:400px;
    /* padding: 20px 0; */
    /* box-sizing: border-box; */
	line-height:60px;
    display: flex;
	justify-content:center;
	font-size:18px;
	background:white;
	box-shadow:0 0 20px rgb(0 0 0 / 50%);
}
.about-nav a{
    font-size: 16px;
    font-weight: bold;
    margin-right: 10px;
    margin-left: 10px;
    color: black;
	box-sizing:border-box;
}
.about-nav a:hover{
	color:#0055a4;
	font-weight:bold;
	border-bottom:2px solid #0055a4;
}
.jianjie{
    width: 100%;
    padding: 50px 10px;
    box-sizing: border-box;
    margin: 0 auto;
    text-align: justify;
}
.apr-top{
	/* background-color: #0055a4; */
}
.apr{
    position: relative;
	display:flex;
	width:100%;
	max-width:1400px;
	margin:0 auto;
	align-items:center;
	flex-direction:column;
}
#apa{
    position: absolute;
    margin-top: -100px;
}
.jianjie h3{
    font-size: 24px;
    font-weight: bold;
    color: black;
    line-height: 36px;
}
.jianjie p{
    /* width: 60%; */
    color: black;
    font-size: 16px;
    line-height: 30px;
	letter-spacing:3px;
}
.jj-right{
	width:100%;
	display:flex;
	justify-content:space-between;
}
.jj-right img{
	width:48%;
	border-radius:30px;
	margin-bottom:50px;
}

.ab-cul{
    position: relative;
    text-align: center;
    padding: 50px 0;
    width: 100%;
    /* background-color: #0055a4; */
	background:url(/images/acb.jpg) no-repeat bottom;
}
#apa1{
    position: absolute;
    margin-top: -150px;
}
.abc-line{
    width: 100px;
    height: 3px;
    background-color: white;
    margin: 0 auto;
    margin-top: 15px;
    margin-bottom: 30px;
}
.ab-cul h3{
    font-size: 36px;
    color: white;
}
.ab-cul p{
    font-size: 18px;
    color: white;
}
.wenhua{
	width: 100%;
    max-width: 1400px;
    box-sizing: border-box;
    margin: 0 auto;
	display:flex;
	flex-wrap:wrap;
	overflow:hidden;
}
.wenhua .p{
	position: relative;
	width:49%;
	min-height:200px;
	margin-right:1%;
	text-align:start;
	color:black;
	line-height:30px;
	background-color:rgba(255,255,255,.5);
	padding:20px;
	border-radius:20px;
	margin-bottom:30px;
	display:flex;
	align-items:center;
	display:flex;
	flex-direction: column;
	font-size:18px;
	text-align:left;
	justify-content:center;
	letter-spacing:2px;
}
/* .wenhua p:nth-last-child(1){
	width:98.9%;
	margin-right:0;
} */
.wenhua .p h3{
	font-size:24px;
	letter-spacing:2px;
	color:#ee7c1c;
	font-weight:bold;
}
.wenhua .p i{
	position: absolute;
	bottom: -10px; 
	right: -3px; 
	display: block; 
	line-height: 1; 
	font-size: 70px; 
	color: #0055a4; 
	font-style: normal; 
	font-weight: bold;
	opacity:0.5;
}

.honor{
    width: 100%;
    /* max-width: 1200px;
    padding: 0 10px;
    box-sizing: border-box;
    margin: 0 auto; */
    display: flex;
}
.honor .ah-left{
    width: 40%;
    text-align: center;
    background-color: #d6d6d6;
    display: flex;
    flex-direction: column;
    justify-content: center;
	padding:30px 0;
}
.honor .ah-left h3{
    font-size: 28px;
    font-weight: bold;
}
.honor .ah-left ul{
	margin-top:30px;
}
.honor .ah-left li p{
    margin: 10px 0;
}
/* .honor .ah-left li h4{
    font-size: 18px;
    font-weight: bold;
}
.honor .ah-left li p{
    font-size: 12px;
} */
.halyw{
	margin:10px auto;
}
.ahl-line{
    width: 150px;
    height: 3px;
    background-color: #0055a4;
    margin: 0px auto;
}
.honor .ah-right{
    width: 60%;
	display:flex;
	align-items:center;
}
.honor .ah-right ul{
    width: 80%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
	margin-bottom:20px;
}
.honor .ah-right ul li{
    width: 32.3%;
    margin-left: 1%;
    margin-top: 20px;
}
.honor .ah-right ul li img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}


/* 采购中心 */

/* 采购招投标 */
.list-cgztb{
    width: 100%;
}
.list-cgztb ul{
    width: 100%;
    padding-left: 30px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}
.list-cgztb ul li{
    display: flex;
    flex-direction: column;
    /* padding: 10px 0; */
    border-bottom: 1px solid #d6d6d6;
	margin-top:20px;
	padding-bottom:15px
}
/* .list-cgztb ul li a{
    line-height: 30px;
    font-size: 16px;
    color: black;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
} */
.cgall{
	width:100%;
	display:flex;
	align-items:center;
}
.cgone{
	padding:0 15px;
}
.cgone p:nth-child(1){
	font-size:24px;
	font-weight:bold;
	text-align:center;
}
.cgone p:nth-child(2){
	font-size:14px;
}
.cgtwo{
	flex:1;
}
.cgtwo h3{
	font-size:18px;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
}
.cgtwo h3 span{
	color:#0055a4;
	font-size:14px;
}
.cgtwo h4{
	font-size:14px;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
	color:#888;
}
.cgall a{
	padding:10px;
	background:#0055a4;
	color:white;
	border-radius:10px;
}


/* 产品 */
.product{
    width: 100%;
}
.product ul{
    width: 100%;
}
.product ul li{
    width: 70%;
    padding: 50px 15%;
    box-sizing: content-box;
    display: flex;
    justify-content: space-between;
}
.product ul li:nth-child(2n+1){
    background-color: #d6d6d6;
}
.product ul li:nth-child(2n){
    flex-direction: row-reverse;
}
.product ul li .pul-img{
    width: 55%;
}
.product ul li .pul-img img{
    width: 100%;
    border-radius: 20px;
}
.product ul li .pul-int{
    width: 40%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.pul-int h4{
    font-size: 16px;
    color: #0055a4;
}
.pul-int h3{
    font-size: 24px;
    font-weight: bold;
    margin: 10px 0 40px 0;
}
.pul-int p{
    font-size: 16px;
    line-height: 30px;
    text-align: justify;
}
.pul-int a{
    font-size: 16px;
    line-height: 50px;
    text-align: center;
    margin-top: 50px;
    width: 200px;
    height: 50px;
    border: 1px solid #0055a4;
    color: black;
    transition: 1s;
}
.pul-int a:hover{
    background-color: #0055a4;
    color: white;
}

/* 产品栏目页 */
.list-pro{
    width: 100%;
}
.list-pro ul{
    width: 100%;
    padding-left: 30px;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
}
.list-pro ul li{
    position: relative;
    width: 24%;
    margin-right: 1%;
    margin-bottom: 20px;
	overflow:hidden;
}
.list-pro ul li:hover img{
	animation: fd1 2s forwards;
}
@keyframes fd1 {
    form{
        transform: scale(1);
    }
    to{
        transform: scale(1.2);
    }
}
.list-pro ul li img{
    width: 100%;
	height:100%;
	object-fit:cover;
}
.list-pro ul li p{
    width: 100%;
	padding:10px 0;
    padding-left: 20px;
    box-sizing: border-box;
    min-width: 200px;
    color: white;
    position: absolute;
    background: linear-gradient(to right,rgba(0,85,164,1),rgba(0,85,164,0));
    bottom: 10%;
    left: 0;
    /* line-height: 50px; */
	font-size:16px;
}

/* 购买产品 */
.normal-h3{
	text-align:center;
	margin:30px auto;
}
.buy{
    width: 100%;
    max-width: 900px;
    padding-left: 30px;
    box-sizing: border-box;
    margin: 0 auto;
}
.buy h3{
	text-align:center;
	font-weight:bold;
}
.bppp{
	text-align:center;
	margin:20px 0;
}
.buy ul{
    display: flex;
    /* flex-direction: column; */
	flex-wrap:wrap;
}
.buy ul li{
    display: flex;
    flex-direction: column;
	width:48%;
	margin-right:2%;
	margin-top:30px;
}
.buy ul .buy100{
	width: 98%;
}
.buy ul li p{
    font-size: 18px;
    /* margin: 15px 0; */
}
.buy ul li:nth-last-child(2){
	width:100%;
}
.buy ul li:nth-last-child(1){
	width:100%;
	margin-top:0;
}
.buy ul li input{
    width: 100%;
    /* background-color: #d6d6d6; */
    line-height: 30px;
    /* border-radius: 10px; */
    /* padding-left: 30px; */
    box-sizing: border-box;
	border-bottom:1px dashed #333;
}
.buy ul li select{
    width: 100%;
    background-color: #d6d6d6;
    line-height: 50px;
	height:50px;
    border-radius: 10px;
    padding-left: 30px;
    box-sizing: border-box;
	border:none;
}
.buy ul li textarea{
    width: 98%;
    /* height: 300px; */
    /* background-color: #d6d6d6; */
    /* border-radius: 10px; */
    /* padding-left: 30px; */
    padding-top: 15px;
    box-sizing: border-box;
	border-bottom:1px dashed #333;
}
.buy ul li .button{
    width: 150px;
    line-height: 50px;
	margin:0 auto;
    background-color: white;
    color:black;
	border:1px solid #0055a4;
    border-radius: 10px;
    margin-top: 30px;
}
.buy ul li .button:hover{
	background-color: #0055a4;
	color:white;
}

/* 产品内容页 */
.show-pro{
    width: 100%;
    max-width: 1400px;
    padding: 0 25px;
    margin: 0 auto;
    margin-top: 50px;
    display: flex;
}
.cgztb{
    max-width: 1150px;
}
.pro-nav{
    display: flex;
    flex-direction: column;
}
.pro-nav h3{
    background: linear-gradient(to right, #0055a4, #0099ff);
    width: 200px;
    height: 60px;
    line-height: 60px;
    border-bottom: 1px solid black;
    color: white;
    font-size: 24px;
    padding-left: 10px;
	transition:background 1s;
}
.pro-nav h3 a{
	color:white;
}
.pro-nav li{
	width:50%;
    min-width: 200px;
    height: 60px;
    line-height: 60px;
    border-bottom: 1px solid #0055a4;
    font-size: 18px;
    padding-left: 15px;
	transition: .5s;
	background:rgba(250, 250, 250, 1);
}
.pro-nav p img{
	width:100%;
}
.active1{
	background: linear-gradient(to right, #0055a4, #0099ff) !important;
	color:white !important;
}
.active1 a{
	color:white !important;
}
.pro-nav li:hover{
	background: linear-gradient(to right, #0055a4, #0099ff);
	color:white;
}
.pro-nav li:hover a{
	color:white;
}
.pro-nav li a{
	display:block;
	width:100%;
	height:100%;
    color: black;
}
.pro-nav p{
	width: 200px;
	font-size: 13px;
	background:rgba(250, 250, 250, 1);
	line-height: 24px;
	padding:15px;
	border-bottom: 1px solid #0055a4;
}
.pro-nav h3:hover{
	/* background-color:#0055a4; */
	background: linear-gradient(to right, #0055a4, #0099ff);
	color:white;
}
.pro-nav h3:hover a{
	color:white;
}
.sp-cont{
	/* flex:1; */
	width:calc(100% - 200px);
    display: flex;
    flex-direction: column;
}
.show-pro .sp-right{
    /* flex: 1; */
    padding-left: 30px;
    display: flex;
}
.show-pro .sp-right .spr-img{
    width: 50%;
}
.show-pro .sp-right .spr-img img{
    width: 100%;
}
.show-pro .sp-right .spr-cont{
    width: 50%;
    padding-left: 5%;
}
.show-pro .sp-right .spr-cont h4{
    font-size: 24px;
    font-weight: bold;
}
.show-pro .sp-right .spr-cont .sprc-line{
    width: 100px;
    height: 3px;
    background-color: #0055a4;
    margin: 10px 0 30px;
}
.show-pro .sp-right .spr-cont p{
    font-size: 16px;
    line-height: 30px;
    text-align: justify;
}
.show-pro .sp-right .spr-cont .sprc-a{
    margin-top: 50px;
    display: flex;
}
.show-pro .sp-right .spr-cont .sprc-a a{
    width: 150px;
    height: 40px;
    /* border: 1px solid #0055a4; */
    background-color: #0055a4;
    border-radius: 30px;
    line-height: 40px;
    text-align: center;
    color: white;
    margin-left: 20px;
}
.show-pro .sp-right .spr-cont .sprc-a a:nth-child(1){
	margin-left: 0px;
}
.sp-bottom{
    width: 100%;
	margin:30px auto;
}
.sp-bottom ul{
    display: flex;
	flex-wrap:wrap;
}
.sp-bottom ul li{
    width: 20%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}
.sp-bottom ul li img{
    max-width: 170px;
    max-height: 170px;
    object-fit: contain;
    padding:20%;
}
.tabs {
    width: 100%;
    margin: 0 auto;
}
.btn-name{
	display:flex;
	justify-content:center;
}
 
.tab-button {
    display: block;
    padding: 0 50px;
    border: 1px solid #f1f1f1;
	background-color: white;
    /* border-radius: 5px; */
    cursor: pointer;
    /* text-align: left; */
	line-height:40px;
    outline: none;
	margin:2px;
}
 
.tab-button:hover {
    background-color: #0055a4;
    color: white;
}
 
.tab-content {
    display: none;
    padding: 10px;
    /* border: 1px solid #ccc; */
    /* border-radius: 5px; */
    /* background-color: #fff; */
}
.tab-content ul{
	display:flex;
	flex-direction: column;
}
.tab-content ul li{
	display:flex;
	width:100%;
}
.tab-content ul li p{
	overflow:auto;
	width:50%;
	text-align:center;
	padding:20px 0;
	border: 1px solid #ccc;
	margin-bottom:0px;
}
 
.tab-content.active {
    display: block;
}
.tab-button.highlight {
    background-color: #0055a4; 
    color: white; 
}

.spswiper{
	width:100%;
	padding-left:30px;
	box-sizing:border-box;
}
.spaabout .swiper-container p{
    width: 100%;
    background-color: rgba(245,245,245,1);
    padding: 15px 0;
}
.spaabout .swiper-container2 p{
    width: 100%;
    background-color: rgba(245,245,245,1);
    padding: 15px 0;
}
.spach3{
    padding: 20px 0;
}
.spach3 h3{
    position: relative;
    font-size: 20px;
    font-weight: bold;
    padding-left: 30px;
}
.spach3 h3::before{
    position: absolute;
    content: '';
    width: 3px;
    height: 100%;
    left: 0px;
    background-color: #0055a4;
}



/* 新闻中心 */
.news-nav{
    width: 100%;
    height: 50px;
    display: flex;
    background-color: #d6d6d6;
    justify-content: center;
	line-height:50px;
	font-size: 16px;
}
.news-nav a{
    /* margin-left: 20px; */
    font-size: 16px;
    line-height: 50px;
	color:black;
}
.news-nav a:hover{
	color: #0055a4;
	font-weight:bold;
}
.news-nav a:nth-child(1){
	margin-right:20px;
}
.news-nav a:nth-child(2){
	margin-left:20px;
}
.cnews{
    width: 100%;
    max-width: 1500px;
    padding: 0 10px;
    box-sizing: border-box;
    margin: 0 auto;
}
.cnews ul{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.cnews ul li{
    width: 33.3%;
    border: 1px solid #d6d6d6;
}
.cnews ul li:hover img{
    animation: fd1 2s forwards;
}
@keyframes fd1 {
    form{
        transform: scale(1);
    }
    to{
        transform: scale(1.2);
    }
}
.cnews ul li a{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    color: black;
}
.cnews ul li P{
    width: 100%;
    padding: 10px 10%;
    box-sizing: border-box;
    overflow: hidden;
}
.cnews ul li h3{
    width: 100%;
    padding: 10px 10%;
    box-sizing: border-box;
    font-size: 18px;
	line-height:30px;
    height: 70px;
	overflow:hidden;
}
.cnews ul li P img{
    width: 100%;
    object-fit: cover;
}

/* 新闻内容页 */
.sn-all{
    width: 100%;
}
.sn-all h3{
    max-width: 950px;
    text-align: center;
    margin: 0 auto;
    margin-top: 50px;
	padding:0 25px;
}
.sna-p{
    text-align: center;
    margin: 15px 0 30px 0;
}
.sn-cont{
    width: 100%;
    max-width: 950px;
    margin: 0 auto;
    padding: 50px 25px ;
    /* box-sizing: border-box; */
    background-color: #e9e9e9;
    margin-bottom: 50px;
}
.sn-cont p{
    font-size: 16px;
    line-height: 30px;
    margin-bottom: 10px;
    text-align: justify;
}
.sn-cont img{
    width: 100%;
    text-align: center;
}
.sn-cont table td{
  border: 1px solid black;
  padding:20px;
}

/* 人才招聘 */
/* 人才需求 */
.rczp{
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
    padding: 0 10px;
    box-sizing: border-box;
    /* text-align: center; */
    margin-top: 50px;
}
.rczp p{
    font-size: 16px;
    line-height: 30px;
}
.xuqiu{
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
    padding: 0 10px;
    box-sizing: border-box;
    margin-top: 50px;
}
.xuqiu ul{
    display: flex;
    flex-direction: column;
}
.xuqiu h3{

}
.xuqiu ul li{
    padding: 20px;
    display: flex;
    flex-direction: column;
    border-top:1px solid #e9e9e9;
    border-bottom:1px solid #e9e9e9;
}
.xuqiu ul li:hover{
    background-color: #e9e9e9;
    transition: 1s;
}
.zhiwei{
    display: flex;
    justify-content: space-between;
    align-items: start;
}
.zhiwei h3{
    font-size: 18px;
    font-weight: bold;
}
.zhiwei a{
    padding: 10px 20px;
    background-color: #0055a4;
    color: white;
}


/* 技术与服务 */
/* 碳材料研究院 */
.yjyh3{
    position: relative;
    padding-left: 20px;
    margin-bottom: 20px;
}
.yjyh3::before{
    position: absolute;
    content: '';
    width: 3px;
    height: 100%;
    background-color: #0055a4;
    left: 0;
}
.yjy-nav{
    width: 100%;
    /* height: 50px; */
    background-color: #d6d6d6;
    margin-bottom: 50px;
}
.yjy-nav ul{
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
}
.yjy-nav ul li{
    font-size: 16px;
    line-height: 50px;
    margin-right: 20px;
}
.yjy-nav ul li a{
    color: black;
}
.yjyr{
    position: relative;
}
#yjya1,#yjya2,#yjya3,#yjya4,#yjya5,#xuqiu1,#xuqiu2{
    position: absolute;
    margin-top: -100px;
}
/* 1 */
.tcljj{
    /* position: absolute; */
    width: 100%;
    max-width: 1200px;
    /* max-height: 500px; */
    margin: 0 auto;
    padding: 50px 25px;
    box-sizing: border-box;
    /* color: white; */
    display: flex;
	margin-top:50px;
	flex-direction:column;
}
.yjy{
    /* width: 50%; */
    /* margin: 0 auto; */
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.tcljj p{
    font-size: 16px;
    line-height: 30px;
}
.tclimg{
	width:100%;
	margin-top:20px;
}
.tclimg img{
	widtH:100%;
}

/* 2 */
.yfnr{
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 25px;
    box-sizing: border-box;
    display: flex;
    margin-top: 30px;
}
.yfnr p{
    font-size: 16px;
    line-height: 30px;
    text-align: justify;
}

/* 3 */
.yfhz{
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 25px;
    box-sizing: border-box;
    display: flex;
    margin-top: 30px;
}
.yfhz-left{
    width: 50%;
    padding-right: 50px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.yfhz-left p{
    font-size: 16px;
    line-height: 30px;
    text-align: justify;
}
.yfhz-right{
    width: 50%;
}
.yfhz-right img{
    width: 100%;
    border-radius: 10px;
}


/* 4 */
.zhuangzhi{
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 25px;
    box-sizing: border-box;
    margin-top: 30px;
}
.zhuangzhi ul{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.zhuangzhi ul li{
    width: 32.3%;
    margin-right: 1%;
    margin-bottom: 30px;
}
.zhuangzhi ul li:hover img{
	animation: fd1 2s forwards;
}
.zhuangzhi ul li:hover{
	box-shadow: 5px 5px 5px rgba(0,0,0,.5);
    transition: 2s;
}
.zhuangzhi ul li .zzimg{
	width: 100%;
    height: 100%;
	overflow: hidden;
}
.zhuangzhi ul li img{
    width: 100%;
    height: 100%;
    object-fit: cover;
	overflow: hidden;
}
.zhuangzhi ul li p{
    font-size: 16px;
    text-align: center;
    line-height: 30px;
}

/* 5 */
.rccb{
    width: 100%;
    max-width: 1200px;
    margin: 30px auto;
    padding: 0 25px;
    box-sizing: border-box;
    /* margin-top: 30px; */
}
.rccb p{
    font-size: 16px;
    line-height: 30px;
    text-align: justify;
}
/* 质检中心 */
.zjzx{
    width: 100%;
    max-width: 1400px;
    padding: 0 10px;
    box-sizing: border-box;
    margin: 0 auto;
}
.zjzx ul{
    display: flex;
    flex-wrap: wrap;
}
.zjzx ul li{
    width: 32.3%;
    margin-right: 1%;
    margin-top: 20px;
}
.zjzx ul li:hover .zjzximg img{
    animation: fd1 2s forwards;
}
.zjzx ul li:hover{
    box-shadow: 5px 5px 5px rgba(0,0,0,.5);
    transition: 2s;
}
.zjzximg{
    width: 100%;
    overflow: hidden;
}
.zjzximg img{
    width: 100%;
}
.zjzx ul li p{
    font-size: 16px;
    text-align: center;
    line-height: 50px;
    background-color:#d6d6d6
}



/* 公示公告 */
/* 企业公告 */
.rcxq{
    width: 100%;
    max-width: 1400px;
    padding: 0 10px;
    box-sizing: border-box;
    margin: 0 auto;
    margin-top: 50px;
}
.rcxq .h3{
    font-size: 36px;
    text-align: center;
}
.rcxq .h4{
    font-size: 16px;
    text-align: center;
    color: #d6d6d6;
    margin-top: 10px;
}
.rcxq ul{
    width:100%;
    display: flex;
    /* flex-direction: column; */
    margin-top: 50px;
	flex-wrap:wrap;
}
.rcxq ul li{
    position: relative;
    width: 48%;
	margin-right:2%;
    margin-bottom: 20px;
	padding-bottom:10px;
	border-bottom:1px dashed black;
}
.rcxq ul li h3{
	font-size:16px;
	color:#0055a4;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
	transition: 1s;
}
.rcxq ul li:hover h3{
	margin-left:50px;
}
.rcxq ul li img{
    width: 100%;
    object-fit: cover;
}
.rcxq ul li .rcxq-cont{
    position: absolute;
    width: 30%;
    height: 100%;
    padding: 20px 30px;
    right: 0;
    bottom: 0;
    background-color: rgba(0,85,164,.8);
    color: white;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.rcxq ul li:nth-child(2n) .rcxq-cont{
    left: 0;
}
.rc-line{
    width: 100px;
    height: 3px;
    background-color: white;
    margin: 20px 0;
}
.rcxq-cont h3{
    font-size: 24px;
    font-weight: bold;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
}
.rcxq-cont h4{
    font-size: 16px;
    font-weight: bold;
	    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
}
.rcxq-cont a{
    font-size: 16px;
    color: white;
    width: 100%;
    max-width: 150px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border: 1px solid white;
    border-radius: 10px;
    margin-top: 30px;
}



/* 联系我们 */
.content-top{
    width: 100%;
    max-width: 1150px;
    /* height: 500px; */
    margin: 0 auto;
    margin-top: 50px;
	display: flex;
    flex-direction: column;
}
.content-top .ct-line{
	width:50px;
	height:3px;
	background-color:#0055a4;
	margin:15px 0 30px 0;
}
.content-top ul{
    /* display: flex;
    flex-direction: column;
    background-color: white; */
    /* padding: 50px 0; */
	padding-top:50px;
    border-radius: 30px;
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
}
.content-top ul li{
	width:100%;
	text-align: center;
	margin-bottom: 4%;
	border: 1px solid #0055a4;
	padding: 30px 0;
	line-height: 30px;
}
.content-top ul .li50{
	width:48%;
}
.content-top ul li:nth-last-child(1){
	margin-bottom:0;
}
.content-top ul li:nth-last-child(2){
	margin-bottom:0;
}

/* 联系我们改 */
.cu{
	display: flex;
}
.tab-container1 {
	width:50%;
    display: flex;
}
.tabs1 {
    width: 200px;
    border-right: 1px solid #ccc;
}
.tab-button1 {
    display: block;
    width: 100%;
    padding: 10px;
	color:white;
    background-color: #ee7c1c;
    /* border: none; */
    cursor: pointer;
    text-align: left;
	border-bottom:1px solid white;
	letter-spacing:2px;
}
.tab-button1:hover {
    background-color: #0055a4;
	color:white;
}
.tab-content1 {
    flex-grow: 1;
    padding: 20px;
	background:white;
	display:flex;
	align-items:center;
}
.tab-panel1 {
    display: none;
}
.tab-panel1 p{
	font-size:16px;
	line-height:24px;
	letter-spacing:2px;
}
.tab-panel1.active {
    display: block;
}
.contus{
	width:48%;
	margin-left:2%;
    display: flex;
    flex-direction: column;
	background:white;
	padding:15px;
	box-sizing: border-box;
	font-size:16px;
	line-height:30px;
	letter-spacing:2px;
	justify-content:center;
}
.contus p{
	position: relative;
	padding-left:35px;
}
.contus p:nth-child(1)::before{
	position: absolute;
	content:'';
	width:25px;
	height:25px;
	background:url(/images/cz.png);
	background-size:100% 100%;
	left:0;
	top:0;
}
.contus p:nth-child(2)::before{
	position: absolute;
	content:'';
	width:25px;
	height:25px;
	background:url(/images/dhc.png);
	background-size:100% 100%;
	left:0;
	top:0;
}
.contus p:nth-child(3)::before{
	position: absolute;
	content:'';
	width:25px;
	height:25px;
	background:url(/images/dz.png);
	background-size:100% 100%;
	left:0;
	top:0;
}

/* 投诉建议 */
.tsjy{
	width: 100%;
    max-width: 1200px;
    margin: 50px auto;
	padding:0 25px;
}

/* 版权说明 */
.bqsm{
	width: 100%;
    max-width: 1200px;
    margin: 50px auto;
	padding:0 25px;
}
.bqsm li{
	position: relative;
	padding:15px 5%;
	background:#f6f5fb;
	margin-bottom:25px;
	font-size:16px;
	line-height:30px;
	overflow:hidden;
}
.bqsm li::before{
	position: absolute;
	content:'';
	width:3px;
	height:100%;
	background:#0055a4;
	left:0;
	top:0;
}
.bqsm li i{
	position: absolute; 
	bottom: -15px; 
	right: -8px; 
	display: block; 
	line-height: 1; 
	font-size: 70px; 
	color: #0055a4; 
	font-style: normal; 
	font-weight: bold;
	opacity:0.5;
}

/* 检测 */
.jiance h3{
	font-size:24px;
	font-weight:bold;
	text-align:center;
	margin-top:50px;
}
.jiance .jiance-line{
	width:100px;
	height:3px;
	margin:15px auto;
	background-color: #0055a4;
}
.jiance h4{
	font-size:16px;
	text-align:center
}
.jiance table{
	/* width: 100%;
	    max-width: 1200px; */
    margin: 30px auto;
}
.jiance td{
	border: 1px solid black;
	padding:20px;
}



/* 自适应 */
@media screen and (max-width: 1278px){
	.ip-name p{
		font-size:14px;
	}
}
@media screen and (max-width: 1080px){
	.swiper-button-prev1,.swiper-button-next1{
		/* display:none; */
		width:14px !important;
		height:27px !important;
	}
	.countup .unitC{
		font-size:12px;
	}
	.countup .indc{
		font-size:12px;
	}
	.honor{
		flex-direction:column;
	}
	.honor .ah-left,.honor .ah-right{
		width:100%;
	}
	.honor .ah-right ul{
		margin-bottom:20px;
	}
}
@media screen and (max-width: 965px){
	.i-about{
		flex-direction:column;
		padding:50px 10px;
	}
	.i-about h3{
		margin-right:0;
		margin-bottom:30px;
	}
	.yfhz{
		flex-direction:column;
	}
	.yfhz-left,.yfhz-right{
		width:100%;
		padding-right:0;
	}
}
@media screen and (max-width: 900px){
	.banner-all{
		height:auto;
		margin-top:70px;
	}
	.ba-all h3{
		font-size:24px;
	}
	.ba-all p{
		font-size:14px;
	}
	.f-top{
		flex-direction:column;
		align-items:center;
	}
	.ft-mod{
		padding:20px 0;
	}
	/* .ft-left,.ft-right{
		display:none;
	} */
	.f-top{
		justify-content:center;
	}
	.index-news ul li .in-cont{
		width:100%;
	}
	.show-pro{
		flex-direction:column;
	}
	.pro-nav{
		display:flex;
		flex-wrap:wrap;
		flex-direction:row
	}
	.pro-nav h3,.pro-nav p{
		display:none;
	}
	.pro-nav li{
		min-width:auto;
		border-right:1px solid #0055a4;
		font-size:13px;
	}
	.sp-cont{
		width:100%;
	}
	.spswiper{
		padding-left:0;
	}
	.list-cgztb ul{
		padding-left:0;
	}
	.list-pro ul{
		padding-left:0;
	}
	.list-pro ul li{
		width:32.3%;
	}
	.buy{
		padding-left:0;
	}
}
@media screen and (max-width: 720px){
	.index-adv .ia-ul ul{
		margin-bottom:0;
	}
	.tcljj{
		margin-top:0;
	}
	.index-adv .ia-ul ul li{
		width:100%;
		height:121px;
		font-size:12px;
		text-align:center;
		/* background-color:white; */
		padding:10px 0;
		margin-top:10px;
	}
	.index-adv .ia-ul ul li:nth-child(1){
		margin-right:0;
	}
	.index-adv .ia-ul ul li:nth-last-child(1){
		margin-left:0;
	}
	.index-adv .ia-ul ul:nth-child(2) li:nth-last-child(1){
		margin-left:0;
	}
/* 	.index-adv .ia-ul ul li .img{
		display:none;
	} */
	.iau-pa img{
		display:block;
	}
	.index-news ul li .in-cont h4{
		font-size:14px;
		height:auto;
	}
	.jj-right{
		flex-direction:column;
	}
	.jj-right img{
		width:100%;
		padding:0 10px;
	}
	.content-top{
		padding:0 10px;
		box-sizing:border-box;
	}
	.cu{
		flex-direction:column;
	}
	.tab-container1{
		width:100%;
	}
	.contus{
		width:100%;
		margin-left:0;
		margin-top:20px;
	}
	.list-pro ul li{
		width:49%;
	}
	.show-pro .sp-right{
		flex-direction:column;
		padding-left:0;
	}
	.show-pro .sp-right .spr-img{
		width:100%;
	}
	.show-pro .sp-right .spr-cont{
		width:100%;
		padding-left:0;
	}
	.cnews ul li{
		width:50%;
	}
}
@media screen and (max-width: 650px){
	.swiper-pagination{
		/* display:none; */
	}
	.swiper-pagination-bullet-custom{
		font-size:12px;
	}
	.sp-bottom ul li{
		width:33.3%;
	}
	.sp-bottom ul li p{
		font-size:13px;
	}
	.anall{
		position:unset;
		margin-top:0;
	}
	.jiance {
				padding:0 25px;
	}
	.jiance table{
		font-size:12px;
	}
}
@media screen and (max-width: 502px){
	.countup .clearfix{
		flex-wrap:wrap;
		justify-content:start;
	}
	.countup .clearfix li{
		margin-right:10px;
	}
	.rcxq ul li{
		width:98%;
	}
	.jiance td{
		padding:5px;
	}
	.sn-cont table td{
		padding:5px;
	}
	.f-bottom{
		flex-direction:column;
	}
	.f-bottom p{
		margin-bottom:10px;
	}
	.f-bottom a{
		margin-bottom:10px;
	}
	.f-bottom div{
		margin-bottom:10px;
	}
}
@media screen and (max-width: 475px){
	.footer-fat{
		padding:30px 0 0 0;
	}
	.ft-mod{
		font-size:10px;
	}
	.ft-mod ul li:nth-child(1){
		width:145px;
	}
	.ft-mod ul li:nth-child(2){
		width:90px;
	}
	.ft-mod ul li:nth-child(3){
		width:130px;
	}
	.cnews ul li{
		width:100%;
	}
}
@media screen and (max-width: 400px){
	.list-pro ul li{
		width:99%;
	}
}


/* 英文 */
.dx{
	text-transform:uppercase;
}
.english .i-about h3{
	max-width:500px;
}
.english .clearfix{
	flex-wrap:wrap;
}
.english .clearfix li{
	margin-top:10px;
}
.jianjie .english{
	letter-spacing:1px;
	font-size:16px;
	line-height:24px;
}
.ah-left ul .english h4{
	display:none;
}
.ah-left ul .english .chinese{
	display:block;
}
/* .ah-left ul .english p{
	font-weight:bold;
	font-size:18px;
	line-height:24px;
} */



/* 响应式 */
.phone{
    display: none;
}
.phonefooter{
	display: none;
}
@media screen and (max-width: 992px){
	.banner{
		margin-top:90px;
	}
/*     .index-about{
        display: none;
    } */
	.banner-all{
		margin-top:90px;
	}
	.banner-all img{
		min-height:200px;
	}
    .index-pro{
        display: none;
    }
    .index-cgzx{
        display: none;
    }
    .index-adv{
        display: none;
    }
    .index-news{
        display: none;
    }
    /* .footer-fat{
        display: none;
    } */
    .phone{
        display: block;
    }
	.phonefooter{
		display: block;
	}
    .phone .index-adv{
        display: block;
        padding: 50px 25px;
        box-sizing: border-box;
        background: url(../../images/phoneadv.jpg) no-repeat center;
        background-size: auto 100%;
    }
    .phone .index-adv .ia-ul ul li{
        width: 32%;
        height: auto;
        padding-top: 36.5%;
        /* background-color: red; */
		margin-top:0;
    }
    .phone .index-adv .ia-ul ul li .img{
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        object-fit: contain;
    }
    .phone .index-adv .ia-ul ul li:nth-child(1){
        margin-right: 0;
    }
    .phone .index-adv .ia-ul ul li:nth-child(2){
        margin: 0 2%;
    }
    .phone .index-adv .ia-ul ul li:nth-child(3){
        margin-left: 0;
    }
    .phone .ia-ul ul:nth-child(2){
        margin-top: -9%;
    }
    .phone .ia-ul ul:nth-child(2) li:nth-child(2){
        margin: 0 0 0 2%;
    }
    .phone .iau-pa img{
        max-width: 40%;
    }
    .phone .index-adv .ia-ul ul li .iau-pa p{
        font-size: clamp(10px, 2vw ,18px);
    }

    .phonemain{
        width: 100%;
        padding: 100px 25px;
        background: url(../../images/phonemain.jpg) no-repeat center;
        background-size: auto 100%;
    }
    .mySwiperp{
        padding: 0 10px;
    }
    .mySwiperp .swiper-slide img{
        width: 100%;
        height: auto;
        border-radius: 10px;
    }
    .mySwiperp .swiper-slide p{
        font-size: clamp(10px, 2vw ,16px);
        text-align: center;
		color:black;
		margin-top:10px;
    }
    .mySwiperp .swiper-button-nextp:after{
        position: absolute;
        content: '';
        display: block;
        top: 50%;
        right: 0;
        transform: translate(0,-50%);
        width: 9px;
        height: 15px;
        background: url(../../images/phonenext.png);
		background-size:100% 100%;
		z-index:999;
    }
    .mySwiperp .swiper-button-prevp:after{
        position: absolute;
        content: '';
        display: block;
        top: 50%;
        left: 0;
        transform: translate(0,-50%);
        width: 9px;
        height: 15px;
        background: url(../../images/phoneprev.png);
		background-size:100% 100%;
		z-index:999;
    }
    .phone hr{
        margin: 0 auto;
        width: 50px;
        height: 2px;
        background-color: white;
    }
    .phonenav{
        width: 100%;
        display: flex;
        justify-content: space-between;
        padding: 50px 20px 0;
    }
    .pnavitem{
        width: 30%;
    }
    .pnavitem img{
        width: 100%;
    }
    .pnavitem p{
        color: black;
        text-align: center;
        margin-top: 10px;
    }
    .phonemainh3{
        display: flex;
    }
    .phonemaintop h3{
        position: relative;
        font-size: clamp(16px, 7vw, 36px);
        color: white;
        /* text-align: center; */
        padding-left: 8vw;
        margin: 0 auto;
        &::before{
            position: absolute;
            content: '';
            width: 7vw;
            height: 7vw;
            background: url(../../images/phonelogo.png) no-repeat center;
            background-size: 100% auto;
            top: 50%;
            left: 0%;
            transform: translate(0%,-50%);
        }
    }
    .phonepro{
        padding:30px 0 50px;
    }
    .phonefooter{
        width: 100%;
        padding: 10px 0;
        background-color: #0055a4;
    }
    .phonefooter ul{
        width: 100%;
        padding: 0 45px;
        box-sizing: border-box;
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 0;
    }
    .phonefooter ul li{
        width: 33.33%;
        text-align: center;
    }
    .phonefooter ul li a{
        color: white;
    }
    .phonefooter ul li:nth-child(2){
        position: relative;
        &::before{
            position: absolute;
            content: '|';
            top: 50%;
            left: 0;
            transform: translate(0,-50%);
            color: white;
        }
        &::after{
            position: absolute;
            content: '|';
            top: 50%;
            right: 0;
            transform: translate(0,-50%);
            color: white;
        }
    }
	.index-adv h3{
		padding: 10px 0 10px 0;
	}
	.i-about{
		padding:50px 25px;
	}
	.ia-right p{
		font-size:12px;
		line-height:24px;
	}
	.countup .numCX{
		font-size:18px;
	}
	.countup .unitC{
		font-size:12px;
	}
	.countup .indc{
		font-size:12px;
	}
}