@charset "utf-8";
/* CSS Document */

:root {
 --main_color:#02083E;        /* 主色 */
 --main_color_rgb:34, 83, 142;  /*rgba*/
 --second_color:#009999;      /* 副色 */
}
/*font*/


body,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,p,form,img,select,div,figure{margin:0;padding:0;box-sizing: border-box}
body{color:#333;font-size:14px;font-family:"Microsoft Yahei",arial;overflow-x:hidden;background:#fff}
body{-webkit-font-smoothing:antialiased;font-smoothing:antialiased;-webkit-overflow-scrolling:touch;line-height:1.4;font-size:16px}
a{text-decoration:none;color:#333;outline-style:none}
a:hover{color:var(--main_color)}
a,input,img,:focus{-webkit-tap-highlight-color:transparent;mayfish:expression(this.onfocus=this.blur);cursor:handbblr:expression(this.onFocus=this.blur());outline-style:none}
ul,li{list-style:none}
.clear{clear:both}
img{border:0}
.fl{float:left}
.fr{float:right}
.bottom_blank{height:.6rem}
.mt20{margin-top:20px}
.mt40{margin-top:40px}
/*btn*/
.btn-a{background-color:#2776D6;color:#343434;border-radius:22px;display:inline-block;padding-top: 10px;padding-bottom: 10px;padding-left: 25px;padding-right: 25px;color:#fff;font-size:14px;transition:all .4s}
.btn-a:hover{background-color:#1256A9;color: #fff;padding-left: 30px;padding-right: 30px}	


::-webkit-scrollbar{width:6px;height:6px;-webkit-overflow-scrolling:touch;background-color:#e6e6e6}
::-webkit-scrollbar-track{background-color:#e6e6e6}
::-webkit-scrollbar-thumb{border-radius:10px;background-color:#0C3C62}
::-webkit-scrollbar-button{height:0px;background-color:#e6e6e6}
.pc_hide{display:none}
.main{width:86%;margin:auto;max-width:1600px}
@media screen and (max-width:1442px){.main{width:94%}
}@media screen and (max-width:768px){.main{width:100%;padding:0 15px;box-sizing:border-box}
.m_hide{display:none}
}
.flex_space{display:flex;justify-content:space-between;flex-wrap:wrap}
.flex_start{display:flex;justify-content:flex-start;flex-wrap:wrap}

.flex-center{display:flex; align-items:center}
.flex-between{display: flex;flex-direction: column;justify-content: space-between;}
.t_center{display:flex;flex-direction:column;justify-content:center;align-items:center}
.t_left_center{display:flex;flex-direction:column;justify-content:center}
.txt-center{text-align: center}
.txt-left{text-align: left}
.txt-right{text-align: right}
.mt-20{margin-top: 20px}
.mt-50{margin-top: 50px}
.ellipsis1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ellipsis2{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis}
.ellipsis3{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;text-overflow:ellipsis}
.ellipsis4{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;text-overflow:ellipsis}
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}
.slick-list:focus{outline:none}
.slick-list.dragging{cursor:pointer;cursor:hand}
.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}
.slick-track:before,.slick-track:after{display:table;content:''}
.slick-track:after{clear:both}
.slick-loading .slick-track{visibility:hidden}
.slick-slide{display:none;float:left;height:100%;min-height:1px}
[dir='rtl'] .slick-slide{float:right}
.slick-slide img{display:block}
.slick-slide.slick-loading img{display:none}
.slick-slide.dragging img{pointer-events:none}
.slick-initialized .slick-slide{display:block}
.slick-loading .slick-slide{visibility:hidden}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}
.slick-arrow.slick-hidden{display:none}
.hr-menu .num span{display:none}
.hr-menu .num.nonecar span{display:inline-block}
#banner{width:100%;position:relative;z-index:0;overflow:hidden}
#banner .txt{position:absolute;z-index:999;left:0;top:0;width:100%;height:100%}
#banner .txt h3{font-size:3.8vw;color:#fff;margin-bottom:.3rem;text-shadow:rgba(0,0,0,0.25) 1px 1px 1px;transform:translateY(200px);opacity:0;transition:all 0.3s}
#banner .txt p{font-size:1.5vw;line-height:1.8;text-align:center;color:#fff;text-shadow:rgba(0,0,0,0.5) 1px 1px 2px;transform:translateY(200px);opacity:0;transition:all 0.6s;padding-left:15px;padding-right:15px}
#banner .txt .pic_line{height:3px;background-color:#fff;width:25rem;border-radius:6px;margin-left:auto;margin-right:auto;margin-top:1.6rem;margin-bottom:1.6rem;transform:translateY(200px);opacity:0;transition:all 0.3s}
#banner .swiper-slide-active .txt h3,#banner .swiper-slide-active .txt p,#banner .swiper-slide-active .pic_line{transform:translateY(0px);opacity:1;transition-delay:1s}
#banner .swiper-slide .pic{position:relative;z-index:1;height:calc(100vh - 80px);overflow:hidden}
#banner .swiper-slide .pic img{width:100%;height:100%;object-fit:cover;transition:all 4s;transform:scale(1,1);-webkit-transform:scale(1,1);display:block}
/*
#banner .swiper-slide-active .pic img{transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);transition-delay:1s}
*/
#banner .swiper-button-prev{width:48px;height:48px;background:url(../images/arrow_left.png) no-repeat;background-position: center center}
#banner .swiper-button-next{width:48px;height:48px;background:url(../images/arrow_right.png) no-repeat;background-position: center center}
/*
#banner .swiper-button-prev:hover{background-position:0 -144px}
#banner .swiper-button-next:hover{background-position:0 -216px}
*/
#banner .swiper-pagination-bullet{width:10px;height:10px;display:inline-block;border-radius:50%;background:rgba(255,255,255,0.36);transition:all .5s ease;opacity:1.0;font-size:0}
#banner .swiper-pagination-bullet-active{background:rgba(255,255,255,0.8);color:#fff;width:33px;border-radius:30px}
#banner .swiper-pagination{bottom:20px}
#banner:after{content:"";background:rgba(0,0,0,0);position:absolute;left:0px;top:0px;right:0px;bottom:0px;opacity:1;z-index:3}
#banner .swiper-button-prev,#banner .swiper-button-next{width:48px;height:48px;border-radius:50%;text-align:center;background-color:rgba(0,0,0,0.4);transition:all .4s}
#banner .swiper-button-prev:hover,#banner .swiper-button-next:hover{background-color:rgba(0,0,0,0.8)}

#banner  .swiper-button-prev{left:50px !important}
#banner .swiper-button-next{right:50px !important}

#particles-js{position:absolute;width:100%;height:100%;left:0;right:0;top:0;bottom:0;z-index:999}
#particles-js{opacity:0.6}
.particles{pointer-events:none}
.mouseEvents{pointer-events:all}
@media screen and (max-width:768px){#banner .swiper-button-prev,#banner .swiper-button-next{width:0;height:0}
#banner .swiper-slide .pic{height:200px}
#banner .txt h3{font-size:25px}
#banner .txt p{font-size:14px}
#banner .swiper-pagination-bullet{width:7px;height:7px}
#banner .swiper-pagination-bullet-active{width:20px}
#banner .swiper-pagination{bottom:8px}
}
/*头部*/
.header .logo{display: flex;;align-items: center; }
.header .logo img{max-width:10rem}
.pcdown-menu{box-sizing:border-box; box-shadow:2px 5px 15px rgba(0,0,0,.1);}
.header .head-select {font-weight: normal;width: 3rem;text-align: right;display: flex;align-items: center;justify-content:flex-end}
.header .head-select img{max-width: 1.2rem}
.header .head-select img:hover{cursor: pointer}
.icon-coutry{width:18px!important;vertical-align: middle}
.header-h{height: 4.6rem;}

.header-menu .head-select {font-weight: normal;display: inline-block;width: 1.3rem}
.header{transition:all .4s;position:fixed;width:100%}
.header-auto{flex:auto}
.fixed-nav .menu>ul>li>a{padding:1.4rem 20px}
/*首页-理念*/	
.index-title{text-align:center;font-size:2rem;font-weight:bold}
.index-header-line{width:3.6rem;height:.15rem; background-color:#0064af;margin-top:1rem;margin-left:auto;margin-right:auto;border-radius:5px}
.index-title-desc{text-align:center;font-size:1.05rem;font-weight:normal;padding-top:1rem;text-transform: uppercase;}
.index-smyj{padding-top:4rem;padding-bottom:4rem}
.index-smyj h3{font-size:1rem}
.index-smyj ul{margin-top:3rem;border-top:1px solid #0064af;border-left:1px solid #0064af}
.index-smyj ul li{width:20%;height:15rem;position:relative;box-sizing:border-box;border-right:1px solid #0064af;border-bottom:1px solid #0064af;}
.index-smyj ul li img{position:absolute;right:0;bottom:0;height:100%;opacity:1;z-index:1;transition:opacity .3s ease}
.index-smyj ul li h3{z-index:9;position:absolute;left:1.5rem;top:1.5rem}
.index-smyj ul li p{z-index:9;position:absolute;left:2.5rem;top:4rem;padding-right:1.5rem;font-size:1.1rem;line-height:1.5}
.index-smyj ul li a{z-index:9;position:absolute;left:1.5rem;bottom:3rem;font-size: 13px}
.index-header-en{text-align:center;height:30px;margin-top:2rem}
.index-header-en img{height:30px}
.index-header-en p{display:inline-block;position:relative;height:30px}
.index-smyj ul li a i{display:inline-block;margin-left:5px;transition:all .4s}
.index-smyj ul li a:hover{color:#0064af;}
.index-smyj ul li a:hover i{margin-left:15px}

/*首页--公司介绍*/
.index-gsjs{padding-top:4rem;padding-bottom:4rem;background-position:center;background-repeat:no-repeat;overflow:hidden;background-image:url(../bg/banner-a1743af2.1724404182421.png)}
.index-gsjs .index-gsjs-left{float:left;width:48%;border-radius:0px;overflow:hidden}
.index-gsjs .index-gsjs-left p{font-size:.8rem;line-height:1.5}
.index-gsjs .main{margin-top:3rem}
.index-gsjs .index-gsjs-left h3{margin-bottom:2rem}
.index-gsjs	.index-gsjs-desc p:nth-child(1){margin-bottom:.8rem}
.index-gsjs	.index-gsjs-right{float:right;width:48%}
.index-gsjs	.index-gsjs-right img{border-radius: 20px}
.index-gsjs	.index-gsjs-right p{margin-top:16px;font-size:16px}
.index-gsjs	.index-gsjs-link{text-align:left}
.index-gsjs	.index-gsjs-link a{display:inline-block;width:120px;height:36px;background-color:#0064af;text-align:center;line-height:36px;color:#fff;margin-top:20px;transition:all .3s}
.index-gsjs	.index-gsjs-link a:hover{background-color:#862E0C;padding-left:10px}
.about-num{margin-top:0px;padding-top:30px;padding-bottom:25px;background:none}
.about-num li{float:left;width:33%;position:relative;padding-left:0vw;margin-bottom:15px;margin-top:15px;text-align:center;border-left:1px solid #ccc}
.about-num li:before{content:'';position:absolute;left:-1px;top:0px;width:1px;height:30%;background:#0064af;z-index:1}
.about-num li h2{font-family:'Oswald';font-size:50px;color:#333;line-height:40px;font-weight:bold;display:inline-block}
.about-num li p{color:#666;font-size:14px;line-height:30px}
.about-num .count-unit{font-size:16px;color:#0064af;text-align:right;display:inline-block;font-style:normal}
.about-num li .bot p{font-size:15px;color:#666;line-height:24px}
@media only screen and (max-width:768px){
.index-header-title{text-align:center}
.index-gsjs .index-gsjs-left p{font-size:14px;line-height:26px}
.about-num li h2{font-size:20px;line-height:30px}
.about-num{margin-top:0px;padding-top:20px;padding-bottom:0px}
.about-num .count-unit{font-size:14px}
.about-num li p{font-size:12px!important}
.about-num li{width:30%;border-bottom:none}
.about-num li:nth-child(1){border-top:none}
.about-num li:nth-child(2){border-top:none;border-right:none}
.about-num li:nth-child(4){border-right:none}
.about-num li:last-child{display:block}
}

.index-jgjj-btn{margin-top:2rem;position:relative}	
.pbmore{transform:skewX(-8deg);width:160px;font-size:1rem;background:#185f93;color:#fff;border-radius:5px;border-top-left-radius:15px;border-bottom-right-radius:15px;overflow:hidden;display:inline-block;position:relative;transition:background-color 0s cubic-bezier(.52,.08,.18,1) 0s;height:50px;line-height:50px;text-align:center;vertical-align:top}
.pbmore span{transition:all 0.55s cubic-bezier(.52,.08,.18,1);position:relative;z-index:5;font-size:.8rem}
.pbmore:after{display:block;position:absolute;left:0;top:0;width:110%;content:'';height:100%;background:#0064af;transition:-webkit-transform .55s cubic-bezier(.52,.08,.18,1);transition:transform .55s cubic-bezier(.52,.08,.18,1);transition:transform .55s cubic-bezier(.52,.08,.18,1),-webkit-transform .55s cubic-bezier(.52,.08,.18,1);-webkit-transform-origin:right top;transform-origin:right top;-webkit-transform:translateX(-101%) skewX(-17.62deg);transform:translateX(-101%) skewX(-17.62deg);-webkit-backface-visibility:hidden;backface-visibility:hidden}
.pbmore i{position:absolute;height:100%;top:0;transition:all 0.4s ease;z-index:8;width:5px;background-position:center;background-repeat:no-repeat;background-size:100% auto}
.pbmore2 i{display:none}
.pbmore:hover{background-color:#0064af;transition:all .1s linear .35s}
.pbmore:hover span{color:#fff}
.pbmore:hover:after{-webkit-transform:translateX(0) skewX(-17.62deg);transform:translateX(0) skewX(-17.62deg);-webkit-transform-origin:left top;transform-origin:left top}



/*首页-滚动数字*/

.index_counter{border:1px solid #ddd;margin-top:2.5rem}
.index_counter>li{width:25%;text-align:center;padding-top:1.5rem;padding-bottom:1.5rem;box-sizing:border-box}
.index_counter>li:not(:first-child){border-left:1px solid #cfd2d9}
.index_counter>li h2{color:#075FA1; line-height:1.5;padding:0px;margin:0px}
.index_counter>li h3{font-size:.8rem;padding:0px;margin:10px;}
.index_counter>li div{width:40px;margin-left:auto;margin-right:auto;height:1px;background-color:#ccc;margin-top:.1rem;margin-bottom:.2rem}
@media only screen and (max-width:768px){
.index-jgjj{margin-top:0px;padding-top: .2rem; padding-bottom:.3rem;overflow:hidden}
.index-jgjj .index-jgjj-img{width:100%}
.index-jgjj .index-jgjj-info{width:100%;margin-top:.2rem}
.index-jgjj-btn{text-align:center}
.index_counter>li{width:25%;text-align:center;padding-top:.25rem;padding-bottom:.25rem;box-sizing:border-box}
.index_counter>li:not(:first-child){border-left:1px solid #cfd2d9}
.index_counter>li:nth-child(4){border-left:none}
.index_counter>li h2{font-size:.3rem}
}	  

/*首页--产品*/
.index-cpfw{padding-top: 4rem;padding-bottom: 4rem; background-position: center;background-repeat: no-repeat;overflow: hidden}
.index-cpfw p{position: absolute;bottom: 0px;right: 0px; font-size: .7rem;min-width: 7rem;line-height: 2.8;text-align:center;color: #fff;background-color: #0064af;border-top-left-radius: 1rem;padding-left: 3px;padding-right: 3px;transition: all .4s;}		
.index-cpfw a{display: block;margin-bottom: 1rem;position: relative}
.index-cpfw	.swiper-container{padding-bottom: 1rem;padding-top: 3rem}
.index-cpfw ul li div{ overflow: hidden}
.index-cpfw a:hover p{color: #fff}	
.index-cpfw ui li img{width: 100%; transition: all .4s;}
.index-cpfw a:hover img{transform: scale(1.12)}

@media only screen and (max-width: 768px){
	.index-cpfw{padding-top: .4rem;padding-bottom: .4rem}
	.index-cpfw ul li img{height: 18rem}
}

/*首页--新闻动态*/	
.index-xw{padding-top: 4rem;padding-bottom: 4rem; background-position: center;background-repeat: no-repeat;overflow: hidden;background-image: url("../bg/bg.png");}
.index-xw ul{margin-top: 3rem}	
.index-xw ul li{width: 32.5%;overflow: hidden;transition-duration: 350ms;padding: .8rem;box-sizing: border-box;background-color: #fff;box-shadow: 0 7px 23px rgba(0,0,0,.1);border-radius: 10px}
.index-xw ul li:hover{box-shadow: 0 7px 23px rgba(0,0,0,.2);}
.index-xw .index-news-img{overflow: hidden;height: 15rem;}
.index-xw .index-news-date{margin-top: .2rem;color: #666}
.index-xw h2{margin-top: 1rem;font-size:1rem;}
.index-xw p{margin-top: .5rem;line-height: 1.6;color: #666;text-align:justify;font-size: 14px;padding-bottom: .5rem}
.index-xw .index-news-img img{width: 100%;height: 100%; display: block;transition: all .4s;}
.index-xw a:hover img{transform: scale(1.12);}
@media only screen and (max-width: 768px){
	.index-xw{padding-top: .3rem;padding-bottom: .4rem;overflow: hidden}
	.index-xw ul li{width: 100%;margin-right: 0;margin-top: 15px }
	.index-xw .index-news-img{height: auto}
	.index-xw h2{font-size:1.4rem}
	.index-xw p{font-size:1rem}
}

/*首页--荣誉*/
.index_ry{padding-top: 4rem;padding-bottom: 4rem; background-position: center;background-repeat: no-repeat;overflow: hidden;background-image: url(../bg/y1.jpg)}
.index_ry ul{margin-top: 3rem}		
.index_ry .scroll li{display: inline-block;margin-right:1rem;width:15rem;;border-radius: 0.1rem;border:1px solid #ebf0ed;text-align: center;;position: relative;overflow: hidden;box-sizing:border-box;box-shadow: 0 7px 23px rgba(0,0,0,.1);padding: .8rem}
.index_ry .scroll li img{width: 100%}
.index_ry .txt{line-height: 2;font-size: .8rem}



.backTop{clear:both; width: 54px; height: 54px; position: fixed; right: 1%; bottom: 6%; z-index: 999999; cursor: pointer; display: none;}
.backTop img { display:block; width: 100%; height: auto;}

/*index-products*/
.index-products{background-repeat:no-repeat;background-position:top center;background-size:cover;padding-top:4rem;padding-bottom:4rem;background-image:url("../bg/application.png");background-size: cover}
.index-products .swiper-wrapper{padding-bottom:60px}
.index-products .swiper-pagination-bullet{width:10px;height:10px;display:inline-block;border-radius:50%;background:#ccc;transition:all .5s ease;opacity:1.0;font-size:0}
.index-products .swiper-pagination-bullet-active{background:#0064AF;color:#fff;width:33px;border-radius:30px}
.index-products .swiper-pagination{bottom:20px}
.index-products .main{margin-top:3rem}
.index-products .f30{font-size:1.5rem}
.index-products .desc{font-size:.8rem}
.index-products a{display:block;overflow:hidden}
.index-products	.item-thumb{width:48.5%;overflow:hidden}
.index-products	.item-conent{width:48.5%;overflow:hidden}
.index-products	.item-conent h3{font-size:1.1rem}
.index-products  .swiper-slide .item-swiper{border-radius:10px;overflow:hidden;position:relative;border-width:1px;background-color:rgb(255,255,255);box-shadow:0 7px 23px rgba(0,0,0,.1);padding:20px;cursor:pointer;margin-bottom: 25px}
.index-products  .swiper-slide .item-thumb a{display:block;overflow:hidden;border-radius:10px}
.index-products  .swiper-slide p{padding-top:15px}
.index-products  .swiper-slide .item-thumb img{transition:all .4s}
.index-products  .swiper-slide .item-swiper:hover img{transform:scale(1.12)}
.index-products  .swiper-slide .item-swiper:hover{box-shadow:0 7px 23px rgba(0,0,0,.2)}
.item-conent .item-link{text-align:right;font-size:14px;padding-top:30px}
.item-conent .item-link span{display:inline-block;position:relative;line-height:30px;border:1px solid #ddd;padding:0px 16px;border-radius:22px;transition:all .4s}
.index-products  .swiper-slide .item-swiper:hover .item-link span{padding-left:18px;padding-right:20px}
.page-products-information .page-products-li{border-bottom: 1px solid #ddd;line-height: 1.6;padding-bottom: 5px}
/**/
.section-ad{position: relative;display: block;background-image: url("../images/64015c7694176.jpg");background-size: cover;;box-sizing: border-box;padding-top: 150px;padding-bottom: 100px }
.section-ad .main{}
.section-ad .index-title{width: 100%; text-align: center;;color: #fff;padding-bottom: 30px}
.section-ad p{text-align: center;font-size: 18px;color: #fff}


/*===============网站底部===============*/
.footer{ padding:40px 0 0px 0; box-sizing:border-box;border-top: 1px solid #dfdfdf}
/*底部LOGO*/
.foot_logo{ width:30%;}
.foot_logo img{ height:60px;}
.foot_logo p{line-height:26px;padding-top:20px;font-size:15px;}
/*图标区*/
.f_code{ font-size: 0;margin-top: 35px;}
.f_code a{width: 36px;height: 36px;margin-left:10px;position: relative;border-radius:3px;display: flex;align-items: center;justify-content: center;background: rgba(255, 255, 255, 0.2);transition: all .5s ease;}
.f_code a i{font-size:18px; color:#888;transition: all .5s ease;}
.f_code a:first-child{margin-left: 0;}
.f_code a:hover{background:var(--main_color);}
.f_code a:hover i{ color:#fff;}

/*底部联系方式*/
.f_contact h4{font-size:17px; font-weight:bold;  margin-bottom:20px;}
.f_contact p{ font-size:15px; line-height:35px;display:inline-block;}
.f_contact i{font-size:15px;padding-right:10px;}

/*底部导航*/
.f_nav{width:180px;}
.f_nav h4{font-size: 17px;  font-weight:bold;margin-bottom: 16px;}
.f_nav li p{line-height:35px; width:100%; display:inline-block;}
.f_nav li p a{ font-size:14px;}


/*底部微信二维码*/
.f_weixin h4{padding-left:30px; font-size: 17px; font-weight:bold; margin-bottom: 30px;}
.f_weixin img{ width:125px; margin-bottom:10px;}
.f_weixin p{font-size: 14px; text-align:center; }

/*底部版权*/
.copyright .main{ padding:25px 0;  text-transform:uppercase; font-size:15px;border-top:1px solid #ddd;margin-top:25px;text-align: center}
.copyright a{}

@media only screen and (max-width: 768px){
.footer{background-size:cover; padding:25px 0 0px 0;}
.foot_logo,.f_contact,.f_nav{ width:100%;}
.f_weixin{display:none;}
.foot_logo img{ height:40px;}
.foot_logo p{ line-height:1.6;padding-top:10px;}
.f_code{ margin-top:15px; margin-bottom:25px;}
.f_code a{width: 30px;height: 30px;}
.f_contact {margin-bottom:25px;}
.f_contact h4{padding-left:30px;font-size:16px;margin-bottom:10px;}
.f_contact p{ font-size:13px; line-height:2; }
.f_nav li p{line-height:2; width:50%; display:inline-block;}
.copyright{ padding:10px 0;font-size:12px; margin-top:25px; text-align:center; line-height:1.8;}
.copyright p{font-size: 14px}
}
@media only screen and (max-width: 768px){
	.backTop{display: none!important}
	.index-title{font-size:2rem;}
	.index-smyj{padding-top:2rem;padding-bottom:2rem}
	.index-smyj ul li{width: 48%}
	.index-gsjs .index-gsjs-left{float:left;width:100%;border-radius:0px;overflow:hidden;margin-bottom: 1rem}
	.index-gsjs .index-gsjs-left h3{text-align: center}
	.index-gsjs	.index-gsjs-right{float:inherit;width:100%;}
	.index_counter h2{font-size: 2rem!important}
	footer .footer_1{width: 100%}
	footer .footer_3{width: 100%}
	
	
}

/*列表--banner*/	
.list-banner{position: relative}
.list-banner .list-banner-a{position: absolute;left: 0px;top: 30%;width: 100%;text-align: center}
.list-banner .list-banner-b{font-size: 36px;font-weight: bold;color: #fff}
.list-banner .list-banner-c{height: 2px;background-color: #fff; width: 60px;margin-left: auto;margin-right: auto;margin-top: 20px}
.list-banner .list-banner-d{font-size: 20px;text-align: center;margin-top: 10px;color: #fff;text-transform: uppercase;}	
	
.list-navigator{padding-top: 20px;height: 80px;background-color: #F5F5F5}
.list-navigator .list-navigator-info a{display: inline-block;margin-left: 10px;border: 1px solid #ddd;line-height: 32px;padding: 5px 15px;font-size: 16px;min-width: 110px;text-align: center;transition: all .4s;text-decoration: none}
.list-navigator .list-navigator-info a:hover{background-color: #0064AF;color: #fff}
.list-navigator .list-navigator-info a.active{background-color: #0064AF;color: #fff}
.list-navigator .list-navigator-nav{padding-top: 10px}
.list-navigator .list-navigator-nav a:last-child{font-weight: bold}
.list-navigator-line{border-bottom: 1px solid #ddd;}	

.page-section{padding-top:60px;padding-bottom:60px}
.page-section .page-title{font-size:1.6rem}
.page-section .page-line{border-top-style:solid;border-top-width:4px;border-top-color:rgba(14,112,185,1);width:auto;max-width:45px;margin-left:auto;margin-right:auto;height:1px;display-radio:1}
.page-section .page-content{text-align:justify;font-size:16px}
.page-section .page-content p{margin-bottom:15px}
.page-section .page-content img{max-width:100%}

/**/
.page-about-img{padding:80px 0;background:url(../images/index_top_teacher_bg.jpg);background-repeat:no-repeat;background-size:cover}
.page-about-img ul{display:grid;align-items:initial;grid-gap:40px;grid-template-columns:repeat(4,1fr)}
.page-about-img ul li{box-shadow:0px 0px 6px 0 rgba(51,51,51,.4);overflow:hidden;border-radius:8px;transition:all .4s}
.page-about-img	.page-about-img-thumb{height:12rem;overflow:hidden}
.page-about-img ul li .brxe-image{width:100%;height:100%;aspect-ratio:1;transition:all .5s ease}
.page-about-img ul li .brxe-image img{object-fit:cover}
.page-about-img ul li .brxe-image:hover{transform:scaleX(1.1) scaleY(1.1)}
.page-about-img ul li p{padding-top:6px;padding-bottom:12px;text-align:center}
.page-about-img ul li:hover{box-shadow:0px 0px 12px 0 rgba(51,51,51,.6)}

/**/
.page-ry-img{}
.page-ry-img ul.photo-box{display:grid;align-items:initial;grid-gap:40px;grid-template-columns:repeat(4,1fr)}
.page-ry-img ul.photo-box li{box-shadow:0px 0px 6px 0 rgba(51,51,51,.4);overflow:hidden;border-radius:8px;transition:all .4s}
.page-ry-img	.page-ry-img-thumb{height:12rem;overflow:hidden}
.page-ry-img ul.photo-box li .brxe-image{width:100%;height:100%;aspect-ratio:1;transition:all .5s ease}
.page-ry-img ul.photo-box li .brxe-image img{object-fit:cover}
.page-ry-img ul.photo-box li .brxe-image:hover{transform:scaleX(1.1) scaleY(1.1)}
.page-ry-img ul.photo-box li p{padding-top:6px;padding-bottom:12px;text-align:center}
.page-ry-img ul.photo-box li:hover{box-shadow:0px 0px 12px 0 rgba(51,51,51,.6)}	
	

/*分页*/
.search-pagination2{text-align:center; margin:60px 0 20px 0;}
.pagination2 li {display: inline-block;margin:0 3px; }
.pagination2 li a{display: inline-block;font-size: 15px;min-width: 42px;height: 42px;line-height: 42px; box-sizing: border-box; padding:0 10px; box-sizing:border-box;transition: 0.3s; background:#e8e8e8; border:solid 0px #ddd;}	
.pagination2 li.active a,.pagination2 li a:hover{color: #fff !important;background-color:#0064AF;border:solid 0px #0064AF;}

/*联系我们*/
.section-50{width: 48%}	
.section-contact-a{}	
.section-contact-a ul li{position: relative;padding-left:35px;line-height:30px;font-size: 18px;margin-bottom: 10px}	
.section-contact-a ul li i{position: absolute;left: 0px;top:5px;font-size:20px}	
.section-contact-b ul{display: flex;margin-top: 15px}
.section-contact-b ul li:not(:first-child) {margin-left: 15px}
.section-contact-b  i{font-size: 30px}
.section-contact-ewm{width: 160px;text-align: center;font-size: 14px}
	
/*contact*/		
.section-contact{padding-top: 50px}
.section-contact form{background-color:#fff;padding:.3rem .3rem}
.section-contact form input,.section-contact form textarea{border:1px solid #ddd;font-size:16px;padding:10px;box-sizing:border-box;border-radius:2px}
.section-contact form input:focus,.section-contact form textarea:focus{border:2px solid #333}
.section-contact form textarea{height:100px;width:100%;display:block}
.section-contact .title-h2{font-size: 1.1rem}
.section-contact .form-row{display:flex;justify-content:space-between;flex-wrap:wrap;margin-top:25px}
.section-contact .form-row .form-col-6{width:48%}
.section-contact .form-row .form-col-6 input{width:100%;display:block}
.section-contact .form-row button{display:block;background-color:#0064AF;transition:all .3s;width:100%;padding:15px 0px;text-align:center;border:none;color:#fff;border-radius:2px;font-size: 16px}
.section-contact .form-row button:hover{background-color:#064D82;cursor: pointer}	
.section-contact-map{height: 600px;margin-top: 50px}	

/**/
ul.news-list{display:grid;align-items:initial;grid-gap:40px;grid-template-columns:repeat(3,1fr)}
ul.news-list li{box-shadow:0px 0px 6px 0 rgba(51,51,51,.4);overflow:hidden;border-radius:8px;transition:all .4s;border-radius: 10px;padding: .8rem;background-color: #fff;}
ul.news-list .news-list-thumb{height:15rem;overflow:hidden}
ul.news-list li .brxe-image{width:100%;height:100%;aspect-ratio:1;transition:all .5s ease}
ul.news-list li .brxe-image img{object-fit:cover}
ul.news-list li .brxe-image:hover{transform:scaleX(1.1) scaleY(1.1)}
ul.news-list li p{padding-top:6px;padding-bottom:12px;text-align:center}
ul.news-list li:hover{box-shadow:0px 0px 12px 0 rgba(51,51,51,.6)}
ul.news-list h3{font-size: 1rem;line-height: 1.5;height: 1.8rem; text-align: center;margin-top: 10px}
ul.news-list p{font-size:.9rem;line-height: 1.5;height: 3rem;margin-bottom: 10px }
ul.news-list .news-list-rq{font-size: .8rem;padding-top: 4px}
ul.news-list .item-link{text-align:right;font-size:.8rem;}
ul.news-list .item-link span{display:inline-block;position:relative;line-height:30px;border:1px solid #ddd;padding:0px 16px;border-radius:22px;transition:all .4s}
ul.news-list a:hover .item-link span{padding-left:18px;padding-right:20px}

.page_side{width:380px;}
.page_main{width:calc(100% - 410px); background:#fff; padding:.4rem .6rem; box-sizing:border-box;}

.page_side_box{border:solid 1px #e8e8e8; padding:20px 22px; background:#fff;}
.page_side_tit {font-size: 1.22rem; color: #111; font-weight:bold;  margin-bottom:20px;}
.pic_art_list .txt{padding-bottom: 20px; padding-top:6px}
.pic_art_list .txt a{font-size:0.95rem; line-height:1.5 }

/*内容页*/
.title_txt {font-size:32px;line-height:1.4; font-weight:bold; color:#000;}
.art_info{margin-bottom:25px; color:#888; border-bottom: solid 1px #e8e8e8; position:relative;}
.art_info em{position:relative;font-size:14px; display:inline-block; line-height:60px; font-style:normal; margin-right:25px;}
.art_info em img{ margin:-3px 5px 0 0; vertical-align:middle;}
.art_info em a{color:#888;}

/*share*/
.share-main{ width: 102px; height: 24px; position:absolute; right:0; top:15px;}
.share-main b{ position:absolute; left:-80px; top:10px; font-weight:normal;}
.share-bar a{margin-left: 10px; margin-top:5px; float: left; display: block; width: 24px; height: 24px; background-image:url(../images/icon-share.png); }
.share-bar .share-tsina{background-position: 0 0;}
.share-bar .share-weixin{background-position: -24px 0;}
.share-bar .share-qzone{background-position: -48px 0;}
.weixin-share-open{position: absolute; bottom: 34px; left:0; display: none; background: #fff;}
.weixin-wrap{ padding: 10px; width: 234px; height:80px; border: 1px solid #ddd;}
.share-qrcode{float: left;}
.share-qrcode img{display: block; width: 80px; height: 80px;}
.weixin-close{position: absolute; top: 0; right: 0; display: block; width: 20px; height: 20px; line-height: 20px; text-align: center; font-size: 16px; color: #d4d4d4; cursor: pointer;}
.weixin-text{padding: 10px 0 0 90px; line-height: 24px; font-size: 12px; color: #666;}

/*正文*/
#art_box { text-align:justify;  font-size:16px; line-height:2;}
#art_box p {margin-bottom:15px; }
#art_box img{ max-width:100%;}
#art_box table{ border:1px solid #eff3f8; border-collapse:collapse;   font-size:14px; line-height:24px;text-align:center;}
#art_box table tr:nth-child(1){ font-size:14px; background:#eff3f8; font-weight:bold;}
#art_box table td{padding:5px 10px; border:1px solid #D5DFEC;}
#art_box table td:nth-child(2){/*text-align:left;*/}
#art_box a{color:#2343B2;}

#art_box video{ max-width:100%;}

.qrcode{text-align:center;  margin-top:50px; font-size:14px; color:#999;}
.qrcode img{width: 150px; border:solid 1px #ddd;}

.bot_info{ font-size:15px; border-top:dashed 1px #ddd; margin-top:30px;}
.bot_info p{ border-bottom:dashed 1px #ddd; line-height:2; padding:10px 0;}
.bot_info p a{margin-right:10px;}

.show-np{padding-top:20px; padding-bottom:10px}
.show-np>div{margin-top:10px}
.show-np span{ font-weight:bold}

@media screen and (max-width:768px) {
	.page_main{width:100%; background:#fff; padding:.4rem .1rem; box-sizing:border-box;}
	.page_side{display: none}
	.share-main{display: none}
	.title_txt {font-size:22px;}
}

/*产品*/
ul.product-list{display:grid;align-items:initial;grid-gap:40px;grid-template-columns:repeat(3,1fr)}
ul.product-list li{box-shadow:0px 0px 6px 0 rgba(51,51,51,.4);overflow:hidden;border-radius:8px;transition:all .4s;border-radius: 10px;padding: .8rem;background-color: #fff;}
ul.product-list .f30{font-size:1.5rem}
ul.product-list .desc{font-size:.8rem}
ul.product-list a{display:block;overflow:hidden}
ul.product-list .item-thumb{width:48.5%;overflow:hidden}
ul.product-list .item-conent{width:48.5%;overflow:hidden}
ul.product-list .item-conent h3{font-size:1.1rem}
ul.product-list  li{border-radius:10px;overflow:hidden;position:relative;border-width:1px;background-color:rgb(255,255,255);box-shadow:0 7px 23px rgba(0,0,0,.1);padding:20px;cursor:pointer}
ul.product-list .item-thumb a{display:block;overflow:hidden;border-radius:10px}
ul.product-list p{padding-top:15px}
ul.product-list .item-thumb img{transition:all .4s}
ul.product-list li:hover img{transform:scale(1.12)}
ul.product-list li:hover{box-shadow:0 7px 23px rgba(0,0,0,.2)}
ul.product-list .item-link{text-align:right;font-size:14px;padding-top:30px}
ul.product-list .item-link span{display:inline-block;position:relative;line-height:30px;border:1px solid #ddd;padding:0px 16px;border-radius:22px;transition:all .4s}
ul.product-list li:hover .item-link span{padding-left:18px;padding-right:20px}

@media screen and (max-width:768px) {
	ul.product-list{display:grid;align-items:initial;grid-gap:0px;grid-template-columns:repeat(1,1fr)}
	ul.product-list li{box-shadow:0px 0px 6px 0 rgba(51,51,51,.4);overflow:hidden;border-radius:8px;transition:all .4s;border-radius: 10px;padding: 12px;margin-bottom: 25px}
	ul.product-list h3{font-size:18px!important;}
}


/*产品详情*/
.page-products-detail{padding-top:.6rem;padding-bottom:.6rem}
.page-products-detail-l{width:48%;overflow:hidden}
.page-products-detail-r{width:48%}
.page-products-information>li{margin-top:10px}
.page-products-information span{display:inline-block;font-weight:bold;margin-right:5px}
.page-products-information .page-products-model{}
.page-products-information .page-products-tags{}
.page-products-information .page-products-cat{}
.page-products-information .page-products-star i{color:#EFC224}
.page-products-information .page-products-contact{padding-top:20px}
.page-products-information .page-products-share i{font-size:.2rem;margin-right:10px}
.page-products-detail-l .gallery-top{margin-bottom:10px;border-radius:6px;overflow:hidden;height: 350px}
.page-products-detail-l .gallery-top img{width:100%;height:350px;object-fit:cover;display:block}
.page-products-detail-l .gallery-thumbs{padding:0 30px;position:relative; height: 100px}
.page-products-detail-l .gallery-thumbs .swiper-slide{height:80px;opacity:0.6;cursor:pointer;border-radius:4px;overflow:hidden}
.page-products-detail-l .gallery-thumbs .swiper-slide img{width:100%;height:100%;object-fit:cover}
.page-products-detail-l .gallery-thumbs .swiper-slide-thumb-active{opacity:1;border:2px solid #C21414}

.page-products-detail-l  .swiper-button-prev,.page-products-detail-l .swiper-button-next{width:44px !important;height:44px !important;background-size:18px 28px !important}
.page-products-detail-l  .swiper-button-prev{left:-10px !important}
.page-products-detail-l .swiper-button-next{right:-10px !important}


.page-products-detail-content{padding-top:.6rem}
.page-products-detail-tabs{line-height:60px;height: 60px; border-bottom:1px solid #ddd}
.page-products-detail-tabs a{display:inline-block;margin-right:45px;font-size:1.4rem;line-height:60px;height:60px;position:relative;color:#0064AF; font-weight: bold;}
.page-products-detail-tabs a:after{content:"";height:2px;position:absolute;left:0;width:100%;bottom:0px;transition:all .3s linear}
.page-products-detail-tabs a.active:after{background-color:#0064AF}	
.page-products-detail-list p{margin-bottom:15px}
.page-products-detail-list img{max-width:100%}
.page-products-detail-line{height:5px;border-bottom:1px solid #ddd;margin-top:.6rem}

@media screen and (max-width:768px) {
	.page-products-detail-l{width:100%;overflow:hidden}
	.page-products-detail-r{width:100%}
	.page-products-detail-l .gallery-top{margin-bottom:10px;border-radius:6px;overflow:hidden;height: 250px}
	.page-products-detail-l .gallery-top img{width:100%;height:250px;object-fit:cover;display:block}
	.page-products-detail-content{margin-top: 30px}
	
	.page-products-detail-tabs{line-height:3.5rem;border-bottom:1px solid #ddd}
	.page-products-detail-tabs a{display:inline-block;margin-right:45px;font-size:1.8rem;line-height:3.5rem;height:3.5rem;position:relative;color:#0064AF; font-weight: bold;}
	.list-navigator-info{overflow-x:scroll;white-space: nowrap;  overflow-y: hidden; scrollbar-width: none; -ms-overflow-style: none; }
}

.index-gsjs-more{text-align: right;margin-top: 50px}
/*===================公司介绍2================*/
.page_about2{background:url("../images/1640577896907048.jpg") no-repeat bottom center;padding:6rem 0;text-align:center;margin-top: 50px;z-index: 1;position: relative}
.page_about2::before{background-image:linear-gradient(rgba(51,51,51,.8),rgba(51,51,51,.8));position:absolute;content:"";top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:-1}	
.page_about2 h3{font-size:2rem;color:#fff; font-weight:normal; margin-bottom:1.35rem; }
.page_about2 p{font-size:1.2rem;color:#fff; }
@media screen and (max-width:768px) {
	.page_about2{ padding:30px 0; background-size:cover;background-attachment:scroll;text-align:center;}
	.page_about2 h3{font-size:18px; margin-bottom:15px; line-height:1.6;}
	.page_about2 p{font-size:14px; line-height:2; }
}
	
/*======================实验室环境======================*/
.page-about-sys{padding-top: 4rem;padding-bottom: 2rem}
.sys_list{ box-sizing:border-box;margin-top: 40px;padding-bottom:1.8rem;}
.sys_list li { overflow:hidden; border-radius:10px; position:relative;}
.sys_list li .pic{height: 16rem}
.sys_list li .pic img{width:100%;height:100%; object-fit:cover; display:block; transition:.4s all;}
.sys_list li .txt{background:rgba(0,0,0,0.4); position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; transition: 0.4s all;}
.sys_list li .txt i {display: block;width: 60px;height: 60px;background:var(--main_color);border-radius: 100%; opacity:0; transition: 0.6s all;}
.sys_list li .txt i::after {content: '';width: 20px;height: 2px;background: #fff;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.sys_list li .txt i::before {content: '';width: 2px;height: 20px;background: #fff;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.sys_list li:hover .txt,.sys_list li:hover .txt i{ opacity:1;}
	
/*按钮切换*/
#sys_btn{position:relative;height: 16rem}	
#sys_btn .swiper-button-prev { left:0px; background: url(../images/focus_btn_prev.png) no-repeat; background-size: cover;}
#sys_btn .swiper-button-next {right:0px;background: url(../images/focus_btn_next.png) no-repeat; background-size: cover;}
#sys_btn .swiper-button-prev,#sys_btn .swiper-button-next { width:60px;height:60px; outline:none;  opacity:1; transition:0.3s all;}


/*分页器*/
#sys_btn .swiper-pagination-bullet{width: 12px;height: 12px; display: inline-block; border-radius: 50%; background:#ddd; transition: all .5s ease;opacity: 1.0;}
#sys_btn .swiper-pagination-bullet-active{background:#FF5F2A; opacity: 1.0;}
#sys_btn .swiper-pagination{ text-align:center; width:100%; bottom:-40px;}
#sys_btn .swiper-pagination span{margin:0 3px;}
@media screen and (max-width:768px) {
.sys_list{ margin:0;}
.sys_list li { border-radius:5px; }

}	

/*======================核心竞争力======================*/
.hexin_bg{background:url(../images/fwtd_bg.jpg) no-repeat center; background-size:cover; padding-bottom:3rem;padding-top:3rem;}
.hexin li{width:33.3%; text-align:center; border-right:solid 1px #e8e8e8; box-sizing:border-box; padding:25px 3%;}
.hexin li:last-child{border-right:0;}
.hexin li .ico img{ transition:0.8s all;}
.hexin li:hover .ico img{-webkit-transform: rotatey(180deg); transform: rotatey(180deg);}
.hexin li h3{ font-size:1.2rem; margin:40px 0 30px 0;}
.hexin li p{ font-size:.8rem; color:#777; line-height:2;}
@media screen and (max-width:768px) {
.hexin li{width:100%; border-right:none; background:#fff; margin-bottom:15px; border-radius:5px; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);}
.hexin li .ico img{ height:38px;}
.hexin li h3{ font-size:16px; margin:20px 0 15px 0;}
.hexin li p{ font-size:13px;}

}

/*移动端*/
@media only screen and (max-width: 768px){
	.header-h{height: 5.3rem;}
	
    .index_counter h3{font-size:1rem!important;line-height: 1.3;font-weight: normal}
    .index_counter h2,.index_counter .counter{font-size: 1.5rem!important;}
    .index-gsjs-more{text-align: center;margin-top: 20px;margin-bottom: 40px}

    .index-products  .swiper-slide .item-swiper{border-radius:10px;overflow:hidden;position:relative;border-width:1px;background-color:rgb(255,255,255);box-shadow:none;padding:20px;cursor:pointer}
	.index-xw{padding-bottom: 50px}

    .section-ad{position: relative;display: block;background-image: url("../images/64015c7694176.jpg");background-size: cover;;box-sizing: border-box;padding-top: 40px;padding-bottom: 40px; }

	.section-ad .index-title{font-size: 1.8rem;padding-bottom: 15px}
	.section-ad p{text-align: center;font-size: 13px;color: #fff}
	
    .select-index-main .select-content .search-keyword{font-size: 16px;width: 70%;}
    .select-index-main .select-content .search-btn{width: 30%;font-size: 16px;}

	.list-banner .list-banner-a{position: absolute;left: 0px;top: 32%;width: 100%;text-align: center}
	.list-banner .list-banner-b{font-size: 17px;font-weight: bold;color: #fff}
	.list-banner .list-banner-c{height: 2px;background-color: #fff; width: 40px;margin-top:6px}
	.list-banner-d{display: none;}	
	
	.list-navigator{padding-top: 10px;height: 60px;background-color: #F5F5F5}
	.list-navigator .main{padding: 0px}
	.list-navigator .list-navigator-info{width: 100%}
	.list-navigator .list-navigator-info a{line-height: 25px;margin-left: 8px; padding: 4px 8px;font-size: 14px;min-width: 80px;margin-top:1px;;margin-bottom: 5px}
	.list-navigator .list-navigator-nav{display: none}
	
	.page-section{padding-top:40px;padding-bottom:40px}
	.mt-50{margin-top: 35px}
	.page-section .page-title{font-size:1.9rem}
	
	.sys_list{margin-top: 20px}
	
	
	.page-ry-img{}
    .page-ry-img ul.photo-box{display:grid;align-items:initial;grid-gap:15px;grid-template-columns:repeat(2,1fr)}
    .page-ry-img .page-ry-img-thumb{height:12rem;overflow:hidden}
    .page-ry-img ul.photo-box li p{padding-top:5px;padding-bottom:5px;font-size: 14px}
    
    /*分页*/
    .search-pagination2{text-align:center; margin:40px 0 20px 0;}
    .pagination2 li a{display: inline-block;font-size: 14px;min-width: 36px;height: 36px;line-height: 36px; box-sizing: border-box; padding:0 5px; box-sizing:border-box;transition: 0.3s; background:#e8e8e8; border:solid 0px #ddd;}	
	.pagination2 li{margin-top: 5px}
	
	.section-contact .section-50{width: 100%}
	.section-contact .section-contact-a li{font-size: 16px}
	.section-contact .section-contact-a li a{font-size: 16px}
	.section-contact .section-contact-a{width: 100%}
	.section-contact .title-h2{font-size: 1.6rem}
	.section-contact-map{height: 300px;margin-top: 30px}
	
	ul.news-list{display:grid;align-items:initial;grid-gap:0px;grid-template-columns:repeat(1,1fr)}
	ul.news-list .news-list-thumb{height:20rem;overflow:hidden}
	ul.news-list h3{font-size: 1.6rem;line-height: 1.5;height:auto; text-align: center;margin-top: 10px}
	ul.news-list p{font-size:14px;line-height: 1.5;height:50px;margin-bottom: 10px }
	
	
}

#page-products-detail-content1 table {
    border-collapse: collapse; /* 合并边框 */
}
#page-products-detail-content1  th, #page-products-detail-content1  td {
    border: 1px solid #ccc; /* 设置边框 */
    padding: 5px; /* 设置内边距 */
}