﻿.hoverArear{min-height:50px;}
.psaBgImgHover{position:absolute; top:0; right:0; width:200px; height:50px; z-index:20;}
.psaBgImgHover:before{ opacity:1; content:"修改模块背景";}

.nr-model-1{position:relative; color:#fff;}
.nr-model-1 .psaBgImg{position:absolute; top:0; left:0; right:0; bottom:0; z-index:1;}
.nr-model-1 .wLayout{position:relative; z-index:10;}
.nr-model-1 .nr-model-content{padding:6.5rem 0; position:relative;}
.nr-model-1 .nr-model-content .content-img{width:72%; position:relative; float:right;}
.nr-model-1 .nr-model-content .content-word{width:35%; top:0; bottom:0; position:absolute; left:0; z-index:2;}
.nr-model-1 .nr-model-content .content-word .w1{font-size:4rem; line-height:5rem; color:#fff;font-weight:bold; }
.nr-model-1 .nr-model-content .content-word .hx{height:0.25rem; width:4.5rem; background:var(--web-brand-orange); margin-top:1.2rem; border-radius:0.25rem;}
.nr-model-1 .nr-model-content .content-word .w4{margin-top:1.2rem; font-size:1.3rem; line-height:2.65rem; color:var(--web-color-gray);}
.nr-model-1 .nr-model-content .content-word .w5{margin-top:4rem; font-size:1rem; color:var(--web-color-gray);}

.nr-model-2{position:relative; color:#fff;}
.nr-model-2 .psaBgImg{position:absolute; top:0; left:0; right:0; bottom:0; z-index:1;}
.nr-model-2 .wLayout{position:relative; z-index:10;}
.nr-model-2-bg{position:absolute; top:0; left:0; right:0; bottom:0; z-index:1;}
.nr-model-2 .wLayout{position:relative; z-index:2;}
.nr-model-2 .nr-model-content{padding:100px 0; position:relative;}
.nr-model-2 .nr-model-content .img{width:80%; margin:0 auto; padding-bottom:50px; text-align:center}
.nr-model-2 .nr-model-content .img img{max-width:100%;}
.nr-model-2 .nr-model-content .w1{width:70%; margin:0 auto; line-height:6rem; font-size:5rem; font-weight:bold; color:#fff; text-align:center;}
.nr-model-2 .nr-model-content .w2{width:48%; margin:0 auto; padding-top:3rem; font-size:1.6rem; line-height:1.8; color:var(--web-color-gray); text-align:center;}

.nr-model-3{position:relative; color:#fff;}
.nr-model-3 .psaBgImg{position:absolute; top:0; left:0; right:0; bottom:0; z-index:1;}
.nr-model-3 .wLayout{position:relative; z-index:10;}
.nr-model-3 .nr-model-content{padding:6.5rem 0; position:relative;}
.nr-model-3 .nr-model-content .nr-title{text-align:center;text-transform:uppercase; font-size:2.8rem; line-height:1.8; color:var(--web-brand-orange); font-weight:bold;}
.nr-model-3 .nr-model-content .nr-title-hx{width:10rem; height:3px; background:var(--web-brand-orange); margin:1rem auto 0 auto; border-radius:0.3rem;}
.nr-model-3 .nr-model-content .nr-list{ padding-top:3rem; display:grid; grid-gap:1.2rem; grid-template-columns: repeat(4,minmax(0,1fr)); align-content:center; text-align:center;}
.nr-model-3 .nr-model-content .nr-list .item{ border-radius:0.5rem; padding:3rem; background:url(/wwwroot/about/img/bg.png) center top no-repeat; background-size:100% 100%;}
.nr-model-3 .nr-model-content .nr-list .item .img{width:8rem; height:6rem; margin:0 auto; position:relative;}
.nr-model-3 .nr-model-content .nr-list .item .img img{position:relative; width:100%; height:100%; object-fit:contain;}
.nr-model-3 .nr-model-content .nr-list .item .title{ padding-top:1.5rem; font-size:1.5rem; line-height:1.5; font-weight:bold; color:#fff;}
.nr-model-3 .nr-model-content .nr-list .item .hx{width:3rem; height:3px; background:var(--web-brand-orange); margin:1.5rem auto 0 auto; border-radius:0.3rem;}
.nr-model-3 .nr-model-content .nr-list .item .des{padding-top:1.5rem; font-size:1.2rem; line-height:1.8; color:var(--web-color-gray);}

.nr-model-4{position:relative; color:#fff;}
.nr-model-4 .psaBgImg{position:absolute; top:0; left:0; right:0; bottom:0; z-index:1;}
.nr-model-4 .wLayout{position:relative; z-index:10;}
.nr-model-4 .nr-model-content{padding:6.5rem 0; position:relative;}
.nr-model-4 .nr-model-content .nr-title{text-align:center;text-transform:uppercase; font-size:2.8rem; line-height:1.8; color:var(--web-brand-orange); font-weight:bold;}
.nr-model-4 .nr-model-content .nr-title-hx{width:10rem; height:3px; background:var(--web-brand-orange); margin:1rem auto 0 auto; border-radius:0.3rem;}
.nr-model-4 .nr-model-content .nr-list{ margin-top:3rem;  background:url(/wwwroot/about/img/bg-4.png) center center no-repeat; background-size:100% 100%; padding:5rem 0;}
.nr-model-4 .nr-model-content .nr-list .nr-list-grid-icon{display:grid; grid-template-columns: repeat(5,minmax(0,1fr)); align-content:center; text-align:center;}
.nr-model-4 .nr-model-content .nr-list .nr-list-grid-icon .item{border-right:1px #69686b solid;}
.nr-model-4 .nr-model-content .nr-list .nr-list-grid-icon .item:last-child{border-right:0px;}
.nr-model-4 .nr-model-content .nr-list .nr-list-grid-icon .item .img{width:8rem; height:8rem; margin:0 auto; position:relative;}
.nr-model-4 .nr-model-content .nr-list .nr-list-grid-icon .item .img img{position:relative; width:100%; height:100%; object-fit:contain;}
.nr-model-4 .nr-model-content .nr-list .grid-hx{padding:3rem 3rem;}
.nr-model-4 .nr-model-content .nr-list .nr-list-grid-word{display:grid; grid-template-columns: repeat(4,minmax(0,1fr)); align-content:center; text-align:center;}
.nr-model-4 .nr-model-content .nr-list .nr-list-grid-word .item{  padding:0 3.5rem;  border-right:1px #5e4941 solid;}
.nr-model-4 .nr-model-content .nr-list .nr-list-grid-word .item:last-child{border-right:0px;}
.nr-model-4 .nr-model-content .nr-list .nr-list-grid-word .item .img{width:8rem; height:6rem; margin:0 auto; position:relative;}
.nr-model-4 .nr-model-content .nr-list .nr-list-grid-word .item .img img{position:relative; width:100%; height:100%; object-fit:contain;}
.nr-model-4 .nr-model-content .nr-list .nr-list-grid-word .item .title{ padding-top:1.5rem; font-size:1.5rem; line-height:1.5; height:4.5rem; font-weight:bold; color:#fff;}
.nr-model-4 .nr-model-content .nr-list .nr-list-grid-word .item .hx{width:1.5rem; height:3px; background:var(--web-brand-orange); margin:1.5rem auto 0 auto; border-radius:0.3rem;}
.nr-model-4 .nr-model-content .nr-list .nr-list-grid-word .item .des{padding-top:1.5rem; font-size:1.2rem; line-height:1.8; color:var(--web-color-gray);}

.nr-model-5{position:relative; color:#fff;}
.nr-model-5 .psaBgImg{position:absolute; top:0; left:0; right:0; bottom:0; z-index:1;}
.nr-model-5 .wLayout{position:relative; z-index:10;}
.nr-model-5 .wLayout{padding:5rem 0;}
.nr-model-5 .nr-model-content{padding:5rem; display:grid;grid-template-columns: 45% 55%; position:relative; background:url(/wwwroot/about/img/5.png) center center no-repeat; background-size:100% 100%;}
.nr-model-5 .nr-model-content .nr-title{ font-size:2.8rem; line-height:3.2rem;  font-weight:bold;}
.nr-model-5 .nr-model-content .nr-title-des{ font-size:1.5rem; line-height:2.5rem;  margin-top:1.5rem; }
.nr-model-5 .nr-model-content .nr-button{color:#fff; background:var(--web-brand-orange); cursor:pointer; padding:0.8rem 3rem; font-size:1.2rem; border-radius:0.5rem; margin-top:1.5rem;}
.nr-model-5 .nr-model-content .nr-button:hover{background:#fff; color:var(--web-brand-orange); border-radius:2.8rem; 
    -moz-box-shadow:1px 3px 7px var(--web-brand-orange);
    -webkit-box-shadow: 1px 3px 7px var(--web-brand-orange);
    box-shadow: 1px 3px 7px var(--web-brand-orange);}

.nr-model-5 .grid-right{display: grid; grid-template-columns: repeat(2,auto); grid-gap:1rem;}
.nr-model-5 .grid-right .item{position:relative;}
.nr-model-5 .grid-right .grid-span-2{grid-column-start:span 2;}
.nr-model-5 .grid-right .item .tit{line-height:2rem; padding:0 0.5rem; position:absolute; top:0.5rem; left:0.5rem; color:var(--web-color-white); font-size:1rem; background:#16181a; }
.nr-model-5 .grid-right .item input{width:100%; border-radius:0.5rem; font-size:1rem; height:3rem; line-height:3rem; padding-left:12rem; color:#fff; background:#16181a; border:1px var(--web-border) solid;}
.nr-model-5 .grid-right .item textarea{width:100%; border-radius:0.5rem; font-size:1rem; padding:0.5rem 1rem; line-height:2em;text-indent:11rem; color:#fff; background:#16181a; border:1px var(--web-border) solid;}
.nr-model-5 .grid-right .button-submit{background:var(--web-brand-orange); color:#fff; cursor:pointer; height:3rem; line-height:3rem; font-size:1.2rem; border-radius:0.3rem; text-align:center;}
.nr-model-5 .grid-right #Image1{height:3rem; width:5rem; cursor:pointer;}
.nr-model-5 .grid-right .item input:focus,
.nr-model-5 .grid-right .item textarea:focus{
border:1px var(--web-brand-orange) solid;
    -moz-box-shadow:1px 3px 7px var(--web-brand-orange);
    -webkit-box-shadow: 1px 3px 7px var(--web-brand-orange);
    box-shadow: 1px 3px 7px var(--web-brand-orange);}
.nr-model-5 .grid-right .button-submit:hover{background:#fff; color:var(--web-brand-orange); border-radius:2.8rem; 
    -moz-box-shadow:1px 3px 7px var(--web-brand-orange);
    -webkit-box-shadow: 1px 3px 7px var(--web-brand-orange);
    box-shadow: 1px 3px 7px var(--web-brand-orange);}
