@import "pc.css";

/* 弹出面板 */
.layui-layer{box-shadow: none;}
.layui-layer-title{height: 54px; line-height: 22px; padding-top: 20px; box-sizing: border-box; border-bottom: 0; font-size: 16px; font-weight: 700;}
.layui-layer-setwin{right: 20px; top: 20px;}
.layui-layer-setwin a{width: 12px; height: 12px;}
.layui-layer-btn .layui-layer-btn0 {border-color: #1668FF!important;background-color: #1668FF!important;}
.layui-layer-btn .layui-layer-btn1{margin-left: 15px;}
.layui-layer-btn a{margin: 0; font-size: 12px;}
.layui-layer-close1{background-size: 12px 12px!important;}
.layui-layer-btn{padding: 0 20px 20px;}
.layui-layer-dialog {min-width: 360px;}
.layui-layer-btn a{height: 32px; line-height: 32px; padding: 0 18px;}

/* 提示 */
.layui-layer-tips .layui-layer-content{background-color: rgba(0,0,0,0.6);box-shadow:none; padding: 4px 8px; font-size: 12px;}
.layui-layer-tips i.layui-layer-TipsB, .layui-layer-tips i.layui-layer-TipsT {left: 5px;bottom: -5px;}
.layui-layer-tips i.layui-layer-TipsG{border-width: 0;border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 5px solid rgba(0,0,0,0.6);}

/* 分页 */
.layui-laypage {margin-top: 60px; margin-bottom: 0; display: flex; justify-content: center; align-items: center;}
.layui-laypage p{margin-left: 20px;}
.layui-laypage a, .layui-laypage span {height: 38px; line-height: 38px; font-size: 14px; padding: 0 20px; border: 0; margin-bottom: 0; background-color: #F5F7FA;}
.layui-laypage a, .layui-laypage span:not(:first-child){margin-left: 20px;}
.layui-laypage a, .layui-laypage span,.layui-laypage > a:first-child, .layui-laypage > a:first-child em,.layui-laypage > a:last-child, .layui-laypage > a:last-child em{border-radius: 2px;}
.layui-laypage .layui-disabled,.layui-laypage .layui-disabled:hover{color: #7C8397;}
.layui-laypage .layui-laypage-curr .layui-laypage-em{background-color: var(--main-color); color: #FFFFFF; cursor: default;}
.layui-laypage a{transition: all .2s ease;}
.layui-laypage a,.layui-laypage a:hover {color: var(--main-color);}

/* 容器 */
.container{min-width: 1200px;}

/* 头部 */
header{height: 180px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);}
header::before{width: 100%; height: 1px; background-color: #EEEEEE; position: absolute; left: 0; top: 120px; content: '';}
header dt{height: 120px;}
header dt .logo{display: block; max-height: 60px;}
header dt .slogan{height: 60px; border-left: #EEEEEE 1px solid; padding-left: 20px;}
header dt .slogan p{padding: 5px 20px;}
header dt .iso{max-height: 60px;}
header dt .number{height: 60px;}
header dd{height: 60px;}

/* 导航 */
.top-nav h2, .top-nav-lang{width: 158px;}
.top-nav h2 a,.top-search i,.top-nav-lang a,.top-lang{color:#666666;}
.top-nav h2:hover a,.top-nav h2.on a,.top-nav h2:hover a i,.top-search i:hover,.top-nav h2.on a i,.top-nav-lang:hover a,.top-nav-lang:hover a i,.top-lang:hover{color:var(--main-color);}
.top-nav h2:hover i,.top-nav-lang:hover i{transform: rotateZ(180deg);}
.top-nav h2::after,.top-nav-lang::after{width: 0; height: 2px; border-radius: 4px; background-color: var(--main-color); position: absolute; transition: 0.3s; bottom: 0; content: '';}
.top-nav h2:hover::after,.top-nav h2.on::after,.top-nav-lang:hover::after{width: 98%;}
.top-nav h2 ul,.top-nav-lang ul{min-width: 180px; max-height: 0; left: 50%; top: 100%; transform:translateX(-50%); background-color: rgba(255,255,255,0.96); padding: 10px; opacity: 0; visibility: hidden; box-shadow: 0 0 30px rgba(0, 0, 0,0.1);}
.top-nav h2 ul li,.top-nav-lang ul li{width:100%; height: 40px; line-height: 40px; text-align: center; font-size: 13px;}
.top-nav h2 ul li a,.top-nav-lang ul li a{width:100%; height: 40px; white-space:nowrap;}
.top-nav h2 ul li a:link,.top-nav h2 ul li a:visited,.top-nav h2 ul li a:hover,.top-nav-lang ul li a:link,.top-nav-lang ul li a:visited,.top-nav-lang ul li a:hover{text-decoration:none;}
.top-nav h2 ul li a:link,.top-nav h2 ul li a:visited,.top-nav-lang ul li a:link,.top-nav-lang ul li a:visited{color: #666666;}
.top-nav h2 ul li a:hover,.top-nav-lang ul li a:hover{background-color: var(--main-color); color: #FFFFFF;}
.top-nav h2:hover ul,.top-nav-lang:hover ul{max-height:500px; opacity: 1; visibility: visible;}

/* 定位导航 */
.top-move-nav{box-shadow: 0 4px 32px 0 rgba(214, 214, 214, 0.29);}
.top-move-nav .top-nav h2::after,.top-move-nav .top-nav-lang::after{top: auto; bottom: 0;}

/* 内部导航 */
.inner-top{height: 80px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);}
.inner-top:before{display: none;}
.inner-top .top-nav h2{width: 96px;}
.inner-top .top-nav h2::after,.inner-top .top-nav-lang::after{display: none;}
.inner-top .top-nav h2:hover::after,.inner-top .top-nav h2.on::after,.inner-top .top-nav-lang:hover::after{width: 0;}
.inner-top .top-search::before,.inner-top .top-search::after{background-color: #DEDEDE;}
.inner-top .top-search i:hover,.inner-top .top-lang:hover,.inner-top .top-form button:hover{color: var(--main-color);}

/* 搜索 */
.top-search{width: 45px; height: 20px;}
.top-search::before,.top-search::after{width: 1px; height: 10px; background-color: #DEDEDE; position: absolute; top: 5px; content: '';}
.top-search::before{left: 0;}
.top-search::after{right: 0;}

/* 搜索表单 */
.search-input{width: 350px; height: 40px;}
.search-input input{width: 258px; height: 36px; border: 0; margin:0 2px;}
.search-input button{width: 80px; height: 32px; border: 0; margin: 0 4px;}

/* 表单 */
.top-form{width: 400px; top: 100%;}
.top-form.on{height: 50px; opacity: 1; visibility: visible;}
.top-form.off{height: 0; opacity: 0; visibility: hidden;}
.top-form button{width: 40px; border: 0;}
.top-form input{width: 320px;}
.top-form input::-webkit-input-placeholder{color: #999999;}
.top-form i{width: 40px;}
.top-form i:hover{color: #000000;}

/* 语言切换 */
.top-language{width: 120px; height: 26px; line-height: 26px; border-color: var(--main-color);}

/* 轮播 */
.banner{height: 670px; margin-top: 180px; z-index: 1;}
.banner .swiper-pagination{bottom: 30px;}
.banner .swiper-pagination-bullet{width: 8px; height: 8px; background-color: rgba(255,255,255,0.3); opacity: 1;}
.banner .swiper-pagination-bullet-active{background-color: rgba(255,255,255,1); opacity: 1;}
.banner .swiper-button-prev,.banner .swiper-button-next{width: 50px; height: 50px; margin-top: -35px; border-radius: 50%; background-color: var(--main-color);}
.banner .swiper-button-prev:before,.banner .swiper-button-next:before{width: 100%; height: 100%; border-radius: 50%; position: absolute; left: 0; top: 0; background-color: rgba(0,0,0,0.28); opacity: 0; content: ''; transition: 0.3s;}
.banner .swiper-button-prev:hover:before,.banner .swiper-button-next:hover:before{opacity: 1;}
.banner .swiper-button-prev:after,.banner .swiper-button-next:after{font-size: 15px; color: #FFFFFF; font-family: iconfont,serif; z-index: 1;}
.banner .swiper-button-prev:after{content: '\e9de';}
.banner .swiper-button-next:after{content: '\e9dd';}
.banner .maks{background-color: rgba(0,0,0,.5);}
.banner video{object-fit: cover; background-color: transparent;}
.banner .text{left: 50%; transform: translateX(-50%);}
.banner .text h2,.banner .text h3{line-height: 1.2; letter-spacing:2px;}
.banner .text p{line-height: 40px; letter-spacing:1px; white-space: pre;}
.banner .text.left{align-items: flex-start;}
.banner .text.center{align-items: center;}
.banner .text.center p{text-align: center;}
.banner .text.right{align-items: flex-end;}
.banner .text.right p{text-align: right;}
.banner .text .link{width: 150px; height: 60px; box-shadow: 0 3px 24px rgba(0, 0, 0, .1);}
.banner .text .link:before{width: 0; height: 50px; background-color: rgba(0, 0, 0, 0.1); position: absolute; top: 5px; content: ''; transition: 0.3s;}
.banner .text .link:hover:before{width: 140px;}
.banner .text a.a-block{width: 100%; height: 100%; background-color: transparent;}

/* 底部 */
footer{color: rgba(255,255,255,0.3); background: rgb(29, 29, 29);}
footer a{color: rgba(255,255,255,0.3)!important; transition: all 0.36s ease;}
footer a:hover{color: rgba(255,255,255,0.8)!important;text-decoration: underline;}
footer .links{padding: 30px 0 20px 0; border-bottom: rgba(255,255,255,0.05) 1px solid;}
footer .links a{position: relative;margin-right: 30px; margin-bottom: 10px;}
footer .links a:not(:last-child):after{width: 1px; height: 14px; background: rgba(255,255,255,0.3); opacity: 0.5; position: absolute; right: -15px; top: 1px; content: ''}
footer .shortcut{border-bottom: rgba(255,255,255,0.05) 1px solid;}
footer .code{width: 120px;}

/* 客服 */
.customer{width: 150px; height: 336px; bottom: 307px; right: -152px; z-index: 12; border: #EFEFEF 1px solid;}
.customer .close{width: 30px; height: 30px; top: 3px; z-index: 2;}
.customer .image{width: 99px; height: 84px; position: relative;}
.customer .image i{width: 24px; height: 24px; font-size: 24px; top: 3px; left: 3px; color: var(--main-color); transform:rotateY(180deg);}
.customer a{width: 110px; height: 30px; line-height: 29px; background-color: var(--main-color); color: #FFFFFF;}
.customer .close:hover{transform: rotate(180deg); color: var(--main-color);}

/* 客服icon */
.customer-icon{bottom: 307px; z-index: 10;}

/* 右侧工具栏 */
.tool{width: 40px; height: 117px; bottom: 190px; z-index: 10;}
.tool .tool-icon{margin-top: -1px; position: relative;}

/* 工具栏图标 */
.tool-icon{width: 40px; height: 40px; font-size: 20px; opacity: 1;}
.tool-icon.off{visibility: hidden; opacity: 0;}
.tool-icon .iconTxt{width: 80px; height: 40px; line-height: 40px; left: -81px; box-shadow: rgba(0, 0, 0, 0.1) 0 0 30px; border-radius: 4px 0 0 4px; opacity: 0; visibility: hidden;}
.tool-icon .code{width: 285px; height: 172px; left: -286px; box-shadow: rgba(0, 0, 0, 0.1) 0 0 30px; opacity: 0; visibility: hidden;}
.tool-icon .code img{width: 128px;height: 128px;}
.tool-icon .iconTxt:after,.tool-icon .code:after{width: 0;height: 0;border-top: 10px solid transparent;border-bottom: 10px solid transparent;border-left: 10px solid white;content: '';position: absolute;top: 0;bottom: 0;margin: auto;right: -6px;}
.tool-icon:hover{color: #FFFFFF; background: var(--main-color); border: var(--main-color) 1px solid;}
.tool-icon:hover .iconTxt,.tool-icon:hover .code{opacity: 1; visibility: visible;}

/* 二维码 */
.qr{width: 400px; height: 330px;}
.qr ul{width: 330px; height: 188px;}
.qr ul li{width: 150px;}
.qr ul li img{width: 150px; height: 150px;}

/* 登记 */
.layui-layer{box-shadow: none;}
.regLayer{width: 580px; height: 600px; border-radius: 2px;}
.regLayer i{font-size: 30px; top: 10px; right: 10px; color: #333333;}
.regLayer i:hover{color: #181818;}
.regLayer dt{height: 250px;}
.regLayer dd{height: 350px;}
.regLayer dd form{width: 300px;}
.regLayer dd form input{height: 50px; background-color: #F5F5F8; border-radius: 0; border-color: #E8E8E8;}
.regLayer dd form input::placeholder{color: #B8B8B8;}
.regLayer dd form input:focus{border-color: var(--main-color)!important;}
.regLayer dd form button{width: 138px; height: 50px; background-color: var(--main-color); border-radius: 0;}
.regLayer dd form span:hover{text-decoration: underline;}

/* 需求 */
.consultLayer{width: 600px; height: 470px; border-radius: 2px;}
.consultLayer i{font-size: 20px; top: 20px; right: 20px;}
.consultLayer i:hover{color: #61687C;}
.consultLayer dt{width: 220px; background: url("../image/consult.png") var(--main-color);}
.consultLayer dt h2{font-size: 26px; line-height: 26px;}
.consultLayer dt span{width: 30px; height: 2px;}
.consultLayer dt p{letter-spacing: 1px;}
.consultLayer dt a{height: 45px; color: var(--main-color);}
.consultLayer dt .icons{height: 36px;}
.consultLayer dt .icons li,.consultLayer dt .icons a{width: 36px; height: 36px; font-size: 20px; color: var(--main-color);}
.consultLayer dt .icons li:hover,.consultLayer dt .icons a:hover{border-radius: 4px;}
.consultLayer dd{width: 380px;}
.consultLayer dd h2{font-size: 18px; line-height: 18px;}
.consultLayer dd form input{height: 45px;}
.consultLayer dd form textarea{height: 125px; resize: none;}
.consultLayer dd form input::placeholder,.consultLayer dd form textarea::placeholder{color: #95a1b2;}
.consultLayer dd form textarea::placeholder{padding-top: 2px;}
.consultLayer dd form input:focus,.consultLayer dd form textarea:focus{border-color: var(--main-color)!important;}
.consultLayer dd img{max-width: 200px;}
.consultLayer dd .buttons{height: 45px;}
.consultLayer dd .buttons a{border: var(--main-color) 1px solid; color: var(--main-color);}
.consultLayer dd .buttons button{background-color: var(--main-color);}
.consultLayer dd .buttons a,.consultLayer dd .buttons button{width: 150px;}

/* 网格 */
.slide .swiper-wrapper{flex-wrap: nowrap;}
.slide .swiper-button-prev,.slide .swiper-button-next{width: 40px; height: 40px; background-color: rgba(0,0,0,0.3); margin-top: -20px; z-index: 1;}
.slide.vd .swiper-button-prev,.slide.vd .swiper-button-next{margin-top: -60px;}
.slide .swiper-button-prev{left: -40px; border-radius: 0 4px 4px 0;}
.slide .swiper-button-next{right: -40px; border-radius: 4px 0 0 4px;}
.slide .swiper-button-prev:after,.slide .swiper-button-next:after{font-size: 12px; color: #FFFFFF; font-family: iconfont,serif;}
.slide .swiper-button-prev:after{content: '\e9de'}
.slide .swiper-button-next:after{content: '\e9dd'}
.slide .swiper-button-prev:hover,.slide .swiper-button-next:hover{background-color: var(--main-color);}
.slide:hover .swiper-button-prev{left: 0;}
.slide:hover .swiper-button-next{right: 0;}
.slide .swiper-disabled,.slide .swiper-disabled:hover{background-color: rgba(0,0,0,0.1); cursor: not-allowed;}

/* 模块 */
.module ul.n2 li{width: 625px; margin-right: 30px;}
.module ul.n2 li:nth-child(2n){margin-right: 0;}
.module ul.n3 li{width: 406px; margin-right: 30px;}
.module ul.n3 li:nth-child(3n){margin-right: 0;}
.module ul.n4 li{width: 296px; margin-right: 32px;}
.module ul.n4 li:nth-child(4n){margin-right: 0;}
.module ul.n5 li{width: 232px; margin-right: 30px;}
.module ul.n5 li:nth-child(5n){margin-right: 0;}
.module ul.n6 li{width: 185px; margin-right: 34px;}
.module ul.n6 li:nth-child(6n){margin-right: 0;}
.module ul.nn4 li{width: 300px;}
.m-icon{width: 50px;height: 50px; font-size: 28px; position: absolute;top: 0; left: 50%; margin-left: -25px;background-color: rgba(0,0,0,.45); opacity: 0; z-index: 1;transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}

/* 点缀 */
.dots{width: 150px; height: 150px; left:50%; top: 250px; margin-left: -650px; animation: rotate 20s linear infinite;}
.dots-b{width: 120px; height: 120px; left:auto; right: 50%; top: 250px; margin-right: -650px; animation: leftRight 3s ease-in-out infinite;}

/* 标题 */
.column-title h2{font-size: 30px;}
.column-title i{width: 6px; height: 6px; background-color: #181818; border-radius: 50%;}

/* 分类 */
.classify li a{line-height: 38px; color: #61687c;}
.classify li:last-child{margin-right: 0;}
.classify li:last-child:after{display: none;}
.classify li a:hover,.classify li a.on{background-color: var(--main-color); color: #FFFFFF;}

/* 更多 */
.more-button{width: 180px;height: 58px;background: var(--main-color); border: 1px solid var(--main-color);}
.more-button:before{position: absolute;content: "";z-index: -1;top: 0;right: 0;height: 100%;width: 0;background: #fff;border-radius: 30px;transition: .5s;}
.more-button i{width: 30px;height: 30px;transition: .5s;}
.more-button:hover span{color: var(--main-color);}
.more-button:hover:before {width: 100%;left: 0;}
.more-button:hover i {background: var(--main-color); color: #FFFFFF;}

/* 分类 */
.classification a{width: 133px; height: 158px;}
.classification a i{width: 45px; height: 45px; font-size: 45px;}
.classification a span{width: 28px; height: 28px; background-color: #F2DFE1;}
.classification a:hover{background-color: var(--main-color);}
.classification a:hover i{transform: rotateY(360deg);}
.classification a:hover i,.classification a:hover p,.classification a:hover span{color: #FFFFFF;}
.classification a:hover span{background-color: #e68590;}

/* 简介 */
.about .image{width: 500px; height: 518px;}
.about .image:before{width: 100px; height: 100px; background-color: var(--main-color); border-radius: 8px; position: absolute; top: -25px; right: -25px; z-index: 0; animation: upDown 3s ease-in-out infinite; content: '';}
.about .image:after{width: 450px; height: 230px; background: url("https://nurmai-cms-hongyun.oss-cn-shenzhen.aliyuncs.com/image/about-shpe.png") no-repeat; left: -200px; bottom: -25px; z-index: 2; background-size: 100%; position: absolute; animation: upDown 5s ease-in-out infinite; content: '';}
.about .image img{border-radius: 6px 6px 6px 28%;}
.about .info{width: 690px;}
.about .info h2{font-size: 38px;}

/* 视频 */
.videos .image{height: 255px;}
.videos .image:after{width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: rgba(0,0,0,0.3); content: '';transition: all .3s ease;}
.videos .image i{width: 60px; height: 60px; padding-left: 5px; top: 50%; margin-top: -30px; left: 50%; margin-left: -30px; font-size: 26px; opacity: 1; border: 0;}
.videos .image i:after{width: 100%; height: 100%; position: absolute; border-radius: 50%; background-color: rgba(255,255,255,0.3); content: ''; transition: all .3s ease;}
.videos:hover .image:after{opacity: 0;}
.videos:hover .image i{opacity: 1; top: 50%; margin-top: -30px;}
.videos:hover .image i:after{width: 300%; height: 300%; opacity: 0;}

/* 视频 */
.play{width: 960px; height: 540px;}

/* 优势 */
.advantages{height: 500px;}
.advantages .tabs{height: 60px;}
.advantages .tabs li{width: 298px; height: 100%; box-sizing: border-box; border-radius: 6px; border: #EBEEF2 1px solid;}
.advantages .tabs li .bg{width: 298px; height: 60px; opacity: 0; transform: scale(1.1); border-radius: 6px;}
.advantages .tabs li .number{width: 36px; height: 36px; opacity: 1;}
.advantages .tabs li.active{border: none;}
.advantages .tabs li.active .bg{opacity: 1; transform: scale(1);}
.advantages .tabs li.active .number{opacity: 0;}
.advantages .tabs li.active p{transform: translateX(-20px); color: #202124; background: linear-gradient(270deg,#202124,var(--main-color)); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.advantages .swiper-wrapper{height: 400px;}
.advantages .swiper-wrapper li .info{width: 600px;}
.advantages .swiper-wrapper li i{width: 60px; height: 60px; font-size: 30px;}
.advantages .swiper-wrapper li b{font-size: 50px; line-height: 50px; color: #D0D0D0;}
.advantages .swiper-wrapper li .image{width: 625px;}
.advantages .swiper-wrapper li .number{height: 50px; bottom: 10px;}
.advantages .swiper-wrapper li .number .icon{width: 50px; height: 50px;}
.advantages .swiper-wrapper .swiper-button-next,.advantages .swiper-wrapper .swiper-button-prev,.reason .swiper-wrapper .swiper-button-next,.reason .swiper-wrapper .swiper-button-prev{width: 40px; height: 40px; margin-top: -20px; z-index: 1;background-color: var(--main-color);}
.advantages .swiper-wrapper .swiper-button-prev{left: auto; right: 585px; border-radius: 0 4px 4px 0;}
.advantages .swiper-wrapper .swiper-button-next,.reason .swiper-wrapper .swiper-button-next{right: 0; border-radius: 4px 0 0 4px;}
.advantages .swiper-wrapper .swiper-button-prev:after,.advantages .swiper-wrapper .swiper-button-next:after,.reason .swiper-wrapper .swiper-button-prev:after,.reason .swiper-wrapper .swiper-button-next:after{font-size: 12px; color: #FFFFFF; font-family: iconfont,serif;}
.advantages .swiper-wrapper .swiper-button-prev:after,.reason .swiper-wrapper .swiper-button-prev:after{content: '\e9de'}
.advantages .swiper-wrapper .swiper-button-next:after,.reason .swiper-wrapper .swiper-button-next:after{content: '\e9dd'}
.advantages .swiper-wrapper .swiper-disabled,.advantages .swiper-wrapper .swiper-disabled:hover,.reason .swiper-wrapper .swiper-disabled,.reason .swiper-wrapper .swiper-disabled:hover{background-color: rgba(0,0,0,0.1); cursor: not-allowed;}

/* 理由 */
.reason:before{width: 300px; height: 273px; background: url("https://nurmai-cms-hongyun.oss-cn-shenzhen.aliyuncs.com/image/shape.png") no-repeat; background-size: 100%; position: absolute; left: -30px; top: 0; content: ''; animation: leftRight 5s linear infinite;}
.reason .earth{width: 880px; height: 880px; animation: rotate 20s linear infinite;}
.reason .column-title i{background-color: #FFFFFF;}
.reason .column-title h2,.reason .column-title p{color: #FFFFFF;}
.reason dl{height: 580px;}
.reason dl .tabs{width: 280px;}
.reason dl .tabs li{height: 50px; margin-top: 20px;}
.reason dl .tabs li:first-child{margin-top: 0;}
.reason dl .tabs li.active{background-color: var(--main-color);}
.reason dl .tabs li.active i,.reason dl .tabs li.active p{color: #FFFFFF;}
.reason dl .swiper-wrapper{width: 1000px;}
.reason dl .swiper-wrapper li:before{position: absolute;content: "";left: 0;bottom: 0;width: 100%;height: 30%;background-image: linear-gradient(0deg, rgba(203,9,28,0.88) 10%, rgba(3,3,33,0) 100%); z-index: 1;}
.reason .swiper-wrapper .swiper-button-prev{left: auto; right: 960px; border-radius: 0 4px 4px 0;}
.reason dl .swiper-wrapper li img{width: 1000px;}

/* 定制 */
.customized{height: 198px;}
.customized:before{width: 1180px; height: 1px; background-color: #EBEEF2; position: absolute; left: 50px; top: 11px; content: '';}
.customized li{width: 100px;}
.customized li .dot{width: 20px; height: 20px; border: #FFFFFF 1px solid;}
.customized li .dot:before{width: 8px; height: 8px; border-radius: 50%; position: absolute; background-color: #EBEEF2; content: '';}
.customized li .icon{width: 100px; height: 100px; font-size: 50px;}
.customized li.active .dot{border-color: var(--main-color);}
.customized li.active .dot:before{background-color: var(--main-color);}
.customized li.active .icon{background-color: var(--main-color); color: #FFFFFF;}
.customized li.active p{color: var(--main-color); font-weight: bold;}

/* 定制热线 */
.customized-number{padding: 15px 30px; border-radius: 50px 50px 50px 0;}
.customized-number i{width: 28px; height: 28px;}

/* 资质 */
.certificates .image{width: 222px; height: 326px; border: #FFFFFF 5px solid;}
.certificates .image:before{position: absolute;content: "";top: 0;right: 0;width: 0; height: 100%;background: rgba(0,0,0,0.28) ;transition: .3s;}
.certificates .image a{width: 50px; height: 50px; transform: translateY(50px); opacity: 0;}
.certificates:hover .image:before{width: 100%;left: 0;}
.certificates:hover .image a{transform: translateY(0); opacity: 1;}

/* 相册 */
.photos{height: 250px;}
.photos a{width: 40px; height: 40px; top: -40px; right: 20px; opacity: 0;}
.photos .info{width: 100%; height: 80px; position: absolute; left: 0; bottom: -80px; background: url("https://nurmai-cms-hongyun.oss-cn-shenzhen.aliyuncs.com/image/port.png") no-repeat; background-size: 100% 100%; content: ''; opacity: 0;}
.photos:hover a{top: 20px; opacity: 1;}
.photos:hover .info{bottom: 0; opacity: 1;}

/* 伙伴 */
.partners{height: 105px;}
.partners.inner{border: #F2F2F2 1px solid;}

/* 首页咨询 */
.seek .image{width: 500px; height: 518px;}
.seek .image:before{width: 108px; height: 108px; background: url("https://nurmai-cms-hongyun.oss-cn-shenzhen.aliyuncs.com/image/dots.png") no-repeat; right: -30px; top: -25px; background-size: 100%; position: absolute; animation: upDown 3s ease-in-out infinite; content: '';}
.seek .image:after{width: 100px; height: 100px; background-color: var(--main-color); border-radius: 8px; position: absolute; bottom: -25px; right: -25px; animation: rightLeft 3s ease-in-out infinite; content: '';}
.seek .image .occupancy{width: 250px; height: 250px; top: -68px; left: -40px; animation: rotate 20s linear infinite;}
.seek .image .shape{width: 450px; height: 200px; left: -118px; animation: upDown 3s ease-in-out infinite;}
.seek .image .img{border-radius: 28% 6px 6px 6px;}
.seek .form{width: 518px;}
.seek .form h3:before{width: 28px; height: 2px; float: left; margin-top: 12px; margin-right: 6px; background-color: var(--main-color); content: ''}
.seek .form h2{font-size: 28px;}
.seek .form input{height: 50px; border-radius: 100px; padding: 0 20px;}
.seek .form textarea{height: 180px; border-radius: 18px; resize: none; padding: 20px;}
.seek .form input::placeholder,.seek .form textarea::placeholder{color: #95a1b2;}
.seek .form input:focus,.seek .form textarea:focus{border-color: var(--main-color)!important;box-shadow: 0 0 0 2px rgba(203,9,28,0.18);}
.seek .form button{width: calc((100% - 30px) / 2); height: 55px; border-radius: 100px;}

/* 新闻 */
.news_inner{border: #F5F5F5 1px solid;}
.news{border-radius: 4px 4px 0 0;}
.news::after{width: 0; height: 3px; position: absolute; bottom: 0; background-color: var(--main-color); content: ''; opacity: 0; transition: .3s;}
.news .time{height: 64px; width: 64px; background: var(--main-color); box-shadow: 0 0 8px rgba(0,0,0,0.18); right: 25px; top: 208px;}
.news .image{width: 380px; height: 225px;}
.news .image::before{width: 0; height: 0; position: absolute; background-color: rgba(0,0,0,0.38); content: '';transition: .3s; z-index: 1; opacity: 0;}
.news .h2:hover{color: var(--main-color); text-decoration: underline;}
.news .href:after{font-size: 16px; color: var(--main-color); display: flex; justify-content: center; align-items: center; margin-left: 5px; font-family: iconfont, serif; content: '\e7c5';}
.news:hover::after{width: 100%; opacity: 1;}
.news:hover .image::before{width: 100%; height: 100%; opacity: 1;}

/* 内页轮播图 */
.nBanner{height: 350px; margin-top: 180px;}
.nBanner dl{color: var(--nBanner-color);}
.nBanner dl.left{align-items: flex-start;}
.nBanner dl.center{align-items: center;}
.nBanner dl.right{align-items: flex-end;}
.nBanner dl h2{letter-spacing:3px; font-size: 36px;}

/* 商品 */
.products .image{height: 366px;}
.products a:hover{color: var(--main-color);}
.products .button{width: 130px; height: 38px; color: #FFFFFF;}
.products .button:hover{background-color: var(--main-color); color: #FFFFFF;}
.products:hover .image img{transform: scale(1.08);}

/* 开模 */
.mold{height: 358px;}
.mold:after{width: 0; height: 3px; background-color: var(--main-color); position: absolute; bottom: 0; content: '';transition: all .3s ease;}
.mold .image{width: 380px; height: 225px;}
.mold:hover:after{width: 100%;}
.mold:hover .image img{transform: scale(1.08);}
.mold:hover h2{color: var(--main-color);}

/* 开模流程 */
.opening li{width: 118px; margin-right: calc((100% - 708px) / 5);}
.opening li:after{width: 50px; height: 19px; background: url("https://nurmai-cms-hongyun.oss-cn-shenzhen.aliyuncs.com/image/arrow.png"); background-size: 100% 100%; position: absolute; right: -80px; content: '';}
.opening li:nth-child(6n){margin-right: 0;}
.opening li:nth-child(6n):after{display: none;}
.opening li .icon{width: 118px; height: 118px;}
.opening li .icon i{font-size: 58px;}
.opening li .icon span{width: 40px; height: 40px;}
.opening li:hover .icon i{transform: rotateY(360deg);}

/* 文章 */
.article,.article p{font-size: 15px; line-height: 36px;}
.article img{max-width: 100%;}

/* 联系 */
.contact ul{width: 580px; height: 630px;}
.contact ul li{height: 300px;}
.contact ul li.active{background-color: var(--main-color);}
.contact ul li.active > *{color: #FFFFFF;}
.contact .right{width: 670px; height: 630px;}
.contact .right .map{width: 660px; height: 620px; opacity: 0}
.contact .right .map.show{opacity: 1;}

/* 详情 */
.short{width: 440px;}
.short .moldTitle:after{width: 30px; height: 3px; background-color: var(--main-color); position: absolute; left: 0; bottom: -2px; content: '';}
.long{width: 810px;}

/* 标题 */
.recommend-title{height: 60px; line-height: 60px;}

/* 面包屑 */
.crumbs{height: 60px;}
.crumbs i{width: 20px;}

/* 商品顶部 */
.product-top .image{width: 552px;}
.product-top .image .product-swiper{width: 550px; height: 550px;}
.product-top .image .product-swiper i{width: 30px; height: 30px; background-color: rgba(0,0,0,0.2);}
.product-top .image .product-swiper .swiper-button-prev,.product-top .image .product-swiper .swiper-button-next{width: 40px; height: 40px; background-color: var(--main-color); margin-top: -20px; border-radius: 50%; z-index: 1;}
.product-top .image .product-swiper .swiper-button-prev{left: 20px;}
.product-top .image .product-swiper .swiper-button-next{right: 20px;}
.product-top .image .product-swiper .swiper-button-prev:after,.product-top .image .product-swiper .swiper-button-next:after{font-size: 16px; color: #FFFFFF; font-family:iconfont;}
.product-top .image .product-swiper .swiper-button-prev:after{content: '\e9de'}
.product-top .image .product-swiper .swiper-button-next:after{content: '\e9dd'}
.product-top .image .product-swiper .swiper-disabled{cursor: not-allowed;}
.product-top .image .product-swiper .swiper-disabled:after{color: #999999;}
.product-top .info{width: 680px;}
.product-top .info dt{height: 40px;}
.product-top .info .description{height: 260px; border-top: #F2F2F2 1px solid; border-bottom: #F2F2F2 1px solid;}
.product-top .info .buttons{height: 50px;}
.product-top .info .buttons a{width: 158px; height: 100%;}
.product-top .info .buttons .icon{width: 50px; height: 50px; border: #EEEEEE 1px solid;}

/* 临近 */
.near{height: 100px;}
.near li a i{width: 30px; height: 30px; font-size: 20px;}
.near li a i:after{width: 1px; height: 20px; background-color: #DDDDDD; position: absolute; top: 5px; content: '';}
.near li a i.pre:after{right: -9px;}
.near li a i.next:after{left: -10px;}
.near li a img{width: 60px; height: 60px;}
.near li a:hover{background-color: var(--main-color);}
.near li a:hover > *{color: #FFFFFF;}

/* 商品推荐 */
.recommends li{border-bottom: #F2F2F2 1px solid;}
.recommends li .image{width: 118px; height: 118px;}
.recommends li .info{width: 260px;}
.recommends li .info a:hover{color: var(--main-color);}
.recommends li .info .button{width: 90px; height: 30px; color: #FFFFFF;}
.recommends li .info .button:hover{background-color: var(--main-color); color: #FFFFFF;}
.recommends li:hover .image img{transform: scale(1.08);}

/* 新闻详情 */
.new-detailed h2{font-size: 26px; line-height: 40px;}
.new-detailed h3 p:not(:last-child){margin-right: 40px;position: relative;}
.new-detailed h3 p:not(:last-child):after{width: 1px; height: 12px; background-color: #CCCCCC; position: absolute; right: -20px; top: 5px; content: '';}

/* 新闻推荐 */
.new-recommend{padding: 0 20px 10px 20px;}
.new-recommend ul li{height: 50px;}
.new-recommend ul li:not(:last-child){border-bottom: #EEEEEE 1px dashed;}
.new-recommend ul li i {width: 20px;height: 20px; margin-right: 10px; background: #F5F7Fa;border-radius: 50%;display: flex;justify-content: center;align-items: center;font-size: 12px;flex-shrink: 0; color: #333333;}
.new-recommend ul li:first-child i {background: #E21818;color: #FFFFFF;}
.new-recommend ul li:nth-child(2) i {background: #FF6C38;color: #FFFFFF;}
.new-recommend ul li:nth-child(3) i {background: #FCAC06;color: #FFFFFF;}
.new-recommend ul li a:hover {color: var(--main-color); text-decoration: underline;}

/* 搜索表单 */
.search .form{height: 60px; margin-top: 30px;}
.search .form input{width: 1150px;}
.search .form input::-webkit-input-placeholder{color: #999999;}
.search .form i{width: 60px; height: 100%; font-size: 26px;}
.search .form button{width: 80px; height: 40px; border: 0; background-color: var(--main-color);}

/* 搜索栏目 */
.search .column{height: 70px;}
.search .column:after{width: 100%; height: 1px; background-color: #EFEFEF; position: absolute; left: 0; bottom: 0; content: '';}
.search .column li.on p{color: var(--main-color); font-weight: bold;}
.search .column li.on:after{width: 100%; height: 1px; background-color: var(--main-color); position: absolute; left: 0; bottom: 0; content: '';}

/* 搜索列表 */
.search .result li a{height: 120px;}
.search .result li .image{width: 120px;}
.search .result li .info .describe{height: 60px; }
.search .result li a:hover h2{color: var(--main-color);}
.search .result li a:hover .image i{top: 50%; margin-top: -25px;opacity: 1;}
.search .layui-laypage{margin-top: 30px;}
.search .recommend-title{height: 70px; line-height: 70px;}

/* 错误页面 */
.miss{min-height: calc(100vh - 203px);}
.miss img{width: 360px;}
.miss h2{font-size: 30px; line-height: 30px;}