@charset "utf-8";
/* CSS Document */
.wrapper.index-header{position: fixed; left: 0; top: 0; width: 100%; z-index: 999999999;}
.wrapper.common-header .container.flex{height:1rem; justify-content: space-between; align-items: center}
.index-header._fixed,.index-header:hover{background: #fff;}
.index-header .logo{overflow: hidden;height: 53px;transform: translateY(0);}
.index-header .logo img{height: 53px;transform: translateY(0); transition: all .36s; display: block}
.index-header._fixed .logo img{transform: translateY(-100%);}


.wrapper.common-header .container .nav.index-nav .nav_down{float:left;}
.wrapper.common-header .container .nav.index-nav .nav_down .nav-menu{ color:#333; height: 1rem; display: block; line-height: 1rem; position: relative; padding: 0 .16rem;font-size: 14px;}
//.wrapper.page-header .container .nav.index-nav .nav_down .nav-menu{color: #333;}
//.wrapper.index-header._fixed .container .nav.index-nav .nav_down .nav-menu{color:#333;}
.wrapper.index-header._fixed .container .nav.index-nav .nav_down .nav-menu:hover::after,.wrapper.index-header._fixed .container .nav.index-nav .nav_down .nav-menu.hit::after,.wrapper.page-header .container .nav.index-nav .nav_down .nav-menu:hover::after,.wrapper.page-header .container .nav.index-nav .nav_down .nav-menu.hit::after{content: "";position: absolute;left: 0;top: 0rem;width: 100%;height: 3px;background: #52aaf7;}
.wrapper.index-header .container .nav.index-nav .nav_down .nav-menu:hover,.wrapper.page-header .container .nav.index-nav .nav_down .nav-menu:hover{ background: #eff6fc; color: #52aaf7;}
.wrapper.index-header .container .nav.index-nav .nav_down .nav-menu.hit,.wrapper.index-header .container .nav.index-nav .nav_down .nav-menu.hit:hover,.wrapper.page-header .container .nav.index-nav .nav_down .nav-menu.hit,.wrapper.page-header .container .nav.index-nav .nav_down .nav-menu.hit:hover{ background: #eff6fc; color: #52aaf7;font-weight: bold;}
.wrapper.common-header .container .nav.index-nav .nav_down .nav-box{ display:none;position: absolute;width: 100%;left: 0;padding: 0.36rem 0;background:#fff;z-index: 9999;box-shadow: 0 3px 5px 0 rgba(0,0,0,.2);}
.wrapper.common-header .container .nav.index-nav .nav_down .nav-box .nav-item{ display:flex; justify-content:center; max-width: 15rem;text-align: center;margin: 0 auto}
.wrapper.common-header .container .nav.index-nav .nav_down .nav-box .nav-item .nav-list{ display: block;min-width: 2rem; margin: 0 10px;}
.wrapper.common-header .container .nav.index-nav .nav_down .nav-box .nav-item .nav-list a{color:#000;display: block;margin-top: .12rem}
.wrapper.common-header .container .nav.index-nav .nav_down .nav-box  .nav-item.pro-nav-item{max-width: 1600px; text-align: left}
.wrapper.common-header .container .nav.index-nav .nav_down .nav-box  .nav-item.pro-nav-item .nav-list li{float: left;width: 33.3333%}
.wrapper.common-header .container .nav.index-nav .nav_down .nav-box  .nav-item.pro-nav-item .nav-list.nav-img{display: flex;justify-content: end;align-items: end;}
.wrapper.common-header .container .nav.index-nav .nav_down .nav-box  .nav-item.pro-nav-item .nav-list.nav-img li{margin-left: 24px; text-align: center;}
.wrapper.common-header .container .nav.index-nav .nav_down .nav-box  .nav-item.pro-nav-item .nav-list.nav-img li img{width: 2.6rem; height: 1.7rem;border-radius: 4px;}
.wrapper.common-header .container .nav.index-nav .nav_down .nav-box  .nav-item.pro-nav-item .nav-list.nav-img li p{margin-top: 8px;}

.common-header .header-tel{ display: flex; margin-right: .1rem;}
.common-header .header-tel .header-phone{ margin-left: .12rem;}
.common-header .header-tel .s-tel{margin: 0 0rem 4px; line-height: 1;}
.common-header .header-tel .s-mun{color:#52aaf7; line-height: 1;}
.common-header .header-tel img{width: .25rem;height: auto;}
.common-header .header-tel .content{ margin-left: .12rem;display: flex;flex-direction: column; justify-content: center;}
.common-header .header-tel .content .tel{color:#333;}
.common-header .header-tel .content .email{color:#52aaf7;}
.common-header .header-right{display:flex; align-items: center;border-left: 1px solid #ccc; padding: 0 0 0 .1rem}
.common-header .header-right .header-search img{ height:.3rem}
.common-header .header-right .header-language{ background: url("../images/icon/language.png") 8px center #f8f8f8 no-repeat; height: .3rem; margin-left: 5px; padding: 0 8px 0 24px; color: #666; position: relative; line-height: .3rem}
.common-header .header-right .header-language a{color:#666;display: flex;align-items: center;}
.common-header .header-right .header-language a img{transform: rotate(90deg); width:12px; height:12px; margin:0 2px}
.common-header .header-right .header-language .language-box{ display:none;position: absolute;width: 100%;left: 0;padding: 0.12rem 0;background: #fff;z-index: 9999; text-align: center}
.common-header .header-right .header-language .language-box a{ display: block;}

.home-banner{margin-top: 1rem;}
.Swiper-banner {height: calc(100vh - 1rem); width: 100%}
.Swiper-banner .swiper-wrapper .swiper-slide video{object-fit:cover;width: 100%;height: 100%;mix-blend-mode: screen;}
.Swiper-banner .swiper-wrapper .swiper-slide .banner-box{ position: absolute;transform: translate(-50%, -50%); width: 100%; left: 50%; top: 50%; color: #fff; text-align: center; line-height: .28rem}
.Swiper-banner .swiper-wrapper .swiper-slide .banner-box .banner-txt .t1{ width: 100%}
.Swiper-banner .swiper-wrapper .swiper-slide .banner-box .banner-txt .t2{ width: 100%; margin: .20rem 0; font-weight: bolder;line-height: .54rem}
.Swiper-banner .swiper-wrapper .swiper-slide .banner-box .banner-txt .t3{ width: 100%; font-weight: lighter;opacity: .5;letter-spacing: 1px}

.Swiper-banner .scroll{ position: absolute; left: 0; width: 100%; text-align: center; bottom: .4rem; z-index: 2}
.Swiper-banner .scroll i svg {animation: scroll 2s forwards linear infinite;}
@keyframes scroll {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(8px);
  }
  100% {
    transform: translateY(0);
  }
}
.Swiper-banner .swiper-button-prev{left: 100px; color: #fff; border-top: #fff solid 1px; width: 38px; font-size: .14rem}
.Swiper-banner .swiper-button-next{right: 100px; color: #fff; border-top: #fff solid 1px; width: 38px; font-size: .14rem}
.Swiper-banner .swiper-button-next:after{ width: 32px; height: 9px; font-size: 16px; color: #fff; position: absolute; left: 32px; top: -8px}
.Swiper-banner .swiper-button-prev:after{ width: 32px; height: 9px; font-size: 16px; color: #fff; position: absolute; left: 0; top: -8px}
.swiper-pagination.index-pagination{ bottom:1.1rem !important}
.index-pagination .swiper-pagination-bullet{border-radius:inherit; width:.38rem; height:5px; opacity:.66; background:#ccc;}
.index-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ background:#007aff}
.wrapper.business{ background: url("../images/icon/businessbg.jpg") left -1.5rem repeat-x; }
.wrapper.business.padding45{padding: .5rem  0 .7rem}
.business-main .tit{text-align: center; color: #fff; margin-bottom: .60rem}
.business-main .tit .interval{ margin-bottom: .18rem;font-family: sans-serif;line-height: .4rem}
.business-main .tit .font16{ font-weight: lighter; letter-spacing: 0.01rem; font-style: normal;line-height: .16rem}
.business-box{ display: flex;justify-content: space-between;}

.business-main .box .business-list{position:relative; overflow:hidden; width: 3.84rem; height: 5.3rem }
.business-main .box .business-list .tit1{ position:absolute;background:rgba(0, 0, 0, 0.53); bottom:0; width:100%; padding:.28rem .3rem; color:#fff;height: 100px;}
.business-main .box .business-list .tit1 .font26{font-size: .2rem;}
.business-main .box .business-list .tit1 .font24,.business-info.stars-info .tit .font24{ font-weight:bold;margin-bottom: .12rem}
.business-main .box .business-list .tit1 .font18{ opacity:.3; font-weight:normal; }
.business-list.shuffer-up:hover .tit1{opacity:0;-webkit-transition:all linear .5s;transition:all linear .5s}
.business-box-bg{ position:absolute; height:100%; width:100%; left:0; top:0;padding: .22rem .18rem}
.business-box-bg .shuffer-bg{background:rgba(82, 170, 247, 0.9); height:100%; width:100%;  position:static}
.business-info.stars-info{width: 100%;left: 0;top: 0;text-align: left;height: 100%;padding: 0.22rem 0.18rem;}
.business-info-main .box{ margin-left:.42rem; font-weight:lighter}
.business-info.stars-info .tit{ text-align:left;  margin:.48rem 0 .4rem .42rem;}
.business-info.stars-info .tit .font26{font-size: .2rem;}

.business-info-main .box p{ margin-top:10px;background: url(../images/icon/dot.png) no-repeat left center;padding-left: 10px;}
.business-main .box .business-info-main .more {text-align: center;display: table;margin: 0.32rem auto 0;}
.business-main .box .business-info-main .more a {display: flex;border-radius: 17px;background: #fff;width:auto;height: 34px;line-height: 34px;color: #4690b9;justify-content: center;align-items: center;padding:0 12px}
.business-main .box .business-info-main .more svg {background: #52aaf7;border-radius: 50%;height: 16px;width: 16px;padding: 3px 0;margin-left: 10px;}

.wrapper.material,.wrapper.news{ background: #f5f5f5}

.material-box{display: flex; justify-content: space-between; margin-top: .5rem}
.material-box .material-list{background:rgba(255, 255, 255, 0.53); border-radius: 10px;width: 3rem;height: 4.6rem; position: relative; }
.material-box .material-list .material-list-box a{display: block; color: #101010;padding: .42rem .32rem; position: relative; z-index: 1}
.material-box .material-list .material-list-img{max-height: .67rem}
.material-box .material-list .material-list-img img{ filter:invert(1); width: auto; max-height: .67rem}
.material-box .material-list .material-list-icon{ height: .2rem; line-height: 14px}
.material-box .material-list .material-list-tit{ margin: .32rem 0 .56rem;font-family: sans-serif; }
.material-box .material-list .material-list-tit h2{ font-weight: bold;font-size: .22rem;}
.material-box .material-list .material-list-txt{overflow:hidden; text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:3; margin: .26rem 0 .5rem; color: #666}
.application-tab .application-tab-box .application-tab-item .tab-list .txt p{/*overflow:hidden;*/ text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:10;}
.material-box .material-list .material-list-line span{ width: .46rem; height: 2px; background: #101010; display: block; position: relative}
.material-box .material-list .material-list-line span::after {content: "";position: absolute;left: 2px;bottom: 1px;width: 2px;height: 6px;transform: rotate(30deg);background: #101010;}
.material-box .material-list a:hover .material-list-txt,.material-box .material-list a:hover .material-list-line span,.material-box .material-list:hover  a,.material-box .material-list:hover a .material-list-line span{color:#fff}
.material-box .material-list:hover .material-list-line span,.material-box .material-list:hover .material-list-line span::after{background:#fff}
.material-box .material-list:hover{ background: url("../images/materialbg.png") no-repeat; background-size: 100%}
.material-box .material-list:hover::after{ content: "";position:absolute; left: 0; top: 0; width: 100%; height: 100%; background:rgba(79, 163, 237, 0.8);border-radius: 10px; }
.material-box .material-list:hover .material-list-img img{filter:none}

.application-tab{ margin-top: .4rem}
.application-tab .application-tab-nav { border-bottom: 1px solid #f2f2f2; border-top: 1px solid #f2f2f2; padding: 16px 0;  display: flex; margin-bottom: .35rem}
.application-tab .application-tab-nav li {padding:.08rem .2rem; color: #333;  margin-left: 16px;cursor:pointer;display: flex;align-items: center;}
.application-tab .application-tab-nav li:hover,.application-tab .application-tab-nav li.active { background: #52aaf7;  border-radius: 2px; color: #fff}
.application-tab .application-tab-box{padding: 0 .55rem}
.application-tab .application-tab-box .application-tab-item { display:none; flex-wrap: wrap; justify-content: space-between}
.application-tab .application-tab-box .on.application-tab-item {display:flex !important;}
.application-tab .application-tab-box .application-tab-item .tab-list{ width: 33.33333%; max-width: 3.85rem;margin-top: .1rem;}
.application-tab .application-tab-box .application-tab-item .tab-list .img{width: 3.85rem; height: 2.35rem}
.application-tab .application-tab-box .application-tab-item .tab-list .txt{padding: .36rem .24rem .44rem; text-align: left; position: relative;transition: all linear 0.3s}
.application-tab .application-tab-box .application-tab-item .tab-list .txt:after,.wrapper.padding .container.news-item li .txt:after{
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 100%;
	z-index: -1;
	background: #52aaf7;
	opacity: 0;
	transition: all linear 0.3s
}
.application-tab .application-tab-box .application-tab-item .tab-list:hover .txt:after,.wrapper.padding .container.news-item li:hover .txt:after,.pro_1 .pro_item li:hover .txt:after{bottom: 0;opacity: 1;}
.application-tab .application-tab-box .application-tab-item .tab-list .txt h3 a{color: #161616; display: block; margin-bottom: .16rem; font-weight:bold}
.application-tab .application-tab-box .application-tab-item .tab-list:hover .txt{color: #fff}
.application-tab .application-tab-box .application-tab-item .tab-list:hover .txt a{color:#fff}
.about{background: url("../images/aboutbg.jpg") no-repeat; overflow: hidden; background-size: cover}
.about-main{ float: right;background: #fff; padding:.5rem 1.6rem .5rem 1rem;max-width: 10rem}
.about .about-main .tit.common-tit .txt{color: #999; letter-spacing: 1px}
.about-main-box{padding:.42rem 0 .32rem}
.about-main-box .txt .tit{ margin-bottom: .2rem}
.about-main-box .txt p{ line-height: .24rem}
.about-main-box .data{margin:.32rem 0 .64rem;}
.about-main-box .data li{padding: .32rem .38rem .42rem;display: inline-block}
.about-main-box .data li:hover,.about-main-box .data li:first-child{ background: #52aaf7;border-radius: 5px; color: #fff}
.about-main-box .data li:first-child .Oswald span{color: #fff}
.about-main-box .data li .Oswald span{ color: #52aaf7; font-weight: bold; margin-right: 8px}
.about-main-box .data li:hover .Oswald span{color: #fff}
.about-main-box .link a{padding: 8px .32rem; margin-right: .16rem;  display: inline-block;border-radius: 16px;border: solid 1px #52aaf7; color: #52aaf7}
.about-main-box .link a:hover,.about-main-box .link a:first-child{ background: #52aaf7;color: #fff}


.news-main-box{margin-top: .5rem; display: flex; justify-content: space-between;}
/*.news-main-box .news-left,.news-main-box .news-center,.news-main-box .news-item{height:5.45rem; }*/
.news-main-box .news-left{width: 6.4rem}
.news-main-box .news-center,.news-main-box .news-item{ width: 4.5rem; }
.news-main-box .news-left .news-swiper a{display: block}
.news-main-box .news-left .news-swiper h4{position: absolute;width: 100%; bottom: 0; background:rgba(0, 0, 0, 0.84); color: #fff; padding: .53rem 1.2rem .53rem .3rem;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.news-main-box .news-left .news-swiper .swiper-pagination{text-align: right; font-size: 0; bottom: 0; padding:.53rem .3rem}
.news-main-box .news-left .news-swiper .swiper-pagination .swiper-pagination-bullet{ width: 10px; height: 10px; background: #fff; opacity: 1}
.news-main-box .news-left .news-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #52aaf7}

.news-main-box .news-center-list{padding: .26rem .48rem;height: 2.65rem;background: #fff}
.news-main-box .news-center-list a{display:block}
.news-main-box .news-center-list:first-child{ margin-bottom:.15rem}
.news-main-box .news-center-list:hover{background: #52aaf7;color: #fff}
.news-main-box .news-center-list .txt{ border-bottom:1px solid #f2f2f2; padding-bottom: .22rem; margin-bottom: .22rem}
.news-main-box .news-center-list h4{width: 100%;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;color: #000;margin-bottom: .16rem; font-weight:bold}
.news-main-box .news-center-list p{overflow:hidden; text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2; color: #666; line-height: 26px; font-weight:100}
.news-main-box .news-center-list p.font34{ line-height:34px}
.news-main-box .news-center-list .time{display: flex;width: 100%;justify-content: space-between; align-items: center; }
.news-main-box .news-center-list .time p{color: #999}
.news-main-box .news-center-list .time .arrow svg{border-radius: 50%;padding: 2px 0; height: .32rem; width: .32rem; color: #e0e0e0; border: 1px solid #e0e0e0;float: right}
.news-main-box .news-center-list:hover h4,.news-main-box .news-center-list:hover p{color: #fff}
.news-main-box .news-center-list:hover .txt p{opacity: .7}
.news-main-box .news-center-list:hover .time p:last-child{opacity: .6}

.news-main-box .news-item .news-center-list{ display:flex; width: 100%;height:1.72rem;  margin: 0; padding:0 .32rem;align-items: center;}
.news-main-box .news-item .news-center-list:nth-child(2){margin:.15rem 0}
.news-main-box .news-item .news-center-list .time,.news-main-box .news-item .news-center-list .txt{ display:table-cell; vertical-align: middle; width: auto; margin: 0;padding: 0; border: none;}
.news-main-box .news-item .news-center-list .time{ padding: 0 16px 0 0;  }
.news-main-box .news-item .news-center-list .txt{ padding:0 0 0 16px; border-left: 1px solid #f3f3f3}
.news-main-box .news-item .news-center-list .time .line{margin:.12rem 0;  width: 24px; height: 2px; background: #666}
.news-main-box .news-item .news-center-list:hover .time .line{ background:#fff}
.news-main-box .news-item .news-center-list h4{overflow:hidden; text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;white-space: normal; margin: 0; line-height: 26px; font-weight:bold}

.news-main-box .news-item .news-center-list .arrow {position: relative;display: block;text-decoration: none;color: #d2d2d2;height: 11px;width: 18px;font-size: 12px;font-weight: normal; margin-left:12px;margin-top:8px}
.news-main-box .news-item .news-center-list .arrow:after,.news-main-box .news-item .news-center-list .arrow:before {content: "";display: block;position: absolute;}
.news-main-box .news-item .news-center-list .arrow:before {top: 50%;right: 1em;width: 1em;height: 1em;
    -webkit-transform-origin: 50% 50%;transform-origin: 50% 50%;-webkit-transform: translate(0, -0.5em) rotate(45deg);transform: translate(0, -0.5em) rotate(45deg);box-shadow: inset -0.2em 0.2em 0 0 #d2d2d2;border-radius: 0 0.15em 0 0;
}
.news-main-box .news-item .news-center-list .arrow:after {top: 50%;right: 1em;width: 1.3em;height: 0.2em;-webkit-transform: translate(0, -0.1em);transform: translate(0, -0.1em);background-color: #d2d2d2;}

/*news*/
.news.pagecolor.padding{ padding: .8rem 0 .48rem;}
.news.pagecolor.padding .tit{ text-align: center;letter-spacing: 1px;line-height: .26rem; margin-bottom: .66rem;}
.news.pagecolor.padding .tit .font28{color: #777;  margin-bottom: .2rem;}
.news-banner .news-swiper a{ display: flex;}
.news-banner .news-swiper .txt,.news-banner .news-swiper .img{ height: 4.7rem;}
.news-banner .news-swiper .txt{ background: #fff; width: 8.15rem; padding: 1.2rem .64rem 0;}
.news-banner .news-swiper .txt h2,.news-banner .news-swiper .txt .time,.news-banner .news-swiper .txt p{ display: block;width: 100%; }
.news-banner .news-swiper .txt .time,.news-banner .news-swiper .txt p{ color: #666;}
.news-banner .news-swiper .txt h2{ margin: .2rem 0; color: #333; font-weight: bold;}
.news-banner .news-swiper .img{ width: 7.85rem;}
.news-banner .news-swiper .swiper-pagination{ left: .64rem; text-align: left; bottom: .72rem;}
.news-banner .news-swiper .swiper-pagination-bullet{ background: #fff; border: 1px solid #a7a7a7; width: .12rem; height: .12rem;}
.news-banner .news-swiper span.swiper-pagination-bullet.swiper-pagination-bullet-active{ background: #52aaf7;border: 1px solid #52aaf7;}
.wrapper.padding{ padding: .24rem 0 .72rem; }
.wrapper.padding .container.news-item{ margin-bottom: .12rem;}
.wrapper.padding .container.news-item ul{display: flex;flex-wrap: wrap; width: 100%;}
.wrapper.padding .container.news-item li{flex: 0 0 calc((100% - .6rem)/3);margin: 0 .3rem 12px 0;}
.wrapper.padding .container.news-item li:nth-child(3n){ margin-right:0}
.wrapper.padding .container.news-item li .txt{position: relative;padding: .3rem .24rem .36rem;transition: all linear 0.3s}
.wrapper.padding .container.news-item li .txt h3{ width: 100%; line-height: .3rem; color: #333; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; font-weight: bold;}
.wrapper.padding .container.news-item li .info{border-top: 1px solid #eee; padding-top: .22rem;margin-top: .24rem; display: flex; justify-content: space-between;}
.wrapper.padding .container.news-item li .info span{ color: #666;}
.wrapper.padding .container.news-item li:hover .txt h3,.wrapper.padding .container.news-item li:hover .txt .info span{ color: #fff;}
/*article*/
.wrapper.article.padding{ padding:.7rem 0 0rem;}
.wrapper.article.padding .container{ border-width:0 0 1px;border-style: solid;border-color: rgba(170, 170, 170, 0.25); padding-bottom: .9rem; margin-bottom: .4rem;}
.wrapper.article.padding .article-main{ width: 14rem; margin: 0 auto;}
.wrapper.article.padding .article-main .tit{ text-align: center; color: #b3b3b3; margin-bottom: .54rem;}
.wrapper.article.padding .article-main .tit h1{ line-height: .3rem; margin-bottom: .24rem; color: #333; font-weight: bold;}
.article-box img{width: auto; margin: 0 auto; text-align: center;}
.wrapper.article.padding .article-main .article-box{ font-size: .16rem;}
.wrapper.article-pagination{ margin-bottom: .7rem; text-align: center;}
.wrapper.article-pagination a{ background: rgba(219, 218, 218, 0.29); width: 3.8rem; height: .44rem; line-height: .44rem; display: inline-block; color: #666;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.wrapper.article-pagination a:hover{ color: #fff;background-image: linear-gradient( #52aaf7,  #52aaf7), linear-gradient( #52aaf7,  #52aaf7);background-blend-mode: normal, normal;}
.wrapper.article-pagination a:nth-child(2){ margin: 0 .3rem;}
/*contact*/
.wrapper.media.padding{ background: #f8f9fd; padding: .7rem 0 .64rem;text-align: center;}
.wrapper.media.padding .media-tit{ line-height: .3rem; }
.wrapper.media.padding .line{width: 48px;height: 2px;background: #52aaf7; margin: .32rem auto .48rem;}
.media-item.flex{ width: 70%; margin: 0 auto;justify-content: space-between;}
.media-item.flex .media-list .img{ display:flex; width: 1.18rem; height: 1.18rem; border-radius: 100%; background: #52aaf7; align-items: center; margin: 0 auto;}
.media-item.flex .media-list .img img{ width: .53rem; height: .53rem; margin: 0 auto;}
.media-item.flex .media-list:nth-child(3) .img img{ width: .63rem; height: .35rem;}
.media-item.flex .media-list:nth-child(4) .img img{ width: .65rem; height: .33rem;}
.media-item.flex .media-list .font16{ margin: .16rem 0 .02rem; color: #222; line-height:1.5;font-size: 14px;}
.media-item.flex .media-list .font12{color: #666; line-height: 1.5;}
.media-item.flex .media-list:hover .img{ background: #ee9747;transition: all linear .4s;}
.wrapper.contact.padding{padding: .74rem 0 .68rem;}
.wrapper.contact.padding .contact-tit{ text-align: center; position: relative; margin-bottom: .4rem;}
.wrapper.contact.padding .contact-tit .font28{ width: 2rem; margin: 0 auto .16rem; background: #fff;}
.wrapper.contact.padding .contact-tit .font28:after{content: ""; position: absolute; height: 1px; background: #f3f3f3; left: 0; top: 25%; width: 100%; z-index: -1;}
.wrapper.contact.padding .contact-tit .font16{ color: #999;}
.contact-main.container{ overflow: hidden; width: 14.8rem;}
.contact-main .contact-from{ width: 9.7rem;}
.contact-main .contact-add{border-width:0 0 1px;border-style: solid;border-color: rgba(102, 102, 102, 0.2); width: 4.72rem;}
.contact-main .contact-add .add-list{border-width:0 0 1px;border-style: solid;border-color: rgba(102, 102, 102, 0.2);  padding-bottom: .24rem; margin-bottom: .18rem;}
.contact-main .contact-add .add-list:last-child{ border-bottom: none;}
.contact-main .contact-add .add-list .font16{ color: #222; margin-bottom: .04rem;}
.contact-main .contact-add .add-list .font12{ color: #666;}

/*404*/
.wrapper.no-page.pagecolor.padding{ text-align: center; padding: .84rem 0 1.32rem;}
.wrapper.no-page.pagecolor.padding .img img{ width: auto;}
.wrapper.no-page.pagecolor.padding .txt{ margin-top: .6rem;}
.wrapper.no-page.pagecolor.padding .txt .font28{ color: #52aaf7; line-height: .28rem;}
.wrapper.no-page.pagecolor.padding .txt .font18{ margin: .2rem 0 .7rem;line-height: .28rem;}
.wrapper.no-page.pagecolor.padding .txt .font18 b,.wrapper.no-page.pagecolor.padding .txt .font18 a,.searc-event b,.search-page .search-item .search-list b{ color:#52aaf7;}
.wrapper.no-page.pagecolor.padding .txt .font20 a,.wrapper.search.pagecolor.padding  .back a{ display: block;background: #52aaf7;border-radius: 4px;width: 2.4rem;height: .5rem; line-height: .5rem; margin: 0 auto; color: #fff;}

/*search*/
.wrapper.search.pagecolor.padding{ text-align: center;padding: .7rem 0 2.3rem;}
.wrapper.search.pagecolor.padding .img img{ width: auto;}
.wrapper.search.pagecolor.padding .txt{ width:auto; display: table; border: 1px solid #e5e5e5; height: .6rem; line-height: .6rem; padding: 0 .24rem 0 .24rem; margin: 0 auto; background: #fff; margin-bottom: .3rem;}
.wrapper.search.pagecolor.padding .txt .search-input{ height: .4rem;padding: .2rem 0; border-right: 1px solid #d2d2d2; width: 6.7rem;  background: none; margin-right:24px; padding-right: 24px;}
.wrapper.search.pagecolor.padding .txt .btn-search{ float: right; background: url(../images/icon/seach_btn.png) center no-repeat; height: .6rem; width: 22px;background-size: contain;}
.wrapper.search.pagecolor.padding  .link{color: #999; font-size: .15rem; margin:0 auto .64rem;overflow: hidden;max-width: 7.6rem;}
.wrapper.search.pagecolor.padding .link span{float: left;margin-right: .16rem; }
.wrapper.search.pagecolor.padding  .link a{float: left; margin-right: .28rem; color: #666; font-size: .16rem;}
.wrapper.search.search-page.pagecolor.padding{ padding: .4rem 0 .24rem;}
.wrapper.search.search-page .searc-event{ color: #999; margin-bottom: .28rem;}
.search-page{ text-align: left; background: #fff; padding: .36rem .84rem .84rem;}
.search-page .search-item .search-list{ border-bottom: 1px solid #eee; margin-bottom: .24rem; padding-bottom: .24rem;}
.search-page .search-item .search-list .tit{ color: #272228; line-height: .28rem;}
.search-page .search-item .search-list .info{ line-height:.28rem; color: #666; margin: .18rem 0 .12rem;}
.search-page .search-item .search-list .web{ color:#9c9696}
.search-page .search-item-event{ margin-bottom: .36rem; color: #999;}

/*about*/
.wrapper.page-nav{ height: .78rem; width: 100%;}
.container.page-nan-item{display: flex; justify-content: center;}
.page-nav .page-nan-item .page-nav-list{ padding: 0 .32rem; margin: 0 .01rem; height: .78rem; line-height: .78rem; color: #333;}
.page-nav .page-nan-item .page-nav-list.hit,.page-nav .page-nan-item .page-nav-list:hover{ color: #52aaf7;border-bottom: 3px solid #52aaf7;font-weight: bold;}
.wrapper.company{ border-top: 10px solid #f7f7f7; background: #fdfdfe;padding: .45rem 0;}
.wrapper.company .profile{ display: flex; align-items: center;}
.wrapper.company .profile .txt,.wrapper.company .profile .img{ width: 50%;}
.wrapper.company .profile .txt{ padding: 0 .75rem 0 0;  font-size:14px;line-height: 2; color: #666;}
.wrapper.company .profile .txt h2{ line-height: .3rem; font-size: .32rem; font-weight: bold; color: #333;}
.wrapper.company .profile .txt .line{ display: block; height: 2px; width: .48rem; margin: .24rem 0 .2rem; background: #52aaf7;}
.about-business-box{ padding: .54rem 0 .64rem; width: 100%;overflow: hidden;}
.about-business .about-business-l,.about-business .about-business-r{ width: 7.85rem;}
.about-business .about-business-l .txt,.about-business .about-business-r .txt{ background: #fff; font-size:14px; padding: .28rem .42rem; color: #666; line-height: .3rem;}
.about-business .about-business-l .txt h3,.about-business .about-business-r .txt h3{ line-height: .3rem; font-size: .24rem; margin-bottom: .22rem; color: #333;font-weight: bold;}
.about-business .about-business-l .txt .box{ flex-wrap: wrap;}
.about-business .about-business-l .txt .box ul:nth-child(1){ margin-right: .46rem; flex-wrap: nowrap;}
.wrapper.qaeda.pagecolor{ padding: .56rem 0 1.1rem;}
.about-tit{ text-align: center;}
.about-tit h2{ line-height: .32rem; margin-bottom: .16rem; font-weight: bold; color: #282828;}
.about-tit p.font14{ color: #666; font-size: .16rem;}

.container.qaeda-box{ margin: .5rem auto 0; overflow: hidden;}
.about-common{justify-content: space-between; align-items: center; }
.about-common .img,.about-common .txt{ width: 7.85rem; background: #fff; position: relative; display: flex; align-items: center; color: #666;line-height: 2;}
.about-common .img img{ height: 3.8rem;}
.cultures .about-common .img img{ height:4.2rem;}
.border-l::after {content: "";position: absolute; width:0;height:0;right: 0; top: 50%; transform: translateY(-50%);border-top:16px solid transparent;   border-bottom: 16px solid transparent;border-right: 20px solid #f8f6f7; z-index: 1;}
.border-r::after{content: "";position: absolute; width:0;height:0;left: 0; top: 50%; transform: translateY(-50%);border-top:16px solid transparent;   border-bottom: 16px solid transparent;border-left: 20px solid #f8f6f7;z-index: 1;}
.about-common-box{width: 6.4rem; margin:0 auto;}
.about-common-box h3{ font-size: .24rem;   font-weight: bold; color: #333; margin-bottom: .18rem;}
.about-common-box p{border-bottom: 1px solid #ddd;margin-bottom: .2rem; padding-bottom: .2rem;}
.cultures-box{ margin-top: .4rem;}
.cultures-box .cultures-list{ width: 7.85rem;}
.cultures-box .cultures-list .img,.cultures-box .cultures-list .txt{height: 3.25rem;}
.cultures-box .cultures-list .img{ width: 4.28rem;}
.cultures-box .cultures-list .txt{ width: 3.57rem; background: #fff;align-items: center;}

.cultures-list .cultures-center{ width:a ; margin: 0 auto; color: #666; font-size: .16rem;padding: 0 .4rem; }
.cultures-list .cultures-center h3{ font-size: .22rem; font-weight: bold; color: #333; border-bottom: 1px solid #ddd; margin-bottom: .24rem; padding-bottom: .3rem ;}
.txt.equal_height.about-sl{ width: 8.15rem;}
.txt.equal_height.about-sl .about-common-box{ width:auto; margin: 0 auto;padding: 0 .4rem;}
.txt.equal_height.about-sl .about-common-box h3{ max-width: 5rem;}

.history.pagecolor{ background: url(../images/icon/historybg.jpg) center no-repeat; background-size: cover; height: 8rem;}
.history.pagecolor .container,.history.pagecolor .history-swiper{ height: 100%;}

.history.pagecolor .container .history-page {  top: 1.5rem; text-align: center; cursor: pointer; padding-bottom: .3rem;}
.history.pagecolor .container .history-page .swiper-slide{ font-size: .2rem; line-height: .3rem; position: relative;}
.history.pagecolor .container .history-page .swiper-slide .line {width: 100%; height: 2px; background: #bfbfbf; margin: .36rem 0 .1rem; position: relative;}
.history.pagecolor .container .history-page .swiper-slide.swiper-slide-thumb-active{ color: #52aaf7;}
.history.pagecolor .container .history-page .swiper-slide .line::after{content: "";position: absolute; height: 19px; width: 100%; background:url(../images/icon/linedot.png) no-repeat center; bottom: -8px; left: 0;}
.history.pagecolor .container .history-page .swiper-slide .history-info{ margin-top: .2rem;padding: 0 .25rem;}
.history.pagecolor .container .history-page .swiper-slide .history-info img{ width: 2.28rem; height: 1.35rem;}
.history.pagecolor .container .history-page .swiper-slide .history-info .txt{padding: .28rem; background: #fff; border-radius: 4px; text-align: left;box-shadow: 3px 3px 7px 0px rgba(186, 186, 186, 0.35);}
.history.pagecolor .container .history-page .swiper-slide .history-info .txt .y{margin: .24rem 0 .14rem;font-size: .24rem;color: #333;font-weight: bold;}
.history.pagecolor .container .history-page .swiper-slide .history-info .txt .t{ font-size:14px; color: #666; line-height: .28rem;}
.history.pagecolor .container .history-page .swiper-slide:hover .txt{ background: #52aaf7;}
.history.pagecolor .history-swiper .history-side{ background: #f00; height: .6rem; width: .6rem;}
.history.pagecolor .history-swiper .history-side.swiper-button-next:after, .history.pagecolor .history-swiper .history-side.swiper-button-prev:after{ font-size: 16px; color: #fff;}
.history.pagecolor .container .history-page .year{font-size: .46rem; color: #333;line-height: .44rem;}
.history.pagecolor .container .history-page .swiper-slide:hover .year{color: #52aaf7;font-weight: bold; }
.history.pagecolor .container .history-page .swiper-slide .history-info .triangle{height: 14px;width: 23px; margin: 0 auto; background: url(../images/icon/triangle.png) no-repeat;}
.history.pagecolor .container .history-page .swiper-slide:hover .triangle{background: url(../images/icon/triangle_h.png) no-repeat;}
.history.pagecolor .container .history-page .swiper-slide:hover .history-info .t,.history.pagecolor .container .history-page .swiper-slide:hover .history-info .y{ color: #fff;}

.history.pagecolor .container .history-page .history-side{ font-weight: bold; height: .64rem;width: .64rem;background: #d3d3d3;color: #fff; border-radius: .64rem; }
.history.pagecolor .container .history-page .history-side.swiper-button-prev:after,.history.pagecolor .container .history-page .history-side.swiper-button-next:after{ font-size: .32rem;}



/*服务支持*/
.wrapper.qaeda.service.pagecolor{background: url(../images/icon/servicebg.png) no-repeat bottom center; background-size: cover;}
.service .service-support{ justify-content: space-between; margin-top: .5rem; }
.service .service-support .support-list{ padding: .36rem .2rem; text-align: center;max-width: 3rem;}
.service .service-support .support-list .img{ margin-bottom:.24rem; width: 2.3rem; height: 2.3rem; }
.service .service-support .support-list .img img{border-radius: 100%; border: 1px solid #9b9b9b; padding: .18rem;}
.service .service-support .support-list .txt h2{ font-size: .2rem; font-weight: bold; margin-bottom: .22rem;}
.service .service-support .support-list .txt p{color: #666;}
.service .service-support .support-list:hover{background: #52aaf7; color: #fff;}
.service .service-support .support-list:hover p{color: #fff;}
.service .service-support .support-list:hover .img img{ border: 1px solid #fff;}
.wrapper.qaeda.mass.pagecolor{ padding-top: 10px;}
.wrapper.qaeda.mass.pagecolor .container{ background: #fff; padding: .54rem 0 .2rem;}
.wrapper.qaeda.mass.pagecolor .container .img{ text-align: center; margin-top: .4rem;}
.wrapper.qaeda.mass.pagecolor .container .img img{ width: auto; margin: 0 auto;}
.deve-list{ background: #fff; display: flex; align-items: center; padding: .44rem; margin-bottom: 10px;}
.service-pr{ padding-right: 0;}
.service-pl{ padding-left: 0;}
.deve-list .about-common-box{ padding: 0 .8rem; width: auto; margin: 0;}
.deve-list .img{ width: 7.42rem; position: relative;}
.deve-list .img img{ height: 3.7rem;}
.deve-list .txt{ width: 8.58rem;}
.deve-list .border-l::after{border-right: 20px solid #fff;}
.deve-list .border-r::after{border-left: 20px solid #fff;}
.deve-list .about-common-box h3{ font-size: .24rem; border: none; font-weight: normal; padding-bottom: 0; margin-bottom: .12rem; font-weight: bold;}
.deve-list:nth-child(2) .about-common-box{ padding: 0 1rem 0 .5rem ;}
.wrapper.qaeda.pagecolor.deve{ padding: .56rem 0 .1rem;}
.deve-list .about-common-box p{ margin: 0;padding: 0; border-bottom: none;}
.about-common-box .service-swiper{ margin-bottom: .36rem; color: #666;}
.swiper.service-page .swiper-wrapper{ justify-content: space-between; align-items: center;}
.swiper.service-page .swiper-slide{ width: auto !important; cursor: pointer;}
.swiper.service-page .swiper-slide p{ width: 1rem; height: 1rem; background: #5b9bd3; border-radius: 50%; color: #fff; display: flex;align-items: center;justify-content: center;text-align: center;}
.swiper.service-page .swiper-wrapper::after {content: "";position: absolute; height: 2px; width: 100%; background: #dadada; z-index: -1;}
.swiper.service-page .swiper-slide p::after {content: "";position: absolute; height: 12px; width: 12px; border-radius: 12px; background: #dadada;top: 50%;
  left: 135%;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
.swiper.service-page .swiper-slide.swiper-slide-thumb-active p{ background: #52aaf7;}
.swiper.service-page1 .swiper-slide p::after{ left: 121%;}
.service-design{ padding: .5rem 1rem; color: #666;font-size: .16rem; background: #fff; margin-bottom: .2rem;}
.deve-list .about-common-box .service-swiper h3{ color: #282828;}
.swiper.service-page3 .swiper-wrapper::after,.swiper.service-page4 .swiper-wrapper::after,.swiper.service-page3 .swiper-slide p::after,.swiper.service-page4 .swiper-slide p::after,.swiper.service-page5 .swiper-wrapper::after,.swiper.service-page5 .swiper-slide p::after{ display: none;}
.swiper.service-page3 .swiper-slide p,.swiper.service-page4 .swiper-slide p{ line-height:.24rem; padding: .24rem .12rem; width: 1rem; height: auto; border-radius: inherit;font-size: 12px;}
.qaeda-list.deve-list.quality .about-common-box{ padding: 0;}
.quality.deve-list .txt{ width: 100%;}
.service-swiper5{ text-align: center;}
.service-swiper5 h3{ margin-bottom: 10px;}
.service-swiper5 b{ color: #52aaf7; font-weight: bold; font-size: .2rem;}
.service-swiper5 h4{ font-size: 12px; margin-top: .2rem;}
.about-common-box .service-swiper5 .swiper-wrapper p{padding: 0 36px;}
.swiper.service-page5 .swiper-slide p{ border-radius: inherit; padding: .24rem .12rem; height: auto; width: 1rem; line-height: .24rem;font-size: 12px;}
.qaeda-list.deve-list.quality{ margin-bottom: .5rem;}

/*陶瓷制造与应用*/
.ceramics-box.common-scroll .section-content{ padding: .7rem 0; overflow: hidden;font-family:"SF Pro SC","SF Pro Display","SF Pro Icons","PingFang SC","Helvetica Neue","Helvetica";}
.ceramics-box.common-scroll .section-content .txt h2{ font-size: .32rem; color: #222; margin-bottom: .22rem; font-weight: bold;}
.ceramics-box.common-scroll .section-content .txt p{ color: #444; font-size:14px;}
.section-content1 .ceramics-swiper{margin-top: .36rem; overflow: hidden; font-size: 16px;}
.section-content1 .ceramics-swiper .ceramics-l{ width: 9.15rem; height: 6rem;}
.section-content1 .ceramics-swiper .ceramics-l .swiper-slide .txt{ background: rgba(0, 0, 0, 0.6); padding: .36rem 0; position: absolute; left: 0; bottom: 0; width: 100%;}
  .section-content1 .ceramics-swiper .ceramics-l .swiper-slide .txt p{width: 80%; margin: 0 auto; text-align: center; color: #fff;font-size: .28rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;line-height: 1.5;}
.section-content1 .ceramics-swiper .ceramics-l .swiper-button-prev, .section-content1 .ceramics-swiper .ceramics-l .swiper-button-next{ color: #fff; bottom: .32rem; top: auto;}
.section-content1 .ceramics-swiper .ceramics-l .swiper-button-prev{ left: .48rem;}
.section-content1 .ceramics-swiper .ceramics-l .swiper-button-next{ right: .48rem;}
.section-content1 .ceramics-swiper .ceramics-r .tit{font-size: 16px; color: #666;margin-bottom: .24rem;line-height:1;}
.section-content1 .ceramics-swiper .ceramics-r{width: 6.3rem; height: 6rem;}
.section-content1 .ceramics-swiper .ceramics-r .ceramics-r-item li{ width: 33.3%; float: left;}
.section-content1 .ceramics-swiper .ceramics-r .ceramics-r-item li img{width: 1.73rem;height: 1.15rem;border-radius: 0.1rem; margin-bottom: .16rem;}
.section-content1 .ceramics-swiper .ceramics-r .ceramics-r-item li{ margin-bottom: .36rem;}
.ceramics-box.common-scroll .section-content2{ background:url(../images/common/ceramicsbg.png) no-repeat center bottom #f6f6f6; background-size: 100%;}
.ceramics-box.common-scroll .section-content2 .txt{ text-align: center; max-width: 60%; margin: 0 auto;}
.wrapper.workmanship{ margin-top: .7rem;}
.workmanship-page .swiper-slide{ text-align: center; cursor: pointer;}
.workmanship-page .swiper-slide::before {content: "";position: absolute;height: 100%;width:23px;background:url(../images/common/workmanshiparrow.png) no-repeat right center;top: 0; right:-11px;z-index: -1;}
.workmanship-page .swiper-slide::after {content: "";position: absolute;height: 100%;width: 100%;background:url(../images/common/workmanshipline.png) left center repeat-x;left: 0; top: 0;z-index: -1;}
.workmanship-page .swiper-slide .num{font-size: .32rem; line-height: .32rem; color: #666;}
.workmanship-page .swiper-slide.swiper-slide-thumb-active .num,.workmanship-page .swiper-slide:hover .num{background:url(../images/common/workmanshiparrow.png) no-repeat 60px center; color: #f38f2e;}
.workmanship-page .swiper-slide .img{ margin: .1rem auto; width: 1.7rem; height: 1.7rem; background: url(../images/common/workmanshipbg.png) center center no-repeat; background-size: contain;}
.workmanship-page .swiper-slide:hover .img,.workmanship-page .swiper-slide.swiper-slide-thumb-active .img{ background: url(../images/common/workmanshipbg_hover.png) center center no-repeat;background-size: contain;}
.workmanship-page .swiper-slide .img img{ height: 1.15rem; width: 1.15rem; margin-top: .27rem;}
.workmanship-page .swiper-slide .txt{ font-size: .16rem; color: #222;}
.workmanship-swiper{ margin-top: .8rem;}
.workmanship-swiper .swiper-slide{ padding: 0 0 12px;}
.workmanship-swiper-box{ display: table; margin: 0 auto;}
.workmanship-swiper-box .l,.workmanship-swiper-box .r{ width: .52rem; height: .42rem; display: table-cell;}
.workmanship-swiper-box .r{ vertical-align: bottom;}
.workmanship-swiper-main{box-shadow:3px 5px 12px 0 rgba(129, 129, 129, 0.35);border-radius: 8px; background: #fff; margin:0 .75rem; display: flex; align-items: center; padding: .36rem .54rem; position: relative;}
.workmanship-swiper-main::after {content: "";position: absolute; border-width:0 40px 40px 0 ;border-color: transparent white transparent transparent;border-style: solid; left: -40px; bottom: 90px;}
.workmanship-swiper-main .img{ margin-right: .6rem;}
.workmanship-swiper-main .img img{width: 3.65rem;height: 2.05rem;border-radius:8px;}
.workmanship-swiper-main .txt{ text-align: left !important; color: #222; line-height: .28rem; font-size: .16rem;}
.workmanship-swiper-main h3{ font-size: .3rem; margin-bottom: .1rem;}
.section-content3  .txt{ text-align: center;}
.equipment-page.workmanship-page .swiper-slide::before,.equipment-page.workmanship-page .swiper-slide::after{ display: none;}
.equipment-page.workmanship-page .swiper-wrapper{ padding: 12px 4px;}
.equipment-page.workmanship-page .swiper-slide{padding: .2rem;box-shadow:3px 5px 12px 0 rgba(190, 187, 186, 0); border-radius: 10px;}
.equipment-page.workmanship-page .swiper-slide.swiper-slide-thumb-active{box-shadow: 3px 5px 12px 0 rgba(190, 187, 186, 0.35);}
.equipment-page.workmanship-page .swiper-slide p{padding:.32rem 0 .12rem; color: #010101; font-size: .16rem;}
.equipment-page.workmanship-page .swiper-button-prev{ background: url(../images/icon/e_swiper_l.png) no-repeat center left; height: 1.1rem;width: .63rem; background-size: contain; top: 30%;}
.equipment-page.workmanship-page .swiper-button-next{ background: url(../images/icon/e_swiper_r.png) no-repeat center right; height: 1.1rem;width: .63rem; background-size: contain; top: 30%;}
.equipment-page.workmanship-page .swiper-button-prev:after,.equipment-page.workmanship-page .swiper-button-next:after{ display: none;}
.ceramics-box.common-scroll .section-content.section-content3{ padding: .9rem 0 1.6rem; overflow: hidden;}

/*泛半导体制造综合服务*/
.comprehensive{ padding: .7rem 0 .55rem; overflow: hidden;}
.comprehensive .tit{ font-size: 16px; line-height: .28rem; color: #666; margin-bottom: .6rem; text-align: center;}
.comprehensive-item{ width: 10.8rem; margin: 0 auto;}
.comprehensive-item .comprehensive-list{box-shadow: 0 0 10px 0 rgba(34, 24, 21, 0.06); background: #fff;width: 2.4rem; height: 3.2rem;  position: relative; margin-bottom: .3rem; margin-right: .4rem; float: left;}
.comprehensive-item .comprehensive-list:nth-child(4n){ margin-right: 0;}
.comprehensive-item .comprehensive-list .bg{position: absolute; left: 0; top: 0; height: 100%; width: 100%; background: #fff;}
.comprehensive-item .comprehensive-list .box{ position:absolute; left: 0; top:0; height: 100%;width: 100%;padding: .48rem .32rem;z-index: 2;}
.comprehensive-item .comprehensive-list .icon{ height: .64rem;width: .64rem; margin: 0 auto .16rem;}
.comprehensive-item .comprehensive-list .txt{transition: all linear .2s;}
.comprehensive-item .comprehensive-list .txt h2{font-size: .2rem;color: #333; font-weight: bold; text-align: center;}
.comprehensive-item .comprehensive-list .txt p{ margin: .1rem 0  .2rem;
  display: -webkit-box;line-height: 0.19rem; font-size: 12px; color: #666;}
.comprehensive-item .comprehensive-list .txt .more a{display: flex; font-size:12px; color: #999;border-radius:16px;
	border: solid 1px #cbcbcb; width: 1rem; margin: 0 auto;align-items: center;justify-content: center;}
.comprehensive-item .comprehensive-list .txt .more a svg { fill: #999; margin:0px;width: 12px; height: 12px;}
.comprehensive-item .comprehensive-list:hover .icon{ opacity: 0;}
.comprehensive-item .comprehensive-list:hover .txt{transform: translateY(-42px); }
.comprehensive-item .comprehensive-list:hover .txt h2,.comprehensive-item .comprehensive-list:hover .txt p{ color: #fff;}
.comprehensive-item .comprehensive-list:hover .more a{ background: #ee9747; color: #fff;border: 1px solid #ee9747;}
.comprehensive-item .comprehensive-list:hover .more a svg{ fill: #fff;}
.comprehensive-item .comprehensive-list:hover .bg{ background:rgba(82, 170, 247, 0.9);transition: all linear .6s;}
.comprehensive-page{ padding: .5rem 0;}
.comprehensive-page .tit{ text-align: center; margin-bottom: .36rem;}
.comprehensive-page .tit h2{line-height: 0.26rem; color: #222;font-size: 0.32rem; margin-bottom: .18rem; font-weight: bold;}
.comprehensive-page .tit p{ font-size: .16rem; color: #666;line-height: 0.24rem;}
.comprehensive-main{ width:14.4rem;margin: 0 auto; overflow: hidden;}
.comprehensive-main .img{ width: 33.33333%; float: left;  margin-bottom: .3rem;}
.comprehensive-main img{ width: 4.6rem; height: 5.4rem;}
/*材料特性*/
.making{ padding: .8rem 0 .4rem;}
.making-item{justify-content: space-between; flex-wrap: wrap;}
.making-item .making-list{ background: #f7f7f7;padding: .4rem .5rem;width: 48%; margin-bottom:4%; display: flex;  justify-content: space-between;}
.making-item .making-list .img img{ border-radius:100%; height: 2.3rem;  width: 2.3rem; max-width:none}
.making-item .making-list .txt{ position: relative;}
.making-item .making-list .line{ background: #52aaf7; width: 30px; height: 3px; margin: .16rem 0 .2rem;}
.making-item .making-list .link{min-width: 3.6rem;}
.making-item .making-list h2{ font-size: .2rem; color: #333; font-weight: bold;}
.making-item .making-list .link a{ color: #666;font-size:14px;display: block;width: 100%;margin-bottom: 4px;  padding:0;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.making-item .making-list a:hover {color: #52aaf7;}
.making-item .making-list .txt .more{ position: absolute;display: flex; align-items: center; left: 0; bottom: 0;}
.making-item .making-list .txt .more a{ border:1px solid #e5e5e5; padding: .1rem .24rem;display: flex;align-items: center; font-size: .14rem; color: #333;}
.making-item .making-list .txt .more a:hover{ background: #52aaf7; border: 1px solid #52aaf7; color: #fff;}
.making-item .making-list .txt .more a:hover svg{fill: #fff;}

.making-kf{ position: relative; text-align: center;}
.making-kf-box{position: absolute;top: 50%;left: 0;width: 100%;-webkit-transform: translateY(-50%);transform: translateY(-50%); z-index: 1;}
.making-kf-box .tit{ font-size: .32rem; color: #666; margin-bottom: .28rem;}
.making-kf-box .tit strong{ color: #52aaf7;}
.making-kf-box .kf a{display:flex; background: #eb9530; width: 4rem; height: .55rem;margin:0 auto; border-radius: 4px;align-items: center;justify-content: center; color: #fff;}
.making-kf-box .kf img{width:.28rem; height: .29rem; margin-left: .18rem;}
.making-nav-link a{ color: #333; padding: 0 .3rem; margin-right:2px; height:.4rem; line-height: .4rem; display: inline-block;}
.making-nav-link a:hover,.making-nav-link a.active{ border-bottom: #5b9bd3 3px solid; color: #5b9bd3;}
.making-nav.common-nav{height: .7rem;}
.making-nav.common-nav .container{ border-bottom: none;}
.making-info{ padding: .48rem 0 .36rem; overflow: hidden;}
.making-swiper.swiper{width: 7.85rem; height: 4.15rem; margin:0 .35rem 0 0; float: left;}
.making-page.swiper.service-page .swiper-slide{width: .66rem !important; height: .66rem; border: 2px solid #ddd; margin-right: .16rem;}
.making-page.swiper.service-page .swiper-slide.swiper-slide-thumb-active{ border: 2px solid #f7bd3f;}
.making-page .tit{margin-bottom:.16rem;}
.making-page .tit h1{ font-size: .32rem;font-weight: bold; color: #333; margin-bottom: .16rem;margin-top: 10px;}
.making-page .tit p{ font-size: 16px;color: #666;}
.pro_1.making-info{padding: .5rem 0;}
.pro_1 .making-swiper .swiper-slide{border-radius: 4px; overflow: hidden;}
.swiper-button-prev.pro-side, .swiper-button-next.pro-side{color: #ccc;height: .45rem;width: .45rem;border-radius:100%;border: 1px solid #999;}
.swiper-button-next.pro-side:after, .swiper-button-prev.pro-side:after{font-size: 14px;}
.swiper-button-prev.pro-side:hover,.swiper-button-next.pro-side:hover{background: #fff;}
.pro_1 .making-page .txt{ border-bottom: 1px solid #e5e5e5;margin-bottom: .24rem;padding-bottom: .16rem;}
.pro_1 .making-page .txt li{background: url(../images/icon/right_y.png) no-repeat left center; padding: 0 0 0  14px;color: #666;font-size: 16px; margin-bottom: 4px;}
.making-page.swiper.service-page .swiper-wrapper{ justify-content: left;}
.making-page.swiper .contact-swt{ margin-top: .36rem; display: flex;}
.making-page.swiper .contact-swt a{display: flex;background:url(../images/icon/swt_bg1.png) repeat-y;width: 1.9rem;height: 0.5rem;border-radius: 4px;align-items: center;justify-content: center; color: #fff; overflow: hidden;margin-right:14px;}
.making-page.swiper .contact-swt a img{width: 0.25rem;height: 0.26rem; margin-left: 8px;}
.making-page.swiper .contact-swt a:first-child{ background:url(../images/icon/swt_bg.png) repeat-y;}
.swiper-button-prev.making-side,.swiper-button-next.making-side{ color: #666;}
.wrapper.ceramics.info{ margin-top: 1rem;}
.wrapper.ceramics.info .common-nav .container{ background: #fff; border-bottom: none; height: auto; padding: .24rem .4rem;}
.wrapper.ceramics.info .common-nav .container ul{ background: #f7f7f7;width: 100%; height: .48rem; line-height: .48rem;}
.wrapper.ceramics.info .common-nav li .menu-item:hover,.wrapper.ceramics.info  .common-nav .menu-item.active{ border-radius: 0;}
.wrapper.ceramics.info .common-nav.fixednav{ border-bottom: 1px solid #f7f7f7;}
.wrapper.ceramics.info .common-nav li .menu-item{ height: .48rem; line-height: .48rem; display: block; padding: 0 .18rem;}
.wrapper.ceramics.info .section-content{ padding: .3rem .66rem .4rem; background: #fff;}
.wrapper.ceramics.info .section-content .txt{ margin-bottom: .12rem; max-width: none; text-align: left;}
.wrapper.ceramics.info .section-content .common h3{ background: url(../images/icon/info_icon.png) left center no-repeat;color: #333; font-size:16px; padding-left:28px; margin-bottom: .16rem;}
.wrapper.ceramics.info .section-content1 .common .box{ padding-left: .4rem;font-size: .14rem;color: #666;}
.wrapper.ceramics.info .section-content1 .common .box-list{ display: block;width: 100%;}
.wrapper.ceramics.info .section-content1 .common .box-list li{ background:url(../images/icon/dot_y.png) left center no-repeat; padding-left: .16rem;font-size:14px;margin-bottom: 4px;}
.wrapper.ceramics.info .ceramics-box.common-scroll .section-content2,.wrapper.ceramics.info .ceramics-box.common-scroll .section-content3,.section-contact{background: #fff; padding: .48rem .4rem .3rem; margin-top: 10px;}
.infoSwiper .swiper-slide .img{ max-width: 2.8rem; height: 2.8rem;}
.wrapper.ceramics.info .infoSwiper .swiper-slide .txt{ text-align: center; font-size:14px; color: #333; margin-top: .12rem;}
.infopage.swiper-pagination{ position: relative;}
.application-item .application-list{ width: 32%; margin-bottom: .16rem; float: left;}
.application-item .application-list:nth-child(3n+2){ margin: 0 2% .16rem;}
.application-item .application-list img{ max-width: 4.73rem; height: 2.83rem;}
.application-item .application-list p{ display: block;width: 100%; text-align: center;color: #333;margin-top: .16rem;font-size:14px;}
.section-contact.container{ overflow: hidden; margin: 10px auto 0; padding-bottom: .54rem;}
.section-contact .tit{ text-align: center; margin-bottom: .58rem;}
.section-contact .tit h4{font-size: .28rem; color: #282b31; margin-bottom: .2rem;}
.section-contact .tit p{ color: #666; font-size:14px;}
.section-contact-main .img{width: 4.7rem; height: 4.5rem; margin-right: .32rem;}
.section-contact-main.contact-main .contact-from{width: 10rem;}
.section-contact-main.contact-main .contact-from .form-label{width: 4.7rem;}
.contact-main.section-contact-main .contact-from .form-label input, .contact-main.section-contact-main .contact-from .form-label select{ border-radius: 0;}
.contact-main.section-contact-main .contact-from .form-label select{ background: url(../images/icon/down.png) #f8f7f7 96% center no-repeat;}
.contact-main.section-contact-main .contact-from .form-textarea textarea{ height: 1.5rem;}
.contact-main.section-contact-main .contact-from .form-main .sub{ background: #f7bd3f;}
/*表面处理*/
.ceramics-box.common-scroll .treatment.section-content1{padding: .7rem 0 0;}
.treatment.section-content .txt{ text-align: center;}
.treatment.section-content .txt h2{font-weight: bold;}
.treatment.section-content .txt h2 span{ color: #52aaf7;}
.ceramics-box.common-scroll .treatment.section-content .txt p{color: #666; }
.treatment.section-content1 .item{justify-content: space-between; margin: .46rem 0 .6rem;}
.treatment.section-content1 .item .list .img{width: 5.1rem;height: 3.4rem;  position: relative;border-radius: 4px;}
.treatment.section-content1 .item .list .img:hover .bg {background: rgba(0, 0, 0, 0.6);transition: all linear .6s;opacity: 1;}
.treatment.section-content1 .item .list .img .bg {position: absolute;left: 0;top: 0;height: 100%;width: 100%;background: #030303;opacity: 0;}
.treatment.section-content1 .item .list .more{position: absolute;top: 50%;left: 0;width: 100%;-webkit-transform: translateY(-50%);transform: translateY(-50%);color: #fff;z-index: 2; opacity: 0;}
.treatment.section-content1 .item .list .img:hover .more{ opacity: 1;}
.treatment.section-content1 .item .list .img .more a{background: #ee9747;color: #fff;display: flex;font-size: 12px;border-radius: 16px;width: 100px;margin: 0 auto;align-items: center;justify-content: center;}
.treatment.section-content1 .item .list .img .more a svg{ margin-left: 4px; fill: #fff;}
.treatment.section-content1 .item .list h3{ text-align: center; font-size: 16px; color: #222; margin-top: .16rem;}
.treatment.section-content1 .box{ position: relative;}
.treatment.section-content1 .box img{min-height: 5rem;}
.treatment.section-content1 .box-location{position: absolute;top: 50%;left: 0;width: 100%;-webkit-transform: translateY(-50%);transform: translateY(-50%);color: #fff;z-index: 2; }
.treatment.section-content1 .box-main{ background:rgba(82, 170, 274, 0.95); padding: .5rem .9rem; display: table;margin: 0 auto; text-align: center;}
.treatment.section-content1 .box-main h4{ font-size: .36rem; margin-bottom: .48rem; font-weight: bold;}
.treatment.section-content1 .box-main ul{ display: flex; justify-content: space-between; width: 5.4rem;font-size: 12px;}
.treatment.section-content1 .box-main ul img{ width: .9rem; height: .9rem;  margin-bottom: .18rem;min-height:inherit;}
.treatment.section-content1 .box-main ul li{width: 25%;}
.treatment.section-content1 .box-main ul li p{font-size: .16rem;}
.ceramics-box.common-scroll .section-content2.treatment{ background: none; padding: 0;}
.ceramics-box.common-scroll .section-content2.treatment .treatment1{background:url(../images/common/t_bg.png) no-repeat center bottom #f6f6f6; padding: .7rem 0;}
.ceramics-box.common-scroll .section-content2.treatment .treatment2{background:url(../images/common/biaomianchulibg.jpg) no-repeat center bottom;background-size: cover; padding: .7rem  0 .9rem;}
.ceramics-box.common-scroll .section-content2.treatment .treatment2 .txt h2,.ceramics-box.common-scroll .section-content2.treatment .treatment2 p{ color: #fff;}
.section-content2.treatment .box{ margin: .46rem auto  0; width: 12rem; display: flex;justify-content: space-between;align-items: center;}
.section-content2.treatment .box .list{ overflow: hidden; margin-top: .18rem;}
.section-content2.treatment .box .list img{ width: 1.54rem; height: .88rem; border-radius: 10px;}
.section-content2.treatment .box .list li{ float: left; margin-right: .3rem;}
.section-content2.treatment .box .list li p{ text-align: center; margin-top: .08rem;font-size: .16rem;color: #666;}
.section-content2.treatment .box .box-r{ position: relative; border-radius: 10px; overflow: hidden;}
.section-content2.treatment .box .box-r .txt{ position: absolute;top: 50%;left: 0;width: 100%;-webkit-transform: translateY(-50%);transform: translateY(-50%);color: #fff;z-index: 2;text-align: center;max-width: none;}
.section-content2.treatment .box .box-r .txt img{width: .4rem; height: .4rem; margin: 0 auto .4rem;}
.section-content2.treatment .box .box-r .txt p{ text-align: center; font-size: .2rem; font-weight: bold;color: #fffefe;}
.section-content2.treatment .box .box-r::before {content: "";position: absolute; top: 0;left: 0;width: 100%;height: 100%;background: rgb(0, 0, 0, .71);z-index: 1;}
.ceramics-box.common-scroll .section-content2.treatment .treatment2 .box1{ display: table; margin: .56rem auto 0; width: 100%;}
.ceramics-box.common-scroll .section-content2.treatment .treatment2 .box1 ul{display: flex; justify-content: space-between;}
.ceramics-box.common-scroll .section-content2.treatment .treatment2 .box1 li{ width: 3rem;box-shadow: 6px 10px 52px 0px rgba(255, 110, 68, 0.35); border-radius: 8px; background: #fff;}
.ceramics-box.common-scroll .section-content2.treatment .treatment2 .box1 img{width: 3rem; height: 1.96rem;}
.ceramics-box.common-scroll .section-content2.treatment .treatment2 .box1 .txt1{  padding: .3rem .24rem; height: 2.5rem;position: relative;transition: all linear 0.3s;z-index: 1;}
.ceramics-box.common-scroll .section-content2.treatment .treatment2 .box1 .txt1 h4{ font-size:16px; color: #222; margin-bottom: .12rem;}
.ceramics-box.common-scroll .section-content2.treatment .treatment2 .box1 .txt1 h4 b{ font-size: .5rem; margin-right:  4px;font-family: Roboto;font-weight: bold;}
.ceramics-box.common-scroll .section-content2.treatment .treatment2 .box1 .txt1 p{color: #444;font-size: 16px;}
.ceramics-box.common-scroll .section-content2.treatment .treatment2 .box1 li:hover .txt1{ background: #52aaf7;}
.ceramics-box.common-scroll .section-content2.treatment .treatment2 .box1 li:hover .txt1 h4,.ceramics-box.common-scroll .section-content2.treatment .treatment2 .box1 li:hover .txt1 p{color: #fff;}
.facilities{ margin-top: .44rem;}
.ceramics-box.common-scroll .section-content.section-content3.treatment {padding: .9rem 0 .5rem;}
.facilities-Swiper .swiper-slide img{ border-radius: 4px;}
.facilities-Swiper .swiper-slide .l{ float: left; width: 7.85rem;}
.facilities-Swiper .swiper-slide .r{ float: right; width: 7.85rem;}
.facilities-Swiper .swiper-slide .r ul{ display: flex;justify-content: space-between;flex-wrap: wrap;}
.facilities-Swiper .swiper-slide .r ul li{ width: 3.85rem; }
.facilities-Swiper .swiper-slide .r ul li img{height: 2.3rem; width: 3.85rem;}
.facilities-Swiper .swiper-slide p{ text-align: center;font-size:16px;color: #010101; margin: .1rem 0; line-height: .24rem;}
.swiper-pagination.facilities-pagination{ position: relative; margin-top: .16rem;}
.jm{overflow: hidden;}
.jm .tit{ margin-bottom: .38rem;text-align: center;}
.jm .tit p{ margin: .18rem 0 .36rem;font-size: 16px; color: #666;}
.jm_1{ padding: .8rem 0 .44rem; color: #666; font-size: 16px; line-height: .32rem;}
.jm_2{ padding: .54rem 0 .6rem; overflow: hidden;}
.jm_2 .box .l{ width: 7.65rem; float: left;}
.jm_2 .box .r{ width: 7.65rem; float: right;}
.jm h2{ font-size: .32rem;color: #222;font-weight: bold;line-height: .32rem; }
.jm_2 .box .round{ height: 1rem; width: 1rem; border-radius: 100%; background: #52aaf7; color: #fff;justify-content: center;align-items: center;display: flex;text-align: center;}
.jm_2 .box .round.y{background: #eb9530;}
.jm_2 .box .l .t,.jm_2 .box .l .b,.jm_2 .box .r .b{ display: flex;justify-content: end; align-items: center;}
.jm_2 .box .l .t .line,.jm_2 .box .l .b .line,.jm_2 .box .r .t .line,.jm_2 .box .r .b .line{ height: 2px; width: 20px; margin: 0 8px; background: #52aaf7;}
.jm_2 .box .l .c,.jm_2 .box .r .c{width: 100%;; margin: 10px 0; position: relative;overflow: hidden;height: 20px;}
.jm_2 .box .l .c::after{content: "";width: 2px; height: 20px;position: absolute;right: .48rem;background: #52aaf7;}
.jm_2 .box .r .c::after{content: "";width: 2px; height: 20px;position: absolute;left: .48rem;background: #52aaf7;}
.jm_2 .box .l .b .txt{ margin-right: .54rem; font-size: #222;font-size: .2rem;}
.jm_2 .box .r .t{display: flex; align-items: center;}
.jm_2 .box .r .b{justify-content: left;}
.jm_2 .box .r .b .txt{ margin-left: .54rem; font-size: #222;font-size: .2rem;}
.jm_2 .box .r .b .txt{ margin-left: .54rem; font-size: #222;font-size: .2rem;}
.jm_3{padding: .68rem 0 .48rem;}
.jm_3 .box li{ width: 3.85rem;float: left; margin-right: .2rem;margin-bottom: .2rem;}
.jm_3 .box li .moverimg{width: 3.85rem;height: 2.3rem;border-radius: 4px;margin-bottom: .2rem;}
.jm_3 .box li:nth-child(4n){ margin-right:0}
.jm_3 .box li p{text-align: center; color: #010101; font-size: .24rem}
.jm_4{padding: .72rem 0 .48rem;}
.jm_2 .box .l,.jm_4 .box .l{ width: 8.1rem; float: left;}
.jm_2 .box .r,.jm_4 .box .r{ width: 7.65rem; float: right;}
.jm_4 .box .l .txt,.jm_4 .box .r .txt{ font-size: 16px;color: #666; margin-bottom: .16rem;}
.jm_4 .box .l .txt span{ color: #4497c6;}
.jm_4 .box .l .img{display:flex;justify-content: space-between; }
.jm_4 .box .l .img p{ width: 4.02rem;height: 5rem;position: relative;}
.jm_4 .box .l .img p span{position: absolute;bottom:.2rem;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);background: #e0e0e0;border-radius: .16rem;padding: 6px 12px;font-size: 16px;color: #010101}
.jm_4 .box .r .table1 table{ width: 100%;background: #fff; font-size: 16px; text-align: center;}
.jm_4 .box .r .table1 table td{ border: 1px solid #e0e0e0; color: #666;}
.jm_4 .box .r .table1 table td:first-child {border-top: none;border-left: none;border-bottom: none;}
.jm_4 .box .r .table1 table tr:first-child td{border-top: none; color: #070707;}
.jm_4 .box .r .table1 table td:last-child {border-bottom: none;border-right: none;}
.jm_4 .box .r .table1 table tr:last-child td{border-bottom: none;border-right: none;}
.jm_4 .box .r .table2 table tr:first-child td{border-top: none;border-left: none;border-bottom: 1px solid #e0e0e0;}
.jm_4 .box .r .table2{ margin-top: 10px;}
.jm_4 .box .r .table1 table td{padding:.29rem .0rem;}
.jm_4 .box .r .table1.table2 table td{padding:.4rem .0rem;}
.jm_5{padding: 1rem 0 .75rem; background: url(../images/common/jm5_bg.jpg) no-repeat center;background-size: cover}
.jm_5 .tit h2,.jm_5 .tit p{color: #fff}
.jm_5 .box{ height: 3.2rem;}
.jm_5 .box .list{ background: #fff;padding: .32rem; width: 3rem;float: left;margin-right:.25rem; overflow: hidden;border-radius: 4px;}
.jm_5 .box .list:last-child{margin-right: 0;}
.jm_5 .box .list .t img{ width: auto; filter:invert(1); margin-right: .16rem;}
.jm_5 .box .list .t{display: flex;align-items: center; font-size: .24rem; color: #222; margin-bottom: .18rem}
.jm_5 .box .list .txt{ color: #444; font-size:16px; height: 50px;overflow: hidden;}
.jm_5 .box .list:hover{background: #52aaf7;}
.jm_5 .box .list:hover .t img{filter: none;}
.jm_5 .box .list:hover .txt{height: auto;}
.jm_5 .box .list:hover .t,.jm_5 .box .list:hover .txt{color: #fff}
.jm_6{padding: .9rem 0 .7rem;}
.jm_6 .box{display: flex;justify-content: space-between;margin-bottom: .76rem;}
.jm_6 .box .list{width:5.1rem;}
.jm_6 .box .list .img{border-radius: 4px;width:5.1rem; height: 3.4rem; overflow: hidden;}
.jm_6 .box .list .txt{ text-align: center;}
.jm_6 .box .list .txt h3{color: #222;font-weight: bold;font-size: .2rem; margin: .26rem 0 .2rem;}
.jm_6 .box .list .txt p{color: #666;font-size: 16px;}
.jm_kf{ display: flex;justify-content: space-between;background: url(../images/common/kf_bg.jpg) no-repeat; min-height: 1.66rem; align-items: center;padding: 0 1.5rem 0 .9rem;background-size:cover;}
.jm_kf p{ font-size: .32rem;color: #fff;}
.jm_kf p span{color: #52aaf7;}
.jm_kf p a{color: #fff;background: #eb9530; border-radius: 24px; font-size: .2rem;padding: .16rem .6rem;}
.wx_1{padding: .6rem 0;}
.wx_1 h2{ text-align: center;color: #333;font-size: .32rem;margin-bottom: .2rem;}
.wx_1 p{font-size: 16px;color: #444;}
.wx_2.container{ align-items: center;justify-content: space-between; margin: 0 auto .6rem;flex-wrap: wrap;}
.wx_2 .txt{ border-radius: 4px;border: 2px solid #dcdcdc;padding: .3rem .32rem;color: #333;font-size: .16rem;margin-bottom: .24rem;}
.wx_2 .img{margin-bottom: .24rem;}
.wx_3{padding-bottom: .64rem;}
.wx_3 .list p{font-size: 16px;margin-top:.14rem; text-align: center;color: #333;}
.wx_3 .wx_item1{display: flex;justify-content: space-between;}
.wx_3 .wx_item1 .list{width: 5.1rem;}
.wx_3 .wx_item1 .list img{width: 5.1rem; height: 3.6rem;}
.wx_3 .wx_item2{display: flex;justify-content: space-between;margin: .18rem 0;}
.wx_3 .wx_item2 .list{width: 5.1rem;display: flex;justify-content: space-between;}
.wx_3 .wx_item2 .list .f,.wx_3 .wx_item3 .list .f{width: 48%;}
.wx_3 .wx_item2 .list img{width: 2.43rem; height: 2.43rem;}
.wx_3 .wx_item3{display: flex;justify-content: space-between;margin-bottom: .64rem;}
.wx_3 .wx_item3 .list{width: 5.1rem;display: flex;justify-content: space-between;}
.wx_3 .wx_item3 .list img{width: 2.43rem; height:2.43rem;}
.wx_3 .wx_item3 .list:last-child{flex-wrap: wrap;}
.wx_3 .wx_item3 .list:last-child img,.wx_3 .wx_item3 .list:last-child p{width: 100%;}
.wrapper.tc{padding: .6rem 0 .5rem;}
.tc_1{padding-bottom: .3rem;}
.tc_1 p{text-align: center;font-size: 16px;color: #444;}
.tc_2 .item{display: flex;justify-content: space-between;margin-bottom: .5rem;}
.tc_2 .item .list{width: 3.1rem;height: 4.2rem;position: relative;}
.tc_2 .item .list .img{ position:relative}
.tc_2 .item .list .img:before{position: absolute;left: 0;top: 0;height: 100%;width: 100%;background: #000;opacity: .55;content: '';}
.tc_2 .item .list:hover .bg{opacity: 0;}
.tc_2 .item .list .more{position: absolute;width: 100%;padding: 0 .18rem;bottom: 12px;}
.tc_2 .item .list .more p a{color: #fff; font-size: .2rem; border-top: 1px solid #fff;width: 100%;display: flex;padding: .28rem .2rem;justify-content: space-between;align-items: center;}
.tc_2 .item .list .more p svg{fill: #fff;}
.tc_2 .item .list:hover .more p a{ background: url(../images/icon/tc1_bg.jpg) repeat-y;font-weight: bold;border-top: none;}
.tc_nav{border-bottom: 1px solid #f0f0f0;}
.tc_public_hard.container{max-width: 81.25%;padding: .48rem 0 .56rem;text-align: center;}
.tc_public_hard .txt{font-size: .16rem; color: #666; line-height: .3rem;}
.tc_public_hard .txt span{font-weight: bold;color: #52aaf7;}
.tc_public_hard .lx{color: #333;line-height: .28rem;font-size: .2rem; font-weight: bold;margin: .36rem 0 .5rem;}
.tc_public_hard .zx a{background: #eb9530;color: #fff;border-radius: .25rem;font-size: .18rem;padding: .16rem .64rem;}
.tc_public_tit .tit{text-align: center;color: #222;margin-bottom: .48rem;}
.tc_public_tit .tit h2{font-size: .32rem; font-weight: bold;margin-bottom: .2rem;}
.tc_public_tit .tit p{font-size: 16px;color: #666;}
.tc_public_tit .line{width: .5rem;background: #52aaf7;height: 3px;margin: 0 auto;}
.dlz_2 .tit p,.dh_2 .tit p{color: #222;}
.dlz_2{padding: .6rem 0 .8rem;}
.tc_public_item{justify-content: space-between;}
.dlz_2 .tc_public_item .list{width: 5.15rem;}
.dlz_2 .tc_public_item .list img{height: 3.4rem;width: 5.15rem;}
.dlz_2 .tc_public_item .txt,.yj_3 .tc_public_item .list .txt{text-align: center;color: #333;font-size: 16px;margin-top: .2rem;}
.dlz_3{padding: .6rem 0 .64rem;}
.dlz_3 .tc_public_item .list{width: 3.9rem;}
.dlz_3 .tc_public_item .list img{height: 3.9rem;width: 3.9rem;}
.dlz_3 .tc_public_item .list .txt,.yj_4 .tc_public_item .list .txt{font-size: 16px;text-align: center;color: #666;margin-top: .26rem;}
.dh_2{padding: .6rem 0;}
.dh_2 .list .img{border-radius: 4px;overflow: hidden;width: 7.85rem;height: 3.95rem;}
.dh_2 .list .txt{text-align: center;margin-top: .16rem;font-size: 16px;color: #333;}
.dh_3{padding: .42rem 0 .5rem;flex-wrap: wrap;}
.dh_3 .tc_public_item{flex-wrap: wrap;}
.dh_3 .list{width:24%; margin-bottom:.2rem;}
.yj_2{padding: .48rem 0 .7rem;}
.yj_2 .tc_public_item .list{width: 32%;}
.yj_2 .tc_public_item .list img{width: 5.15rem;height: 3.4rem;}
.yj_2 .tc_public_item .list .txt{text-align: center;color: #333;font-size: 16px;margin-top: .16rem;}
.yj_3{padding: .64rem 0;}
.yj_3 .tc_public_item .list{width: 24%;}
.yj_3 .tc_public_item .list .img{height:3.1rem;}
.yj_4{padding: .64rem 0 .7rem;}
.yj_4 .tc_public_item{flex-wrap: wrap;}
.yj_4 .tc_public_item .list{width: 32%; margin-bottom:.2rem;}
.yj_4 .tc_public_item .list .txt{margin-top: .16rem;}
.jd_2.tc_public_tit {padding: .8rem 0 .9rem;margin:0 auto .6rem;}
.jd_2 .tc_public_item .list{width: 24%;}
.jd_2 .tc_public_item .list .img{width: 3.9rem;height:2.6rem;}
.dd_2{padding: .2rem 0 .77rem;}
.dd_2 .list{position: relative;width: 24%;}
.dd_2 .list img{height: 4.9rem;}
.dd_2 .list .txt{position: absolute;bottom: 0;left: 0;width: 100%;text-align: center;padding: .48rem 0;color: #fff;font-size: .2rem;transition: all linear 0.3s;z-index: 1;}
.dd_2 .list:hover .txt{font-weight: bold;}
.dd_2 .list .txt:after{content: "";position: absolute;left: 0; right: 0;top: 0;bottom: 100%;height: 100%;z-index: -1;background:rgb(0, 0, 0, .68);opacity: 0;transition: all linear 0.3s;}
.dd_2 .list:hover .txt:after{opacity: 1;}
.wrapper.page-nav.rl_nav{height: 1.6rem;}
.wrapper.page-nav.rl_nav .page-nan-item .page-nav-list{height: 1.6rem;line-height:inherit;padding: .3rem 0;margin: 0 .5rem;display: flex;align-items: center;flex-wrap: wrap;}
.wrapper.page-nav.rl_nav .page-nan-item .page-nav-list img{width: auto;height: .54rem;margin: 0 auto;filter: grayscale(100%) brightness(50%) contrast(200%);}
.wrapper.page-nav.rl_nav .page-nan-item .page-nav-list span,.wrapper.page-nav.rl_nav .page-nan-item .page-nav-list p{width: 100%;display: block; text-align: center;}
.wrapper.page-nav.rl_nav .page-nan-item .page-nav-list:hover img,.wrapper.page-nav.rl_nav .page-nan-item .page-nav-list.hit img{filter: initial;}
.rl_1{padding: .77rem 0 .52rem;}
.rl_1 .container{align-items: center;background: #fff;overflow: hidden;}
.rl_1 .l{width: 49%;padding: 0 .8rem;}
.rl_1 .l p{margin-bottom: .28rem;font-size:14px;color: #666;}
.rl_1 .l p strong{font-size: .32rem;color: #272228;}
.rl_1 .r{width: 51%;}
.rl_2{padding: .6rem 0 1rem;}
.rl_2 .tit{padding-bottom: .2rem;border-bottom: 1px solid #e0e0e0;overflow: hidden;}
.rl_2 .tit span,.rl_2 .jobnav span{width: 25%;text-align: center;float: left; font-size: .24rem;color: #272228;text-transform: capitalize;}
.rl_2 .tit span.post,.rl_2 .jobnav span.post{text-align: left;width: 12.5%;}
.rl_2 .tit span.last,.rl_2 .jobnav span.last{text-align: right;width: 12.5%;}
.rl_2 .jobnav{padding: .24rem 0;border-bottom: 1px solid #e0e0e0;overflow: hidden;cursor: pointer;}
.rl_2 .jobnav span{font-size: 16px;color: #272228;}
.rl_2 .jobnav span.last{padding-right: .36rem;}
.rl_2 .jobnav span.last svg{border-radius:100%;padding: 2px;fill: #a1a1a1;}
.rl_2 .jobnav:hover span.last svg{border: #52aaf7 1px solid;fill: #52aaf7 ; }
.rl_2 .jobnav.current span.last svg{background: #52aaf7; fill: #fff;transform: rotate(90deg);}
.rl_2 .jobmain{padding: .4rem 0;border-bottom: 1px solid #e0e0e0;display: none;}
.rl_2 .jobmain .post h3{font-size: .28rem;font-weight:bold;color: #333;margin-bottom: .2rem;}
.rl_2 .jobmain .post p{font-size: 16px;color: #666;}
.rl_2 .jobmain .info{margin-top: .36rem;}
.rl_2 .jobmain .info .require{border-left: 3px solid #5b9bd3;font-size: 14px;color: #272228;font-weight: bold; height:.2rem;padding-left: .12rem;margin-bottom: .32rem;line-height: .2rem;}
.rl_2 .jobmain .info .content{font-size: 14px;color: #666;overflow: hidden;}
.rl_2 .jobmain .info .jl{margin-top: .3rem;overflow: hidden;}
.rl_2 .jobmain .info .jl a{float: left;margin-right: .28rem; border-radius: .25rem;color: #fff;padding: .16rem .6rem;font-size:14px;}
.rl_2 .jobmain .info .file_input{ background: #ee9747;}
.rl_2 .jobmain .info .down-doc{background: #53aaf7;}
.fl_1{padding:.72rem 0 .54rem;}
.fl_1 .container .tit h2{font-size: .32rem;font-weight: bold;color: #272228;margin-bottom: .24rem;text-align: center;}
.fl_1 .container .tit .line{width: .6rem;height: 3px;background: #53aaf7;margin: 0 auto .36rem;}
.fl_1 .container .item{justify-content: space-between;}
.fl_1 .container .item .fl_list{width: 5.15rem;overflow: hidden;}
.fl_1 .container .item .fl_list .img{position: relative;max-height: 3.15rem;}
.fl_1 .container .item .fl_list .img p{position: absolute;background: rgb(0, 0, 0, .4);bottom: .28rem;left: .2rem;color: #fff;font-size: .2rem;font-weight: bold;padding: .2rem;width: 100%;}
.fl_1 .container .item .fl_list .txt{background: #fff;padding: .26rem .32rem;color: #272228;font-size: 16px;line-height:28px;}
.fl_1 .container .item .fl_list .txt .t1,.fl_1 .container .item .fl_list .txt .t3{margin: 0 auto;}
.fl_1 .container .item .fl_list .txt span{display: block;width: 100%;}
.px_1{padding: .52rem 0 .75rem;}
.px_1 .tit{text-align: center;}
.px_1 .tit h2{font-size: .24rem;font-weight:bold;color: #333;margin-bottom: .26rem;}
.px_1 .tit p{color: #666;font-size: 16px;line-height: .3rem;}
.px_1 .px_lc{justify-content:center;align-items: center;margin-top: .32rem;}
.px_1 .px_lc .line img{width: .77rem;height: .12rem;}
.px_1 .px_lc .round{color: #fff;height: 1.5rem; width: 1.5rem;border-radius: 100%;background: #52aaf7;display: flex;align-items: center;padding: 0 .3rem; flex-wrap: wrap;text-align: center;font-size:16px;justify-content: center;}
.px_1 .px_lc .round:hover{background: #3b8ede;}
.px_2{background: url(../images/common/jzg_bg.jpg) center no-repeat;background-size: cover;padding: 1rem 0 1.1rem;}
.px_2 .box{display: table;margin: 0 auto;}
.px_2 .box h3{font-size: .32rem; font-weight: bold; line-height: .24rem; text-align: center;color: #fff;}
.px_2 .box .item{display: flex;justify-content: space-between;align-items: center;margin-top: .5rem;}
.px_2 .box .item .list{border: 1px solid #888683;padding: .4rem .56rem .45rem;width: 4rem;color: #fff;text-align: center;}
.px_2 .box .item .list p{margin-top: .16rem;font-size: 16px;}
.px_2 .box .item .list p strong{font-size: 20px;}
.px_2 .box .item .list:nth-child(2){margin: 0 .2rem;}
.px .container,.px .box{max-width: 1280px;width: 12.8rem;}
.px_3{padding: 1rem 0 1.2rem;}
.px_3 h3{text-align: center;color: #333;font-size: .32rem;font-weight: bold;}
.px_3 .item{display: flex;justify-content: space-between;align-items: end;margin-top: .56rem;}
.px_3 .item .list{text-align: center; background: #52aaf7;width: 2.15rem;font-size:16px;color: #fff;}
.px_3 .item .list img{width: auto; height: auto;margin: 0 auto;margin-bottom: .2rem;}
.l1{padding: .2rem 0;}
.l2{padding: .2rem 0 .32rem;}
.l3{padding: .38rem 0 .4rem;}
.l4{padding: .48rem 0 .58rem;}
.l5{padding: .65rem 0 .76rem;}
.px_4{overflow: hidden;padding: .54rem 0 .6rem;}
.px_4 .l{float: left;width: 6.1rem;}
.px_4 .r{float: right;width: 6.1rem;}
.px_4 .l .img,.px_4 .r .img{ position: relative;width: 6.1rem;height: 3.75rem;}
.px_4 .l .img p,.px_4 .r .img p{position: absolute;width: 100%; bottom: 0;left: 0;background: rgb(0, 0, 0, .65);color: #fff;padding:.32rem 0;font-size: .2rem;font-weight:bold;text-align: center;}
.px_4 .l .txt,.px_4 .r .txt{background: #fff;border-bottom: 1px solid #eaedf2;padding: .32rem .3rem .08rem;color: #666;}
.px_4 .l .txt span,.px_4 .r .txt span{display: block;margin-bottom:6px;width: 100%;}
.px_4 .l .txt span svg,.px_4 .r .txt span svg{vertical-align: sub;}
.px_4 .r .txt{text-align: center;}
.qa{padding:.72rem 0 .56rem;}

.content_list{ display: none;}
.morelist ul.more_load{overflow: hidden;}
.qa_load li{border-bottom: 1px solid #eee;margin-bottom: .3rem;}
.qa_load li p{width: 100%; overflow: hidden;margin-bottom: .2rem; line-height: 32px;}
.qa_load li .a span,.qa_load li .q span{height: 32px;width: 32px;color: #fff;border-radius: 100%;float: left;line-height: 32px;text-align: center;margin-right: 10px;}
.qa_load li .a span{ background:#272228;}
.qa_load li .q span{background: #53aaf7;}
.qa_list .more a{width: 100%;background: #f6f4f4;text-align: center;display: block;padding: .2rem 0;color: #666;font-size: .18rem;}
.qa_list .more{text-align: center;color: #666;font-size: .18rem;}
.wrapper.page-nav.rl_nav.pro_nav .page-nan-item .page-nav-list,.wrapper.page-nav.rl_nav.pro_nav{height: 1.2rem;}
.wrapper.page-nav.rl_nav.pro_nav .page-nan-item .page-nav-list img{height: .28rem;margin: 0 auto .12rem;}
.ly{padding: .5rem 0;}
.ly_load li{width: 32%;float: left;height: 4.35rem; margin-bottom: 2%;position: relative;overflow: hidden;}
.ly_load li:nth-child(3n+2){margin: 0 2% 2%;}
.ly_load li .img{height: 3.45rem;}
.ly_load li .txt{background: #fff;height: .9rem;overflow: hidden;transition: all .3s;position: absolute;left: 0;right: 0;bottom: 0;}
.ly_load li .txt .box img{width: 24px; margin: .24rem auto 0;}
.ly_load li .txt h2{font-size: .18rem;color: #333;font-weight: bold;padding: .32rem 0;text-align: center;}
.ly_load li .txt p{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; }
.ly_load li:hover .txt h2{color: #fff;padding:.3rem 0 0;}
.ly_load li:hover .txt{	height:50%;background: url(../images/icon/link_bg.jpg);color: #fff;}
.ly_load li .txt .box{padding: .2rem .6rem;text-align: center;}
.ly_list .more a,.ly_list .more p{background: #fff;text-align: center;display: block;padding: .16rem 0; color: #666;font-size: 16px;}
.pro_1{padding: .6rem 0 .8rem;overflow: hidden;}
.pro_1 .pro_select {position: relative;width:27.5%;max-width: 4.4rem;padding:0 .16rem;border: 1px solid #dcdcdc;margin-bottom: .5rem;height: .5rem;line-height: .5rem;background: #fff;color: #666;}
.pro_1 .select_box .select_txt {font-size: 16px;width: 100%;display:block;background: url(../images/icon/arrow_d.png) no-repeat right center;}
.pro_1 .pro_select .select_box .option {display: none;position: absolute;top: .49rem;left:-1px;border: 1px solid #ccc;border-top: 0;z-index: 22;width: 100%;background: #fff; width:calc(100% + 2px)}
.pro_1 .pro_select .select_box .option li {margin: 0;font-size:16px;width: 100%;height:36px;line-height:36px;padding: 0 .16rem;}
.pro_1 .pro_item{display: flex;flex-wrap: wrap;justify-content:left;}
.pro_1 .pro_item li{width: 22%; margin: 0 4% 4% 0;background: #fff;overflow: hidden;}
.pro_1 .pro_item li:nth-child(4n){margin: 0 0 4%;}
.pro_1 .pro_item li .txt{ text-align: left;padding: .32rem .16rem;background: #fff;position: relative;height: 100%;}
.pro_1 .pro_item li .txt h2 a{font-size: 20px;margin-bottom: .12rem;color: #333;font-weight: bold;display: block;position: relative;z-index: 2;}
.pro_1 .pro_item li .txt p{font-size: 16px;color: #666;position: relative;z-index: 2;}
.pro_1 .pro_item li .txt p a{position: relative;padding: 0 14px;color: #666;}
.pro_1 .pro_item li .txt p a::before{content: ">";position: absolute;left: 0;font-size: 12px;}
.pro_1 .pro_item li .txt:after{content: "";position: absolute;left: 0;right: 0;top: 0;bottom: 100%;z-index: 0;background: #52aaf7;
opacity: 0;transition: all linear 0.3s}
.pro_1 .pro_item li:hover .txt a,.pro_1 .pro_item li:hover .txt p{color: #fff;}
.wrapper.ceramics.info.pro_2{margin: 0;padding-bottom: .34rem;overflow: hidden;}
.wrapper.ceramics.info.pro_2 .common-nav{height: .75rem;border-bottom: 1px solid #f7f7f7;}
.wrapper.ceramics.info.pro_2 .common-nav .container ul{background: none;width: auto;}
.wrapper.ceramics.info.pro_2 .common-nav .container{padding: 0;display: flex;align-items: center; background: none;}
.wrapper.ceramics.info.pro_2 .common-nav .container ul,.wrapper.ceramics.info.pro_2 .common-nav li .menu-item{height: .75rem;line-height: .75rem;}
.wrapper.ceramics.info.pro_2 .common-nav li .menu-item{font-size: 20px; color: #333;}
.wrapper.ceramics.info.pro_2 .common-nav li:hover .menu-item,.wrapper.ceramics.info.pro_2 .common-nav li .menu-item.active{background: none;border-bottom: 3px solid #52aaf7;font-weight: bold;color: #52aaf7;}
.common-nav .header-tel img{width: .26rem;margin-right: .12rem;}
.common-nav .header-tel .s-tel{font-size: 16px; color: #666; margin: 0;}
.common-nav .header-tel .s-mun {font-size: 22px; font-weight: bold;color: #52aaf7;}
.pro-content{overflow: hidden;}
.pro_3 .pro-content{padding: .56rem 0 !important;}
.pro_3 .pro-content .common{margin-bottom:.36rem;}
.pro_3 .pro-content .common h3{background: url(../images/icon/dot_b.png) no-repeat left center;padding-left: 16px;font-size: .4rem;font-weight: bold;line-height: .32rem;}
.pro_3 .pro-content .common p{ margin-top: .18rem;color: #333;font-size: 18px;}
.pro_3 .pro-content .common .line{width: 50px; height: 2px; margin: 0 auto;background: #52aaf7;margin-top: .24rem;}
.pro_3 .pro-content.step1 .common h3{ font-size: 24px;font-weight: bold;margin-bottom: 10px;}
.pro_3 .step1 .main:first-child{margin-bottom: 20px;padding-bottom: 20px;border-bottom: 1px solid #edeaea;}
.pro_3 .step1 .td_box{margin-bottom: 12px;}
.pro_3 .step1 .td_box p{color: #666;font-size: 16px;line-height: .3rem;}
.pro_3 .step1 .td_box p{color: #666;font-size: 16px;line-height: .3rem;}
.pro_3 .step1 .td_list span{background: url(../images/icon/dot_y.png) left center no-repeat;font-size: 16px; color: #666;padding-left: 12px;margin-right: .36rem;}
.pro_3 .step2.pro-content{background:#f7f7f7 !important;overflow: hidden;}
.pro_3 .step2 .link a,.ly_1 .link a{width: 30%; float: left;margin-right: 2%;padding: .22rem 0;border-radius: 4px;background: #dfdfdf;font-size: .18rem;color: #272228;text-align: center;margin-bottom: 16px;}
.pro_3 .step2 .link a:hover,.ly_1 .link a:hover{background:url(../images/icon/link_bg.jpg) repeat-y;color: #fff;}
.pro_3 .step3 .ly_Swiper{ padding-bottom:.5rem}
.ly_pagination .swiper-pagination-bullet-active{ background:#52aaf7}
.pro_3 .step3 .ly_box{display: flex;justify-content: space-between;}
.pro_3 .step3 .ly_box .img,.step3 .ly_box .txt{width: 49%;}
.pro_3 .step3 .ly_box .txt{position: relative;text-align: left;}
.pro_3 .step3 .ly_box .txt .vertical{position: absolute;top: 50%;left: 0;width: 100%;-webkit-transform: translateY(-50%);
  transform: translateY(-50%);z-index: 2;}
.pro_3 .step3 .ly_box .txt h4{font-size: .32rem;color: #333;font-weight: bold;margin-bottom: .2rem;}
.pro_3 .step3 .ly_box .txt .jj{color: #666;font-size: 16px;}
.pro_3 .step3 .ly_box .txt .line{background: #52aaf7;height: 3px;width: 50px;overflow: hidden;margin: .3rem 0;}
.pro_3 .step3 .ly_box .txt .link{overflow: hidden;width: 100%;}
.pro_3 .step3 .ly_box .txt .link a{background: url(../images/icon/swt_bg.png) repeat-y;font-size: 18px; color: #fefefe;display: flex;overflow: hidden;border-radius: 4px;width: 1.9rem; height: .5rem;text-align: center;align-items: center;justify-content: center;}

.pro_3 .cs table{border-right: 1px solid #c6ccd4;border-bottom: 1px solid #c6ccd4;width: 100%;}
.pro_3 .cs table td{border-left: 1px solid #c6ccd4;border-top: 1px solid #c6ccd4;text-align: center;padding: 5px 0;}
.pro_3 .cs table tr:first-child td{font-weight: bold;}
.pro_3 .step5 .container{width: auto;display: table;}
.pro_3 .step5 .common{text-align: center;}
.pro_3 .step5 .common h3{background: none;}
.pro_contact img{border-radius: 4px;}
.pro_contact .form-label span,.pro_contact .form-textarea span{font-size:14px !important;}
.ly_info{overflow: hidden;padding: .45rem 0 10px;}
.ly_info .container .img,.ly_info .container .main{width: 48%;position: relative;height: 4.4rem;}
.ly_info .container .img{border-radius: 4px;overflow: hidden;}
.ly_info .container .main .box{position: absolute;top: 50%;left: 0;width: 100%;-webkit-transform: translateY(-50%);
  transform: translateY(-50%);z-index: 2;font-size: 16px;color: #666;}
.ly_info .container .main .box .zx img{width: 3.85rem; height: 1.47rem;margin-top: .16rem;}
.ly_info .container .main .box h1{font-size: .32rem;font-weight:bold;color: #333;margin-bottom: .16rem;padding-bottom: .2rem;border-bottom: 1px solid #e5e5e5;}
.ly_info .container .main .box .txt{margin-bottom: .16rem;}
.ly_info .container .main .box .list p{background: url(../images/icon/triangle_b.png) no-repeat left center;padding-left: 16px;line-height: .3rem;}
.ly_nav .common-page-tab{background: #fff;margin-bottom: 10px;}
.ly_content .pro-content{padding: .6rem 0 !important;margin-top: 0 !important;}
.ly_content .pro-content .main{margin-bottom: .24rem;}
.ly_content .pro-content .main h3{font-size: .24rem; font-weight: bold;color: #333;background: url(../images/icon/ly_t.png) left center no-repeat; padding-left:30px;}
.ly_content .pro-content .main .line{width: 30px;height: 2px;background: #52aaf7;margin: .16rem 0 0 30px;}
.ly_1{background: #fff;}
.ly_2{background: #f7f7f7 !important;}
.ly_2 .item .list{width: 49%;float: left;margin-bottom: .4rem;}
.ly_2 .item .list:nth-child(even){float: right;}
.ly_2 .item .list .img,.ly_2 .item .list .txt{display: table-cell;vertical-align: middle;width: 50%;text-align: left;}
.ly_2 .item .list .img{overflow: hidden;border-radius: 4px;}
.ly_2 .item .list .txt{ padding: 0 .32rem;background: #fff;}
.ly_2 .item .list .txt h4{font-size: .2rem;font-weight: bold;color: #333;line-height: .26rem;margin-bottom: .1rem;}
.ly_2 .item .list .txt p{color: #666;font-size: 16px;}
.ly_2 .item .list .txt .line{width: .5rem; height: 3px;background: #52aaf7;margin-top: .12rem;}
.ly_3 .container{display: flex;}
.ly_3 .container .l,.ly_3 .container .c,.ly_3 .container .r{height: 6rem;}
.ly_3 .container .l .up{background: #f7f7f7;color: #333;padding: .48rem .5rem;}
.ly_3 .container .l .up h3,.ly_4 h3{font-size: .24rem;font-weight: bold;color: #333;}
.ly_3 .container .l .up .line{display: block;width: .5rem;height: 2px;background: #3b8ede;margin: .16rem 0 .16rem;}
.ly_3 .container .l .up li{background: url(../images/icon/triangle_y.png) no-repeat left center;padding-left: .2rem;margin-bottom: .16rem;font-size: 16px;color: #333;}
.ly_3 .container .c{margin: 0 .1rem;}
.ly_3 .container .l .up,.ly_3 .container .r .up{height: 3.3rem;margin-bottom: .1rem;}
.ly_3 .container .l .down,.ly_3 .container .r .down{height: 2.6rem;border-radius: 4px;}
.ly_3 .container .r .down{display: flex;justify-content:space-between;}
.ly_3 .container .l .down,.ly_3 .container .c,.ly_3 .container .r .down p{overflow: hidden;border-radius: 4px;}
.ly_4 .txt{text-align: center;margin-bottom: .6rem;}
.ly_4 .txt p{margin: .24rem 0;}
.ly_4 .txt .line{width: .5rem;display: table;margin: 0 auto;background: #52aaf7;height: 2px;}
.ly_4 .contact-main{display: table;margin: 0 auto;}
.ly_4 .contact-main.section-contact-main .contact-from .form-label input,.ly_4 .contact-main.section-contact-main .contact-from .form-label select,.ly_4 .contact-main.section-contact-main .contact-from .form-textarea textarea{border-radius: 4px;background: #eee;}
.ly_4 .contact-main.section-contact-main .contact-from .form-main .sub,.pro_3 .contact-main.section-contact-main .contact-from .form-main .sub{background: #52aaf7;border-radius: 4px;}