/*ç»Ÿä¸€çš„æ ·å¼*/
/* reset */
*{margin:0;padding:0;list-style:none; font-size: 16px; box-sizing: border-box;} /*é»˜è®¤å¤–è¾¹è· å’Œ 内边è·*/ /*去圆点*/
img{border:none; vertical-align:bottom; max-width: 100%}
input,textarea{-webkit-appearance: none;-webkit-user-select: auto;}
table {border-collapse:collapse;} /*边框会åˆå¹¶ä¸ºä¸€ä¸ªå•ä¸€çš„边框*/ /**/
button,input,select,textarea{font-size:100%;}/* 使得表å•å…ƒç´ 在 ie 下能继承å—ä½“å¤§å° */
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
/*å—体系列 å—ä½“å¤§å° å—ä½“æ ·å¼ å—体粗细 éƒ½ç»§æ‰¿çˆ¶å…ƒç´ */
.h1, .h2, .h3, .h4, .h5, .h6,span, h1, h2, h3, h4, h5, h6, p{margin: 0px; padding: 0px; font-size: inherit}
address,cite,dfn,em,var{font-style:normal;} /* å°†æ–œä½“æ‰¶æ£ */
/*input:focus{box-shadow: 0 0 10px #999; outline: none;} /*边框阴影*/ /*轮廓å–消*/
/* link */
a{text-decoration:none; color: inherit; transition: 0s;} /*清除超链接的下划线*/
a:hover{text-decoration:none; color: inherit;}
.clear{clear: both;} /*清除浮动*/
/*ç»Ÿä¸€çš„æ ·å¼*/
ol, ul, dl{margin: 0px;}
html body {
margin: 0px auto;
max-width: 1920px;
min-width: 320px;
font-size: 100%;
font-family: "微软雅黑", "Microsoft YaHei", "SimSun", "宋体";
}
main{font-size: 16px;}
.max-w-15{max-width: 1520px;margin: 0 auto;}
.max-w-12{max-width: 1200px;margin: 0 auto;}
.public-title p{margin-bottom: 8px; line-height: 1; text-transform: uppercase; font-size: 30px;font-family:"BASKERVILLEMTSTD-REGULAR";}
.public-title h3{font-size: 24px;}
@media screen and (max-width: 767px){
.public-title h3{font-size: 20px;}
.public-title p{font-size: 18px;}
}
/*=================å…¬å…±å¤´éƒ¨æ ·å¼ å¼€å§‹==========================*/
/* 首页顶部 */
.head-menu{width: 100%;height:96px; position: fixed;top: 0;left: 0;z-index: 99;}
.head-menu .max-w-15{display: flex; height: 100%;justify-content: center;position: relative;}
.head-menu .logo{display: block;width: 230px;position: absolute;left: 0;top: 50%;margin-top: -20px; height: 58px;background-image: url("../image/logo.png") ;background-repeat:no-repeat; background-position:center center; background-size: contain;}
@media screen and (max-width: 1500px){
.head-menu{padding: 0 20px;}
.head-menu .max-w-15{align-items: center;justify-content: space-between;}
.head-menu .logo{position: unset;margin: 0;}
}
@media screen and (max-width: 767px){
.head-menu{background: #fff;border-bottom:1px #eee solid;}
.head-menu .logo {background-image: url("../image/logo-r.png");}
}
@media screen and (max-width: 414px){
}
/* 导航 */
.head-menu {z-index: 999;}
.head-menu nav{display: flex;height: 100%;}
.head-menu nav dl dt a{position: relative; font-weight: normal; font-size: 16px;color: #fff;display: block;height:96px;line-height: 96px;width: 114px;text-align: center; transition: 0.3s;}
/* .head-menu nav dl:hover dt a{background:#f38422;} */
.head-menu nav dl dt a::before{content: "";opacity: 0; transition: 0.4s ease; position: absolute;z-index: -1; top: 0;left: 0;width: 100%;height: 0;background: #f38422;}
.head-menu nav dl:hover dt a::before,
.head-menu nav dl.active dt a::before{height:100%;opacity: 1; }
.head-menu.active nav dl.active dt a{color: #fff;}
.head-menu nav dl dd a{height: 0;overflow: hidden;opacity: 0; background: #fff; display: block; font-size: 16px;color: #6a6a6a;transition: 0.3s;border-bottom: #dadada;text-align: center;width: 114px;line-height: 54px;}
.head-menu nav dl dd:hover a{background: #3c3c3c;color: #fff;}
.head-menu nav dl:hover dd a{height: 54px;overflow: unset;opacity: 1;border-bottom: 1px solid #dadada;}
.head-menu nav dl dd:last-of-type a{border-bottom: none;}
@media screen and (max-width: 1200px){
.head-menu nav{display: none;}
}
/* å³ä¾§åŠŸèƒ½æ */
/* æœç´¢ */
.head-menu .slide-r{position: absolute;right: 0;top: 50%;transform: translateY(-50%);display: flex; align-items: center;}
.head-menu .slide-r span{margin-right: 10px;}
.head-menu .slide-r .search{cursor: pointer; position: relative; display: block; height:30px;width: 30px;background: url("../image/index-icon02.png") no-repeat center;}
.search-form{transform: scale(0,0); position: absolute;left: 0;top:40px;background: #fff;padding:30px 20px; z-index: 20;border: 1px solid #eee;}
.search-form form{width: 100%;height: 100%;}
.search-form.open{transform: scale(1,1);}
.search-form input{padding: 0 10px; margin-bottom: 20px; border: 1px solid #f38422;border-radius: 2px;width: 240px;height:40px;box-shadow: none;}
.search-form button{color: #fff; width: 240px;height: 40px;background:#f38422;border: none;}
@media screen and (max-width:1500px){
.head-menu .slide-r{position: unset;transform: unset;}
}
@media screen and (max-width:1200px){
.head-menu .slide-r{display: none;}
}
/* 微信 */
.head-menu .slide-r .weixin{cursor: pointer; display: block; height:30px;width: 30px;background: url("../image/index-icon01.png") no-repeat center;}
.head-menu .slide-r .weixin .pic{transition: 0.3s; background: #fff;padding:6px;position: absolute;left:50%;margin-left:-73px;width: 150px;position: relative;bottom: -40px;display: none;}
.head-menu .slide-r .weixin .pic::before{content: "";top: -7px;left: 50%;position: absolute; transform: translateX(-50%); width: 0;height: 0;border: 8px solid #fff;border-top-color: #fff;border-top: none;border-left-color: transparent;border-right-color: transparent;}
.head-menu .slide-r .weixin .pic img{display: block;margin-bottom:6px;width: 100%;object-fit: contain;}
.head-menu .slide-r .weixin .pic p{font-size: 14px;color: #555555;text-align: center;}
.head-menu .slide-r .weixin:hover .pic{display: block;}
/* ç”µè¯ */
.head-menu .slide-r .mobile{position: relative; font-size: 16px;font-weight: bold;color: #fff;padding-left: 50px;background: url("../image/index-icon03.png") no-repeat left 20px center;}
.head-menu .slide-r .mobile::before{content: "";left: 0;top: 50%;position: absolute;width: 1px;height: 12px;background: #fff;margin-top: -6px;}
@media screen and (max-width:1350px){
.head-menu .slide-r .mobile{display: none;}
}
@media screen and (max-width: 767px){
}
@media screen and (max-width: 414px){
}
/* 展开按钮 */
.m-menu-btn{transition: 0.3s; cursor: pointer; display: block;background: url("../image/menu.png") no-repeat center;height: 50px;width: 50px;display: none;}
.m-menu-btn.open{background: url("../image/close02.png") no-repeat center center;transition: .3s;}
.page-menu{display: none; position: fixed;top: 80px;left: 0; background: #fff;width: 100%;height: 100%;z-index: 18;}
.m-menu-btn:hover{opacity: 0.8;}
@media screen and (max-width: 1200px){
.m-menu-btn{display: block;}
}
@media screen and (max-width: 767px){
.m-menu-btn{background-size:28px ;width: 30px;height: 30px;}
.m-menu-btn.open{background-size:28px !important;}
}
/* 移动端导航 */
.mobile-nav-box { border-top: 1px solid #ccc; display: block;position: fixed;top:80px;right: 0px;z-index: 99;width:400px;height: 100%;background: #fff;box-shadow: 0 5px 10px rgba(0,0,0,.4);transform: translateX(110%);transform-origin: 0% 0%;transition: .4s ease;}
.mobile-meun-nav {position: absolute;top:0;bottom: 0px;width: 100%;overflow-y: scroll;}
.mobile-meun-nav ul li {border-bottom: 1px solid #f2f2f2;}
.mobile-meun-nav ul li .title a{display: block;}
.mobile-meun-nav ul li .title {position: relative;display: block;height: 56px;line-height: 56px;overflow: hidden;padding: 0px 20px 0px 40px;margin: 0px;font-size: 16px;color: #505050;font-weight: normal;letter-spacing: 1px;cursor: pointer;transition: .3s;}
.meun-nav ul li .tit.chose, .mobile-meun-nav ul li .title.active {color: #1b1b1b;}
.mobile-meun-nav ul li .title, .mobile-second-nav dd a {height: 50px;line-height: 50px;}
.mobile-meun-nav ul li .title.chose:before, .mobile-meun-nav ul li .title.active:before {border: none;background: #f38422;}
.mobile-meun-nav ul li .title:before {content: "";position: absolute;top: 50%;left: 15px;width: 10px;height: 10px;margin-top: -5px;border: 1px solid #505050;border-radius: 50%;transition: .3s;}
.mobile-meun-nav ul li .title i {float: right;margin-top: 18px;font-size: 18px;}
.fa-angle-up:before {content: "\f106";}
.mobile-second-nav {display: none;margin-bottom: 0px;}
.mobile-second-nav dd {border-top: 1px solid #f2f2f2;}
.mobile-meun-nav ul li .title, .mobile-second-nav dd a {height: 50px;line-height: 50px;}
.mobile-second-nav dd a {display: block;height: 56px;line-height: 56px;overflow: hidden;padding: 0px 10px 0px 45px;font-size: 16px;color: #505050;letter-spacing: 1px;cursor: pointer;}
.mobile-nav-box-show {transform: perspective(450px) rotateY(0deg);right: 0px;}
.search-btn {box-sizing: border-box;padding: 0px 20px;margin: 0px;background: #333;line-height: 56px;font-size: 16px;color: #fff;text-align: center;cursor: pointer;}
.search-btn i {margin-left: 10px;}
.fa-search:before {content: "\f002";}
.index-mobile-nav-box{width: 100%;}
@media screen and (max-width: 767px){
.mobile-nav-box-show {right: 0;}
.mobile-nav-box{width: 100%;top:0;}
.mobile-meun-nav{padding-top: 80px;}
.index-mobile-nav-box .mobile-meun-nav{padding-top: 60px;}
}
/* 移动端按钮 */
.m-btn{display: none;}
@media screen and (max-width: 1200px){
.m-search-btn{background: url("../image/icon12.png") no-repeat center center;width: 50px;height: 50px;margin-right: 10px;background-size: 40px;}
.m-search-btn.open{background: url("../image/close02.png") no-repeat center center;transition: .3s;}
.m-search-btn{display: block;}
.m-btn{display: flex;}
}
@media screen and (max-width: 767px){
.m-search-btn,
.m-search-btn.open{width: 30px;height: 30px;background-size:28px;}
.m-search-btn{margin-right: 14px;}
}
@media screen and (max-width: 500px){
}
/* 移动端æœç´¢ */
.search_box{z-index: 999; position: fixed; left: 0; top: 0; width: 100%; height: 100%; display: none; align-items: center; justify-content: center;}
.search_con {width: 100%;height: 100%;text-align: center;background: #434144;display: flex;align-items: center;justify-content: center}
.search_con h3 {margin-top: 2%;font-size: 48px;font-family: "Arial";color: #fff;line-height: 110%;text-transform: uppercase}
.search_con .layout {display: flex;justify-content: center;flex-direction: column;align-items: center}
.search_con form {margin-top: 6%;position: relative;max-width: 500px;width: 100%;display: flex;align-items: center;justify-content: flex-start;flex-wrap: wrap}
.search_con form .text {transition: 0.6s;font-size: 24px;color: #cfcfcf;width: 100%;line-height: 60px;padding: 0 5px;border: 1px solid #505050;border-left-color: transparent;border-right-color: transparent;background: transparent}
.search_con form .submit {margin-top: 10%;font-size: 24px;font-weight: bold;color: #fff;width: 100%;height: 60px;border: none;background: #f38422;text-transform: uppercase;cursor: pointer}
@media screen and (max-width: 1200px){
.search_con .layout{transform: translateY(-120px);}
.search_box { top: 80px;}
.search_con img {height: 60px;object-fit: contain;}
.search_con h3 {font-size: 42px;}
.search_con form {max-width: 450px;}
.search_con form .text {font-size: 20px;line-height: 55px;}
.search_con form .submit {font-size: 20px;height: 55px;}
}
@media only screen and (max-width: 768px) and (min-width: 0){
.search_con .layout{transform: translateY(-80px);}
.search_box {top: 60px;}
.search_con img {height: 40px;object-fit: contain;}
.search_con h3 {font-size: 28px;}
.search_con form {max-width: 420px;}
.search_con form .text {font-size: 16px;line-height: 48px;}
.search_con form .submit {font-size: 16px;height: 48px;}
}
@media only screen and (max-width: 500px) and (min-width: 0){
.search_con .layout{transform: translateY(-60px);}
.search_con form .submit{height: 36px;}
}
/* 首页轮æ’图 */
.banner{height: 920px;}
.banner .swiper-container {width: 100%;height: 100%;background-color: rgb(179, 189, 196);transition: 1s background-color 1.3s;}
.banner .swiper-wrapper {transition-delay: 1s;transition-timing-function: cubic-bezier(0.5, 0, 0, 1);}
.banner .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;}
.banner .img-box {width: 100%;height: 100%;position: absolute;transform: scale(0.9, 0.9);transition-duration: 1s;transition-property: transform;transition-timing-function: cubic-bezier(0.5, 0, 0, 1);opacity: 0.9;overflow: hidden;}
.banner .img-box img {width: 100%;height: 100%;object-fit: cover;transform: scale(1.1, 1.1) translateX(50%);transition-timing-function: cubic-bezier(0.5, 0, 0, 1);transition-property: transform;}
.banner .swiper-slide:first-of-type .img-box img{transform:translateX(0);}
@media screen and (max-width: 1200px){
.banner{height: 600px;}
}
@media screen and (max-width: 767px){
.banner {display: none;}
}
@media screen and (max-width: 414px){
}
/* 移动端banner */
.m-banner {display: none;}
.m-banner .swiper-slide{height: 75vh;}
.m-banner .swiper-slide img{width: 100%;height: 100%;object-fit: cover;}
.m-banner .swiper-pagination-bullet-active{background: #f38422;}
@media screen and (max-width: 767px){
.m-banner {display: block;}
}
/* 顶部白色背景 */
.head-menu.active{background: #fff;border-bottom: 1px solid #eee;}
.head-menu.active nav dl dt a{color: #6a6a6a;}
.head-menu.active .slide-r .mobile{color: #3c3c3c;}
.head-menu.active nav dl:hover dt a{color: #fff;}
.head-menu.active .logo{background-image: url("../image/logo-r.png");}
.head-menu.active .slide-r .weixin{background: url("../image/index-icon01-r.png") no-repeat center;}
.head-menu.active .slide-r .mobile{background: url("../image/index-icon03-r.png") no-repeat center left 20px ;}
.head-menu.active .slide-r .search{background: url("../image/index-icon02-r.png") no-repeat center;}
.head-menu.active .slide-r .mobile::before{border-left: 1px solid #b2b2b2;}
.head-menu.active .slide-r .search-form{top: 63px;}
.head-menu.active .slide-r .weixin .pic{bottom: -71px;}
@media screen and (max-width: 1200px){
.head-menu{height: 80px;}
}
@media screen and (max-width: 767px){
.head-menu{height: 60px;}
.head-menu .logo{width: 180px;}
}
@media screen and (max-width: 414px){
.head-menu .logo{width: 140px;}
}
/* 内页主图 */
.head-main-pic{padding-bottom: 27%;position: relative;margin-top: 96px;}
.head-main-pic img{position: absolute;width: 100%;height: 100%;left: 0;top: 0;display: block;object-fit: cover;}
.head-main-pic .public-title{text-align: center;color: #fff; position: absolute;z-index: 3;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.head-main-pic .public-title p{font-size: 48px;margin-bottom: 30px;}
.head-main-pic .public-title h3{margin-bottom: 20px; font-size: 48px;font-family: '宋体';font-weight: bold;}
.head-main-pic .public-title span{display: block;margin: 0 auto;font-size: 24px;letter-spacing: 20px;}
.head-main-pic .public-title small{font-size: 12px !important;letter-spacing: 10px;text-transform: uppercase;font-family:"BASKERVILLEMTSTD-REGULAR";}
@media screen and (max-width: 1400px){
.head-main-pic{padding-bottom: 36%;}
}
@media screen and (max-width: 1200px){
.head-main-pic{padding-bottom: 400px;margin-top: 80px;}
}
@media screen and (max-width:767px){
.head-main-pic{margin-top: 60px;display: none;}
}
/* å…³é”®å— */
.keywords{border-bottom: 1px solid #dadada;background: #fff;}
.keywords .max-w-12{display: flex;padding: 20px 0;align-items: center;justify-content: space-between; }
.keywords b{font-size: 14px !important;}
.keywords p a{display: inline;font-size: 14px !important;color: #414141;}
.keywords p a:hover{color:#f38422 ;}
.keywords form{border: 1px solid #bbbbbb;width: 400px;height: 42px;border-radius: 21px;display: flex;align-items: center;}
.keywords input{font-size: 14px; outline: none;box-shadow: none; width: 360px;border: none;box-shadow: none;height: 100%;padding-left: 20px;background: transparent;}
.keywords button{outline: none;box-shadow: none;width: 32px;height: 32px;border-radius: 50%;border: none;background: url("../image/search.png") #f38422 no-repeat center center;}
.keywords .word{display: none;}
.m-mianbaoxie{display: none;padding: 20px 10px;font-size: 14px;}
.m-mianbaoxie b{font-size: 14px !important;}
.m-mianbaoxie a{display: inline;font-size: 14px !important;color: #414141;}
@media screen and (max-width: 1200px){
.keywords .word{display: block;}
.keywords .max-w-12{padding:20px;}
.m-mianbaoxie{display: block;}
}
@media screen and (max-width: 767px){
.mianbaoxie{display: none;}
.keywords{display: none;}
.keywords .max-w-12{display: block;padding:20px;}
.keywords .max-w-12 p{text-align: center;margin-bottom: 10px;}
.keywords form{margin: 0 auto;height: 36px;width: 90%;max-width: 400px;padding-right: 6px;}
.keywords input{flex: 1;width: auto;}
.keywords button{width: 24px;height: 24px;background-size: 12px;}
.m-mianbaoxie{display: none;}
}
@media screen and (max-width: 500px){
.keywords .max-w-12{padding: 10px;}
.m-mianbaoxie{padding: 10px;}
}
/* 二级æ 目列表 */
.lanmu-type{background: #f7f7f7;display: flex;justify-content: space-between;align-items: center;height: 60px;border: 1px solid #d3d3d3;margin-top: 60px;}
.lanmu-type span{display: inline-block;padding-left: 30px;color: #626262;background: url("../image/icon-01.png") no-repeat left center;margin-left: 20px;}
.lanmu-type ul{height: 100%;display: flex;}
.lanmu-type li{height: 100%;}
.lanmu-type li>a{display: inline-block;height: 100%;line-height: 60px;color: #626262;text-align: center;padding: 0 20px;}
.lanmu-type li.active>a,
.lanmu-type li:hover>a{background: #3c3c3c;color: #fff;}
@media screen and (max-width: 1200px){
.lanmu-type{margin: 0px 20px 0 20px;}
}
@media screen and (max-width: 767px){
.lanmu-type span{display: none;}
.lanmu-type{background: none;border: none;height: auto;display: none;}
.lanmu-type li{background: #ececec;width: 33%;margin-right: 1px;margin-bottom: 1px; height: 40px;}
.lanmu-type li:nth-of-type(3n+3){margin-right: 0;}
.lanmu-type li>a{font-size: 14px;width: 100%;line-height: 40px;height: 40px; padding: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.lanmu-type ul{width: 100%;flex-wrap: wrap;}
}
@media screen and (max-width: 500px){
.lanmu-type{margin: 10px;}
}
/* 移动端 */
.m_page_nav{display: none;}
@media screen and (max-width: 1200px){
.m_page_nav{display: none;margin-top: 80px;margin-bottom: 20px;}
.m_page_nav li{width: 100%;}
.m_page_nav dl{display: block; border-top: 1px solid #bdbdbd;border-bottom: 1px solid #bdbdbd;}
.m_page_nav dl dt{font-weight: normal;background: #fff; transition: 0.6s; padding: 1.2% 20px; cursor: pointer; display: flex; align-items: center; justify-content: space-between;font-size: 14px;}
.m_page_nav dl dt span{transition: 0.6s; font-size: 18px; color: #434144; line-height: 200%;}
.m_page_nav dl dt i{transition: 0.6s; font-size: 20px; color: #f38422;}
.m_page_nav dl dd{display: none; border-top: 1px solid #bdbdbd; background: #fff;}
.m_page_nav dl dd a{display: block; font-size: 18px; color: #434144; line-height: 200%; padding: 1.2% 0; border-bottom: 1px solid #cecece; text-align: center;}
.m_page_nav dl dd a:last-child{border-color: transparent;}
.m_page_nav dl dd a.active{color: #c49763;}
}
@media screen and (max-width: 767px){
.m_page_nav{margin-top: 60px;display: block;}
.m_page_nav dl dt{padding: 1.6% 10px;}
.m_page_nav dl dt span{font-size: 18px;}
.m_page_nav dl dt i{font-size: 30px;}
.m_page_nav dl dd a{font-size: 16px; padding: 1.6% 0;}
}
@media screen and (max-width: 500px){
.m_page_nav dl dd a{font-size: 14px;}
.m_page_nav dl dt span{font-size: 16px;}
.m_page_nav dl dt{padding: 2.2% 10px;}
/* .m_page_nav dl dt span{font-size: 14px;} */
.m_page_nav dl dt i{font-size: 24px;}
.m_page_nav dl dd a{font-size: 14px; padding: 2.2% 0;}
}
/* 移动端产å“ç›é€‰ */
.page_nav_bd{background: #fff;display: none;}
.page_nav_bd li{width: 100%; padding: 11px 0; border: 1px solid #d3d3d3; border-top: none;}
.page_nav_bd li dl{display: flex; align-items: flex-start; justify-content: flex-start;}
.page_nav_bd li dl dt{padding: 0 44px; display: flex; align-items: center; justify-content: center;}
.page_nav_bd li dl dt span{display: block; min-width: 2em; position: relative; font-size: 16px; font-weight: bold; color: #626262; line-height: 100%; padding: 13px 0;}
.page_nav_bd li dl dt i{display: none; margin-left: 1%; font-size: 20px; color: #b3b3b3;}
.page_nav_bd li dl dd{display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap;}
.page_nav_bd li dl dd a{margin: 0 15px; display: block; font-size: 16px; color: #626262; line-height: 100%; padding: 10px 0; border-top: 3px solid transparent; border-bottom: 3px solid transparent;}
.page_nav_bd li dl dd a:hover,.page_nav_bd li dl dd a.active{border-bottom-color: #f8b62d;}
@media only screen and (min-width: 0) and (max-width: 1200px){
.page_nav_bd li{width: 100%; padding: 0; border: none;}
.page_nav_bd li dl{display: block;}
.page_nav_bd li dl dt{transition: 0.6s; padding: 2%; border: 1px solid #bdbdbd; border-bottom: none; cursor: pointer;}
.page_nav_bd li:last-child dl dt{border-bottom: 1px solid #bdbdbd;}
.page_nav_bd li dl dt span{transition: 0.6s; font-size: 18px; font-weight: normal; padding: 0;}
.page_nav_bd li dl dt i{transition: 0.6s; display: block;}
.page_nav_bd li dl dd{display: none; padding: 2% 0; border-left: 1px solid #bdbdbd; border-right: 1px solid #bdbdbd;}
.page_nav_bd li:last-child dl dd{border-bottom: 1px solid #bdbdbd;}
.page_nav_bd li dl dd a{margin: 0; font-size: 18px; padding: 2%; border: none; text-align: center;}
.page_nav_bd li dl dd a:nth-of-type(1){display: none;}
.page_nav_bd li dl dd a.active{color: #333;}
.page_nav_bd li.active dl dt{border-color: #f38422; background: #f38422;}
.page_nav_bd li.active dl dt span,.page_nav_bd li.active dl dt i{color: #fff;}
}
@media only screen and (min-width: 0) and (max-width: 768px){
.page_nav_bd {display: block;padding: 20px;}
.page_nav_bd li dl dt{padding: 2.3%;}
.page_nav_bd li dl dt span{font-size: 16px;}
.page_nav_bd li dl dd a{font-size: 16px; padding: 2.3%;}
}
@media only screen and (min-width: 0) and (max-width: 500px){
.page_nav_bd {padding: 10px;}
.page_nav_bd li dl dt{padding: 2.8%;}
.page_nav_bd li dl dt span{font-size: 14px;}
.page_nav_bd li dl dd a{font-size: 14px; padding: 2.8%;}
}
/*=================å…¬å…±å¤´éƒ¨æ ·å¼ ç»“æŸ============================*/
/*=================é¦–é¡µæ ·å¼ ===========================*/
/* ä¸é’¦é—¨çª— */
.index-content .box1{margin-top: 120px;}
.about-zhaopai .tit{display: flex;justify-content: space-between;margin-bottom: 60px;}
.about-zhaopai .public-title{padding-left: 40px;position: relative;}
.about-zhaopai .public-title::before{content: "";position: absolute;left: 0;top: 50%;width: 1px;height: 96px;margin-top: -48px;background: #f38422;}
.about-zhaopai .slide-r p{margin-bottom: 30px;}
.about-zhaopai .slide-r a{text-align: center; transition: 0.3s;color: #343434;font-size: 14px; display: block;background: url("../image/index-icon04.png") #eeeeee no-repeat center;width: 220px;border-radius: 19px;height: 38px;line-height: 38px;font-family: "BASKERVILLEMTSTD-REGULAR"; text-align: center;color: #343434;text-transform: uppercase;}
.about-zhaopai .slide-r a:hover{background: url("../image/index-icon05.png") #f38422 no-repeat center;color: #fff;}
.about-zhaopai .txt{margin-bottom: 60px;padding-left: 40px;}
.about-zhaopai .txt b{font-size: 18px;color: #000;margin-bottom: 24px;display: block;}
.about-zhaopai .txt p{font-size: 14px;color: #4e4e4e;line-height: 1.8;}
.about-zhaopai .txt p br{margin-bottom: 40px;}
.about-zhaopai .pic{width: 100%;height: auto;margin-bottom: 60px;}
.about-zhaopai .pic img{width: 100%;height: auto;display: block;}
.about-zhaopai ul{border-top: 1px solid #d8d8d8;border-bottom: 1px solid #d8d8d8;padding:30px 0;display: flex;justify-content: space-between;align-items: center;}
.about-zhaopai ul li::before{content: "";position: absolute;left: 70px;top: 50%;margin-top: -25px;width: 1px;height: 50px;background: #d8d8d8;}
.about-zhaopai ul li {padding-left: 100px;position: relative;}
.about-zhaopai ul li:nth-of-type(1){background: url("../image/index-icon06.png") no-repeat center left;}
.about-zhaopai ul li:nth-of-type(2){background: url("../image/index-icon07.png") no-repeat center left;}
.about-zhaopai ul li:nth-of-type(3){background: url("../image/index-icon08.png") no-repeat center left;}
.about-zhaopai ul li h6{font-size: 30px;font-family: '宋体';font-weight: bold;}
.about-zhaopai ul li h6 span{color: #f38422;}
.about-zhaopai ul li p{font-size: 14px;color: #888888;}
@media screen and (max-width: 1200px){
.index-content .box1{margin-top: 60px;padding: 0 20px;}
}
@media screen and (max-width: 767px){
.index-content .box1{margin-top: 30px;}
.about-zhaopai .tit{display: block;}
.about-zhaopai .public-title{padding-left: 0;margin: 0 auto;text-align: center;}
.about-zhaopai .public-title::before{display: none;}
.about-zhaopai .slide-r{display: none;}
.about-zhaopai .txt{padding-left: 0;margin-bottom: 20px;}
.about-zhaopai .txt b{font-size: 16px;text-align: center;margin-bottom: 10px;}
.about-zhaopai .tit{margin-bottom: 30px;}
.about-zhaopai .txt p{text-align: justify;}
.about-zhaopai .txt p br{display: none;}
.about-zhaopai .pic{margin-bottom: 20px;}
.about-zhaopai ul{display: block;padding:0;border:none;}
.about-zhaopai ul li::before{display: none;}
.about-zhaopai ul li{border-bottom: 1px solid #d8d8d8;padding:10px 0 10px 60px ;}
.about-zhaopai ul li:first-of-type{border-top: 1px solid #d8d8d8;}
}
@media screen and (max-width: 500px){
.about-zhaopai ul li{ background-size: 30px !important;}
.about-zhaopai ul li h6{ font-size: 18px;}
.about-zhaopai ul li{padding: 10px 0 10px 40px;}
.index-content .box1{padding: 0 10px;}
}
/* ä¸¥æ ¼åˆ¶é€ å±‚å±‚æŠŠå…³ */
.index-content .box2{background: url("../image/index-pic02.jpg") no-repeat center center;background-size: cover;padding: 100px 0;margin-top: 120px;}
.index-content .box2 .public-title{text-align: center; color: #fff;margin-bottom: 70px;}
.index-content .box2 .public-title h3{margin-bottom: 30px;}
.index-content .box2 .public-title span{font-size: 16px;color: #fff;}
.index-content .box2 ul{display: flex;max-width: 980px;margin: 0 auto;justify-content: space-between;}
.index-content .box2 ul li{cursor: pointer; transition: 0.3s; width:120px;text-align: center;padding-bottom: 30px;position: relative;color: #fff;padding-top: 150px;background-repeat: no-repeat;background-position: center top;background-size: contain;}
.index-content .box2 ul li:nth-of-type(1){background-image: url("../image/index-icon09.png");}
.index-content .box2 ul li:nth-of-type(2){background-image: url("../image/index-icon10.png");}
.index-content .box2 ul li:nth-of-type(3){background-image: url("../image/index-icon11.png");}
.index-content .box2 ul li:nth-of-type(4){background-image: url("../image/index-icon12.png");}
.index-content .box2 ul li:nth-of-type(1):hover{background-image: url("../image/index-icon09-r.png");}
.index-content .box2 ul li:nth-of-type(2):hover{background-image: url("../image/index-icon10-r.png");}
.index-content .box2 ul li:nth-of-type(3):hover{background-image: url("../image/index-icon11-r.png");}
.index-content .box2 ul li:nth-of-type(4):hover{background-image: url("../image/index-icon12-r.png");}
.index-content .box2 ul h5{font-size: 16px;line-height: 1.5;margin-bottom: 20px;}
.index-content .box2 ul h5 b{font-size: 24px;}
.index-content .box2 ul li::before{content: "";width: 20px;height: 2px;background: #bdbdbd;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);}
.index-content .box2 ul p{font-size: 14px;text-transform: uppercase;color: #a8a8a8;font-family: "BASKERVILLEMTSTD-REGULAR";}
@media screen and (max-width: 1200px){
.index-content .box2{margin-top: 60px;padding: 100px 20px;}
}
@media screen and (max-width: 767px){
.index-content .box2{margin-top: 30px;padding:60px 20px;}
.index-content .box2 .public-title{margin-bottom:40px;}
.index-content .box2 ul li{width: 20%;padding-top: 22%;}
}
@media screen and (max-width: 500px){
.index-content .box2 ul{flex-wrap: wrap;}
.index-content .box2 ul li{width: 50%;background-size:70px !important;padding-top: 80px;padding-bottom: 10px;margin-bottom: 20px;}
.index-content .box2 .public-title h3{margin-bottom: 10px;}
.index-content .box2 .public-title{margin-bottom: 20px;}
.index-content .box2{padding: 30px 10px 10px 10px;}
.index-content .box2 ul h5 b{font-size: 18px;}
.index-content .box2 ul h5{margin-bottom: 4px;}
.index-content .box2 ul p{font-size: 12px;line-height: 1;}
.index-content .box2 .public-title span{font-size: 14px;width: 80%;display: block;margin: 0 auto;}
}
/* 产å“推è */
.index-content .box3{margin-top: 120px;}
.index-content .box3 .public-title{text-align: center;color: #000;margin-bottom: 60px;}
.index-content .box3 ul li{float: left;}
.index-content .box3 ul li:hover a img{opacity: 0.9;transform: scale(1.01,1.01);}
.index-content .box3 ul li a{display: block;position: relative;width: 100%;overflow: hidden;}
.index-content .box3 ul li a img{display: block;width: 100%;height: 100%;object-fit: cover;position: absolute;left: 0;top: 0;transition: 0.5s;}
.index-content .box3 ul li a{padding-bottom: 37%;}
.index-content .box3 ul li:nth-of-type(1){margin-right: 1%;}
.index-content .box3 ul li:nth-of-type(1) a{padding-bottom: 76%;}
.index-content .box3 ul li:nth-of-type(2){margin-bottom: 1%;}
.index-content .box3 ul li a .tit{position: absolute;display: flex;align-items: center;justify-content: center;flex-direction: column; width: 100%;height: 100%; top:0;left:0;color: #fff;text-align: center;z-index: 3;background: rgba(0,0,0,.2);}
.index-content .box3 ul li a .tit h6{font-size: 24px;margin-bottom: 12px;}
.index-content .box3 ul li a .tit p{font-size: 24px;}
@media screen and (max-width: 1200px){
.index-content .box3{margin-top: 80px;}
}
@media screen and (max-width: 767px){
.index-content .box3{margin-top: 60px;padding:0 20px;}
.index-content .box3 .public-title{margin-bottom: 30px;}
.index-content .box3 ul li{width: 100%;margin-right: 4%;}
.index-content .box3 ul li:nth-of-type(1){width: 100%;margin: 0; margin-bottom: 10px;}
.index-content .box3 ul li:nth-of-type(1) a {padding-bottom: 50%;}
.index-content .box3 ul li a{padding-bottom: 70%;}
.index-content .box3 ul li a .tit h6{font-size:16px;margin-bottom:4px;}
.index-content .box3 ul li a .tit p{font-size: 14px;}
.index-content .box3 ul li:last-of-type{margin-right: 0;}
}
@media screen and (max-width: 500px){
.index-content .box3{margin-top: 40px;padding: 0 10px;}
}
/* 门窗百科 */
.index-content .box4{margin-top: 20px;background: #f4f4f4;padding: 110px 0;}
.index-content .box4 .public-title{text-align: center;color: #000;margin-bottom: 60px;}
.index-content .box4>a{margin-top: 20px; display: none;border-radius:15px ;height:30px ;width: 90px;color: #fff;text-transform: uppercase;text-align: center;line-height: 30px;background:#cb3438;margin: 0 auto;}
.encyclopedia .pic{height: 340px ;}
.encyclopedia .pic img{width: 100%;height: 100%;object-fit: cover;display: block;}
.encyclopedia .swiper-slide{display: flex;justify-content: space-between;}
.encyclopedia .swiper-slide a{display: block;}
.encyclopedia .swiper-slide .text{padding: 24px 20px;display: flex;justify-content: space-between;align-items: center;background: #fff;}
.encyclopedia .swiper-slide .text>div{width: 60%;}
.encyclopedia .swiper-slide .text h5{font-size:16px ;color: #202020;font-weight: bold;margin-bottom: 14px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.encyclopedia .swiper-slide .text p{font-size: 14px;color: #6a6a6a;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;height: 40px;}
.encyclopedia .swiper-slide .text span{display: block;transition: 0.3s;border-radius:15px ;height:30px ;width: 90px;color: #fff;text-transform: uppercase;text-align: center;line-height: 30px;background:#9e9e9e;}
.encyclopedia .swiper-slide .text span:hover{background: #cb3438;}
.encyclopedia .swiper-slide .small:nth-of-type(1){width: 34%;}
.encyclopedia .swiper-slide .small:nth-of-type(2){width: 64%;}
.encyclopedia{padding-bottom: 60px;}
.m-encyclopedia{display: none;}
.encyclopedia .swiper-pagination-bullet-active{background: #cb3438;}
@media screen and (max-width: 1200px){
.index-content .box4{padding: 80px 20px;}
.encyclopedia .small{display: none;}
.encyclopedia .big{width: 100%;}
}
@media screen and (max-width: 767px){
.index-content .box4{padding: 60px 20px;}
.index-content .box4 .public-title{margin-bottom: 30px;}
.encyclopedia .pic{height: 300px;}
.encyclopedia .swiper-slide .text{padding: 20px 10px;}
.encyclopedia .swiper-slide .text span{display: none;}
.encyclopedia .swiper-slide .text>div{width: 100%;}
.index-content .box4>a{display: block;}
.encyclopedia{padding-bottom: 30px;}
.encyclopedia{display: none;}
.m-encyclopedia{display: block;}
}
@media screen and (max-width: 500px){
.index-content .box4{padding: 40px 10px 30px 10px;}
.encyclopedia .pic{height: 200px;}
.encyclopedia .swiper-slide .text h5{margin-bottom: 4px;}
}
/* 门系列 — 简约 · 轻奢 */
.series-top .swiper-slide a{display: block;position: relative;padding-bottom: 37%;}
.series-top .swiper-slide>a img{position: absolute;object-fit: cover;width: 100%;height: 100%;left: 0;top: 0;}
.series-top .txt{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 20;width: 100%;}
.series-top .public-title{padding-bottom: 40px;color: #fff;position: relative;margin-bottom: 40px;transform: translateY(40px);opacity: 0;transition: 0.8s;}
.series-top .public-title::before{content: "";background: #f38422;width: 40px;height: 2px;left: 0;bottom: 0;position: absolute;z-index: 19;}
.series-top .txt>p{font-size: 16px;color: #fff;margin-bottom: 9%;opacity: 0;transition: 0.8s;transform: translateY(40px);}
.series-top .txt span{display: inline-block;color: #fff;padding-bottom: 10px;border-bottom: 1px solid #fff;}
.series-top .swiper-slide-active .public-title{transform: translateY(0);opacity: 1;}
.series-top .swiper-slide-active .txt>p{transform: translateY(0);opacity: 1;}
.series-box{background: #fff;border-bottom: 1px solid #e2e2e2;}
.series-bottom{background: #fff;width: 100%;margin-top: 40px;}
.series-bottom .swiper-slide {padding-bottom: 40px;cursor: pointer;}
.series-bottom .swiper-slide img{margin: 0 auto;display: block;margin-bottom: 20px;}
.series-bottom .swiper-slide p{color: #6a6a6a;font-size: 16px;text-align: center;}
.series-bottom .swiper-slide::before{content: "";bottom: 0;left: 50%;margin-left: -32px;transition: 0.5s; transform:scale(0,1);width: 64px;background: #f38422;height: 2px;position: absolute;}
.series-bottom .swiper-slide:hover::before{transform:scale(1,1);}
.series-bottom .swiper-slide-thumb-active::before{transform:scale(1,1);}
.series-bottom .swiper-slide-thumb-active p{color: #333333;}
@media screen and (max-width: 1200px){
.series-top .txt{padding:0 40px;}
.series-top .txt>p{margin-bottom: 30px;}
.series-top .public-title{padding-bottom: 20px;margin-bottom: 20px;}
.series-top .swiper-slide a{padding-bottom: 48%;}
.series-bottom .swiper-slide{padding-bottom: 30px;}
.series-bottom{margin-top: 30px;}
}
@media screen and (max-width: 767px){
.series-top .swiper-slide a{padding-bottom: 66%;}
}
@media screen and (max-width: 500px){
.series-bottom .swiper-slide {padding-bottom: 10px;}
.series-bottom .swiper-slide p{font-size: 14px;}
.series-bottom .swiper-slide img{margin-bottom: 8px;width: 40px;}
.series-bottom{margin-top: 10px;}
.series-bottom .swiper-slide::before{ margin-left: -20px;width: 40px;}
.series-top .swiper-slide a{padding-bottom: 300px;}
.series-top .txt>p{font-size: 14px;}
.series-top .txt{padding: 0 10px;}
}
/* æ–°é—»ä¸å¿ƒ */
.index-content .box6{background: #f4f4f4;padding: 110px 0;}
.index-content .box6 .tit{display: flex;justify-content: space-between; align-items: center;margin-bottom: 60px;}
.index-content .box6 .tit ul {display: flex;justify-content: flex-end;}
.index-content .box6 .tit ul li{margin-left: 30px;}
.index-content .box6 .tit ul li a{padding:8px 14px;border-radius:10px;display: block;transition: 0.5s;}
.index-content .box6 .tit ul li:hover a,
.index-content .box6 .tit ul li.active a{background: #cb3438;border-radius:19px ;color: #fff;}
.index-news {display: flex;}
.index-news .main-news{width: 49%;margin-right: 2%;background: #fff;}
.index-news .main-news a{display: block;}
.index-news .main-news .pic{padding-bottom: 20%;position: relative;padding-bottom: 55%;}
.index-news .main-news .pic img{position: absolute;width: 100%;height: 100%;display: block;left: 0;top: 0;object-fit: cover;}
.index-news .txt{padding: 30px;display: flex;}
.index-news .txt span{display: block;font-size: 48px; color: #454545;line-height: 1.2;}
.index-news .txt time{border-right:1px solid #cfcfcf ;width: 100px;color: #6a6a6a;padding-right: 30px;}
.index-news .txt h6{color: #202020;font-size: 16px;margin-bottom: 20px;}
.index-news .txt p{color: #6a6a6a;font-size: 14px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.index-news .txt>div{padding-left: 30px;flex: 1;}
.index-news ul li a{display: flex;align-items: center;height: 100%;padding: 0 30px;}
.index-news ul li:nth-of-type(3n+3){margin-bottom: 0 !important;}
.index-news ul li{background: #fff;transition: 0.2s;}
.index-news ul li:hover{background: #000;}
.index-news ul li:hover span,
.index-news ul li:hover time,
.index-news ul li:hover h6,
.index-news ul li:hover p{color: #fff;}
.index-news ul li:hover .txt{transition: 0.2s;}
.index-news-sw{flex: 1;}
.index-news-sw .txt{padding: 0;}
.index-news-sw .pic{display: none;position: relative;padding-bottom: 60%;width: 100%;}
.index-news-sw .pic img{position: absolute;width: 100%;height: 100%;object-fit: cover;left: 0;top: 0;}
.index-news-sw .swiper-pagination{display: none;}
.index-news-sw .swiper-pagination-bullet-active{background:#f38422 ;}
@media screen and (max-width: 1200px){
.index-content .box6{padding: 80px 20px;}
.index-content .box6 .tit ul{display: none;}
.index-content .box6 .public-title{text-align: center;margin: 0 auto;}
.main-news {display: none;}
.index-news-sw {padding-bottom: 40px;}
.index-news-sw .pic{display: block;}
.index-news ul li a{display: block;padding: 20px;}
.index-news-sw .txt{flex: 1;padding: 0 20px;margin-top: 30px;}
.index-news-sw .swiper-pagination{display: block;}
}
@media screen and (max-width: 767px){
.index-content .box6{padding: 60px 20px;}
.index-content .box6 .tit{margin-bottom:30px;}
}
@media screen and (max-width: 500px){
.index-content .box6{padding: 40px 10px 20px 10px;}
.index-news .txt span{font-size: 24px;}
.index-news .txt time{font-size: 14px;display: flex;align-items: center;justify-content: center;flex-direction: column;}
.index-news-sw .txt{ padding: 0; margin-top: 10px;}
.index-news .txt h6{margin-bottom: 8px;}
.index-news .txt time{padding-right: 12px;}
.index-news ul li a{padding: 10px;}
}
/*=================é¦–é¡µæ ·å¼ ç»“æŸ=============================*/
/*=================产å“ä¸å¿ƒæ ·å¼ 开始===========================*/
.main-content{background: #f4f4f4;padding: 60px 0;}
.main-content .lanmu-type{margin-top: 0;}
@media screen and (max-width: 1200px){
.main-content{padding: 20px 0;background: #fff;}
}
@media screen and (max-width: 767px){
.main-content{padding: 0;background: #fff;padding-bottom:30px;}
}
/* 产å“ç›é€‰ */
.product-type{margin:0 auto 60px;background: #fff;}
.product-type .tit{display: flex;justify-content: space-between;align-items: center;padding: 0 20px;height: 60px;border: 1px solid #d3d3d3;}
.product-type .tit span{display: inline-block;padding-left: 30px;color: #626262;background: url("../image/icon-01.png") no-repeat left center;}
.product-type .tit .more{display: inline-block;color: #626262;}
.product-type .type-detail{border: 1px solid #d3d3d3;border-top: none;height: auto;padding: 10px 40px;display: flex;color: #868686;}
.product-type .type-detail ul{display: flex;flex-wrap: wrap;flex: 1;}
.product-type .type-detail b{margin-right: 20px;color: #626262;display: block;width: 80px;}
.product-type .type-detail li{margin-right: 30px;position: relative;margin-bottom: 10px;}
.product-type .type-detail a{display: inline-block;}
.product-type .type-detail:first-of-type li.active::before,
.product-type .type-detail:first-of-type li:hover::before{transform: scale(1,1)}
.product-type .type-detail:first-of-type li::before{position: absolute;content: "";bottom: -10px;left: 50%;height: 4px;width: 30px;margin-left: -15px;background: #d32228;transition: .4s;transform: scale(0,1);}
.product-type .type-detail li.active a,
.product-type .type-detail li:hover a{color: #242424;}
@media screen and (max-width: 1200px){
.product-type{margin: 0 20px 40px;}
.product-type .type-detail{padding: 0 20px;}
.product-type .type-detail b{margin-right: 40px;}
}
@media screen and (max-width: 767px){
.product-type{display: none;}
}
/* 内页布局 */
.page-layout {display: flex;}
.page-layout .slide-l{flex: 1;margin-right: 30px;}
.page-layout .slide-r{width:300px;}
.page-layout .slide-l .list-box{display: flex;flex-wrap: wrap;}
@media screen and (max-width: 1200px){
.page-layout .slide-r{display: none;}
.page-layout .slide-l{margin-right: 0;flex: unset;width: 100%;}
.news-view{padding: 0 20px;}
}
/* æäº¤åŠ ç›Ÿä¿¡æ¯è¡¨å• */
.page-layout .slide-r .join-form{background-image: linear-gradient(to bottom, #1d1d1d 137px, #fff 0);padding: 30px 20px 20px 20px;margin-bottom: 30px;}
.page-layout .slide-r .join-form b{display: block;text-align: center;font-size: 18px;color: #fff;margin-bottom: 16px;}
.page-layout .slide-r .join-form p{font-size: 14px;text-align: center;color: #fff;margin-bottom: 22px;}
.page-layout .slide-r .join-form p span{display: inline-block;font-size: 18px;font-weight: bold;}
.page-layout .slide-r .join-form form{background: #fff;border: 1px solid #e4e4e4;border-radius: 6px;padding: 20px;}
.page-layout .slide-r #distpicker3{display: flex;flex-wrap: wrap;}
.page-layout .slide-r #distpicker3 select{border: 1px #dddddd solid;height: 36px;border-radius: 2px;margin-bottom: 12px;font-size: 14px;color: #757575;}
.page-layout .slide-r #distpicker3 select:nth-of-type(1){width: 100%;}
.page-layout .slide-r #distpicker3 select:nth-of-type(n+2){width: 48%;}
.page-layout .slide-r #distpicker3 select:nth-of-type(2){margin-right: 4%;}
.page-layout .slide-r form input{width: 100%;height: 36px;width: 100%;border: 1px solid #dddddd;border-radius: 4px;padding: 0 6px;margin-bottom: 12px;font-size: 14px;color: #757575;}
.page-layout .slide-r button{background: #f38422;color: #fff;height: 40px;width: 100%;border-radius: 4px;border: none;box-shadow: none;outline: none;}
/* 用户关注 */
/* å…¬å…±æ ·å¼ */
.public-layou1{background: #fff;margin-bottom: 30px;width: 100%;padding: 30px 20px;}
.public-layou1 .tit{display: flex;justify-content: space-between;align-items: center;margin-bottom: 24px;}
.public-layou1 .tit b{display: block;color: #333333;font-size: 24px;display: flex;align-items: center;}
.public-layou1 .tit b::before{content: "";width: 10px;height:24px;background-image: linear-gradient(to right, #ff8502 5px, #e61d4c 0 );margin-right: 10px;}
.public-layou1 .tit a{display: inline-block;font-size: 14px;color: #929292;}
.public-layou1 .tit a:hover{color: #d32228;}
.user-attention ul li a{transition: 0.3s; display: block;color: #5e5e5e;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;font-size: 14px;}
.user-attention ul li::before{content: ""; transition: 0.3s;background:#e3e3e3 ;width:6px ;height: 6px ;position: absolute;left: 0;top: 50%;margin-top: -3px;border-radius: 50%;}
.user-attention ul li{position: relative;padding-left: 16px;margin-bottom: 10px;}
.user-attention ul li:hover a{color: #f38422;}
.user-attention ul li:hover::before{background:#f38422 ;}
/* 近期çƒæœ */
.hot-search ul{display: flex;flex-wrap: wrap;}
.hot-search ul li{width: 48%;margin-right: 4%;margin-bottom: 4%;}
.hot-search ul li:nth-of-type(even){margin-right: 0;}
.hot-search ul li a{display: block;width: 100%;background: #efefef;color: #5e5e5e;padding: 12px 0;text-align: center;font-size: 14px;transition: 0.2s;}
.hot-search ul li :hover{color: #fff;background: #f38422;}
/* 看了åˆçœ‹ */
.see-again ul{display: flex;}
@media screen and (max-width:767px){
.see-again ul{flex-direction: column;}
}
.see-again ul li {margin-bottom: 30px;}
.see-again ul li a{display: block;}
.see-again ul li img{display: block;width: 100%;height: 190px;object-fit: contain;margin-bottom: 10px; padding: 10px;border: 1px solid #eee;}
.see-again ul li p b{display: block;font-size: 18px;color: #333333;margin-bottom: 8px;}
.see-again ul li p{color: #868686;font-size: 14px;text-align: center;}
.see-again ul li:last-of-type{margin-bottom: 0;}
/* åˆ†é¡µæ ·å¼ */
.fenye{display: flex;justify-content: center;margin: 60px 0;}
.fenye ul{display: flex; }
.fenye li a{height: 36px;line-height: 36px;padding: 0 15px;background: #cccccc;border-radius: 4px;display: block;margin-right: 6px;}
.fenye li a:hover{background: #f38422;color: #fff;}
.fenye select{width: 64px;padding-left: 16px;border-radius: 4px;}
.page-t{margin-top: 20px;}
.page-t .thisclass{padding: 4px 10px;background-color: #000;color: #fff;border-radius: 5px;}
.page-t ul{display: flex;justify-content: center;}
.page-t li {border: none;margin-right: 3px;}
.page-t li a{display: block;padding:4px 10px;text-align: center;background: #bbbbbb;border: none;border-radius: 5px;color: #fff;}
.page-t li a:hover{background-color: #000;}
/* å‚æ•° */
.pro-nav{display: none;padding: 20px;margin-bottom: 20px;}
.pro-nav-tit{background: #ccc;display: flex;height: 50px;margin-bottom: 1px;align-items: center;padding: 0 20px;justify-content: space-between;}
.pro-nav-tit a{display: block;}
.pro-nav-tit span{display: block;width: fit-content;}
.pro-nav-tit span i{font-size: 18px;margin-left: 6px;}
.pro-nav-list ul{width: 100%;}
.pro-nav-list ul li{width: 100%;margin-bottom: 1px;background: #eeeeee;display: flex;align-items: flex-start;}
.pro-nav-list ul li h4{padding:10px;color: #333333;white-space: nowrap;font-weight: bold;}
.pro-nav-list .slide-r a{margin-right: 10px; line-height: 1; display: block;padding:10px 8px;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #333333;}
.pro-nav-list .slide-r{display: flex;flex-wrap: wrap;border-left: 1px solid #fff;}
@media screen and (max-width:767px){
.pro-nav{padding: 0 20px;display: block;}
.pro-nav-tit{padding: 0 10px;}
.pro-nav-list ul li h4{font-size: 14px;}
.pro-nav-list .slide-r a{font-size: 14px;}
}
@media screen and (max-width:500px){
.pro-nav{padding: 0 10px;}
}
/* 产å“ä¸å¿ƒå†…容 */
.product-list .slide-l .list-box li{width: 48%;margin-right: 4%;margin-bottom: 4%;transition: 0.4s;}
.product-list .slide-l .list-box li:nth-of-type(even){margin-right: 0;}
.product-list .slide-l .pic{padding-bottom: 80%;position: relative;background: #fff;border: 1px solid #eee;}
.product-list .slide-l .pic img{position: absolute;width: 90%;height: 90%;left: 5%;top: 5%;object-fit: contain;}
.product-list .slide-l .txt{background: #fff;padding: 20px 0;}
.product-list .slide-l .txt h6{font-size: 18px; color: #333333;text-align: center;margin-bottom: 6px;font-weight: bold;}
.product-list .slide-l .txt p{color: #868686;text-align: center;font-size: 14px;}
.product-list .slide-l .list-box li:hover{box-shadow: 2px 2px 4px #cccccc;transform: translateY(-6px);}
@media screen and (max-width:1200px){
.product-list {padding: 0 20px;}
}
@media screen and (max-width:767px){
.product-list .slide-l .txt h6{font-size: 16px;margin-bottom: 0;}
.product-list .slide-l .txt{padding:10px 0;}
.product-list .slide-l .list-box li{margin-bottom: 10px;}
}
@media screen and (max-width:500px){
.product-list {padding: 0 10px;}
.product-list .slide-l .list-box li{width: 100% !important;margin-right: 0 !important;}
}
/* 产å“ä¸å¿ƒå†…页内容 */
.porduct-view .slide-l {background: #fff;padding: 20px;}
.porduct-view .box1{display: flex;margin-bottom: 60px;}
.porduct-view .box1>img{width: 58%;display: block;object-fit: cover;object-fit: contain;border: 1px solid #eee; padding: 10px;}
.porduct-view .box1 .txt{background: #f5f5f5;width: 42%;padding: 24px;}
.porduct-view .box1 .txt p b{color: #474443;font-size: 24px;display: block;}
.porduct-view .box1 .txt p{line-height: 1.8;color: #474443;font-size: 14px;margin-bottom: 10px;}
.porduct-view .box1 .txt strong{display: block;color: #3c3c3c;font-size: 18px;padding-left: 30px;background: url('../image/index-icon03-r.png') no-repeat center left;}
.porduct-view .box1 .txt hr{border-top: 1px solid #d8d8d8;}
.bdsharebuttonbox {display: flex;margin-bottom: 20px;}
.bdshare_popup_list{display: none !important;}
.bdshare_popup_box{display: none !important;;}
.bdsharebuttonbox a{background-position: left center !important;background-size: contain !important;background-repeat: no-repeat !important; clear: both !important;float: none !important;margin: 16px 0 0 0;width: 32px !important;height: 32px !important;line-height: 32px !important;padding:0 !important;display:inline-block;margin-right: 10px !important; }
.bdsharebuttonbox a:first-of-type{width: auto !important;background: none;}
.popup_qzone {background: url("../image/share03.png") !important;}
.bds_weixin {background: url("../image/share01.png") !important;}
.bds_tsina { background: url("../image/share02.png") !important;}
.popup_renren { background: url("../image/share04.png") !important;}
.popup_renren { background: url("../image/share04.png") !important;}
.popup_tqq{ background: url("../image/share05.png") !important;}
.change-pro a{display: inline-block;border: 1px solid #e6e6e6;text-align: center;padding:12px 16px;color: #797979;background: #fff;transition: 0.2s;}
.change-pro a:hover{background: #f38422;color: #ffff;border:1px solid #f38422;}
.change-pro a:first-of-type{margin-right: 16px;}
@media screen and (max-width: 1200px){
.porduct-view .box1 .txt p b{font-size: 20px;}
.bdsharebuttonbox a{width: 24px !important;height: 24px !important;line-height:20px !important;}
.porduct-view .box1 .txt{padding: 18px 20px;}
.change-pro a{padding: 8px 10px;font-size: 14px;}
.porduct-view .box1 .txt hr{margin: 10px 0;}
}
@media screen and (max-width: 767px){
.porduct-view .box1{display: block;}
.porduct-view .box1>img{width: 100%;}
.porduct-view .box1 .txt{width: 100%;}
.bdsharebuttonbox{margin-bottom: 10px;}
.porduct-view .box1{margin-bottom: 30px;}
}
@media screen and (max-width: 500px){
.bdsharebuttonbox{display: none;}
.porduct-view .box1 .txt {padding: 10px;}
.porduct-view .box1 .txt p b{font-size: 18px;}
.porduct-view .box1 .txt p{line-height: 1.5;}
.porduct-view .box1 .txt strong{font-size: 16px;}
.porduct-view .slide-l{padding: 20px 10px;}
}
/* 产å“å‚æ•° */
.porduct-view .box2 .public-title{margin-bottom: 30px;}
.porduct-view .box2>p{color: #474443;font-size: 16px;line-height: 2;}
.porduct-view .box2{padding-bottom: 30px;border-bottom: 1px solid #d8d8d8;margin-bottom: 30px;}
@media screen and (max-width: 767px){
.porduct-view .box2 .public-title{text-align: center; margin-bottom: 20px;}
.porduct-view .box2>p{font-size: 14px;}
.porduct-view .box2{ padding-bottom: 10px;}
}
/* 五金é…件 */
.porduct-view .box3{border-bottom: 1px solid #d8d8d8;padding-bottom: 20px;margin-bottom: 30px;}
.porduct-view .box3 .public-title{margin-bottom: 40px;}
.porduct-view .box3 img{display: block;height: auto;line-height: 1.5;}
@media screen and (max-width: 767px){
.porduct-view .box3 .public-title{text-align: center;margin-bottom: 20px;}
.porduct-view .box3{padding-bottom: 10px; margin-bottom: 20px;}
}
/* 产å“è‰²å¡ */
.box5{margin-top: 120px;}
.box5 .public-title{margin-bottom: 60px;text-align: center;}
.porduct-view .box4{margin-bottom: 30px;border-bottom: 1px solid #d8d8d8;padding-bottom: 20px;}
.porduct-view .box4 .public-title{margin-bottom: 30px;}
.porduct-view .box4 img{display: block;height: auto;width: 90%;margin: 0 auto;}
.porduct-view .box5 {display: flex;justify-content: space-between;}
.porduct-view .box5 a{display: inline-block;color: #787878;font-size: 16px;}
.porduct-view .box5 a:hover{color: #f38422;}
@media screen and (max-width: 767px){
.porduct-view .box4 .public-title{ text-align: center; margin-bottom: 20px;}
.porduct-view .box4{ padding-bottom:10px;margin-bottom:20px;}
.porduct-view .box5 a{font-size: 14px;}
}
/*=================产å“ä¸å¿ƒæ ·å¼ 结æŸ=============================*/
/*=================è£èª‰è¯ä¹¦æ ·å¼ 开始=============================*/
.honor{margin-top: 60px;}
.honor-list{display: flex;flex-wrap:wrap;}
.honor-list li{width: 32%;margin-right: 2%;margin-bottom: 20px;transition: .3s;background: #fff;}
.honor-list li:nth-of-type(3n+3){margin-right: 0;}
.honor-list li a{display: block;text-align: center;color: #333333;font-size: 16px;padding-bottom: 10px;}
.honor-list li .pic{padding-bottom: 74%;position: relative;margin-bottom: 10px;border: 1px solid #eee;}
.honor-list li .pic img{position: absolute;width: 90%;height: 90%;object-fit: contain;display: block;left: 5%;top: 5%;}
.honor-list li:hover{box-shadow: 2px 2px 4px #eee;transform: translateY(-6px);}
@media screen and (max-width: 1200px){
.honor{margin-top: 30px;padding: 0 20px;}
}
@media screen and (max-width: 767px){
.honor-list li:nth-of-type(3n+3){margin-right: unset;}
.honor-list li{width: 48%;margin-right: 4% !important;}
.honor-list li:nth-of-type(even){margin-right: 0 !important;}
}
@media screen and (max-width: 500px){
.honor{padding: 0 10px;}
.honor-list li{margin: 0 !important;margin-bottom: 10px !important;width: 100%;}
.honor-list li .pic{margin-bottom: 4px;}
.honor-list li a{font-size: 14px;}
}
/*=================è£èª‰è¯ä¹¦æ ·å¼ 结æŸ=============================*/
/*=================关于ä¸é’¦æ ·å¼ 开始=============================*/
.about {margin: 60px auto;}
.about .tit{align-items: center;}
.about .tit p{margin-bottom: 0;}
@media screen and (max-width: 1200px){
.about{padding: 0 20px;}
}
@media screen and (max-width: 767px){
.about{padding: 0 10px;}
.about{ margin: 30px auto;}
}
/*=================关于ä¸é’¦æ ·å¼ 结æŸ=============================*/
/*=================è”ç³»ä¸é’¦æ ·å¼ 开始=============================*/
.main-contact{background: #f4f4f4;padding: 60px 0;}
.main-contact .lanmu-type{margin-top: 0;}
.contact-content{background: #fff;margin-top: 60px;padding: 30px;}
.contact-content p{font-size:16px;color: #787878;line-height: 2;margin-bottom: 30px;}
.contact-content p b{color: #f38422;}
.contact-content .map{height: 470px;}
.contact-content .map #bmap{height: 100%;width: 100%;}
@media screen and (max-width: 1200px){
.main-contact{background: #fff;padding: 20px 0 ;}
.contact-content{margin-top: 0px; display: flex;flex-direction: column-reverse;padding: 20px;}
.contact-content p{margin: 0;margin-top: 30px;}
}
@media screen and (max-width: 500px){
.contact-content{padding: 20px 10px;}
.contact-content p{margin-top: 20px;line-height: 1.8;}
}
/*=================è”ç³»ä¸é’¦æ ·å¼ 结æŸ=============================*/
/*=================æ–°é—»ä¸å¿ƒæ ·å¼ 开始=============================*/
.news-list{margin-top: 60px;padding-bottom: 60px;}
.news-list .slide-l .news-list-box li{width: 100%;margin-bottom: 30px;transition: 0.3s;}
.news-list .slide-l .news-list-box li a{display: block;background: #fff;display: flex;}
.news-list .slide-l .pic{padding-bottom:27% ;width: 40%;position: relative;}
.news-list .slide-l .pic img{position: absolute;width: 100%;height: 100%;object-fit: cover;}
.news-list .slide-l .txt{padding: 30px;width: 60%;}
.news-list .slide-l .txt h6{transition: 0.3s; font-size: 18px;color: #202020;margin-bottom: 16px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news-list .slide-l .txt p{font-size: 14px;color: #6a6a6a;margin-bottom: 20px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.news-list .slide-l .txt .time{display: flex;justify-content: space-between;align-items: center;margin-bottom: 60px;}
.news-list .slide-l .txt .time time{color: #6a6a6a;font-size: 14px;}
.news-list .slide-l .txt .time span{display: inline-block;color: #6a6a6a;font-size: 14px;transition: 0.3s;}
.news-list .slide-l .txt .more{display: block;border-radius: 15px; text-transform: uppercase;height: 30px;width: 90px;text-align: center;line-height: 30px;font-size: 14px;color: #fff;background: #9e9e9e;}
.news-list .slide-l .news-list-box li:hover{box-shadow: 2px 2px 4px #ccc;}
.news-list .slide-l .news-list-box li:hover h6{font-weight: bold;}
.news-list .slide-l .news-list-box li:hover .more{background: #f38422;}
@media screen and (max-width: 1200px){
.news-list{padding: 0 20px;margin-top: 40px;}
.news-list .slide-l .news-list-box li{border: 1px solid #eee;}
.news-list .slide-l .txt{padding: 20px;}
.news-list .slide-l .txt .time{margin-bottom: 20px;}
.news-list .slide-l .txt p{margin-bottom: 10px;}
}
@media screen and (max-width: 767px){
.news-list .slide-l .news-list-box li a{display: block;}
.news-list .slide-l .pic{width: 100%;padding-bottom: 60%;}
.news-list .slide-l .txt .more{display: none;}
.news-list .slide-l .txt .time{margin-bottom: 0;}
.news-list{padding-bottom: 30px;}
}
@media screen and (max-width: 500px){
.news-list{padding: 0 10px;margin-top: 30px;padding-bottom: 30px;}
.news-list .slide-l .txt{padding:10px;}
.news-list .slide-l .txt h6{font-size: 16px;margin-bottom: 10px;}
.news-list .slide-l .news-list-box li{margin-bottom: 20px;}
}
/* 新闻内页 */
.news-view{margin-top: 60px;}
.news-view .slide-l .tit{padding-bottom: 30px;border-bottom: 1px solid #d8d8d8;display: flex;justify-content: space-between;align-items: flex-end;margin-bottom: 40px;}
.news-view .slide-l .tit h3{font-size: 30px;color: #434144;font-weight: bold;margin-bottom: 10px;}
.news-view .slide-l .tit p{color: #787878;font-size: 16px;}
.news-view .slide-l .tit .bdsharebuttonbox{margin-bottom: 0 !important;}
.news-view .slide-l .news-content{font-size: 16px;color: #787878;line-height: 2.5;padding-bottom: 40px;border-bottom: 1px solid #d9d9d9;margin-bottom: 40px;}
.news-view .slide-l .news-content img{display: block;margin: 0 auto;}
.news-view .slide-l .turn-page {margin-bottom: 40px;}
.news-view .slide-l .turn-page a{display: block;color: #787878;font-size: 16px;line-height: 2;transition: 0.2s;}
.news-view .slide-l .turn-page a:hover{color: #f38422;}
.news-view .slide-l .turn-page a:last-of-type{margin-top: 30px;background: #1d1d1d;color: #fff;width: max-content;padding: 6px 40px;position: relative;margin-left: 64px;}
.news-view .slide-l .turn-page a:last-of-type::before{content: "";background:url("../image/icon-01-r.png") #f38422 no-repeat center;width: 64px;height: 44px;position: absolute;left: -64px;display: block;top: 0;}
.news-join {margin-top: 60px; border:1px solid #ebebeb;border-top:2px solid #db214c;}
.news-join .title{background: #fafafa;padding: 30px;}
.news-join .title b{color: #333333;display: block;font-size: 24px;text-align: center;margin: 0 auto;}
.news-join .title b span{display: inline-block;color: #f38422;}
.news-join .title p{font-size: 18px;color: #333333;text-align: center;margin-top: 10px;}
.news-join .txt{background: #fff;padding: 20px 30px;display: flex;}
.news-join form{width: 54%;margin-right: 4%;padding-right: 30px;border-right: 1px solid #ebebeb;}
.news-join form p{font-size: 14px;color:#787878 ;margin-bottom: 20px;}
.news-join .form-group{display: flex;align-items: center;}
.news-join .form-group label{font-weight: normal;width: 80px;}
.news-join .form-group {font-size: 14px;font-weight: normal;color: #787878;}
.news-join .form-group input{flex: 1;height: 40px;border: 1px solid #dddddd;border-radius: 4px;padding: 0 6px;}
.news-join .form-group #distpicker2{flex: 1;}
.news-join #distpicker2{display: flex;}
.news-join #distpicker2 select{width: 32%;margin-right: 2%;height: 40px;border: 1px solid #dddddd;border-radius: 4px;padding: 0 6px;font-size: 14px;}
.news-join #distpicker2 select:last-of-type{margin-right: 0;}
.news-join button{width: 100%;background: #f38422;color: #fff;border: none;border-radius: 4px;height: 50px;font-size: 16px;}
.news-join .join-list{width: 50%;height:240px;}
.news-join .swiper-slide{font-size: 14px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news-join .swiper-slide span{color: #f38422;display: inline-block;}
.news-join .swiper-slide{height: auto; -webkit-box-sizing: border-box;}
@media screen and (max-width: 1200px){
.news-view .slide-l .tit{display: block;}
.news-view{margin-top: 40px;}
}
@media screen and (max-width: 767px){
.news-view .slide-l .tit{text-align: center;}
.news-view .slide-l .tit h3{font-size: 20px;}
.news-view .slide-l .tit p{font-size: 14px;}
.news-view .slide-l .tit .bdsharebuttonbox{width: max-content;margin: 0 auto;}
.news-view .slide-l .tit{padding-bottom: 20px;}
.news-view .slide-l .tit{margin-bottom: 20px;}
.news-view .slide-l .news-content{font-size: 14px;line-height: 1.5;padding-bottom: 20px;margin-bottom: 20px;text-align: justify;}
.news-view .slide-l .turn-page a{font-size: 14px;}
.news-view .slide-l .turn-page a:last-of-type::before{height: 40px;width: 36px;left: -36px;}
.news-view .slide-l .turn-page a:last-of-type{ margin:20px auto 0;}
.news-join{display: none;}
}
@media screen and (max-width:500px){
.news-view {margin-top: 30px;padding: 0 10px;}
}
/*=================æ–°é—»ä¸å¿ƒæ ·å¼ 结æŸ=============================*/
/*=================åœ¨çº¿ç•™è¨€æ ·å¼ å¼€å§‹=============================*/
.online-message {display: flex;margin-top: 60px;}
.online-message form{background: #fff;width: 63%;margin-right: 2%;padding: 4% 30px;}
.online-message .position-select{width: 100%;display: flex;}
.online-message .position-select select{background: #f5f5f5;height: 48px;width: 48%;margin-right: 4%;border: 1px solid #dcdcdc;padding:0 20px;margin-bottom: 30px;color: #757575;}
.online-message .position-select select:last-of-type{margin-right:0;}
.online-message form input{background: #f5f5f5;height: 48px;width: 48%;margin-right: 4%;border: 1px solid #dcdcdc;padding:0 20px;margin-bottom: 30px;}
.online-message form{display: flex;flex-wrap: wrap;}
.online-message form button{width: 170px;height: 60px;line-height: 60px;color: #fff;border: none;margin-right: 20px;transition: 0.2s;}
.online-message form button:hover{transform: translateY(-4px);box-shadow: 0 5px 6px #ccc;}
.online-message form button:nth-of-type(1){background: #f38422;}
.online-message form button:nth-of-type(2){background: #747474;}
.online-message form input:nth-of-type(2n+2){margin-right: 0;}
.online-message form textarea{width: 100%;height: 160px;border: 1px solid #dcdcdc;background: #f5f5f5;padding: 20px;margin-bottom: 20px;}
.online-message form p{color: #d93751;font-size: 14px;margin-bottom: 30px;}
/* 最新喜报 */
.online-message .latest-news{width: 35%;background: #000;}
.online-message .latest-news .public-title{margin-bottom: 40px;}
.online-message .latest-news .public-title p,
.online-message .latest-news .public-title h3{color: #fff;text-align: center;}
.online-message .latest-news{padding:4% 30px;}
.latest-news-sw{height: 300px;margin-bottom: 40px;}
.online-message .latest-news li {color: #c4c4c4;font-size: 14px;display: flex; border-bottom: 1px solid #404040;transition: .4s;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;align-items: center;}
.online-message .latest-news li.swiper-slide-active{border-top:1px solid #404040 ;}
.online-message .latest-news li:hover{border-bottom: 1px solid #808080;color: #fff;}
.online-message .latest-news li span{display: inline-block;color: #c4c4c4;margin-right: 30px;}
.online-message .latest-news>p{font-size: 14px;color: #fff;font-weight: bold;}
.online-message .latest-news>p span{color: #cea04d;display: inline-block;}
.online-message form button:last-of-type{margin-right: 0;}
@media screen and (max-width: 1200px){
.online-message{margin-top: 40px;padding: 20px;}
.online-message{display: block;}
.online-message form{width: 100%;border: 1px solid #eee;}
.online-message .latest-news{width: 100%;margin-top: 30px;}
}
@media screen and (max-width:767px){
.online-message{ margin-top: 20px;}
.online-message form{padding: 20px;}
.online-message .latest-news .public-title{margin-bottom: 30px;}
.latest-news-sw{margin-bottom: 20px;}
.online-message .latest-news{display: none;}
}
@media screen and (max-width: 500px){
.online-message{padding: 10px;}
.online-message form{padding:20px 10px;}
.online-message form button{width: 120px;height: 40px;line-height: 40px;font-size: 14px;}
.online-message form input:nth-of-type(3n+3){margin-right:auto;}
.online-message form input {width: 100%;margin-right: 0;}
.online-message form input:nth-of-type(2n+2){ margin-right: 0;}
.online-message form input[type=email]{width: 100%;}
.online-message form input{margin-bottom: 14px;height: 38px;padding: 0 6px;}
.online-message form input::placeholder{ font-size: 14px;}
.online-message form input{margin-right: 0;}
.online-message .position-select select{margin-bottom: 14px;height: 38px;padding: 0 6px;font-size: 14px;}
.online-message form textarea{height: 100px;padding:6px;margin-bottom: 14px;}
.online-message form p{ margin-bottom: 10px;}
}
/*=================åœ¨çº¿ç•™è¨€æ ·å¼ ç»“æŸ=============================*/
/* åŠ ç›Ÿ */
.join-content{margin-top: 60px;}
.policy>.public-title{text-align: center;margin-bottom: 60px;}
.policy .txt {display: flex;margin-bottom: 80px;}
.policy .txt .l-silde{width: 40%; background: url("../image/bg01.jpg") no-repeat center center; background-size: cover;padding:60px 30px 30px 30px;}
.policy .txt .l-silde p{color: #a4a4a4;font-size: 30px;}
.policy .txt .l-silde .public-title{margin-bottom: 40px;}
.policy .txt .l-silde .public-title h3{color: #fff;font-weight: bold;margin-top: 12px;line-height: 1.5;}
.policy .txt .l-silde>p small{font-size: 16px;color: #a9aaa9;display: block;}
.policy .txt .l-silde>p {color: #f38422;font-size: 30px;line-height: 1.5;margin-bottom: 50px;}
.policy .txt .l-silde .pic{display: block;height: auto;width: 100%;}
.policy .m{display: none;}
@-webkit-keyframes tada{
0%{-webkit-transform:scale(1);}
0%, 20%{-webkit-transform:scale(0.8) rotate(-3deg);}
0%, 50%, 70%, 90%{-webkit-transform:scale(1.2) rotate(8deg);}
0%, 60%, 80%{-webkit-transform:scale(1.2) rotate(-8deg);}
00%{-webkit-transform:scale(1) rotate(0);}
}
@-moz-keyframes tada{0%{-moz-transform:scale(1);}
10%, 20%{-moz-transform:scale(0.8) rotate(-8deg);}
30%, 50%, 70%, 90%{-moz-transform:scale(1.2) rotate(8deg);}
40%, 60%, 80%{-moz-transform:scale(1.2) rotate(-8deg);}
100%{-moz-transform:scale(1) rotate(0);}}
.policy .txt .r-silde{width: 60%;background: #fff;padding: 30px 50px;}
.policy .txt .r-silde ul{display: flex;flex-direction: column;justify-content: space-between;}
.policy .txt .r-silde li{cursor: pointer; padding: 20px 0; border-bottom: 1px solid #d9d9d9;font-size: 18px;font-weight: bold;color: #f38422;display: flex;justify-content: space-between; align-items: center;}
.policy .txt .r-silde li span{display: block;color: #000;text-transform: uppercase;margin-bottom: 10px;}
.policy .txt .r-silde li img{display: block;}
.policy .txt .r-silde li:hover img{-webkit-animation: tada 0.8s .1s ease both;-moz-animation: tada 0.8s .1s ease both;}
.advantage{background: url('../image/bg03.jpg') no-repeat center center; background-size: cover;padding: 8% 0 ;}
.advantage .public-title{color: #fff;padding-bottom: 50px;position: relative;margin-bottom: 50px;}
.advantage .public-title::before{content: "";bottom: 0;left: 0;background:#c83236;width: 40px;height: 2px;position: absolute;}
.advantage .txt{color: #fff;font-size: 16px;line-height: 2; margin-bottom: 50px;}
.advantage .design_btn{cursor: pointer; transition: 0.3s;background: #f38422;color: #fff ;display: block;width: 110px;text-align: center;border-radius: 18px;line-height: 36px;font-size: 14px;}
.requirements {margin-top:60px;}
.requirements .public-title{text-align: center;margin-bottom: 60px;}
.requirements ul{display: flex;justify-content: space-between;align-items: flex-start;flex-wrap: wrap;}
.requirements li {cursor: pointer; width: 19%;margin-right: 2%;margin-bottom: 40px;}
.requirements li:nth-of-type(4n+4){margin-right: 0;}
.requirements li span{display: block;transition: .1s linear; position: relative; border-radius: 50%;width: 100px;height: 100px;margin: 0 auto;background-repeat: no-repeat;background-position: center center; background-color:#1d1d1d;}
.requirements li:nth-of-type(1) span{background-image: url('../image/icon08.png');}
.requirements li:nth-of-type(2) span{background-image: url('../image/icon09.png');}
.requirements li:nth-of-type(3) span{background-image: url('../image/icon10.png');}
.requirements li:nth-of-type(4) span{background-image: url('../image/icon11.png');}
.requirements li:nth-of-type(5) span{background-image: url('../image/icon012.png');}
.requirements li:nth-of-type(6) span{background-image: url('../image/icon13.png');}
.requirements li:nth-of-type(7) span{background-image: url('../image/icon14.png');}
.requirements li:nth-of-type(8) span{background-image: url('../image/icon15.png');}
.requirements li b{display: block;text-align: center;font-size: 24px;color: #f38422;margin: 10px 0;}
.requirements li p{color: #888888; text-align: center;font-size: 16px;}
.requirements li:hover span{transform: scale(1.05,1.05) translateY(-10px);}
@media screen and (max-width:1200px){
.policy {padding: 0 20px;}
.requirements ul{padding: 0 20px;}
.advantage {margin: 0 20px;}
.advantage .public-title{text-align: center;}
.advantage .public-title::before{left: 50%;margin-left: -20px;}
.advantage .txt{text-align: justify;width: max-content;margin: 0 auto;}
.advantage .design_btn{margin: 0 auto;}
}
@media screen and (max-width:1024px){
.policy .txt .l-silde{width: 100%;}
.policy .txt{display: block;}
.policy .txt .r-silde{width: 100%;padding: 30px 0;}
}
@media screen and (max-width:767px){
.policy>.public-title{margin-bottom: 30px;}
.policy .txt .l-silde{padding:30px 20px;}
.policy .txt .l-silde .public-title{text-align: center;}
.policy .txt .l-silde .public-title{margin-bottom: 20px;}
.policy .txt .l-silde>p{font-size: 18px;}
.policy .txt .l-silde>p{display: none;}
.policy .m{display: block !important ;text-align: center;margin: 20px 0 0 0 !important;}
.policy .m span{font-size: 16px;color: #a9aaa9;display: inline-block;margin-right: 10px;}
.policy .txt .r-silde li{padding: 10px 0;}
.policy .txt .r-silde li span{font-size: 14px;}
.policy .txt .r-silde li img{width: 30px;}
.policy .txt .r-silde li p{font-size: 14px;}
.policy .txt .r-silde li span{margin-bottom: 6px;}
.policy .txt{margin-bottom: 0;}
.advantage .public-title{padding-bottom: 10px;}
.advantage .public-title{margin-bottom: 20px;}
.advantage .txt{font-size:14px;margin-bottom: 20px;}
.requirements li{width: 30%;margin-right: 5% !important;}
.requirements li:nth-of-type(3n+3){margin-right: 0 !important;}
.requirements li p{font-size: 14px;}
.requirements li span{width: 80px;height: 80px;}
.requirements li span{background-size: 40px;}
.requirements .public-title{margin-bottom: 30px;}
.requirements{margin-top: 30px;}
.join-content{margin-top: 30px;}
}
@media screen and (max-width:500px){
.policy .txt .l-silde .public-title h3{font-size: 16px;}
.policy .txt .l-silde p{font-size: 20px;}
.requirements ul{padding: 0 10px;}
.requirements li{width: 50%;padding: 0 10px;margin: 0 0 10px 0 !important;}
.advantage .design_btn{line-height: 32px;}
.advantage .txt{width: auto;}
.advantage{margin: 0 10px;padding: 50px 30px;}
.policy{padding:0 10px;}
.policy .txt .l-silde{padding: 30px 10px;}
}
/*=================å…¬å…±å°¾æ ·å¼ å¼€å§‹===========================*/
footer{background: #000;}
.footer-h{padding: 3% 0;border-bottom:1px solid #333333;}
.footer-h>img{display: block;margin: 0 auto;margin-bottom: 50px;}
footer .footer-h ul{display: flex;width: 80%;margin: 0 auto;justify-content: center;}
footer .footer-h li{margin-right:6%; }
footer .footer-h li:last-of-type{margin-right: 0;}
footer .footer-h li a{color: #7d7c7d;font-size: 14px;display: inline-block;}
footer .footer-m{color: #a9aaa9;font-size: 14px;padding: 3% 0;}
footer .footer-m p{margin-bottom: 6px;text-align: center;color: #a9aaa9;}
footer .footer-f{background: #1b1b1b;height: 70px;line-height: 70px;}
footer .footer-f p{font-weight: bold;font-size: 14px;color: #7d7c7d;}
footer .footer-f a{color: #7d7c7d;display: inline-block;height: 100%;font-size: 14px;font-weight: normal;margin-right: 10px;}
footer .footer-f a:hover{color: #fff;}
footer .footer-h li a:hover{color: #fff;}
.footer-m a{font-size: 14px;}
.m-f-txt{display: none;}
.br{display: none;}
@media screen and (max-width:1200px){
footer .footer-h ul{display: none;}
.footer-h>img{ margin-bottom: 0;}
footer .footer-f{ display: none;}
}
@media screen and (max-width:767px){
.footer-h{display: none;}
.footer-m .f-txt{display: none;}
.m-f-txt{display: block;font-size: 16px !important;font-weight: bold;}
footer .footer-m{padding: 20px 10px;
}
.br{display: block;}
footer{margin-bottom: 75px;}
}
@media screen and (max-width:500px){
footer .footer-m p{font-size: 14px;margin-bottom: 4px;text-align: left;}
footer{margin-bottom: 60px;}
}
/* æ‚¬æµ®åœ¨çº¿å®¢æœ */
.customer-service {position: fixed;right: 20px;bottom: 20%;width:auto;height: auto;z-index: 99;}
.customer-service .close-btn{transition: 0.5s; cursor: pointer; background:url("../image/close.png") #000 no-repeat center;transition: 0.3s; width: 30px;height: 30px;margin: 0 auto;display: block;border-radius: 50%;margin-bottom: 30px;position: relative;}
.customer-service .close-btn.rota{transform: rotate(45deg);position: absolute;left: 5px;margin: 0;top: 50%;margin-top: -15px;}
.customer-service .close-btn.rota::after{display: none;}
.customer-service .close-btn:hover{background:url("../image/close.png") #f38422 no-repeat center;}
.customer-service .close-btn.rota:hover{border: 1px solid #fff;}
.customer-service .content::before{content: "";display: block;width: 2px;height: 30px;background: #000;position: absolute;top: -30px;left: 50%;margin-left: -1px;}
.customer-service .content{position: relative; margin-bottom: 10px; border-radius: 10px; width: 100%;background: url("../image/bg.png") #000 no-repeat center;background-size: cover;padding-top: 30px;}
.customer-service .content>img{display: block;margin: 0 auto;}
.customer-service .content>img:first-of-type{margin-bottom: 10px;}
.customer-service .content a{transition: 0.3s; background:#fff ;color: #f38422;display: block;width: 90px;height: 28px;text-align: center;border-radius: 14px;line-height: 28px;font-size: 14px;margin: 0 auto;}
.customer-service .content a:hover{background:#f38422 ;color: #fff;}
.customer-service .content .consult{margin-bottom: 10px;}
.customer-service .content .join{margin-bottom: 20px;}
.customer-service .content>img:last-of-type{margin-bottom: 20px;width: 100px;}
.customer-service .content .phone{border-radius: 0 0 10px 10px; background: #f38422;text-align: center;color: #fff;font-size: 14px;padding: 20px 10px;line-height: 2;position: relative;}
.customer-service .content .phone::before{content: "";position: absolute; z-index: 2;top: 0; width: 0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top: 8px solid #000;margin-left: -8px;left: 50%;}
.customer-service .content .phone b{font-size: 18px;}
.customer-service .content p{margin-bottom: 20px;color: #fff;font-size: 12px;text-align: center;font-weight: bold;}
.customer-service .go-top{cursor: pointer; display: block;text-align: center;padding: 10px 42px;background:#f38422 ;color: #fff;font-size: 14px;font-weight: bold;border-radius: 20px;}
@media screen and (max-width:767px){
.customer-service{display: none;}
}
/* å³è¾¹åŠŸèƒ½æ */
.aside{display: none;}
@media screen and (max-width:767px){
.aside{display: block;}
.aside ul li{position: relative; width: 25%;height: 75px;}
.aside ul li .fix_box{width: 100%; height: 100%; border: 1px solid #bebebe; background: #fff;}
.aside ul li .fix_box>a{font-size: 14px !important;color: #fff !important; width: 100%; height: 100%; font-size: 12px; color: #434144; display: flex; justify-content: center; flex-direction: column; align-items: center;}
.aside ul li i{display: block; width: 34px; height:36px; margin: 0 auto 5px; overflow: hidden;background-size: contain;background-position: center center; background-repeat: no-repeat;}
.aside ul li:nth-of-type(1) i{background-image: url("../image/aside_ico1_h.png");}
.aside ul li:nth-of-type(2) i{background-image: url("../image/aside_ico2_h.png");}
.aside ul li:nth-of-type(3) i{background-image: url("../image/aside_ico3_h.png");}
/* .aside ul li:nth-of-type(4) i{background-image: url("../images/aside_ico4_h.png");} */
.aside ul li:nth-of-type(4) i{background-image: url("../image/aside_ico5_h.png");}
.aside ul .go_top{display: none;}
.aside ul li .fix_box {border: none;border-top: 1px solid #bebebe;border-right: 1px solid #bebebe;background: rgba(0,0,0,.8);}
.aside ul li:nth-of-type(1) .fix_box{border-left:1px solid #bebebe ;}
.aside ul {top: 100%;right: 0;transform: translateY(-100%);width: 100%;display: flex;align-items: center;justify-content: center;z-index: 19; position: fixed;}
}
@media screen and (max-width:500px){
.aside ul li{height: 60px;}
.aside ul li i{height: 28px;width: 28px;}
}
/* 在线留言 */
.design_box{z-index: 999; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); display: none; align-items: center; justify-content: center;}
.design_con{position: fixed; background: #fff; display: flex; align-items: center; justify-content: center;}
.design_con .will_close{z-index: 99; display: block; position: absolute; left: 100%; top: 0; width: 48px; height: 48px; background: url("../image/close03.png") #f38422 center no-repeat; cursor: pointer;background-size: 32px; }
.design_form{width: 100%; display: flex; align-items: stretch; justify-content: space-between;}
.design_left{width: 820px; padding: 70px 40px;}
.design_left .content{margin-top: 40px; display: flex; align-items: stretch; justify-content: space-between;}
.design_left .content .design_pic{display: block; position: relative; width: 42.973%; padding: 19% 0; height: 100%; overflow: hidden;}
.design_left .content .design_pic img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}
.design_left .content ul{width: 51.3514%; display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap;}
.design_left .content ul li{margin-top: 20px; width: 100%;}
.design_left .content ul li:nth-of-type(1){margin-right: 5.263%;}
.design_left .content ul li:nth-of-type(-n+2){margin-top: 0; width: 47.3685%;}
.design_left .content ul li .text{transition: 0.6s; font-size: 14px; color: #979797; width: 100%; height: 46px; padding: 0 14px; border: 1px solid #bebebe;}
.design_left .content ul li .text::-webkit-input-placeholder{color: #979797;}
.design_left .content ul li .design_sex{background:#fff 90% center no-repeat; cursor: pointer;}
.design_left .content ul li .design_address{display: flex; align-items: center; justify-content: space-between;}
.design_left .content ul li .design_address input{transition: 0.6s; font-size: 14px; color: #979797; width: 100%; height: 46px; padding: 0 14px; border: 1px solid #bebebe;}
.design_left .content ul li input[type='text']:focus{border-color: #f38422; box-shadow: 0 0 10px rgba(226, 41, 35, 0.5);}
.design_left .content ul li .form_btn{transition: 0.6s; font-size: 16px; font-weight: bold; color: #fff; width: 100%; height: 58px; border: none; background: #f38422; cursor: pointer;}
.design_left .content ul li textarea{width: 100%;height: 60px;order: 1px solid #bebebe;padding: 14px;color: #979797;}
.design_left .content ul li textarea::placeholder{font-size: 14px;color: #979797;}
.ind_tit figure{display: block;margin: 0 auto;max-width: 300px;width: 100%;text-align: center;overflow: hidden;}
.ind_tit h4 span {position: relative;display: block;padding: 0 12px;}
.ind_tit h4 span::after { z-index: -1; position: absolute; right: 100%; top: 50%; content: ""; width: 150px; height: 1px; background: #bebebe;}
.ind_tit h4 span::before {z-index: -1;position: absolute;left: 100%;top: 50%;content: "";width: 150px;height: 1px;background: #bebebe;}
.ind_tit h3{font-size: 30px;color: #000;line-height: 100%;text-align: center;}
.ind_tit h4 {margin-top: 15px;display: inline-block;font-size: 14px;font-family: "Arial";color: #787878;line-height: 100%;text-align: center;text-transform: uppercase;}
@media screen and (max-width: 1200px){
.design_con .will_close, .design_con2 .will_close{right: 0px;top: 0px;left: unset;}
.design_left .content ul, .design_left2 .content ul{width: 100%;}
.design_left .content ul li:nth-of-type(-n+2), .design_left2 .content ul li:nth-of-type(-n+2) {margin-top: 0;width: 47.3685%;}
.design_left .content ul li .design_sex, .design_left2 .content ul li .design_sex { background-position: 95% center;}
.design_left .content ul li .design_address select, .design_left2 .content ul li .design_address select {background-position: 95% center;}
.design_left .content ul li .text, .design_left2 .content ul li .text {font-size: 14px;height: 38px;}
.design_left .content ul {width: 100%;}
.design_left .content .design_pic, .design_left2 .content .design_pic {display: none;}
}
@media screen and (max-width: 767px){
.design_left .content ul li .form_btn{height: 38px;font-size: 14px;}
.design_left .content, .design_left2 .content { margin-top: 6%;}
.ind_tit h3 {font-size: 20px;}
.design_con, .design_con2 { width: 90%;}
.design_left, .design_left2 {padding: 8% 4%;}
.design_con .will_close, .design_con2 .will_close {width: 30px;height: 30px;background-size: 42%;}
}
/*=================å…¬å…±å°¾æ ·å¼ ç»“æŸ=======================*/
/*=================éƒ¨åˆ†å…¬å…±æ ·å¼ å¼€å§‹==========================*/
.wrapper {
width: 100%;
min-width: 320px;
margin: auto;
overflow: hidden;
}
.layout {
box-sizing: border-box;
width: 100%;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
}
@media only screen and (max-width: 1200px){.layout{padding-left: 15px; padding-right: 15px;}}
.clearfix::after{
clear: both;
content: '';
width: 0px;
height: 0px;
overflow: hidden;
display: block;
}
.ulclearfix ul::after{
display: block;
overflow: hidden;
clear: both;
width: 0px;
height: 0px;
content: '';
}
.liclearfix li::after{
display: block;
overflow: hidden;
clear: both;
width: 0px;
height: 0px ;
content: '';
}
body .swiper-container{overflow: hidden;}
/*=================éƒ¨åˆ†å…¬å…±æ ·å¼ ç»“æŸ===================================*/
/* joan */
.joan_video{width:1200px;margin:5% auto;position:relative;z-index:99;}
.joan_video ul{
width:100%;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: flex-start;
}
.joan_video ul li{
width:32%;margin-right:2%;
cursor:pointer;
}
.joan_video ul li:hover p{color:#f38422;}
.joan_video ul li:nth-of-type(n+4){margin-top:20px;}
.joan_video ul li:nth-of-type(3n){margin-right:0;}
.joan_video ul li div{
padding-bottom: 20px;
position: relative;
}
.joan_video ul li div figure{
display: block;
width: 100%;
position: relative;
padding: 45% 0;
}
.joan_video ul li div figure:before{
content:'';
opacity:1;
display:block;
position:absolute;
top:50%;
left:50%;
transform:translateX(-50%) translateY(-50%);
width:40px;
height:40px;
background:url("../image/open_video.png") no-repeat;
background-size:contain;
z-index:3;
}
.joan_video ul li div figure img{
width: 100%;
height: 100%;
display: block;
position: absolute;
object-fit: cover;
left: 0;
top: 0;
}
.joan_video ul li div p{
font-size: 14px;
color: #fff;
width: 90%;
padding: 12px 10px;
background-color: #000;
border-bottom: 3px solid #cc3c40;
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
text-align: center;
transition:.4s all;
}
.joan_video .shipin{
display:none;
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background-color:rgba(0, 0, 0, 0.5);
z-index:9;
}
.joan_video .shipin div{
position:fixed;
top:50%;
left:50%;
transform:translateX(-50%) translateY(-50%);
width:600px;
height:400px;
}
.joan_video .shipin div iframe{width:100%;height:100%;}
.joan_video .shipin i{
position: absolute;
top:0;
right:0;
width:30px;
height:30px;
background:url("../image/xx.jpg") no-repeat;
background-size:contain;
cursor:pointer;
}
@media only screen and (max-width: 1200px){
.joan_video{width:100%;padding:0 2%;}
}
@media only screen and (max-width: 768px){
.joan_video .shipin div{width:96%;}
.joan_video ul li{width:49%;margin-right:2%!important;}
.joan_video ul li:nth-of-type(n+3){margin-top:15px;}
.joan_video ul li:nth-of-type(2n){margin-right:0!important;}
.joan_video ul li div p{padding:8px;}
}
@media only screen and (max-width: 420px){
.joan_video ul li{width:100%;margin-right:0!important;}
.joan_video ul li+li{margin-top:10px;}
}
/*.index-content .about-zhaopai .pic{
display: none;
}*/
.index-content .video{
width: 100%;
padding-bottom: 40%;
position: relative;
margin-bottom: 60px;
}
.index-content .video .video-btn{
position: absolute;
width: 80px;
height: 80px;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
cursor: pointer;
}
.index-content .video video{
width: 100%;
position: absolute;
height: 100%;
top: 0;
left: 0;
}
.qy_wh{margin-bottom: 60px;}
.ul-list1-t3{
/*padding: 0 110px;*/
overflow: hidden;
margin: 0 -10px;
}
.ul-list1-t3 li.s1{
width: 100%;
}
.ul-list1-t3 li{
width: 50%;
float: left;
padding: 0 10px;
margin-bottom: 20px;
margin-right: 0;
}
.ul-list1-t3 li.s1 .pic{
padding-top: 46.15%;
}
.ul-list1-t3 .pic{
position: relative;
height: 0;
padding-top: 77.85%;
overflow: hidden;
background-color: #fff;
}
.ul-list1-t3 .pic img{
position: absolute;
top: 50%;
left: 50%;
display: block;
min-width: 100%;
min-height: 100%;
transition: all 2.5s;
-ms-transition: all 2.5s;
-moz-transition: all 2.5s;
-webkit-transition: all 2.5s;
-o-transition: all 2.5s;
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
}
.ul-list1-t3 .con:hover .pic img{
-webkit-transform:translate(-50%,-50%) scale(1.08);
-moz-transform:translate(-50%,-50%) scale(1.08);
-o-transform:translate(-50%,-50%) scale(1.08);
-ms-transform:translate(-50%,-50%) scale(1.08);
transform:translate(-50%,-50%) scale(1.08);
}