body{--main:#ff6600;}
.banner {width: 100%;height: 100%;position: relative;}
.banner .swiper-slide {}
.banner .swiper-slide img {display: block;width: 100%;height: 100%;object-fit: cover;transform: scale(1);transition-duration: 10s;}
.banner .swiper-slide video {height: 100%;width: 100%;object-fit: cover;}
.banner .swiper-slide-active img {transform: scale(1);}
.banner .swiper-pagination-bullet {border: #fff solid 1px;opacity: 1;background: none}
.banner .swiper-pagination-bullet-active {border: #fff solid 1px;background: #fff;}
.swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical > .swiper-pagination-bullets {top: 15% !important;right: 45px !important}
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {margin-top: 12px !important;margin-bottom: 12px !important;}
.pcmenu {left: 180px;right: 0px;bottom: 10%;position: fixed;z-index: 2;display: flex;justify-content: space-between;align-items: center;}
.pcmenu .logo img {height: 32px;}
.pcmenu .nav {height: 100px;padding-left: 50px;padding-right: 50px;display: flex;align-items: center; background:rgba(0, 0, 0, 0.7);}
.pcmenu .nav ul {display: flex;align-items: center;}
.pcmenu .nav ul li {line-height: 40px;padding-left: 30px;padding-right: 30px;}
.pcmenu .nav ul li a {font-size: 18px;color: #fff;}
.pcmenu .nav ul li a:hover { color: var(--main);}

.pcmenu .search {height: 40px;line-height: 40px;padding-left: 100px;font-size: 20px;}
.pcmenu .search i {color: #fff;}
.follow {position: fixed;right: 38px;top: 45%;z-index: 2;color: #fff;font-size: 24px;}
.follow span {display: block;margin-bottom: 10px;}
.follow:after {content: "";position: absolute;top: -120px;left: 10px;height: 100px;background: #fff;width: 1px;}
.follow .content {position: absolute;left: -145px;margin-top: -62px;width: 120px;visibility: hidden;-webkit-backdrop-filter: blur(5px);backdrop-filter: blur(5px);padding: 8px;border-radius: 5px;}
.follow .content img {width: 100%;display: block;}
.follow .content p {font-size: 14px;text-align: center;color: #fff;padding-top: 8px;}
.follow .content:after {content: "";position: absolute;border: 6px solid transparent;border-right-width: 0;right: -6px;top: 42px;}
.follow span:hover .content {visibility: initial;}


.follow .wechat .content{background: #56ab6e;}
.follow .wechat .content:after {border-left-color:#56ab6e;}
.follow .tiktok .content{background: #161822;}
.follow .tiktok .content:after {border-left-color:#161822;}


.banner h2 {top: 28%;z-index: 22;color: #fff;font-size: 24px;line-height: 1.2em;position: absolute;left: 180px;text-align: left;opacity: 1;transition: 0.6s;transition-delay: 0.2s;transition-timing-function: linear;}
.banner h1 {top: 36%;z-index: 22;color: #fff;font-size: 60px;line-height: 1.2em;position: absolute;left: 180px;text-align: left;opacity: 1;transition: 0.5s;transition-delay: 0.2s;transition-timing-function: linear;}
.banner p {top: 50%;z-index: 22;color: #fff;font-size: 20px;line-height: 1.8em;position: absolute;left: 180px;text-align: left;opacity: 1;width: 40%;transition: 0.8s;transition-delay: 0.2s;transition-timing-function: linear;}
.banner .more {top: 64%;z-index: 22;cursor: pointer; color: #fff;font-size: 24px;line-height: 1.2em;border: #fff solid 1px;border-radius: 3px;width:;padding: 6px 10px;text-align: center;position: absolute;left: 180px;text-align: left;opacity: 1; transition-duration: 0.3s; transition-timing-function: linear;}
.banner .more:hover {background: #ee6f2d;color: #fff;border: #ee6f2d solid 1px;}
.banner:after {position: absolute;left: 0px;top: 0px;bottom: 0px;content: "";background: #000;width: 300px;z-index: 3}
.banner .swiper-horizontal > .swiper-pagination-bullets, .banner .swiper-pagination-bullets.swiper-pagination-horizontal,.banner .swiper-pagination-custom,.banner .swiper-pagination-fraction {bottom: auto !important;left: auto !important;top: 12% !important;right: 42px;width: auto !important;}
.banner .swiper-pagination-bullet {display: block !important;margin-top: 10px !important;margin-bottom: 10px !important;}


.nodata{ text-align: center; font-size: 14px; color: #999; padding-top: 40px; padding-bottom: 40px; } 
.nodata img{ width: 80px; margin-bottom: 20px; } 
.nodata i{ display: block; margin: 0 auto;  font-size: 36px; margin-bottom: 10px; }

.detailbanner{background: #000; color: #fff; overflow: hidden; position: relative; margin-top: 100px;}
.detailbanner .pagewidth{ height: 320px; position: relative;}
.detailbanner h1{font-size: 48px;font-family: 'Gotham-Bold'; text-shadow: 1px 1px 1px rgba(0,0,0,.1);  color: #fff;  text-align: left; position: absolute; left: 0px; right: 0px; bottom: 80px;  z-index: 2; }
.detailbanner h1:after{content: ""; left: 0; width: 50px; height: 4px; background: #fff; position: absolute;bottom: -20px;}
.detailbanner img.detailbg{ height: 100%; width: 100%; object-fit: cover; position: absolute; left: 0px; top: 0px; bottom: 0px; right: 0px; z-index: 1; opacity: 0.85}


.submenu{ background:#f4f4f4; }
.submenu .pagewidth{ overflow:hidden; }
.submenu ul {display: flex; justify-content: left; background: url(../images/submenu.png) no-repeat right center; }
.submenu ul li{}
.submenu ul li a{color: #444; transition-duration: 0.3s; text-align: center; font-size: 16px; padding-left: 18px; padding-right: 18px; line-height: 88px; height: 88px;display: block;}
.submenu ul li a:hover{ background:#fff }
.submenu ul li a.active{color:var(--main); background: #fff;}



.padding{padding-top: 100px; padding-bottom:100px;}
.pt0{padding-top: 0px;}
.pb0{padding-bottom: 0px;}



.about_content { }
.about_content .title{ margin-bottom:60px; }
.about_content .title h2{ text-align:center; font-size:36px; color:#000; position:relative; }
.about_content .title h2:after{content: ""; width: 50px; height: 4px; left: 50%; margin-left: -25px; background:var(--main); position: absolute;bottom: -20px;}
.about_content .content{ font-size:16px; line-height:2em; }

.cooperate_content {display: flex; justify-content: space-between; align-items: center; background: #fff3eb;}
.cooperate_content .img{ width:50%; }
.cooperate_content .img img{ width:100%; }
.cooperate_content .content{width: 50%;}
.cooperate_content .content .box{ width:700px; padding-left:80px; font-size:16px; line-height:2em; }


.honor_content .title{ margin-bottom:60px; }
.honor_content .title h2{ text-align:center; font-size:36px; color:#000; position:relative; }
.honor_content .title h2:after{content: ""; width: 50px; height: 4px; left: 50%; margin-left: -25px; background:var(--main); position: absolute;bottom: -20px;}
.honor_content .content{ position:relative; }
.honor_content .swiper{ padding-bottom:50px;}
.honor_content .swiper-slide img{width: 100%;display: block;}
.honor_content .swiper{
    --swiper-theme-color: var(--main)  ;/* 设置Swiper风格 */
    --swiper-navigation-color: var(--main);/* 单独设置按钮颜色 */
    
  }
.honor_content .swiper-button-next{--swiper-navigation-size: 18px;/* 设置按钮大小 */ top: 40%; right: -50px; position: absolute; background:var(--main);border-radius:60px; width: 48px;  text-align: center; line-height: 48px; height: 48px; box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1); color:#fff; }
.honor_content .swiper-button-prev{--swiper-navigation-size: 18px;/* 设置按钮大小 */ top: 40%;left: -50px; position: absolute; background:var(--main);border-radius:60px; width: 48px;  text-align: center; line-height: 48px; height: 48px; box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1); color:#fff; }




.culture_content{ position:relative;  height:825px;background:#000; }
.culture_content img{ position:absolute; left:0px; right:0px; top:0px; bottom:0px;height:100%; width:100%; object-fit:cover; }
.culture_content .pagewidth{ position:relative; }
.culture_content .content { z-index: 3; position:absolute; width: calc(50% - 80px); min-height: 450px; top:150px; bottom:150px; background:var(--main); opacity:0.9; padding:40px; font-size:16px; line-height:2em; color:#fff; }
.culture_content .content p{ position:relative; padding-left:20px; margin-bottom:18px; }
.culture_content .content p:after{content: ""; position: absolute; left:0px; top: 10px; width: 10px; height: 10px; background: #fff; transform: rotate(45deg);}

.list_product{}
.list_product .item{ }
.list_product .img{ width:50%; height:680px; overflow:hidden; float:left; }
.list_product .img img{ width:100%; height:100%; object-fit:cover; }
.list_product .info{width: 50%;height:680px; float: right; display: flex;}
.list_product .info .box{ width:700px; padding-left:80px;align-self:center; }
.list_product .info .box h3{ text-align:left; font-size:36px; color:#000; position:relative; margin-bottom:60px; }
.list_product .info .box h3:after{content: ""; width: 50px; height: 4px; left: 0;background:var(--main); position: absolute;bottom: -20px;}
.list_product .info .box h3 a{color: #000;}
.list_product .info .box h3 a:hover{color:var(--main);}
.list_product .info .box p{ font-size:16px; line-height:2em; margin-bottom:60px; }
.list_product .info .box .more a{background: #000000; transition-duration:0.3s; display: inline-block; color: #fff; font-size: 16px; padding:14px 35px; border-radius: 40px;}
.list_product .info .box .more a:hover{ transform: translateX(10px);}
.list_product .item:nth-child(2) .img{ float:right; }
.list_product .item:nth-child(2) .info{ float:left; }



.list_case{background:#f7f7f7;}
.list_case .pagewidth{  }

/*列表布局 瀑布流*/
/*.list_case { padding-bottom: 50px;}
.list_case .gallery{ }
.list_case .gallery .item{overflow: hidden; position: relative; }
.list_case .gallery .item img{object-fit: cover; width: 100%; height: 380px; transition-duration: 0.3s; opacity: 0.9}
.list_case .gallery .item:hover img{object-fit: cover; width: 100%; height: 380px;  transform: scale(1.1);}
.list_case .gallery .item .info{ width: 100%; height: 100%;  position:absolute; z-index: 3; left:0px; right:0px; text-align:center;display:flex; top:0; bottom:0; align-items:center; }
.list_case .gallery .item .info .box{ text-align:center; color:#fff; width:100%; }
.list_case .gallery .item .info .box h2{text-align: center; width: 100%; font-size: 36px; color: #fff; font-weight: normal; margin-bottom: 6px;}
.list_case .gallery .item .info .box .description{text-align: center; width: 100%; font-size:18px; font-weight: normal;}
.layui-layer-setwin span{ width:40px!important; height:40px!important; line-height:40px!important; font-size:32px!important; }
.layui-layer-title{height: 72px!important; border-bottom: none!important; opacity: 0;}

.case_detail{ padding-left:90px; padding-right:90px; }
.case_detail .title{ font-size:36px; font-weight:normal; color:#000;border-bottom:#ececec solid 1px; padding-bottom:30px ; margin-bottom:30px; }
.case_detail_swiper{ margin-bottom:30px; }
.case_detail_swiper .swiper-slide{width: auto;}
.case_detail_swiper .swiper-slide img{height: 380px;}
.case_detail .content{font-size:16px; line-height:2em; padding-bottom:50px; }
.case_detail_swiper{
    --swiper-theme-color: var(--main);
    --swiper-navigation-color: #fff;
    --swiper-navigation-size: 36px;
  }
*/

.list_case { padding-bottom: 50px;}
.list_case .pagewidth{display: flex; flex-wrap: wrap; justify-content: space-between;}
.list_case .pagewidth .item{width: 31.5%; margin-bottom: 30px;}
.list_case .pagewidth .item .img {  height:280px; width:100%; margin-bottom:10px;  }
.list_case .pagewidth .item .img img{width: 100%; height: 100%; object-fit: cover;}
.list_case .pagewidth .item h2{ padding-top:10px; font-size:16px; }





.page_content{ padding-top:30px; padding-bottom:80px; }
.page_content .page_title{ font-size:26px; color: #333333; text-align:center; padding-bottom:20px;border-bottom:#e5e5e5 solid 1px; margin-bottom:20px; }
.page_content .page_html p{font-size: 22px; color: #333; line-height: 2em;}
.page_content .page_html img{max-width: 1000px; margin: 20px auto}
.page_content .page_html h3{padding-top: 40px; font-weight: 500; font-size:26px; color: #333333; text-align:center; padding-bottom:20px;border-bottom:#e5e5e5 solid 1px; margin-bottom:20px; }
.page_content .page_html h4{font-size: 22px; font-weight: 500;}
.page_content .page_html h5{font-size: 22px; font-weight: 500; color: #ff0000;}
.page_content .page_html p{}
.page_content .page_html p img{}
.page_content .page_html table strong{display: block; font-size: 22px;}
.page_content .page_html table p{}
.page_content .page_html table td{padding: 20px;font-size: 22px;}
.page_content .page_html .html_two{display: flex; justify-content: space-between;}
.page_content .page_html .html_two .left{width: 48%;}
.page_content .page_html .html_two .left img{max-width: 100%}
.page_content .page_html .html_two .right{width: 48%;}






.search_header{ padding:20px 30px; display: flex; justify-content: space-between; align-items: center; background: #fff; border-bottom: #ececec solid 1px; position:fixed;left:0;right:0; top:0; z-index:1000; }
.search_header .backhome{width: 20%; text-align: left;}
.search_header .backhome a{color: #666; font-size: 14px; }
.search_header .backhome a:hover{color:var(--sub); font-size: 14px; }
.search_header .logo{width: 60%; text-align: center;}
.search_header .logo img{ display:inline-block; height:36px; }
.search_header .right{width: 20%; text-align: right; font-size: 14px;color: #333;}

.search_box{display: flex; justify-content: center; padding-top: 50px; padding-bottom: 20px;}
.search_box .input{ height:46px; line-height:46px; padding-left: 15px; color: #333; font-size: 14px; display: block; border-radius:4px; width:540px; background:#fff; border:#dadada solid 2px; margin-right:10px; }
.search_box .submit{height:50px; line-height:50px; display: block; border-radius:4px; width:100px; background:var(--main);border:none;color: #fff; cursor:pointer; } 
.search_hot{text-align: center; line-height: 30px; font-size: 14px; color: #666; padding-bottom: 30px;}
.search_hot a{ margin-right:20px;color:var(--main); }
.search_copy{text-align: center; font-size: 14px; padding: 20px; color: #999; background: #fff; position: fixed; left: 0px; bottom: 0; right: 0;}
.search_data{ text-align:center; padding-top:30px; font-size:16px; color:#666; width: 900px; text-align: left; margin: 0 auto;}
.search_data strong{color:var(--sub);}
.search_input{ padding-top:100px; }
.search_content { padding-top:30px; padding-bottom:100px; width: 900px; text-align: left; margin: 0 auto;  }
.search_content ul li{ margin-bottom: 20px; justify-content: space-between; display: flex; padding: 15px;background: #f6f7f8; border-radius: 4px;}
.search_content ul li .img{width: 22%;overflow: hidden;border-radius: 3px; transform: rotate(0deg);}
.search_content ul li .img img{width: 100%;display: block;transition-duration: 0.3s;}
.search_content ul li .info{ width:76% }
.search_content ul li .info strong{color: var(--sub);}
.search_content ul li .info .title{ text-align:left;color:#111;font-size:18px;line-height: 1.6em; font-family: 'Gotham-Bold';font-weight: normal; margin-bottom: 6px;}
.search_content ul li .info .title a{color: #111;}
.search_content ul li .info .description{font-size: 14px;line-height: 1.6em;color: #666; margin-bottom: 12px;}
.search_content ul li .info .time{font-size: 14px;color: #999; margin-bottom: 20px;}
.search_content ul li .more {position:relative;z-index:40; text-align: left; padding-top: 20px;}
.search_content ul li:hover .info .title a{ color: var(--main);}




.back{background: #fff; padding-top:40px; padding-bottom: 40px;}
.back .pagewidth{ display:flex; justify-content: space-between;}
.back span a{color: var(--main);font-size: 14px; font-weight:bold;}
.back span a i{position: relative;transition-duration: 0.3s;left: 0;}
.back span a:hover i{position: relative;left: -5px;}
.back .crumbs{ font-size:14px; color:#666; }
.back .crumbs a{color: #666;}


.show_product{ padding-top:60px;padding-bottom:60px;background:#fff;}
.show_product .top{ margin-bottom: 80px;}
/*.show_product .top .info{width: 48.5%; position: relative;}
.show_product .top .info h1{ font-size:32px; font-family: 'Gotham-Medium'; color:#111; margin-bottom:20px; }
.show_product .top .info .description{ line-height:1.8em; font-size:16px; color:#666; margin-bottom:30px; }
.show_product .top .info .messages{border-top: #eee solid 1px; padding-top: 30px;}
.show_product .top .info .messages a{ background:var(--main); color:#fff; font-size:15px;display: inline-block; padding:10px 25px; border-radius:3px; }

.show_product .top .img{ width:48.5%; }
.show_product .top .img img{width: 100%}*/



.show_product{ padding-left:90px; padding-right:90px; }
.show_product .title{ font-size:36px; font-weight:normal; color:#000;border-bottom:#ececec solid 1px; padding-bottom:30px ; margin-bottom:30px; }
.show_product .protitle{ font-size:36px; font-weight:normal; color:#000;border-bottom:#ececec solid 1px; padding-bottom:30px ; margin-bottom:30px; }
.show_product .product_detail_swiper{ margin-bottom:30px; }
.show_product .product_detail_swiper .swiper-slide{width: auto;}
.show_product .product_detail_swiper .swiper-slide img{height: 380px;}
.show_product .content{font-size:16px; line-height:2em; padding-bottom:50px; }
.show_product .pro_content{ position:relative; }
.show_product .product_detail_swiper{
    --swiper-theme-color: #fff  ;/* 设置Swiper风格 */
    --swiper-navigation-color: #fff ;/* 单独设置按钮颜色 */
    
  }
.show_product .swiper-button-next{--swiper-navigation-size: 18px;/* 设置按钮大小 */ top: 46%; right: -50px; position: absolute; background:var(--main);border-radius:60px; width: 48px;  text-align: center; line-height: 48px; height: 48px; box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1); color:#fff; }
.show_product .swiper-button-prev{--swiper-navigation-size: 18px;/* 设置按钮大小 */top: 46%; left: -50px; position: absolute; background:var(--main);border-radius:60px; width: 48px;  text-align: center; line-height: 48px; height: 48px; box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1); color:#fff; }




.show_case{ }
.show_case h2{text-align: center; font-size: 36px; color: #222; text-align: center; padding-bottom: 40px;}
.show_case .imglist{ text-align:center; width:800px; margin:0 auto; margin-bottom: 30px;}
.show_case .imglist img{width:100%; margin-bottom:20px; display:block; }
.show_case .content{width:800px; margin:0 auto; font-size:16px; color:#222; line-height:1.8em; }
.show_case .video{ text-align:center; width:800px; margin:0 auto; margin-bottom: 30px;}


.page_contact{ padding-top:60px;padding-bottom:60px;background:#fff;}
.page_contact .layui-form-item{display: flex; justify-content:space-between; }
.page_contact .layui-input-inline{ width:32%!important; }
.page_contact .form{ padding-left:50px; padding-right:50px; }
.page_contact .form .submit{ width:100%;display:flex; align-items:center; justify-content:center; padding-top: 20px;}
.page_contact .layui-form-select dl dd.layui-this{ font-size:14px; }
.page_contact .layui-form-select dl dd{ font-size:14px; }
.page_contact .form .submit #btn{background: var(--main); font-size: 16px; text-align: center; height: 50px; line-height: 50px; padding-left: 80px; padding-right: 80px;}
.page_title{ padding-top:40px; text-align:center;}
.page_title h1{font-size:36px; color:#222;font-weight:normal; position:relative; z-index:2 }
.page_title h2{font-size:24px; color:#eeeeee;font-weight:normal;  text-transform: uppercase; z-index: 1; top: -20px; position: relative;font-family: 'Gotham-Medium';}


.list_news {background:#fff;}
.list_news ul {}
.list_news ul li{overflow: hidden;display: flex; justify-content: space-between; align-items: center; transform: rotate(0deg);background:#fff;  margin-bottom: 40px;transition-duration:0.3s; box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);}
.list_news ul li .img{overflow: hidden; width: 35%;}
.list_news ul li .img img{width: 100%;display: block;transition-duration: 0.3s;}
.list_news ul li:hover .img img{transform: scale(1.05);}
.list_news ul li .info{ width: calc(65% - 100px); padding-left: 50px; padding-right: 50px;}
.list_news ul li .info .time{font-size: 20px;color:var(--main); margin-bottom:20px; }
.list_news ul li .info .title{ text-align:left;color:#111;font-size:24px;line-height: 1.5em; font-weight:bold; margin-bottom: 20px;}
.list_news ul li .info .title a{color: #111;}
.list_news ul li .info .title a:hover{color:var(--main); }
.list_news ul li .info .description{ font-size:14px; color:#666; line-height:1.8em;display: -webkit-box;  -webkit-line-clamp:2;  -webkit-box-orient: vertical; overflow: hidden;}

.show_news{background:#fff; }
.show_news .html{ padding-bottom:30px; margin-bottom:30px; font-size:16px; line-height:2em;  }
.show_news .html img{ max-width:100%; }
.show_news .title h1{font-size: 28px;  color: #111; margin-bottom: 20px; font-weight: normal; text-align: center;}
.show_news .title p{font-size: 16px;color: #666;text-align: center;display: flex; justify-content: center;}
.show_news .title p span{  margin-right:80px; margin-left:80px; }
.show_news .title{display: block; padding-top: 0px; margin-bottom: 30px;border-bottom: #ececec solid 1px;padding-bottom: 30px;}
.show_news .other{padding-top: 20px; padding-bottom: 20px;border-top: #eee solid 1px;}
.show_news .other{display: flex; justify-content: space-between}
.show_news .other .left{width: 40%}
.show_news .other .right{width: 40%; text-align: right;}
.show_news .other a{color: #52555a;font-size: 16px;}
.show_news .other a:hover{color: var(--main);}
.show_news .show_back{text-align: center;}
.show_news .show_back a{color: #fff; font-size: 18px;background:var(--main);display: inline-block; padding: 18px 45px;}
.show_news .video{ text-align:center; width:800px; margin:0 auto; margin-bottom: 30px;}

.page_contact{}
.page_contact .title{ margin-bottom:60px; }
.page_contact .title h2{ text-align:center; font-size:32px; color:#000; position:relative; }
.page_contact .title h2:after{content: ""; width: 50px; height: 4px; left: 50%; margin-left: -25px; background:var(--main); position: absolute;bottom: -20px;}
.page_contact .content{display: flex; justify-content: space-between;}
.page_contact .content .left{ width:40%; margin-right: 2%;}
.page_contact .content .center{ width:40%;margin-right: 2%;}
.page_contact .content .right{ width:26%; }
.page_contact .content .item{background: #f6f6f6; border-radius: 10px; padding: 50px; text-align: center; transition-duration: 0.2s}
.page_contact .content .item i{ color:#222; font-size:32px; margin-bottom:15px;display:inline-block; }
.page_contact .content .item h3{ color:#222; font-size:24px; margin-bottom:15px;font-weight:normal; }
.page_contact .content .item p{ color:#222; font-size:16px; }
.page_contact .content .item:hover{background: var(--main);}
.page_contact .content .item:hover i{ color:#fff; }
.page_contact .content .item:hover h3{ color:#fff; }
.page_contact .content .item:hover p{ color:#fff; }
.page_contact .content .left .item{height: 120px; margin-bottom: 30px;}
.page_contact .content .center .item{height: 120px; margin-bottom: 30px;}
.page_contact .content .right .item{height: 370px;}
.page_contact .content .right .item img{ width:240px;display:block; margin:0 auto; margin-bottom:30px; }

#container{height: 650px; width: 100%;}
.contact_message{}
.contact_message .pagewidth{}
.contact_message .title{ margin-bottom:60px; }
.contact_message .title h2{ text-align:center; font-size:36px; color:#000; position:relative; }
.contact_message .title h2:after{content: ""; width: 50px; height: 4px; left: 50%; margin-left: -25px; background:var(--main); position: absolute;bottom: -20px;}

.contact_message .form{ background:#f6f6f6; padding:70px; border-radius:12px; }
.contact_message .layui-btn{background: var(--main); height: 50px;line-height: 50px;font-size: 16px; padding-left: 60px; padding-right: 60px;}
.contact_message .layui-textarea{height: 200px!important;padding:10px!important }
.contact_message .form .layui-input{background:#fff; line-height: 60px; height:60px; border-radius: 6px;border:none; font-size: 16px; padding-left: 20px;}
.contact_message .form .layui-textarea{background:#fff; border-radius: 6px;border:none; font-size: 16px; padding: 20px!important;}
.contact_message .two{display: flex; justify-content: space-between;}
.contact_message .two .layui-input-block{ width:49%; }
.contact_message .layui-input-block{margin-left:0!important; }
.contact_message .layui-form-item{ margin-bottom:30px; }
.contact_message .layui-form-item:after{display: none!important;}
.contact_message .layui-form-item:last-child{margin-bottom: 0}
.contact_message .submit{display: flex;justify-content: center; padding-top: 30px;}
.contact_message .submit .layui-btn{font-size: 18px; border-radius: 50px;}



.list_partners{background: #fff; }
.list_partners .pagewidth{}
.list_partners .pagewidth ul{display: flex; justify-content: space-between; flex-wrap: wrap;}
.list_partners .pagewidth ul li{width: 15.5%; padding: 4%; text-align: center; box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1); margin-bottom: 30px;}
.list_partners .pagewidth ul li .img{width: 120px; height: 120px; border-radius: 120px; margin: 0 auto; border:#ddd solid 1px; overflow: hidden; margin-bottom: 30px; }
.list_partners .pagewidth ul li img{ width:100%; height:100%; object-fit:contain; }
.list_partners .pagewidth ul span{ width:23.5%;display:block; height:0; }
.list_partners .pagewidth ul h3{font-size: 24px; margin-bottom: 10px; font-weight: bold;}
.list_partners .pagewidth ul .description{font-size:16px; color: #666; line-height: 1.8em; margin-bottom:25px; }
.list_partners .pagewidth ul .more a {color: var(--main); font-size: 16px;}






















/*大屏幕*/
@media screen and (max-width: 1920px) {}
/*中屏幕*/
@media screen and (max-width: 1600px) {
.pcmenu {left: 180px;right: 0px;bottom: 10%;position: fixed;z-index: 2;display: flex;justify-content: space-between;align-items: center;}
.pcmenu .logo img {height: 32px;}
.pcmenu .nav {height: 140px;padding-left: 50px;padding-right: 50px;display: flex;align-items: center;}
.pcmenu .nav ul {display: flex;align-items: center;}
.pcmenu .nav ul li {line-height: 40px;padding-left:20px;padding-right: 20px;}
.pcmenu .nav ul li a {font-size: 16px;color: #fff;}
.pcmenu .search {height: 40px;line-height: 40px;padding-left: 100px;font-size: 20px;}
.pcmenu .search i {color: #fff;}



.nodata{ text-align: center; font-size: 14px; color: #999; padding-top: 40px; padding-bottom: 40px; } 
.nodata img{ width: 80px; margin-bottom: 20px; } 
.nodata i{ display: block; margin: 0 auto;  font-size: 36px; margin-bottom: 10px; }

.detailbanner{background: #000; color: #fff; overflow: hidden; position: relative; margin-top: 80px;}
.detailbanner .pagewidth{ height: 500px; position: relative;}
.detailbanner h1{font-size: 48px;font-family: 'Gotham-Bold'; text-shadow: 1px 1px 1px rgba(0,0,0,.1);  color: #fff;  text-align: left; position: absolute; left: 0px; right: 0px; bottom: 165px;  z-index: 2; }
.detailbanner h1:after{content: ""; left: 0; width: 50px; height: 4px; background: #fff; position: absolute;bottom: -20px;}
.detailbanner img.detailbg{ height: 100%; width: 100%; object-fit: cover; position: absolute; left: 0px; top: 0px; bottom: 0px; right: 0px; z-index: 1; opacity: 0.85}

.submenu{ background:#f4f4f4; }
.submenu .pagewidth{ overflow:hidden; }
.submenu ul {display: flex; justify-content: left; background: url(../images/submenu.png) no-repeat right center; }
.submenu ul li{}
.submenu ul li a{color: #444; transition-duration: 0.3s; text-align: center; font-size: 16px; padding-left: 18px; padding-right: 18px; line-height: 88px; height: 88px;display: block;}
.submenu ul li a:hover{ background:#fff }
.submenu ul li a.active{color:var(--main); background: #fff;}

.padding{padding-top: 80px; padding-bottom:80px;}
.pt0{padding-top: 0px;}
.pb0{padding-bottom: 0px;}

.about_content { }
.about_content .title{ margin-bottom:60px; }
.about_content .title h2{ text-align:center; font-size:36px; color:#000; position:relative; }
.about_content .title h2:after{content: ""; width: 50px; height: 4px; left: 50%; margin-left: -25px; background:var(--main); position: absolute;bottom: -20px;}
.about_content .content{ font-size:16px; line-height:2em; }

.cooperate_content {display: flex; justify-content: space-between; align-items: center; background: #fff3eb;}
.cooperate_content .img{ width:50%; }
.cooperate_content .img img{ width:100%; }
.cooperate_content .content{width: 50%;}
.cooperate_content .content .box{ width:580px; padding-left:60px; font-size:16px; line-height:2em; }


.honor_content .title{ margin-bottom:60px; }
.honor_content .title h2{ text-align:center; font-size:36px; color:#000; position:relative; }
.honor_content .title h2:after{content: ""; width: 50px; height: 4px; left: 50%; margin-left: -25px; background:var(--main); position: absolute;bottom: -20px;}
.honor_content .swiper-slide img{width: 100%;display: block;}

.culture_content{ position:relative;  height:720px;background:#000; }
.culture_content img{ position:absolute; left:0px; right:0px; top:0px; bottom:0px;height:100%; width:100%; object-fit:cover; }
.culture_content .pagewidth{ position:relative; }
.culture_content .content { z-index: 3; position:absolute; width: calc(50% - 60px); min-height: 470px; top:100px; bottom:100px; background:var(--main); opacity:0.9; padding:30px; font-size:16px; line-height:1.85em; color:#fff; }
.culture_content .content p{ position:relative; padding-left:20px; margin-bottom:12px; }
.culture_content .content p:after{content: ""; position: absolute; left:0px; top: 10px; width: 10px; height: 10px; background: #fff; transform: rotate(45deg);}

.list_product{}
.list_product .item{ }
.list_product .img{ width:50%; height:580px; overflow:hidden; float:left; }
.list_product .img img{ width:100%; height:100%; object-fit:cover; }
.list_product .info{width: 50%;height:580px; float: right; display: flex;}
.list_product .info .box{ width:580px; padding-left:60px;align-self:center; }
.list_product .info .box h3{ text-align:left; font-size:36px; color:#000; position:relative; margin-bottom:60px; }
.list_product .info .box h3:after{content: ""; width: 50px; height: 4px; left: 0;background:var(--main); position: absolute;bottom: -20px;}
.list_product .info .box h3 a{color: #000;}
.list_product .info .box h3 a:hover{color:var(--main);}
.list_product .info .box p{ font-size:16px; line-height:2em; margin-bottom:60px; }
.list_product .info .box .more a{background: #000000; transition-duration:0.3s; display: inline-block; color: #fff; font-size: 16px; padding:14px 35px; border-radius: 40px;}
.list_product .info .box .more a:hover{ transform: translateX(10px);}
.list_product .item:nth-child(2) .img{ float:right; }
.list_product .item:nth-child(2) .info{ float:left; }

.list_case{background:#f7f7f7;}
.list_case .pagewidth{  }

/*列表布局*/
.list_case { padding-bottom: 50px;}
.list_case .gallery{ display: flex; flex-wrap: wrap; }
.list_case .gallery .item{overflow: hidden; position: relative; }
.list_case .gallery .item img{object-fit: cover; width: 100%; height: 300px; transition-duration: 0.3s; opacity: 0.9}
.list_case .gallery .item:hover img{object-fit: cover; width: 100%; height: 300px;  transform: scale(1.1);}
.list_case .gallery .item .info{ width: 100%; height: 100%;  position:absolute; z-index: 3; left:0px; right:0px; text-align:center;display:flex; top:0; bottom:0; align-items:center; }
.list_case .gallery .item .info .box{ text-align:center; color:#fff; width:100%; }
.list_case .gallery .item .info .box h2{text-align: center; width: 100%; font-size: 32px; color: #fff; font-weight: normal; margin-bottom: 6px;}
.list_case .gallery .item .info .box .description{text-align: center; width: 100%; font-size:16px; font-weight: normal;}
.layui-layer-setwin span{ width:40px!important; height:40px!important; line-height:40px!important; font-size:32px!important; }
.layui-layer-title{height: 72px!important; border-bottom: none!important; opacity: 0;}

.case_detail{ padding-left:50px; padding-right:50px; }
.case_detail .title{ font-size:32px; font-weight:normal; color:#000;border-bottom:#ececec solid 1px; padding-bottom:30px ; margin-bottom:30px; }
.case_detail_swiper{ margin-bottom:30px; }
.case_detail_swiper .swiper-slide{width: auto;}
.case_detail_swiper .swiper-slide img{height: 300px;}
.case_detail .content{font-size:16px; line-height:2em;  padding-bottom:50px; }
.case_detail_swiper{
    --swiper-theme-color: var(--main);/* 设置Swiper风格 */
    --swiper-navigation-color: #fff;/* 单独设置按钮颜色 */
    --swiper-navigation-size: 36px;/* 设置按钮大小 */
}

.page_content{ padding-top:30px; padding-bottom:80px; }
.page_content .page_title{ font-size:26px; color: #333333; text-align:center; padding-bottom:20px;border-bottom:#e5e5e5 solid 1px; margin-bottom:20px; }
.page_content .page_html p{font-size: 22px; color: #333; line-height: 2em;}
.page_content .page_html img{max-width: 1000px; margin: 20px auto}
.page_content .page_html h3{padding-top: 40px; font-weight: 500; font-size:26px; color: #333333; text-align:center; padding-bottom:20px;border-bottom:#e5e5e5 solid 1px; margin-bottom:20px; }
.page_content .page_html h4{font-size: 22px; font-weight: 500;}
.page_content .page_html h5{font-size: 22px; font-weight: 500; color: #ff0000;}
.page_content .page_html p{}
.page_content .page_html p img{}
.page_content .page_html table strong{display: block; font-size: 22px;}
.page_content .page_html table p{}
.page_content .page_html table td{padding: 20px;font-size: 22px;}
.page_content .page_html .html_two{display: flex; justify-content: space-between;}
.page_content .page_html .html_two .left{width: 48%;}
.page_content .page_html .html_two .left img{max-width: 100%}
.page_content .page_html .html_two .right{width: 48%;}

.search_header{ padding:20px 30px; display: flex; justify-content: space-between; align-items: center; background: #fff; border-bottom: #ececec solid 1px; position:fixed;left:0;right:0; top:0; z-index:1000; }
.search_header .backhome{width: 20%; text-align: left;}
.search_header .backhome a{color: #666; font-size: 14px; }
.search_header .backhome a:hover{color:var(--sub); font-size: 14px; }
.search_header .logo{width: 60%; text-align: center;}
.search_header .logo img{ display:inline-block; height:36px; }
.search_header .right{width: 20%; text-align: right; font-size: 14px;color: #333;}

.search_box{display: flex; justify-content: center; padding-top: 50px; padding-bottom: 20px;}
.search_box .input{ height:46px; line-height:46px; padding-left: 15px; color: #333; font-size: 14px; display: block; border-radius:4px; width:540px; background:#fff; border:#dadada solid 2px; margin-right:10px; }
.search_box .submit{height:50px; line-height:50px; display: block; border-radius:4px; width:100px; background:var(--main);border:none;color: #fff; cursor:pointer; } 
.search_hot{text-align: center; line-height: 30px; font-size: 14px; color: #666; padding-bottom: 30px;}
.search_hot a{ margin-right:20px;color:var(--main); }
.search_copy{text-align: center; font-size: 14px; padding: 20px; color: #999; background: #fff; position: fixed; left: 0px; bottom: 0; right: 0;}
.search_data{ text-align:center; padding-top:30px; font-size:16px; color:#666; width: 900px; text-align: left; margin: 0 auto;}
.search_data strong{color:var(--sub);}
.search_input{ padding-top:100px; }
.search_content { padding-top:30px; padding-bottom:100px; width: 900px; text-align: left; margin: 0 auto;  }
.search_content ul li{ margin-bottom: 20px; justify-content: space-between; display: flex; padding: 15px;background: #f6f7f8; border-radius: 4px;}
.search_content ul li .img{width: 22%;overflow: hidden;border-radius: 3px; transform: rotate(0deg);}
.search_content ul li .img img{width: 100%;display: block;transition-duration: 0.3s;}
.search_content ul li .info{ width:76% }
.search_content ul li .info strong{color: var(--sub);}
.search_content ul li .info .title{ text-align:left;color:#111;font-size:18px;line-height: 1.6em; font-family: 'Gotham-Bold';font-weight: normal; margin-bottom: 6px;}
.search_content ul li .info .title a{color: #111;}
.search_content ul li .info .description{font-size: 14px;line-height: 1.6em;color: #666; margin-bottom: 12px;}
.search_content ul li .info .time{font-size: 14px;color: #999; margin-bottom: 20px;}
.search_content ul li .more {position:relative;z-index:40; text-align: left; padding-top: 20px;}
.search_content ul li:hover .info .title a{ color: var(--main);}




.back{background: #fff; padding-top:40px; padding-bottom: 40px;}
.back .pagewidth{ display:flex; justify-content: space-between;}
.back span a{color: var(--main);font-size: 14px; font-weight:bold;}
.back span a i{position: relative;transition-duration: 0.3s;left: 0;}
.back span a:hover i{position: relative;left: -5px;}
.back .crumbs{ font-size:14px; color:#666; }
.back .crumbs a{color: #666;}


.show_product{ padding-top:60px;padding-bottom:60px;background:#fff;}
.show_product .top{display: flex; justify-content: space-between; margin-bottom: 80px;}
.show_product .top .info{width: 48.5%; position: relative;}
.show_product .top .info h1{ font-size:32px; font-family: 'Gotham-Medium'; color:#111; margin-bottom:20px; }
.show_product .top .info .description{ line-height:1.8em; font-size:16px; color:#666; margin-bottom:30px; }
.show_product .top .info .messages{border-top: #eee solid 1px; padding-top: 30px;}
.show_product .top .info .messages a{ background:var(--main); color:#fff; font-size:15px;display: inline-block; padding:10px 25px; border-radius:3px; }

.show_product .top .img{ width:48.5%; }
.show_product .top .img .mySwiper2{ border:#eee solid 1px; margin-bottom:12px; }
.show_product .top .img .mySwiper2 .swiper-slide img{ width:100%;display:block; }
.show_product .top .img .mySwiper .swiper-slide { height: 100%;opacity: 0.8;}
.show_product .top .img .mySwiper .swiper-slide .box{border:#eee solid 1px;}
.show_product .top .img .mySwiper .swiper-slide .box img{width: 100%;display: block;}
.show_product .top .img .mySwiper .swiper-slide-thumb-active {opacity: 1;}
.show_product .top .img .mySwiper .swiper-slide-thumb-active .box{border:var(--main) solid 1px;}

.show_product .item{ margin-bottom:50px; }
.show_product .item .content h2{ color:#f00;font-size:24px; margin-bottom:10px; }
.show_product .item .content p{ line-height:2em; font-size:16px; margin-bottom:5px; }
.show_product .item .content table { border-collapse: collapse; }
.show_product .item .content table td {padding: 14px;font-size: 16px;color: #333;border: 1px solid #ddd; text-align: center;}
.show_product .item .content table tr:nth-child(2n) {}
.show_product .protitle {border-bottom: #ddd solid 1px; margin-bottom: 30px;}
.show_product .protitle span{background: #333; color: #fff; font-size: 16px;  padding: 14px 50px;display:inline-block; }


.show_case{}
.show_case h2{text-align: center; font-size: 36px; color: #222; text-align: center; padding-bottom: 40px;}
.show_case .imglist{ text-align:center; width:800px; margin:0 auto; margin-bottom: 30px;}
.show_case .imglist img{width:100%; margin-bottom:20px; display:block; }
.show_case .content{width:800px; margin:0 auto; font-size:16px; color:#222; line-height:1.8em; }


.page_contact{ padding-top:60px;padding-bottom:60px;background:#fff;}
.page_contact .layui-form-item{display: flex; justify-content:space-between; }
.page_contact .layui-input-inline{ width:32%!important; }
.page_contact .form{ padding-left:50px; padding-right:50px; }
.page_contact .form .submit{ width:100%;display:flex; align-items:center; justify-content:center; padding-top: 20px;}
.page_contact .layui-form-select dl dd.layui-this{ font-size:14px; }
.page_contact .layui-form-select dl dd{ font-size:14px; }
.page_contact .form .submit #btn{background: var(--main); font-size: 16px; text-align: center; height: 50px; line-height: 50px; padding-left: 80px; padding-right: 80px;}
.page_title{ padding-top:40px; text-align:center;}
.page_title h1{font-size:36px; color:#222;font-weight:normal; position:relative; z-index:2 }
.page_title h2{font-size:24px; color:#eeeeee;font-weight:normal;  text-transform: uppercase; z-index: 1; top: -20px; position: relative;font-family: 'Gotham-Medium';}


.list_news {background:#fff;}
.list_news ul {}
.list_news ul li{overflow: hidden;display: flex; justify-content: space-between; align-items: center; transform: rotate(0deg);background:#fff;  margin-bottom: 40px;transition-duration:0.3s; box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);}
.list_news ul li .img{overflow: hidden; width: 35%;}
.list_news ul li .img img{width: 100%;display: block;transition-duration: 0.3s;}
.list_news ul li:hover .img img{transform: scale(1.05);}
.list_news ul li .info{ width: calc(65% - 100px); padding-left: 50px; padding-right: 50px;}
.list_news ul li .info .time{font-size: 20px;color:var(--main); margin-bottom:20px; }
.list_news ul li .info .title{ text-align:left;color:#111;font-size:24px;line-height: 1.5em; font-weight:bold; margin-bottom: 20px;}
.list_news ul li .info .title a{color: #111;}
.list_news ul li .info .title a:hover{color:var(--main); }
.list_news ul li .info .description{ font-size:14px; color:#666; line-height:1.8em;display: -webkit-box;  -webkit-line-clamp:2;  -webkit-box-orient: vertical; overflow: hidden;}

.show_news{background:#fff; }
.show_news .html{ padding-bottom:30px; margin-bottom:30px; font-size:16px; line-height:2em;  }
.show_news .html img{ max-width:100%; }
.show_news .title h1{font-size: 28px;  color: #111; margin-bottom: 20px; font-weight: normal; text-align: center;}
.show_news .title p{font-size: 16px;color: #666;text-align: center;display: flex; justify-content: center;}
.show_news .title p span{  margin-right:80px; margin-left:80px; }
.show_news .title{display: block; padding-top: 0px; margin-bottom: 30px;border-bottom: #ececec solid 1px;padding-bottom: 30px;}
.show_news .other{padding-top: 20px; padding-bottom: 20px;border-top: #eee solid 1px;}
.show_news .other{display: flex; justify-content: space-between}
.show_news .other .left{width: 40%}
.show_news .other .right{width: 40%; text-align: right;}
.show_news .other a{color: #52555a;font-size: 16px;}
.show_news .other a:hover{color: var(--main);}
.show_news .show_back{text-align: center;}
.show_news .show_back a{color: #fff; font-size: 18px;background:var(--main);display: inline-block; padding: 18px 45px;}

.page_contact{}
.page_contact .title{ margin-bottom:60px; }
.page_contact .title h2{ text-align:center; font-size:32px; color:#000; position:relative; }
.page_contact .title h2:after{content: ""; width: 50px; height: 4px; left: 50%; margin-left: -25px; background:var(--main); position: absolute;bottom: -20px;}
.page_contact .content{display: flex; justify-content: space-between;}
.page_contact .content .left{ width:40%; margin-right: 2%;}
.page_contact .content .center{ width:40%;margin-right: 2%;}
.page_contact .content .right{ width:26%; }
.page_contact .content .item{background: #f6f6f6; border-radius: 10px; padding: 40px; text-align: center; transition-duration: 0.2s}
.page_contact .content .item i{ color:#222; font-size:32px; margin-bottom:15px;display:inline-block; }
.page_contact .content .item h3{ color:#222; font-size:20px; margin-bottom:15px;font-weight:normal; }
.page_contact .content .item p{ color:#222; font-size:16px; }
.page_contact .content .item:hover{background: var(--main);}
.page_contact .content .item:hover i{ color:#fff; }
.page_contact .content .item:hover h3{ color:#fff; }
.page_contact .content .item:hover p{ color:#fff; }
.page_contact .content .left .item{height: 120px; margin-bottom: 30px;}
.page_contact .content .center .item{height: 120px; margin-bottom: 30px;}
.page_contact .content .right .item{height: 350px;}
.page_contact .content .right .item img{ width:240px;display:block; margin:0 auto; margin-bottom:30px; }

#container{height: 650px; width: 100%;}
.contact_message{}
.contact_message .pagewidth{}
.contact_message .title{ margin-bottom:60px; }
.contact_message .title h2{ text-align:center; font-size:36px; color:#000; position:relative; }
.contact_message .title h2:after{content: ""; width: 50px; height: 4px; left: 50%; margin-left: -25px; background:var(--main); position: absolute;bottom: -20px;}

.contact_message .form{ background:#f6f6f6; padding:50px; border-radius:12px; }
.contact_message .layui-btn{background: var(--main); height: 50px;line-height: 50px;font-size: 16px; padding-left: 60px; padding-right: 60px;}
.contact_message .layui-textarea{height: 200px!important;padding:10px!important }
.contact_message .form .layui-input{background:#fff; line-height: 54px; height:54px; border-radius: 6px;border:none; font-size: 16px; padding-left: 20px;}
.contact_message .form .layui-textarea{background:#fff; border-radius: 6px;border:none; font-size: 16px; padding: 20px!important;}
.contact_message .two{display: flex; justify-content: space-between;}
.contact_message .two .layui-input-block{ width:49%; }
.contact_message .layui-input-block{margin-left:0!important; }
.contact_message .layui-form-item{ margin-bottom:30px; }
.contact_message .layui-form-item:after{display: none!important;}
.contact_message .layui-form-item:last-child{margin-bottom: 0}
.contact_message .submit{display: flex;justify-content: center; padding-top: 20px;}
.contact_message .submit .layui-btn{font-size: 18px; border-radius: 50px;}


.list_partners{background: #fff; }
.list_partners .pagewidth{}
.list_partners .pagewidth ul{display: flex; justify-content: space-between; flex-wrap: wrap;}
.list_partners .pagewidth ul li{width: 17.5%; padding: 3%; text-align: center; box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1); margin-bottom: 30px;}
.list_partners .pagewidth ul li .img{width: 120px; height: 120px; border-radius: 120px; margin: 0 auto; border:#ddd solid 1px; overflow: hidden; margin-bottom: 30px; }
.list_partners .pagewidth ul li img{ width:100%; }
.list_partners .pagewidth ul span{ width:23.5%;display:block; height:0; }
.list_partners .pagewidth ul h3{font-size: 24px; margin-bottom: 10px; font-weight: bold;}
.list_partners .pagewidth ul .description{font-size:16px; color: #666; line-height: 1.8em; margin-bottom:25px; }
.list_partners .pagewidth ul .more a {color: var(--main); font-size: 16px;}

}
/*平板*/
@media screen and (max-width: 768px) {

















































































.banner {width: 100%;height: 100%;position: relative;}
.banner .swiper-slide {}
.banner .swiper-slide img {display: block;width: 100%;height: 100%;object-fit: cover;transform: scale(1);transition-duration: 10s;}
.banner .swiper-slide video {height: 100%;width: 100%;object-fit: cover;}
.banner .swiper-slide-active img {transform: scale(1);}
.banner .swiper-pagination-bullet {border: #fff solid 1px;opacity: 1;background: none}
.banner .swiper-pagination-bullet-active {border: #fff solid 1px;background: #fff;}
.swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical > .swiper-pagination-bullets {top: 15% !important;right: 45px !important}
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {margin-top: 12px !important;margin-bottom: 12px !important;}
.pcmenu { display:none; }

.pcmenu .search {height: 40px;line-height: 40px;padding-left: 100px;font-size: 20px;}
.pcmenu .search i {color: #fff;}
.follow {position: fixed;right: 38px;top: auto; bottom:100px;z-index: 2;color: #fff;font-size: 24px;}
.follow span {display: block;margin-bottom: 10px;}
.follow:after { display: none;}
.follow .content {position: absolute;left: -145px;margin-top: -62px;width: 120px;visibility: hidden;-webkit-backdrop-filter: blur(5px);backdrop-filter: blur(5px);padding: 8px;border-radius: 5px;}
.follow .content img {width: 100%;display: block;}
.follow .content p {font-size: 14px;text-align: center;color: #fff;padding-top: 8px;}
.follow .content:after {content: "";position: absolute;border: 6px solid transparent;border-right-width: 0;right: -6px;top: 42px;}
.follow span:hover .content {visibility: initial;}


.follow .wechat .content{background: #56ab6e;}
.follow .wechat .content:after {border-left-color:#56ab6e;}
.follow .tiktok .content{background: #161822;}
.follow .tiktok .content:after {border-left-color:#161822;}


.banner h2 {top: 30%;z-index: 22;color: #fff;font-size: 24px;line-height: 1.2em;position: absolute;left: 20px;text-align: left;opacity: 1;transition: 0.6s;transition-delay: 0.2s;transition-timing-function: linear;}
.banner h1 {top: 36%;z-index: 22;color: #fff;font-size: 40px;line-height: 1.2em;position: absolute;left: 20px;text-align: left;opacity: 1;transition: 0.5s;transition-delay: 0.2s;transition-timing-function: linear;}
.banner p {top: 50%;z-index: 22;color: #fff;font-size: 18px;line-height: 1.8em;position: absolute;left: 20px;text-align: left;opacity: 1;width: auto;transition: 0.8s;transition-delay: 0.2s;transition-timing-function: linear;}
.banner .more {top: 68%;z-index: 22;cursor: pointer; color: #fff;font-size: 24px;line-height: 1.2em;border: #fff solid 1px;border-radius: 3px;width:;padding: 6px 10px;text-align: center;position: absolute;left: 20px;text-align: left;opacity: 1; transition-duration: 0.3s; transition-timing-function: linear;}
.banner .more:hover {background: #ee6f2d;color: #fff;border: #ee6f2d solid 1px;}
.banner:after { display: none;}
.banner .swiper-horizontal > .swiper-pagination-bullets, .banner .swiper-pagination-bullets.swiper-pagination-horizontal,.banner .swiper-pagination-custom,.banner .swiper-pagination-fraction { display: none;}
.banner .swiper-pagination-bullet {display: block !important;margin-top: 10px !important;margin-bottom: 10px !important;}


.nodata{ text-align: center; font-size: 14px; color: #999; padding-top: 40px; padding-bottom: 40px; } 
.nodata img{ width: 80px; margin-bottom: 20px; } 
.nodata i{ display: block; margin: 0 auto;  font-size: 36px; margin-bottom: 10px; }

.detailbanner{background: #000; color: #fff; overflow: hidden; position: relative; margin-top: 80px;}
.detailbanner .pagewidth{ height: 220px; position: relative;}
.detailbanner h1{font-size: 32px;font-family: 'Gotham-Bold'; text-shadow: 1px 1px 1px rgba(0,0,0,.1);  color: #fff;  text-align: left; position: absolute; left: 0px; right: 0px; bottom: 80px;  z-index: 2; }
.detailbanner h1:after{content: ""; left: 0; width: 50px; height: 3px; background: #fff; position: absolute;bottom: -20px;}
.detailbanner img.detailbg{ height: 100%; width: 100%; object-fit: cover; position: absolute; left: 0px; top: 0px; bottom: 0px; right: 0px; z-index: 1; opacity: 0.85}


.submenu{ background:#f4f4f4; }
.submenu .pagewidth{ overflow:hidden; }
.submenu ul {display: flex; justify-content: left; background: url(../images/submenu.png) no-repeat right center; }
.submenu ul li{}
.submenu ul li a{color: #444; transition-duration: 0.3s; text-align: center; font-size: 16px; padding-left: 18px; padding-right: 18px; line-height: 88px; height: 88px;display: block;}
.submenu ul li a:hover{ background:#fff }
.submenu ul li a.active{color:var(--main); background: #fff;}



.padding{padding-top: 60px; padding-bottom:60px;}
.pt0{padding-top: 0px;}
.pb0{padding-bottom: 0px;}



.about_content { }
.about_content .title{ margin-bottom:60px; }
.about_content .title h2{ text-align:center; font-size:36px; color:#000; position:relative; }
.about_content .title h2:after{content: ""; width: 50px; height: 4px; left: 50%; margin-left: -25px; background:var(--main); position: absolute;bottom: -20px;}
.about_content .content{ font-size:16px; line-height:2em; }

.cooperate_content {display: block; justify-content: space-between; align-items: center; background: #fff3eb;}
.cooperate_content .img{ width:100%; }
.cooperate_content .img img{ width:100%; }
.cooperate_content .content{width: 100%;}
.cooperate_content .content .box{ width:auto; padding-left: auto; padding:20px; font-size:16px; line-height:2em; }


.honor_content .title{ margin-bottom:60px; }
.honor_content .title h2{ text-align:center; font-size:36px; color:#000; position:relative; }
.honor_content .title h2:after{content: ""; width: 50px; height: 4px; left: 50%; margin-left: -25px; background:var(--main); position: absolute;bottom: -20px;}
.honor_content .content{ position:relative; }
.honor_content .swiper{ padding-bottom:50px;}
.honor_content .swiper-slide img{width: 100%;display: block;}
.honor_content .swiper{
    --swiper-theme-color: var(--main)  ;/* 设置Swiper风格 */
    --swiper-navigation-color: var(--main) ;/* 单独设置按钮颜色 */
    
  }
.honor_content .swiper-button-next{--swiper-navigation-size: 18px;/* 设置按钮大小 */ top: 40%; right: 10px; position: absolute; background:var(--main);border-radius:60px; width: 48px;  text-align: center; line-height: 48px; height: 48px; box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1); color:#fff; }
.honor_content .swiper-button-prev{--swiper-navigation-size: 18px;/* 设置按钮大小 */ top: 40%;left: 10px; position: absolute; background:var(--main);border-radius:60px; width: 48px;  text-align: center; line-height: 48px; height: 48px; box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1); color:#fff; }




.culture_content{ position:relative;  height:auto;background:#000; }
.culture_content img{ position:absolute; left:0px; right:0px; top:0px; bottom:0px;height:100%; width:100%; object-fit:cover; }
.culture_content .pagewidth{ position:  inherit; }
.culture_content .content { z-index: 3; position: inherit; width: calc(100% - 80px); min-height: auto; top:auto; bottom:auto; background:var(--main); opacity:0.9; padding:40px; font-size:16px; line-height:2em; color:#fff; }
.culture_content .content p{ position:relative; padding-left:20px; margin-bottom:18px; }
.culture_content .content p:after{content: ""; position: absolute; left:0px; top: 10px; width: 10px; height: 10px; background: #fff; transform: rotate(45deg);}
.culture_content .content h4 span{display: block; width: 100%;}
.list_product{}
.list_product .item{ }
.list_product .img{ width:100%; height:auto; overflow:hidden; float:left; }
.list_product .img img{ width:100%; height:auto; object-fit:cover; }
.list_product .info{width: 100%;height:auto; float: right; display: flex;}
.list_product .info .box{ width:auto; padding:40px 25px;align-self:center; }
.list_product .info .box h3{ text-align:left; font-size:36px; color:#000; position:relative; margin-bottom:60px; }
.list_product .info .box h3:after{content: ""; width: 50px; height: 4px; left: 0;background:var(--main); position: absolute;bottom: -20px;}
.list_product .info .box h3 a{color: #000;}
.list_product .info .box h3 a:hover{color:var(--main);}
.list_product .info .box p{ font-size:16px; line-height:2em; margin-bottom:20px; }
.list_product .info .box .more a{background: #000000; transition-duration:0.3s; display: inline-block; color: #fff; font-size: 16px; padding:14px 35px; border-radius: 40px;}
.list_product .info .box .more a:hover{ transform: translateX(10px);}
.list_product .item:nth-child(2) .img{ float:right; }
.list_product .item:nth-child(2) .info{ float:left; }



.list_case{background:#f7f7f7;}
.list_case .pagewidth{  }

/*列表布局 瀑布流*/
/*.list_case { padding-bottom: 50px;}
.list_case .gallery{ }
.list_case .gallery .item{overflow: hidden; position: relative; }
.list_case .gallery .item img{object-fit: cover; width: 100%; height: 380px; transition-duration: 0.3s; opacity: 0.9}
.list_case .gallery .item:hover img{object-fit: cover; width: 100%; height: 380px;  transform: scale(1.1);}
.list_case .gallery .item .info{ width: 100%; height: 100%;  position:absolute; z-index: 3; left:0px; right:0px; text-align:center;display:flex; top:0; bottom:0; align-items:center; }
.list_case .gallery .item .info .box{ text-align:center; color:#fff; width:100%; }
.list_case .gallery .item .info .box h2{text-align: center; width: 100%; font-size: 36px; color: #fff; font-weight: normal; margin-bottom: 6px;}
.list_case .gallery .item .info .box .description{text-align: center; width: 100%; font-size:18px; font-weight: normal;}
.layui-layer-setwin span{ width:40px!important; height:40px!important; line-height:40px!important; font-size:32px!important; }
.layui-layer-title{height: 72px!important; border-bottom: none!important; opacity: 0;}

.case_detail{ padding-left:90px; padding-right:90px; }
.case_detail .title{ font-size:36px; font-weight:normal; color:#000;border-bottom:#ececec solid 1px; padding-bottom:30px ; margin-bottom:30px; }
.case_detail_swiper{ margin-bottom:30px; }
.case_detail_swiper .swiper-slide{width: auto;}
.case_detail_swiper .swiper-slide img{height: 380px;}
.case_detail .content{font-size:16px; line-height:2em; padding-bottom:50px; }
.case_detail_swiper{
    --swiper-theme-color: var(--main);
    --swiper-navigation-color: #fff;
    --swiper-navigation-size: 36px;
  }
*/

.list_case { padding-bottom: 50px;}
.list_case .pagewidth{display: block; flex-wrap: wrap; justify-content: space-between;}
.list_case .pagewidth .item{width: 100%; margin-bottom: 30px;}
.list_case .pagewidth .item .img {  height:280px; width:100%; margin-bottom:10px;  }
.list_case .pagewidth .item .img img{width: 100%; height: 100%; object-fit: cover;}
.list_case .pagewidth .item h2{ padding-top:10px; font-size:16px; }





.page_content{ padding-top:30px; padding-bottom:80px; }
.page_content .page_title{ font-size:26px; color: #333333; text-align:center; padding-bottom:20px;border-bottom:#e5e5e5 solid 1px; margin-bottom:20px; }
.page_content .page_html p{font-size: 22px; color: #333; line-height: 2em;}
.page_content .page_html img{max-width: 1000px; margin: 20px auto}
.page_content .page_html h3{padding-top: 40px; font-weight: 500; font-size:26px; color: #333333; text-align:center; padding-bottom:20px;border-bottom:#e5e5e5 solid 1px; margin-bottom:20px; }
.page_content .page_html h4{font-size: 22px; font-weight: 500;}
.page_content .page_html h5{font-size: 22px; font-weight: 500; color: #ff0000;}
.page_content .page_html p{}
.page_content .page_html p img{}
.page_content .page_html table strong{display: block; font-size: 22px;}
.page_content .page_html table p{}
.page_content .page_html table td{padding: 20px;font-size: 22px;}
.page_content .page_html .html_two{display: flex; justify-content: space-between;}
.page_content .page_html .html_two .left{width: 48%;}
.page_content .page_html .html_two .left img{max-width: 100%}
.page_content .page_html .html_two .right{width: 48%;}






.search_header{ padding:20px 30px; display: flex; justify-content: space-between; align-items: center; background: #fff; border-bottom: #ececec solid 1px; position:fixed;left:0;right:0; top:0; z-index:1000; }
.search_header .backhome{width: 20%; text-align: left;}
.search_header .backhome a{color: #666; font-size: 14px; }
.search_header .backhome a:hover{color:var(--sub); font-size: 14px; }
.search_header .logo{width: 60%; text-align: center;}
.search_header .logo img{ display:inline-block; height:36px; }
.search_header .right{width: 20%; text-align: right; font-size: 14px;color: #333;}

.search_box{display: flex; justify-content: center; padding-top: 50px; padding-bottom: 20px;}
.search_box .input{ height:46px; line-height:46px; padding-left: 15px; color: #333; font-size: 14px; display: block; border-radius:4px; width:540px; background:#fff; border:#dadada solid 2px; margin-right:10px; }
.search_box .submit{height:50px; line-height:50px; display: block; border-radius:4px; width:100px; background:var(--main);border:none;color: #fff; cursor:pointer; } 
.search_hot{text-align: center; line-height: 30px; font-size: 14px; color: #666; padding-bottom: 30px;}
.search_hot a{ margin-right:20px;color:var(--main); }
.search_copy{text-align: center; font-size: 14px; padding: 20px; color: #999; background: #fff; position: fixed; left: 0px; bottom: 0; right: 0;}
.search_data{ text-align:center; padding-top:30px; font-size:16px; color:#666; width: 900px; text-align: left; margin: 0 auto;}
.search_data strong{color:var(--sub);}
.search_input{ padding-top:100px; }
.search_content { padding-top:30px; padding-bottom:100px; width: 900px; text-align: left; margin: 0 auto;  }
.search_content ul li{ margin-bottom: 20px; justify-content: space-between; display: flex; padding: 15px;background: #f6f7f8; border-radius: 4px;}
.search_content ul li .img{width: 22%;overflow: hidden;border-radius: 3px; transform: rotate(0deg);}
.search_content ul li .img img{width: 100%;display: block;transition-duration: 0.3s;}
.search_content ul li .info{ width:76% }
.search_content ul li .info strong{color: var(--sub);}
.search_content ul li .info .title{ text-align:left;color:#111;font-size:18px;line-height: 1.6em; font-family: 'Gotham-Bold';font-weight: normal; margin-bottom: 6px;}
.search_content ul li .info .title a{color: #111;}
.search_content ul li .info .description{font-size: 14px;line-height: 1.6em;color: #666; margin-bottom: 12px;}
.search_content ul li .info .time{font-size: 14px;color: #999; margin-bottom: 20px;}
.search_content ul li .more {position:relative;z-index:40; text-align: left; padding-top: 20px;}
.search_content ul li:hover .info .title a{ color: var(--main);}




.back{background: #fff; padding-top:40px; padding-bottom: 40px;}
.back .pagewidth{ display:flex; justify-content: space-between;}
.back span a{color: var(--main);font-size: 14px; font-weight:bold;}
.back span a i{position: relative;transition-duration: 0.3s;left: 0;}
.back span a:hover i{position: relative;left: -5px;}
.back .crumbs{ font-size:14px; color:#666; }
.back .crumbs a{color: #666;}


.show_product{ padding-top:60px;padding-bottom:60px;background:#fff;}
.show_product .top{ margin-bottom: 80px;}
/*.show_product .top .info{width: 48.5%; position: relative;}
.show_product .top .info h1{ font-size:32px; font-family: 'Gotham-Medium'; color:#111; margin-bottom:20px; }
.show_product .top .info .description{ line-height:1.8em; font-size:16px; color:#666; margin-bottom:30px; }
.show_product .top .info .messages{border-top: #eee solid 1px; padding-top: 30px;}
.show_product .top .info .messages a{ background:var(--main); color:#fff; font-size:15px;display: inline-block; padding:10px 25px; border-radius:3px; }

.show_product .top .img{ width:48.5%; }
.show_product .top .img img{width: 100%}*/



.show_product{ padding-left:0px; padding-right:0px; }
.show_product .title{ font-size:36px; font-weight:normal; color:#000;border-bottom:#ececec solid 1px; padding-bottom:30px ; margin-bottom:30px; }
.show_product .protitle{ font-size:36px; font-weight:normal; color:#000;border-bottom:#ececec solid 1px; padding-bottom:30px ; margin-bottom:30px; }
.show_product .product_detail_swiper{ margin-bottom:30px; }
.show_product .product_detail_swiper .swiper-slide{width: auto;}
.show_product .product_detail_swiper .swiper-slide img{height: 380px;}
.show_product .content{font-size:16px; line-height:2em; padding-bottom:50px; }
.show_product .pro_content{ position:relative; }
.show_product .product_detail_swiper{
    --swiper-theme-color: #fff  ;/* 设置Swiper风格 */
    --swiper-navigation-color: #fff ;/* 单独设置按钮颜色 */
    
  }
.show_product .swiper-button-next{--swiper-navigation-size: 18px;/* 设置按钮大小 */ top: 46%; right:20px; position: absolute; background:var(--main);border-radius:60px; width: 48px;  text-align: center; line-height: 48px; height: 48px; box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1); color:#fff; }
.show_product .swiper-button-prev{--swiper-navigation-size: 18px;/* 设置按钮大小 */top: 46%; left: 20px; position: absolute; background:var(--main);border-radius:60px; width: 48px;  text-align: center; line-height: 48px; height: 48px; box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1); color:#fff; }

.show_product .item .content h2{ color:#f00;font-size:24px; margin-bottom:10px; }
.show_product .item .content p{ line-height:2em; font-size:16px; margin-bottom:5px; }
.show_product .item .content p img{ max-width:100%!important;height:auto!important; display:block;  }
.show_product .item .content table { border-collapse: collapse; }
.show_product .item .content table td {padding: 14px;font-size: 16px;color: #333;border: 1px solid #ddd; text-align: center;}
.show_product .item .content table tr:nth-child(2n) {}
.show_product .protitle {border-bottom: #ddd solid 1px; margin-bottom: 30px;}
.show_product .protitle span{background: #333; color: #fff; font-size: 16px;  padding: 14px 50px;display:inline-block; }



.show_case{ }
.show_case h2{text-align: center; font-size: 36px; color: #222; text-align: center; padding-bottom: 40px;}
.show_case .imglist{ text-align:center; width:auto; margin:0 auto; margin-bottom: 30px;}
.show_case .imglist img{width:100%; margin-bottom:20px; display:block; }
.show_case .content{width:auto; margin:0 auto; font-size:16px; color:#222; line-height:1.8em; }
.show_case .video{ text-align:center; width:auto; margin:0 auto; margin-bottom: 30px;}


.page_contact{ padding-top:60px;padding-bottom:60px;background:#fff;}
.page_contact .layui-form-item{display: flex; justify-content:space-between; }
.page_contact .layui-input-inline{ width:32%!important; }
.page_contact .form{ padding-left:50px; padding-right:50px; }
.page_contact .form .submit{ width:100%;display:flex; align-items:center; justify-content:center; padding-top: 20px;}
.page_contact .layui-form-select dl dd.layui-this{ font-size:14px; }
.page_contact .layui-form-select dl dd{ font-size:14px; }
.page_contact .form .submit #btn{background: var(--main); font-size: 16px; text-align: center; height: 50px; line-height: 50px; padding-left: 80px; padding-right: 80px;}
.page_title{ padding-top:40px; text-align:center;}
.page_title h1{font-size:36px; color:#222;font-weight:normal; position:relative; z-index:2 }
.page_title h2{font-size:24px; color:#eeeeee;font-weight:normal;  text-transform: uppercase; z-index: 1; top: -20px; position: relative;font-family: 'Gotham-Medium';}


.list_news {background:#fff;}
.list_news ul {}
.list_news ul li{overflow: hidden;display: block; justify-content: space-between; align-items: center; transform: rotate(0deg);background:#fff;  margin-bottom: 40px;transition-duration:0.3s; box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);}
.list_news ul li .img{overflow: hidden; width: 100%;}
.list_news ul li .img img{width: 100%;display: block;transition-duration: 0.3s;}
.list_news ul li:hover .img img{transform: scale(1.05);}
.list_news ul li .info{ width: auto; padding-left: 0px; padding-right: 0px; padding: 30px 25px;}
.list_news ul li .info .time{font-size: 20px;color:var(--main); margin-bottom:15px; }
.list_news ul li .info .title{ text-align:left;color:#111;font-size:24px;line-height: 1.5em; font-weight:bold; margin-bottom: 20px;}
.list_news ul li .info .title a{color: #111;}
.list_news ul li .info .title a:hover{color:var(--main); }
.list_news ul li .info .description{ font-size:14px; color:#666; line-height:1.8em;display: -webkit-box;  -webkit-line-clamp:2;  -webkit-box-orient: vertical; overflow: hidden;}

.show_news{background:#fff; }
.show_news .html{ padding-bottom:30px; margin-bottom:30px; font-size:16px; line-height:2em;  }
.show_news .html img{ max-width:100%; }
.show_news .title h1{font-size: 28px;  color: #111; margin-bottom: 20px; font-weight: normal; text-align: center;}
.show_news .title p{font-size: 16px;color: #666;text-align: center;display: flex; justify-content: center;}
.show_news .title p span{  margin-right:10px; margin-left:10px; }
.show_news .title{display: block; padding-top: 0px; margin-bottom: 30px;border-bottom: #ececec solid 1px;padding-bottom: 30px;}
.show_news .other{padding-top: 20px; padding-bottom: 20px;border-top: #eee solid 1px;}
.show_news .other{display: flex; justify-content: space-between}
.show_news .other .left{width: 100%; margin-bottom: 20px;}
.show_news .other .right{width: 100%; text-align: left;}
.show_news .other a{color: #52555a;font-size: 16px;}
.show_news .other a:hover{color: var(--main);}
.show_news .show_back{text-align: center;}
.show_news .show_back a{color: #fff; font-size: 18px;background:var(--main);display: inline-block; padding: 18px 45px;}
.show_news .video{ text-align:center; width:auto; margin:0 auto; margin-bottom: 30px;}

.page_contact{}
.page_contact .title{ margin-bottom:60px; }
.page_contact .title h2{ text-align:center; font-size:32px; color:#000; position:relative; }
.page_contact .title h2:after{content: ""; width: 50px; height: 4px; left: 50%; margin-left: -25px; background:var(--main); position: absolute;bottom: -20px;}
.page_contact .content{justify-content: space-between; display: block;}
.page_contact .content .left{ width:100%; margin-right: 0%;}
.page_contact .content .center{ width:100%;margin-right: 0%;}
.page_contact .content .right{ width:100%; }
.page_contact .content .item{background: #f6f6f6; border-radius: 10px; padding: 50px; text-align: center; transition-duration: 0.2s}
.page_contact .content .item i{ color:#222; font-size:32px; margin-bottom:15px;display:inline-block; }
.page_contact .content .item h3{ color:#222; font-size:24px; margin-bottom:15px;font-weight:normal; }
.page_contact .content .item p{ color:#222; font-size:16px; }
.page_contact .content .item:hover{background: var(--main);}
.page_contact .content .item:hover i{ color:#fff; }
.page_contact .content .item:hover h3{ color:#fff; }
.page_contact .content .item:hover p{ color:#fff; }
.page_contact .content .left .item{height: 120px; margin-bottom: 20px;}
.page_contact .content .center .item{height: 120px; margin-bottom: 20px;}
.page_contact .content .right .item{height: 370px;}
.page_contact .content .right .item img{ width:240px;display:block; margin:0 auto; margin-bottom:30px; }

#container{height: 650px; width: 100%;}
.contact_message{}
.contact_message .pagewidth{}
.contact_message .title{ margin-bottom:60px; }
.contact_message .title h2{ text-align:center; font-size:36px; color:#000; position:relative; }
.contact_message .title h2:after{content: ""; width: 50px; height: 4px; left: 50%; margin-left: -25px; background:var(--main); position: absolute;bottom: -20px;}

.contact_message .form{ background:#f6f6f6; padding:25px; border-radius:12px; }
.contact_message .layui-btn{background: var(--main); height: 50px;line-height: 50px;font-size: 16px; padding-left: 60px; padding-right: 60px;}
.contact_message .layui-textarea{height: 200px!important;padding:10px!important }
.contact_message .form .layui-input{background:#fff; line-height: 60px; height:60px; border-radius: 6px;border:none; font-size: 16px; padding-left: 20px;}
.contact_message .form .layui-textarea{background:#fff; border-radius: 6px;border:none; font-size: 16px; padding: 20px!important;}
.contact_message .two{display: block; justify-content: space-between;}
.contact_message .two .layui-input-block{ width:auto; margin-bottom: 20px;}
.contact_message .layui-input-block{margin-left:0!important; }
.contact_message .layui-form-item{ margin-bottom:20px; }
.contact_message .layui-form-item:after{display: none!important;}
.contact_message .layui-form-item:last-child{margin-bottom: 0}
.contact_message .submit{display: flex;justify-content: center; padding-top: 0px;}
.contact_message .submit .layui-btn{font-size: 18px; border-radius: 50px;}



.list_partners{background: #fff; }
.list_partners .pagewidth{}
.list_partners .pagewidth ul{display: flex; justify-content: space-between; flex-wrap: wrap;}
.list_partners .pagewidth ul li{width: 40%; padding: 4%; text-align: center; box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1); margin-bottom: 30px;}
.list_partners .pagewidth ul li .img{width: 120px; height: 120px; border-radius: 120px; margin: 0 auto; border:#ddd solid 1px; overflow: hidden; margin-bottom: 30px; }
.list_partners .pagewidth ul li img{ width:100%; height:100%; object-fit:contain; }
.list_partners .pagewidth ul span{ width:23.5%;display:block; height:0; }
.list_partners .pagewidth ul h3{font-size: 24px; margin-bottom: 10px; font-weight: bold;}
.list_partners .pagewidth ul .description{font-size:16px; color: #666; line-height: 1.8em; margin-bottom:25px; }
.list_partners .pagewidth ul .more a {color: var(--main); font-size: 16px;}



}
/*手机*/
@media screen and (max-width: 480px) {}
/*小尺寸手机*/
@media screen and (max-width: 320px) {}
/*横屏*/
@media all and (orientation : landscape) {} 
/*竖屏*/
@media all and (orientation : portrait){}