/*
Theme Name: chuangli-theme-css
Author: chuangli-theme
Description: 
Version:1.0
*/
*{margin:0px; padding:0px;}
html{color:#000;background:#FFF; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;font-size: 16px;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}
del,ins{text-decoration:none;}
li{list-style:none;}
caption,th{text-align:left;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;} 
input,button,textarea,select,optgroup,option{font-size:inherit;font-style:inherit;font-weight:inherit;}
input,button,textarea,select{font-size:100%;}
input,select{vertical-align:middle;}
body{color:#333;overflow-x: hidden;position: relative;}
select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}
table{font-size:inherit;font:100%; border-collapse:collapse;}
pre,code,kbd,samp,tt{font-family:monospace;font-size:100%;line-height:100%;}
/*title*/
h1 { font-size:32px;}
h2 { font-size:26px;}
h3 { font-size:20px;}
h4 { font-size:14px;}
h5 { font-size:12px;}
h6 { font-size:10px;}
a {color:#333;}
a ,a:hover{text-decoration:none;}
.mt10{ margin-top:10px;}
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden;font-size: 0;}
.clearfix { display:inline-block; }
.clear{ clear:both;}
.flex{display: flex;justify-content: space-between}
*{
    box-sizing: border-box;
	padding:0;
	margin:0;
}
.main-container{
	width: 1400px;
	margin:0 auto;
	max-width: 95%;
}
header{width: 100%;padding: 10px 0;}
.head{width: 90%;display: flex;flex-direction: row;justify-content: space-between;align-items: center;margin: 0 auto;}
.logo{}
.logo>a>img{
    width:300px;
}
nav{width: 45%;flex: 1;}
nav ul{display: flex;justify-content: center;}
nav ul li{position: relative;padding: 18px 0px;margin: 0 25px;text-align: center;color: #642828;line-height: 26px;}
nav ul li>a{font-size:20px;color:#642828;}
nav ul li p{
    text-transform: CAPITALIZE;
}
.nav-ul li.active{border-bottom: 3px solid #642828;}
.top-right{background: url(./images/phone.png) left center no-repeat;display: flex;padding-left: 30px;color: #642828;align-items: center;justify-content: center;font-size: 18px;}
.top-right .phone{font-size: 16px;color: #642828;line-height: 30px;display: flex;flex-direction: column;margin-left: 10px;}
.top-right .phone .phone-tel{font-size: 22px; color: #642828;font-weight: 550;}
.search-icon{width: 30px; height: 30px;background: url(./images/search.png) center center no-repeat;cursor: pointer;}
.top-right .line{width: 1px;height: 20px;background: #642828;}
.home-banner{margin-top: 3px;position: relative;}
.home-banner img{width: 100%;cursor: pointer;display: flex;}
.service{width: 100%;display: flex;padding: 70px 0;background: url(./images/service-bg.jpg) center center no-repeat;background-size: cover;}
.service_title{width: 100%;text-align: center;}
.service_title .title{font-size: 36px;color: #642828; font-weight: 550;letter-spacing:3px;}
.service_title p{font-size: 22px;color: #535353;font-weight: 300;margin-top: 13px;letter-spacing: 1px;}
.service_lie{width:100%;margin-top: 30px;display: grid; grid-template-columns: repeat(4,1fr);gap: 25px;}
.service .service_item{width: 100%;display: flex; flex-direction: column;}
.service .service_item .service_i{width: 100%;overflow: hidden;}
.service .service_item .service_i>a{display: flex;}
.service .service_item .service_i img{width: 100%;transition:all 0.3s;height: 380px; object-fit: cover;}
.service .service_tie{padding: 30px 15px;}
.service .service_tie .service_ia{font-size: 20px;padding: 0 0 15px 0;border-bottom: 1px solid #e8e8e8;margin-bottom: 15px;}
.service .service_tie .service_des{font-size: 18px;color: #535353;line-height: 30px;}
.service .service_tie .service_ia>a{color: #0f0f0f;}
.service .service_item:hover{box-shadow:1px 1px 10px 1px #d0d0d0;cursor: pointer;border-bottom: 4px solid #642828;}
.service .service_item:hover .service_i img{transform:scale(1.1);transition:all 0.3s;}
.service .service_item:hover .service_tie{}
.service .service_item:hover .service_ia>a{color: #642828;}

.case-bg{width: 100%;background: #ebe7e2; padding:80px 0;display: flex;position: relative;}
.case{width: 100%;;margin-top: 30px;}
.case-nav{width: 100%;margin-top: 40px;}
.case-nav-ul{display: flex;justify-content: space-between;flex-direction: row;}
.case-nav li{padding: 7px 30px;background: #fff;border-radius: 20px;cursor: pointer;}
.case-nav li a{font-size:18px}
.case-nav li:hover{background:#642828;}
.case-nav li:hover a{color: #fff;}
.case-box{width: 100%;margin-top: 30px;position: relative;}
.case-item{width: 100%;display: flex;flex-direction: column;}
.case-box .swiper-container {
	width: 100%;
	padding: 40px 0 0 0;
	}
.case-box .swiper-slide {
	text-align: center;
	font-size: 18px;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	transition: 300ms;
}
.case-box .swiper-slide-active,.swiper-slide-duplicate-active{
	
}
.case-item .item-image{width: 100%;overflow: hidden;position: relative;}
.case-item .item-image img{width:100%;}
.case-item .item-image .image-icon{width: 46px;height: 36px;position: absolute;bottom: 0;right: 0;}
.case-item .item-image>a{display: flex;}
.case-item .item-image>a>img{width: 100%;height: 340px;object-fit: cover;}
.case-item .item-content{text-align: center;padding: 0 15px;margin-top: 20px;}
.case-item .item-title>a{font-size: 22px;color: #0f0f0f;}
.case-item:hover .item-title>a{color: #642828;}
.case-item .item-des{font-size: 16px;line-height: 30px;}
.case-item .item-title{margin-bottom:10px;}
.case-box .swiper-button-prev{width: 42px; height: 42px;background: url(./images/left.png) center no-repeat;left: -80px;}
.case-box .swiper-button-next{width: 42px;height: 42px;background: url(./images/right.png) center no-repeat;right: -80px;}
.case-box .swiper-button-prev:after, .case-box .swiper-container-rtl .swiper-button-next:after{content: '';}
.case-box .swiper-button-next:after, .case-box .swiper-container-rtl .swiper-button-prev:after{content: '';}
.case-item:hover {cursor:pointer}
.case-box .swiper-slide:hover{margin-top:-40px;} 

.about-bg{width: 100%;display: flex;padding:90px 0;background: #fff url(./images/about-bg.png) bottom center no-repeat;}
.about-bg .about-left{width: 45%;}
.about-bg .about-left img{width: 100%;display: flex;}
.about-bg .about-right{width: 50%;}
.about-bg .text-row{width: 100%;margin-bottom: 30px;}
.about-bg .text-row .title{font-size: 36px;color: #642828; font-weight: 550;letter-spacing:3px;}
.about-bg .content{color: #0e0e0e;font-size: 18px;line-height: 30px;margin-bottom: 20px;}
.about-bg .about-box{display: flex;justify-content: space-between; flex-direction: row; align-items: center;}
.about-more a{display:inline-block;border:1px solid #ce251f;color:#ce251f;padding:10px 30px;border-radius:20px;}

.vision-bg{width: 100%;display:grid;grid-template-columns: repeat(2,1fr);gap: 1px;}
.vision-item{width: 100%;cursor: pointer;position: relative;}
.vision-images{width: 100%;}
.vision-box{position: absolute;top: 20%;left: 10%;color: #fff;display: none;}
.vision-images img{width:100%;display: flex;}
.vision-box .item-en{font-size:16px}
.vision-box .item-title{font-size:28px;margin:5px 0 15px}
.vision-box .line{width:20px;height:3px;background:#fff;}
.vision-box .item-content{font-size:24px;margin-top:30px;font-weight:300;letter-spacing:1px}
.process{width: 100%;padding: 80px 0;background: url(./images/process-bg.jpg) center center no-repeat;}
.process-box{display: flex;margin-top: 40px;flex-direction: row;justify-content: space-between;cursor: pointer;}
.process-item{width:200px;text-align:center;padding: 60px 10px;box-shadow: 1px 1px 11px 1px #ededed;border-bottom: 6px solid #f6f4f5;}
.process-box .item-icon{width:95px;height:95px;margin: 0 auto 25px;}
.process-box .item-mun{width: 30px;height: 30px;border: 1px solid #535353;border-radius: 50%;line-height: 30px;margin: 0 auto 15px;}
.process-box .item-title{font-size:20px;color:#0f0f0f;}
.process-box .item-p{width:100%;margin-top: 15px;}
.process-item:nth-child(1) .item-icon{background:url(./images/icon_03.png) center no-repeat;}
.process-item:nth-child(2) .item-icon{background:url(./images/icon_05.png) center no-repeat;}
.process-item:nth-child(3) .item-icon{background:url(./images/icon_07.png) center no-repeat;}
.process-item:nth-child(4) .item-icon{background:url(./images/icon_09.png) center no-repeat;}
.process-item:nth-child(5) .item-icon{background:url(./images/icon_11.png) center no-repeat;}
.process-item:nth-child(6) .item-icon{background:url(./images/icon_13.png) center no-repeat;}
.process-item:nth-child(1):hover .item-icon{background:url(./images/icon_03_h.png) center no-repeat;}
.process-item:nth-child(2):hover .item-icon{background:url(./images/icon_05_h.png) center no-repeat;}
.process-item:nth-child(3):hover .item-icon{background:url(./images/icon_07_h.png) center no-repeat;}
.process-item:nth-child(4):hover .item-icon{background:url(./images/icon_09_h.png) center no-repeat;}
.process-item:nth-child(5):hover .item-icon{background:url(./images/icon_11_h.png) center no-repeat;}
.process-item:nth-child(6):hover .item-icon{background:url(./images/icon_13_h.png) center no-repeat;}
.process-item:hover{border-bottom:6px solid #642828;}

.message-bg{width: 100%;background: url(./images/index_infor.jpg) center no-repeat;padding: 80px 0;}
.message-box{display: flex;justify-content: space-between;align-items: center;flex-direction: row;margin-top: 30px;}
.message-box .mess-item{width: 290px;}
.message-bg .title{color: #fff;}
.message-bg p{color: #fff;font-size: 14px;}
.message-bg .sidebox{width:100%;}
.message-box .wpcf7-form{display:flex;justify-content: space-evenly;width: 100%;}
.message-box .icon{height: 45px; width: 30px;background: url(./images/name.png) center no-repeat;display:inline-block}
.message-box .icon2{height: 45px; width: 30px;background: url(./images/name.png) center no-repeat;display:inline-block}
.message-box .icon3{height: 45px; width: 30px;background: url(./images/name.png) center no-repeat;display:inline-block}
.message-box .wpcf7-form .wpcf7-text{border: none;height: 45px;text-indent: 10px;border-radius: 8px;width: 100%;background: none;}
.message-box .mess-item>p{display:flex;background: rgb(255 255 255 / 60%);border-radius: 8px;padding: 0 10px;flex-direction: row;position: relative;height: 45px;}
.message-box .wpcf7-select{border: none;height: 45px;text-indent: 10px;border-radius: 8px;width: 100%;background: none;}
.message-box .wpcf7-form-control-wrap{display:inline-block;width:100%;}
.message-box .wpcf7-submit{background: #e62129;border-radius: 8px;color: #fff;height: 45px;line-height: 45px;border: none;width: 150px;cursor: pointer;}

.news-bg{width: 100%;padding: 80px 0;background: url(./images/news-bg.jpg) center no-repeat;background-size:cover;}
.news-nav{text-align: center; margin-top:30px;}
.news-nav li{padding: 8px 30px;display: inline-block;margin: 0 10px;}
.news-nav li a{font-size: 20px; color: #535353;}
.news-nav li.active, .news-nav li:hover{background: #642828;color: #fff;border-radius: 30px;}
.news-nav li.active a, .news-nav li:hover a{color: #fff;}

.news-right{display: flex;width:20%;flex-direction: column;}
.news-right .news-icon{width: 100%;text-align: center;margin-bottom: 20px;}
.news-right .news-icon img{width: 100%;}
.news-box{display: flex; flex-direction: row; justify-content: space-between;margin-top: 40px;}
.news-box .news-left{width: 76%;display: flex;justify-content: space-between;}
.news-swiper{width: 47%;}
.news-item-list{width: 50%;}
.news-swiper .mySwiper{width: 100%;}
.news-swiper .item-images{width: 100%;height: 100%;}
.news-swiper .item-images img{width: 100%;display: flex;height: 100%;object-fit: cover;}
.news-swiper .news-item{position: absolute;bottom: 0;width: 100%;padding: 16px 0;background: rgb(75 75 75 / 70%);text-align: left;text-indent: 20px;color: #fff;z-index: 100;}
.news-swiper .news-item a{color:#fff;font-weight: 500;letter-spacing: 1px;font-size: 18px;}
.news-swiper .swiper-container {
	width: 100%;
	height: 100%;
  }
  .news-swiper  .swiper-slide {
	text-align: center;
	font-size: 18px;
	position: relative;
	}
.news-swiper .news-time{position:absolute;top:0;background:#642828;color:#fff;padding:15px 10px;}
.news-swiper .news-time .time-day{font-size:40px;font-weight:550}
.news-swiper .swiper-pagination{right:10px;}
.news-swiper .swiper-container-horizontal>.swiper-pagination-bullets,.news-swiper .swiper-pagination-custom, .news-swiper .swiper-pagination-fraction{width: 100px;left: 80%;z-index: 9999;}
.news-swiper .swiper-pagination-bullet{width: 12px;height: 12px;background:#c8c6c3;opacity: 1;border-radius: 0;}
.news-swiper .swiper-pagination-bullet-active{background:#642828;}
.news-list{width:100%;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #eee;}
.news-list dt{font-size:18px;color:#0f0f0f;margin-bottom:10px;}
.news-list dd{font-size:14px;color:#535353;line-height:28px;}
.news-list:last-child{margin-bottom:0;}

.more{text-align: center;margin-top: 30px;}
.more>a{border:1px solid #535353; color: #535353;display: inline-block;padding: 10px 35px; border-radius: 30px;}

.footer{width:100%;background:#2c2422;padding:50px 0;}
.foot{display:flex;flex-direction:row;justify-content:space-between;}
.footer-nav-row{/* width: 20%; */}
.qr-wrap{/* width: 19%; */color: #fff;text-align: center;font-size: 15px;}
.qr-wrap p{font-size: 15px;}
.contact-row{width: 30%;color: #fff;}
.contact-company{font-size:18px;margin-bottom: 15px;}
.foot-contact{display:flex;font-size:18px;background:url(./images/f-icon1.png) left 0px no-repeat;background-size: 30px;padding-left: 35px;}
.foot-title{color:#fff;font-size:17px;margin-bottom:15px;}
.footer-ul{display:grid;grid-template-columns:repeat(2,1fr);gap: 10px 20px;}
.footer-ul li a{color:#fff;font-size: 17px;}
.qrc-box{display: flex;justify-content: space-between;margin-bottom: 10px;}
.qrc-img{background:#fff;padding:3px;margin:0 5px;}
.qrc-box img{width: 120px;display: flex;}
.foot-bottom-box{display: flex; justify-content: space-between;color:#fff;margin-top: 60px;border-top:1px solid #423a39;padding-top: 40px;}
.foot-phone{font-size: 16px;color: #fff;display: flex;flex-direction: column;}
.foot-phone>span{margin-bottom: 10px;font-size:18px}
.add-wrap{line-height: 40px;font-size:18px;background:url(./images/f-icon2.png) left center no-repeat;background-size: 30px;padding-left: 35px;}
.add-wrap:last-child{background:url(./images/f-icon3.png) left center no-repeat;background-size: 30px;}
.foot-bottom ,.copyright-row p{font-size:14px;}
.products{width:100%;display: flex;margin-top: 50px;margin-bottom: 50px;}
.product-item{width:100%;margin-top: 30px;display: grid; grid-template-columns: repeat(4,1fr);gap: 25px;}
.product-item .service_item{width: 100%;display: flex;flex-direction: column;border-bottom: 4px solid #fff;}
.product-list .product-item .service_i{width: 100%;overflow: hidden;}
.product-list .product-item .service_i>a{display: flex;}
.product-list .product-item .service_i img{width: 100%;transition:all 0.3s;height: 380px;object-fit: cover;}
.product-list .service_tie{padding: 30px 15px;border-bottom: 4px solid #fff;}
.product-list .service_tie .service_ia{font-size: 20px;padding: 0 0 15px 0;border-bottom: 1px solid #e8e8e8;margin-bottom: 15px;}
.product-list .service_tie .service_des{font-size: 18px;color: #535353;line-height: 30px;}
.product-list .service_tie .service_ia>a{color: #0f0f0f;}
.product-list .product-item:hover .service_i img{transform:scale(1.1);transition:all 0.3s;}
.product-item .service_item:hover{border-bottom: 4px solid #642828;box-shadow:1px 1px 10px 1px #d0d0d0;cursor: pointer;}
.product-list .product-item:hover .service_ia>a{color: #642828;}
.page-banner{width:100%;margin-top:3px}
.page-banner img{width: 100%;display: flex;}
.page-title{font-size: 36px;color: #642828; font-weight: 550;letter-spacing:3px;text-align: center;}
.page-case{width:100%;display: flex;margin-top: 40px;margin-bottom: 50px;}
.case-page-nav{display: flex;justify-content: center;flex-direction: row;margin-top: 30px;}
.case-page-nav li{padding: 9px 32px;background: #e1e1e1;border-radius: 20px;cursor: pointer;margin: 0 10px;}
.case-page-navli a{font-size:18px}
.case-page-nav li:hover, .case-page-nav li.current-menu-item{background:#642828;}
.case-page-nav li:hover a ,.case-page-nav li.current-menu-item a{color: #fff;}

.page .screen-reader-text{display: none;}
.page>nav{width:100%;}
.page .nav-links{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin: 20px 0px 40px;
    width: 100%;
}
.page a,.page span {
    min-width: 55px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #642828;
    border-radius: 5px;
    margin: 0px 5px;
    transition: all .1s linear;
    padding: 0px 10px
}

.page a.ctxt,.page span.ctxt {
    background: #642828;
    color: #FFF
}

.pagee a:hover {
    background: #642828;
    color: #FFF
}
.case-list{width: 100%;margin-top: 50px;}
.case-list-item{width: 100%;display: grid;grid-template-columns:repeat(3,1fr);gap: 20px;}
.case-list-item .case_item{width: 100%;}
.case-list-item .item_image {overflow: hidden;}
.case-list-item .item_image img{width:100%;transition:all 0.5s;}
.case-list-item .item_title{width: 100%; text-align: center;margin: 10px 0;}
.case-list-item .item_title a{font-size: 16px;}
.case-list-item .case_item:hover img{transform:scale(1.1);transition:all 0.5s;}
.case-list-item .case_item:hover a{color:#642828;}
.news-list-box{margin-top: 30px;}
.news-list-item{width: 100%;display: flex;flex-direction: column;}
.news-list-item dl{width: 100%;display: flex;margin-bottom: 20px;padding-bottom: 20px;border-bottom: 1px dashed #ddd;cursor: pointer;}
.news-list-item dl .item-img{width: 300px;margin-right: 30px;overflow: hidden;}
.news-list-item dl .item-img img{width: 100%;transition: all 0.5s;display: flex;}
.news-list-item dl:hover img{transform: scale(1.1); transition: all 0.5s;}
.news-list-item dl .item-dt{flex:1;}
.news-list-item dl dt{font-size: 20px; letter-spacing: 1px;margin-bottom: 10px;}
.news-list-item dl:hover dt a{color:#642828;}
.news-list-item dd{margin-bottom:10px;font-size:14px;color:#535353;line-height:28px;}

.page-content{width: 100%;display: flex;justify-content: space-between;margin-top: 30px;}
.page-content .content{flex:1;}
.page-content .about-left{margin-right: 30px;}

.contact-bg{width: 100%;margin: 50px 0 0;}
.contact-content{width: 100%;display: flex;justify-content: center;margin-top: 45px;flex-direction: row;margin-bottom: 70px;}
.contact-content dl{text-align:center;background: #ebe7e2;margin: 0 20px;padding: 40px 15px 30px;width: 400px;}
.contact-content dl dt{font-size:20px;margin: 10px 0 15px;}
.contact-content dl dd{font-size:23px;}
.contact-content dl .dl-img img{width: 70px;}
.contact-bottom{width: 100%;display: flex; justify-content: space-between; flex-direction: row;}
.contact-bottom-left{width: 47%;text-align: center;font-size: 16px;}
.contact-right{width: 50%;}
.content{line-height: 30px;}
.contact-right .me-item .wpcf7-text{height: 40px;line-height: 40px;border:1px solid #ddd;width: 100%;text-indent: 10px;}
.contact-right .me-item {margin-bottom: 30px;}
.contact-item{display: flex;flex-direction: row; justify-content: space-between;}
.contact-item .me-item {width: 48%;}
.contact-right .wpcf7-textarea{width: 100%;border:1px solid #ddd;text-indent: 10px;height: 180px;}
.contact-right .wpcf7-submit{text-align: center;padding: 12px 60px;background: #642828;color: #fff;border: none;cursor: pointer;}
.contact-right .submit-item{text-align: center;cursor: pointer;}
.contact-bottom-bg{background: #ebe7e2;padding: 70px 0;}
.contact-bottom-left>img{width:100%;}


.page-container{width: 100%;margin-top:40px;margin-bottom: 50px;}
.page-left{width: 230px;margin-right: 30px;text-align: center;}
.page-right{flex:1}
.page-right .title{font-size: 22px;margin-bottom: 5px;}
.page-left .title{font-size: 20px;padding: 15px 0;background: #642828;color: #fff;}
.page-left .page-nav{padding-top: 10px;border: 1px solid #ddd;padding-bottom: 10px;}
.page-left .page-nav .page-nav-ul li{padding:10px 0;}
.page-left .page-nav .page-nav-ul li:hover a{color:#642828;font-weight: 550;}
.page-right .page-time{font-size:14px;margin-bottom:20px;border-bottom:1px dashed #ddd;padding-bottom:20px;}
.page-contant{line-height:30px;}
.page-pre{width: 100%;margin-top: 40px;line-height:30px;}
.page-contant img{max-width: 100%; height: auto !important;}

.ppd-top-box{display: flex; flex-direction: row; justify-content: space-between;}
.ppd-img{width: 43%;}
.ppd-img img{width: 100%;display: flex;max-height: 400px;object-fit: cover;}
.ppd-info{width: 52%;}
.ppd-pname{font-size: 25px;color: #642828;letter-spacing: 1px;margin-bottom: 10px;padding-bottom: 10px;border-bottom: 1px solid #ddd;}
.ppd-info-content{font-size: 16px;line-height: 28px;height: 300px;}
.ppd-tell{font-size:20px;color:#642828;background:url(./images/phone.png) center left no-repeat;/* text-indent: 30px; */height: 40px;line-height: 40px;display: flex;}
.ppd-tell>span{padding-left:30px;}
span.ppd-tel{font-size:30px;font-weight:550;color:#642828;padding-left:0px;}

.ppd-bottom-box{width: 100%;margin-top: 40px;}
.ppd-content-text-title {border-bottom: 1px solid #ddd;height: 50px;line-height: 50px;}
.ppd-content-text-title span{background:#642828;display:inline-block;padding: 0 40px;color:#fff;font-size: 20px;}
.ppd-content-text{width: 100%;margin-top: 15px;line-height:30px;}
.ppd-content-text img{max-width: 100%; height: auto !important;}
.search-wrap{width:100%;position: fixed;z-index:9999;height: 100%;background: #8c8c8c8f;top: 0;display:none ;}
.search-container{display: flex;align-items: center;justify-content: center;width: 100%;height: 100%;}
.search-box{width:500px;padding: 50px 40px;background: #ffff;position: relative;}
.search-hide{position:absolute;top: 3px;right: 3px;font-weight: 530;font-size: 28px;cursor: pointer;width: 45px;height: 45px;text-align: center;}
.search-box .search-form{width: 100%;position: relative;margin-top: 10px;}
.search-box .search-form .text{width:100%;height:40px;line-height:40px;background:none;border:1px solid #ddd;text-indent:5px;font-size:15px;}
.search-box .btn{position:absolute;right:0;background:url(./images/search.png) center no-repeat;border:none;top: 0;font-size: 0;width: 40px;height: 40px;cursor: pointer;}
.search-num{font-size: 25px;margin-bottom: 15px;}
.search-item{width: 100%;display: grid; grid-template-columns: repeat(4,1fr);gap: 25px;}
.search-item .search-list-item{width: 100%;text-align: center;}
.search-item .search-list-item img{width: 100%;}
.search-item .search-list-item dd{padding: 10px 0;}