.index_banner{width: 100%;height: 37vw;}
.index_banner .swiper-slide{overflow:hidden;}
.index_banner .slide-inner{position: absolute;width: 100%;height: 100%;left: 0;top: 0;}
.index_banner.swiper-horizontal>.swiper-pagination-bullets{bottom: 15px;}
.index_banner .swiper-pagination-bullet{width: 12px;height: 12px;opacity: 1;margin: 0 6px !important;background-color: #fff;position: relative;}

.index_banner .swiper-pagination-bullet::before{content: '';width: 6px;height: 6px;border-radius: 5px;position: absolute;top: 3px;left: 3px;}
.index_banner .swiper-pagination-bullet-active::before{background-color: var(--primary-color);transition: all .3s ease-out;}

.index_title{align-items: center;line-height: 1;padding-left: 20px;border-left: 5px solid var(--primary-color);}
.index_title .cn{font-size: 2.6em;font-weight: bold;margin-bottom: 10px;}
.index_title .en{font-size: 1.4em;color: #a3a3a3;text-transform: uppercase;}
.index_title.white{color: #fff;border-left-color: #fff;}
.index_title.white .en{color: #fff;}
.index_title .more{color: #929292;font-size: 1.4em;align-items: center;}
.index_title .more img{height: 10px;margin-left: 5px;}
.index_title .more:hover{text-decoration: underline;}

.index_products{background-color: #f5f7fb;}
.index_products ul li{width: calc(33.333% - 20px);margin: 30px 30px 0 0;border-radius: 10px;overflow: hidden;transition: all .3s ease-out;}
.index_products ul li:nth-child(3n){margin-right: 0;}
.index_products ul li .pic_constant{background-color: #fff;padding: 15px;}
.index_products ul li .pic_constant .inner::after{padding-top: 75%;}
.index_products ul li .pic_constant .inner img{object-fit: contain;}
.index_products ul li .txt{background-color: #fff;border-top: 1px solid #f5f7fb;padding: 20px;justify-content: space-between;align-items: center;position: relative;z-index: 1;}
.index_products ul li .txt::before{content: '';position: absolute;z-index: -1;bottom: 0;left: 0;width: 100%;height: 0;background-color: var(--primary-color);transition: all .3s ease-out;}
.index_products ul li .txt .p{width: calc(100% - 50px);line-height: 1;}
.index_products ul li .txt .p1{font-size: 1.6em;transition: all .3s ease-out;}
.index_products ul li .txt .p2{font-size: 1.4em;color: #858585;margin-top: 13px;transition: all .3s ease-out;}
.index_products ul li .more{width: 30px;height: 30px;border-radius: 30px;background-color: #dbdbdb;color: #fff;}
.index_products ul li:hover{box-shadow: 0 0 10px #ccc;}
.index_products ul li:hover .pic_constant .inner img{transform: scale(1.02);}
.index_products ul li:hover .txt::before{height: 100%;;}
.index_products ul li:hover .txt .p1,
.index_products ul li:hover .txt .p2{color: #fff;}
.index_products ul li:hover .more{background-color: #fff;color: var(--primary-color);transition: all .3s ease-out .2s;}

.index_applications .swiper-slide{overflow: hidden;position: relative;border-radius: 10px;}
.index_applications .swiper-slide::after{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(255, 255, 255, .8);opacity: 1;}
.index_applications .swiper-slide .img{width: 100%;}
.index_applications .swiper-slide .tit{position: absolute;top: calc(50% - 12px);z-index: 2;width: calc((100% - 60px) / 4);color: #fff;text-shadow: 0 0 2px #333;font-size: 1.6em;text-align: center;}
.index_applications .swiper-slide .txt{position: absolute;top: 50%;left: -30%;transform: translateY(-50%);width: 30%;background-color: #fff;border-left: 3px solid var(--primary-color);padding: 30px 20px;}
.index_applications .swiper-slide .p1{font-size: 1.6em;color: var(--primary-color);}
.index_applications .swiper-slide .p2{font-size: 1.4em;color: #7a7a7a;margin: 12px 0 15px;}
.index_applications .swiper-slide .arrow{height: 6px;margin-left: auto;display: block;}
.index_applications .swiper-slide:hover .img{transform: scale(1.1);}
.index_applications .swiper-slide-prev .tit{right: 0;}
.index_applications .swiper-slide-next .tit{left: 0;}
.index_applications .swiper-slide-active::after{width: 0;opacity: 0;transition: all .8s ease-out;}
.index_applications .swiper-slide-active .tit{display: none;}
.index_applications .swiper-slide-active .txt{left: 0;transition: all .5s ease-out .5s;}
.index_applications .swiper-button-prev,
.index_applications .swiper-button-next{font-size: 20px;color: #dbdbdb;font-weight: bold;position: static;margin: 0;height: auto;}
.index_applications .swiper-button-prev:hover,
.index_applications .swiper-button-next:hover{color: var(--primary-color);}
.index_applications .swiper-pagination{position: static;width: auto;display: flex;margin: 0 10px;}
.index_applications .swiper-pagination-bullet{width: 40px;height: 3px;border-radius: 0;}

.index_about{background: url(../images/bg01.jpg) no-repeat center/cover;color: #e9e9e9;}
.index_about .pic{width: 30%;}
.index_about .main{width: 60%;}
.index_about .p1{font-size: 2.2em;}
.index_about .p2{font-size: 1.5em;}
.index_about .line .arrow{width: 24px;height: 24px;border-radius: 30px;background-color: #fff;}
.index_about .line .arrow i{font-size: 1.2em;color: #333;}
.index_about .line hr{flex: 1;margin-left: 20px;}

.counters li{font-size: 1.6em;} 
.counters li .counter{font-size: 2em;font-weight: bold;margin-right: 8px;}
.counters li .num{display: flex;align-items: flex-end;line-height: 1;margin-bottom: 10px;}

.index_news{background-color: #f5f7fb;}
.index_news .item{width: 31.5%;height: auto;background-color: #fff;border-radius: 6px;overflow: hidden;;transition: all .3s ease-out;}
.index_news .left{display: block;}
.index_news .left .pic_constant .inner::after{padding-bottom: 60%;}
.index_news .left .more{font-size: 1.6em;margin-top: 20px;color: #000;}
.index_news .left .more img{height: 6px;margin-left: 20px;transition: all .3s ease-out;}
.index_news .left:hover{box-shadow: 0 0 10px rgba(0, 55, 68, .2);}
.index_news .left:hover .pic_constant img{transform: scale(1.05);}
.index_news .left:hover .more img{margin-left: 25px;}
.index_news .left .txt{padding: 20px;}
.index_news .right{padding: 20px;}
.index_news .title{font-weight: bold;font-size: 1.8em;}
.index_news .desc{font-size: 1.5em;color: #757575;margin: 10px 0;}
.index_news .date{font-size: 1.6em;color: #a1a0a0;}
.index_news ul{display: flex;flex-direction: column;justify-content: center;}
.index_news ul li{border-bottom: 1px solid #ddd;padding: 20px 0;}
.index_news ul li:first-child{padding-top: 0;}
.index_news ul li:last-child{padding-bottom: 0;border-bottom: 0;}


.page_banner{width: 100%;}

.page_top{background-color: #eee;}
.page_top .nav li a{height: 60px;line-height: 60px;font-size: 1.6em;padding: 0 40px;display: block;}
.page_top .nav li.on a{background-color: var(--primary-color);color: #fff;}

.page_top .position{background: url(../images/icon_home.png) no-repeat left center/15px;padding-left: 23px;color: #9a9a9a;font-size: 1.5em;}

.page_title span{font-size: 2.2em;}
.page_title span::after{content: '';display: block;width: 3.2em;height: 3px;background-color: var(--primary-color);margin: 10px auto 0;}
.page_title.left span::after{margin: 10px 0 0 0;}
.page_title.right span::after{margin: 10px 0 0 auto;}

.page_about .about .txt{width: 43%;}
.page_about .about .txt p{font-size: 1.5em;line-height: 1.8;}
.page_about .about .txt p+p{ margin-top: 10px; }
.page_about .about .pic{width: 50%;}
.page_about .about .pic .img1{width: 47.2%;position: absolute;top: 50%;left: 0;transform: translateY(-50%);}
.page_about .about .pic .img2{width: 77.5%;margin-left: auto;display: block;}

.page_about .culture{background: url(../images/bg_about01.jpg) no-repeat center/cover;}
.page_about .culture ul li{width: 14%;background: url(../images/bg_about02.jpg) no-repeat center/cover;padding: 40px 30px;transition: all .3s ease-out;}
.page_about .culture ul li .inner{height: 70px;position: relative;overflow: hidden;}
.page_about .culture ul li .title{color: var(--primary-color);font-size: 2em;margin-bottom: 20px;white-space: nowrap;}
.page_about .culture ul li .title i{font-size: 22px;margin-left: 15px;}
.page_about .culture ul li .p1,
.page_about .culture ul li .p2{position: absolute;left: 0;transition: all .5s ease-out;}
.page_about .culture ul li .p1{font-size: 2.8em;font-weight: bold;opacity: 1;top: 30px;}
.page_about .culture ul li .p2{font-size: 1.6em;margin-top: 20px;opacity: 0;bottom: -100px;}

.page_about .team .pic{width: 38.5%;}
.page_about .team .txt{width: 52%;}
.page_about .team .txt p{font-size: 1.5em;line-height: 1.8;}
.page_about .team .txt p+p{ margin-top: 10px; }

.page_about .honor{background: url(../images/bg_about03.jpg) no-repeat center/cover;}
.page_about .honor .swiper_honor{padding: 0 100px;}
.page_about .honor .swiper-slide .pic{overflow: hidden;}
.page_about .honor .swiper-slide .title{padding: 10px;font-size: 1.6em;text-align: center;background-color: #7a7a7a;color: #fff;}
.page_about .honor .swiper-slide:hover .title{background-color: var(--primary-color);}
.page_about .honor .swiper-slide:hover .pic img{transform: scale(1.02);}
.page_about .honor .swiper-button-prev,
.page_about .honor .swiper-button-next{font-size: 18px;color: #fff;font-weight: bold;width: 50px;height: 50px;background-color: var(--primary-color);border-radius: 100%;}

.page_products_detail .list li{width: calc((100%  - 60px) / 4);margin: 0 20px 50px 0;border: 1px solid #e2e2e2;position: relative;}
.page_products_detail .list li:nth-child(4n){margin-right: 0;}
.page_products_detail .list li .pic_constant .inner::after{padding-top: 70%;}
.page_products_detail .list li .pic_constant .inner img{top: 10%;left: 10%;width: 80%;height: 80%;object-fit: contain;}
.page_products_detail .list li .desc{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .5);padding: 20px;display: none;flex-direction: column;justify-content: center;color: #fff;font-size: 1.5em;}
.page_products_detail .list li .btm{border-top: 1px solid #e2e2e2;padding: 14px 12px;align-items: center;justify-content: space-between;}
.page_products_detail .list li .title{width: calc(100% - 100px);font-size: 1.6em;}
.page_products_detail .list li .more{font-size: 1.4em;color: #7a7a7a;}
.page_products_detail .list li:hover{border-color: var(--primary-color);}
.page_products_detail .list li:hover .desc{display: flex;}
.page_products_detail .list li:hover .pic_constant .inner img{transform: scale(1.05);}
.page_products_detail .list li:hover .btm{background-color: var(--primary-color);color: #fff;}
.page_products_detail .list li:hover .more{color: #fff;}

.page_products_detail .topSection .imgs{width: 45%;}
.page_products_detail .swiper-slide img{height: 100%;object-fit: contain;}
.page_products_detail .swiper_img{border: 1px solid #eee;padding: 20px;}
.page_products_detail .swiper_img .swiper-slide{height: 360px;display: flex;justify-content: center;align-items: center;}
.page_products_detail .swiper_thumbnail .swiper{width: calc(100% - 60px);}
.page_products_detail .swiper_thumbnail .swiper-slide{border: 1px solid #eee;padding: 10px;height: 80px;display: flex;justify-content: center;align-items: center;cursor: pointer;}
.page_products_detail .swiper_thumbnail .swiper-slide-thumb-active{border-color: var(--primary-color);}
.page_products_detail .swiper_thumbnail .swiper-button-prev,
.page_products_detail .swiper_thumbnail .swiper-button-next{font-size: 24px;font-weight: bold;color: #bfbfbf;position: static;margin-top: 0;width: auto;}

.page_products_detail .topSection .info{width: 52%;}
.page_products_detail .topSection .info .title{font-size: 3em;font-weight: normal;line-height: 1.2;}
.page_products_detail .topSection .info .class{font-size: 2em;margin: 20px 0 30px;}
.page_products_detail .topSection .info .desc{font-size: 1.6em;border-top: 1px solid #eee;padding: 20px 0;line-height: 1.8;color: #3b393b;}
.page_products_detail .topSection .info .tel{font-size: 1.4em;color: var(--primary-color);}
.page_products_detail .topSection .info .tel b{font-size: 2em;}

.page_products_detail .item_title{background-color: #f5f5f5;padding: 10px 20px;font-size: 2em;}

.likeSwiperTitle{font-size: 2.4em;color: #3b393b;font-weight: bold;letter-spacing: 2px;}
.likeSwiper{padding-bottom: 50px;width: 100%;}
.likeSwiper .swiper-slide{background-color: #f8f8f8;padding: 12px;transition: all .5s ease-out;}
.likeSwiper .swiper-slide .img{height: 230px;background-color: #fff;display: flex;justify-content: center;align-items: center;padding: 20px;margin-bottom: 15px;overflow: hidden;}
.likeSwiper .swiper-slide .img img{max-height: 100%;transition: all .3s ease-out;}
.likeSwiper .swiper-slide .title{font-size: 1.4em;line-height: 1.8;letter-spacing: 1px;text-align: center;padding: 0 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.likeSwiper .swiper-slide:hover{background-color: var(--primary-color);}
.likeSwiper .swiper-slide:hover .title{color: #fff;}
.likeSwiper .swiper-slide:hover .img img{transform: scale(1.1);}

.page_apps .list li{width: calc(33.333% - 20px);margin: 0 30px 50px 0;padding-bottom: 100px;position: relative;}
.page_apps .list li:nth-child(3n){margin-right: 0;}
.page_apps .list li .txt{width: 75%;background-color: rgba(255, 255, 255, .9);position: absolute;bottom: 0;left: 0;padding: 20px;box-shadow: 0px 5px 20px 0px rgba(216, 216, 216, 0.3)}
.page_apps .list li .pic{width: 100%;overflow: hidden;display: block;}
.page_apps .list li .icon{height: 20px;margin-bottom: 17px;}
.page_apps .list li .title{font-size: 2em;font-weight: bold;line-height: 1;position: relative;}
.page_apps .list li .title::before{content: '';display: block;position: absolute;top: 0;left: -20px;width: 3px;height: 100%;background-color: var(--primary-color);}
.page_apps .list li .desc{font-size: 1.5em;color: #666;margin: 15px 0 20px;}
.page_apps .list li .more{width: 105px;height: 34px;line-height: 32px;border: 1px solid var(--primary-color);border-radius: 6px;font-size: 1.5em;color: var(--primary-color);display: block;text-align: center;}
.page_apps .list li:hover .txt{background-color: rgba(58, 144, 114, .9);transition: all .3s ease-out;}
.page_apps .list li:hover .icon{filter: brightness(0) invert(1);}
.page_apps .list li:hover .title{color: #fff;}
.page_apps .list li .title a:hover{color: #fff;}
.page_apps .list li:hover .title::before{background-color: #fff;}
.page_apps .list li:hover .desc{color: #fff;}
.page_apps .list li:hover .more{color: #fff;border-color: #fff;}
.page_apps .list li .pic:hover img{transform: scale(1.02);}

.page_recruitment .benefit{background: url(../images/bg03.jpg) no-repeat center/cover;}
.page_recruitment .benefit ul li{width: calc((100% - 130px) / 6);margin: 0 0 20px 0;border: 1px solid #d2d2d2;border-radius: 8px;padding: 40px 10px 30px;}
.page_recruitment .benefit ul li img{height: 60px;margin: 0 auto 20px;display: block;}
.page_recruitment .benefit ul li p{font-size: 1.6em;color: var(--primary-color);text-align: center;}

.page_recruitment .list{padding: 80px 0;font-size: 1.5em;}
.page_recruitment .list .row span{width: calc(100% / 6);line-height: 1.2;}
.page_recruitment .list li .title span:last-child:hover{text-decoration: underline;}
.page_recruitment .list .top_title{background-color: var(--primary-color);padding: 15px 0;color: #fff;text-align: center;font-size: 1.2em;}
.page_recruitment .list li{padding: 20px 0;border-top: 1px solid #eee;position: relative;}
.page_recruitment .list li .title{text-align: center;cursor: pointer;}
.page_recruitment .list li .cont{height: 0;overflow: hidden;transition: all .3s ease-out;}
.page_recruitment .list li.toggle .cont{height: auto;padding: 0 40px;margin-top: 20px;}
.page_recruitment .list li .inner{background-color: #fafafa;padding: 20px;}

.page_contact .list{width: calc(50% - 30px);}
.page_contact .list li{border: 1px solid #d2d2d2;border-radius: 10px;padding: 30px 20px 30px 100px;margin-bottom: 20px;}
.page_contact .list li:last-child{margin-bottom: 0;}
.page_contact .list li .icon{width: 50px;margin-right: 40px;}
.page_contact .list li .txt p{font-size: 1.6em;margin: 5px 0;}
.page_contact form{width: calc(50% - 30px);}
.page_contact form .item{width: 100%;background-color: #f6f7fa;margin-bottom: 20px;font-size: 1.5em;border-radius: 6px;}
.page_contact form .input{height: 50px;padding: 0 20px;}
.page_contact form .textarea{height: 143px;padding: 10px 20px;border: none;}
.page_contact form .submit{width: 140px;border-radius: 8px;}
.page_contact .map{width: 100%;height: 25vw;overflow: hidden;}

.page_news .list li{margin-bottom: 50px;}
.page_news .list li a{padding: 30px 50px 30px 30px;box-shadow: 0 0 16px 5px rgba(0, 0, 0, 0.11);transition: all .3s ease-out;}
.page_news .list li .pic{width: 330px;}
.page_news .list li .txt{width: calc(100% - 380px);}
.page_news .list li .title{font-size: 2em;}
.page_news .list li .desc{font-size: 1.6em;color: #757474;margin: 20px 0 30px;}
.page_news .list li .date{font-size: 1.4em;color: #a1a0a0;}
.page_news .list li .more{font-size: 1.5em;}
.page_news .list li a:hover{background-color: var(--primary-color);}
.page_news .list li a:hover *{color: #fff !important;transition: all .3s ease-out;}
.page_news .list li a:hover img{transform: scale(1.02);}
.page_news .list li a:hover .date img,
.page_news .list li a:hover .more img{filter: brightness(0) invert(1);}
.page_news .list li a:hover .more img{transform: translateX(5px);}

.page_detail .title{font-size: 2em;text-align: center;line-height: 1.2;}
.page_detail .others{font-size: 1.4em;color: #999;text-align: center;}
.page_detail .others span+span{margin-left: 30px;}
.page_detail .detail{}

.turn_page li{width: calc(50% - 30px);font-size: 1.4em;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.turn_page li:last-child{text-align: right;}

.detail{font-size: 1.5em;color: #333333;line-height: 1.8;}
.detail p+p{ margin-top: 10px; }

.pager-list{ text-align:center; margin: 40px 0 80px;}
.pager-list ul{ display: inline-flex;}
.pager-list li{ padding: 0 6px;}
.pager-list li.prev> *,
.pager-list li.next> *{background: none;border: 1px solid #e6e6e6;}
.pager-list li> *{ display: inline-flex;justify-content: center;align-items: center; height: 40px;line-height: 40px;padding: 0 15px;font-size: 1.4em;color: #333;border: 1px solid #e6e6e6;}
.pager-list li a:hover{ background: var(--primary-color) !important; color:#fff !important;border-color: var(--primary-color) !important;}
.pager-list li.active> *{ color:#fff !important; background: var(--primary-color) !important;}
.pager-list li.disabled> *{ cursor:auto;}
.pager-list li.active> span:hover, 
.pager-list li.active> a:hover{ background:var(--primary-color) !important; color: #fff !important;border-color: var(--primary-color) !important;}



@media screen and (min-width: 1025px){
    .page_about .culture ul li.on{width: 35%;}
    .page_about .culture ul li.on .p1{top: -50px;opacity: 0;}
    .page_about .culture ul li.on .p2{bottom: 0;opacity: 1;}

}

@media screen and (max-width: 1440px){
	
}

@media screen and (max-width: 1366px){
	.page_about .culture ul li{padding: 30px 20px;}
	.page_about .culture ul li .title{font-size: 1.8em;margin-bottom: 0;}
	.page_about .culture ul li .p1{font-size: 2em;}
	.page_about .culture ul li .p2{font-size: 1.4em;}
}

@media screen and (max-width: 1270px){
	.page_top .position{display: none;}

	.page_contact .list li{padding: 30px;}
	.page_contact .list li .icon{margin-right: 30px;}
	.page_contact .map{height: 40vh;}

	.pager-list li{padding: 0 2px;}
	.pager-list li> *{height: 30px;padding: 0 10px;font-size: 1.2em;}

	.turn_page li span{font-size: 1.4em;}
}

@media screen and (max-width: 1024px){
	.index_banner{margin-top: 60px;}

	.index_news .left{width: calc(50% - 10px);}
	.index_news .right{width: 100%;margin-top: 20px;padding: 0 20px;}

	.page_banner{margin-top: 60px;height: 30vw;}
	.page_banner img{height: 100%;object-fit: cover;}
	
	.page_top .nav{width: 100%;overflow-x: auto;}
	.page_top .nav li a{height: 42px;line-height: 42px;font-size: 1.4em;padding: 0 20px;white-space: nowrap;}

	.page_contact .list li{padding: 20px;}
	.page_contact .list li .icon{margin-right: 20px;}

	.page_about .about .txt{width: 100%;}
	.page_about .about .pic{width: 100%;margin-top: 30px;}

	.page_about .culture ul li{width: 100%;margin-bottom: 20px;}
	.page_about .culture ul li .inner{height: auto;}
	.page_about .culture ul li .p1, 
	.page_about .culture ul li .p2{position: static;}
	.page_about .culture ul li .p2{opacity: 1;margin-top: 10px;}

	.page_about .team .txt{width: 58%;}

	.page_news .list li{padding: 20px;margin-bottom: 30px;}
	.page_news .list li .pic{width: 30%;}
	.page_news .list li .txt{width: 67%;}
	.page_news .list li .title{font-size: 1.8em;}
	.page_news .list li .desc{margin: 10px 0 15px;font-size: 1.4em;}
	.page_news .list li .more{font-size: 1.4em;}

	.page_recruitment .benefit ul li{width: calc(33.333% - 15px);}

	.page_recruitment .list li.toggle .cont{padding: 0;}

	.page_products_detail .list,
	.page_apps .list{justify-content: space-between;}
	.page_products_detail .list li,
	.page_apps .list li{width: calc(50% - 15px);margin: 0 0 30px 0 !important;}
}

@media screen and (max-width: 768px){
	.index_products ul{justify-content: space-between;}
	.index_products ul li{width: calc(50% - 10px);margin: 20px 0 0 0 !important;}

	.counters li{font-size: 1.4em;}
	.counters li .counter{font-size: 1.4em;margin-right: 3px;}

	.index_applications .swiper-slide .txt{width: 50%;padding: 20px;}
	.index_applications .swiper-slide .p2{-webkit-line-clamp: 1;}

	.page_contact .list{width: 100%;}
	.page_contact form{width: 100%;margin-top: 50px;}

	.page_about .team .pic{width: 100%;}
	.page_about .team .txt{width: 100%;margin-top: 30px;}

	.page_recruitment .benefit ul li{padding: 30px 10px 20px;}
	.page_recruitment .benefit ul li img{height: 30px;margin: 0 auto 10px;}
	.page_recruitment .benefit ul li p{font-size: 1.4em;}

	.page_recruitment .list{font-size: 1.4em;}
	.page_recruitment .list .top_title{font-size: 1.1em;}

	.page_apps .list li .title{font-size: 1.6em;}

	.page_products_detail .topSection .imgs{width: 100%;}
	.page_products_detail .topSection .info{width: 100%;margin-top: 30px;}

	.page_products_detail .topSection .info .title{font-size: 2em;}
	.page_products_detail .topSection .info .class{font-size: 1.5em;margin: 10px 0 15px;}
	.page_products_detail .topSection .info .tel{margin-top: 0;}
}

@media screen and (max-width: 525px){
	.index_about .pic{margin-bottom: 15px;}
	.index_about .main{width: 100%;}

	.index_news .left .txt{padding: 15px 10px;}
	.index_news .desc{-webkit-line-clamp: 2;}
	.index_news .date{font-size: 1.4em;}
	.index_news .left .more{font-size: 1.4em;margin-top: 10px;}
	
	.page_news .list li{padding: 20px 10px;}
	.page_news .list li .title{font-size: 1.6em;line-height: 1;}
	.page_news .list li .desc{margin: 8px 0 10px;font-size: 1.4em;}
	.page_news .list li .more{font-size: 1.2em;}

	.page_products_detail .list li,
	.page_apps .list li{width: 100%;}

	.page_recruitment .benefit ul li{width: calc(33.333% - 7px);margin: 0 0 10px 0;}
}

@media screen and (max-width: 414px){
	
}