﻿

.model-nr-01 .model-nr-title{padding: 80px 0 30px 0;}
.model-nr-01 .model-nr-html{display: grid;grid-template-columns: repeat(4,1fr);grid-gap: 30px;text-align: center;padding-bottom: 80px;}
.model-nr-01 .item-main{padding: 50px 15px 90px 15px;margin-top: 0;position: relative;overflow: hidden;border-radius: 20px;cursor: pointer;}
.model-nr-01 .wave{position: absolute;z-index: 2;bottom: 0;right: 0;width: 100%;height: auto;pointer-events: none;overflow: hidden;vertical-align: middle;}
.model-nr-01 .wave .wave-path{transform: scale(1.1, 1);transform-origin: 50% 100%;}
.model-nr-01 .wave .wave-path-3{fill: rgba(2, 141, 252, 0.1);animation: wave7 15s ease-in-out infinite;}
.model-nr-01 .wave .wave-path-2{fill: rgba(2, 141, 252, 0.15);animation: wave6 15s ease-in-out infinite;}
.model-nr-01 .wave .wave-path-1{fill: rgba(2, 141, 252, 0.3);animation: wave5 15s ease-in-out infinite;}
.model-nr-01 .item-main-html{position: relative;z-index: 3;}
.model-nr-01 .model-nr-html .icon{width: 70px;height: 70px;border-radius: 50%;margin: 0 auto 20px auto;text-align: center;color: #fff;background: var(--gradient-site)}
.model-nr-01 .model-nr-html .icon .icon-svg{width: 40px;height: 40px;margin: 0 auto;}
.model-nr-01 .w-en{font-size: 22px;line-height: 1;text-transform: uppercase;font-family: 'Saira';font-weight: 700;color: var(--color-type-mr);margin-bottom: 20px;}
.model-nr-01 .w-nr{font-size: 16px;line-height: 1.5;color: var(--color-type-mid);height: 70px;}
.model-nr-01 .w-btn{width: 30%;height: 40px;padding: 0;border-radius: 40px;margin: 0 auto;text-align: center;background: #F7F7FC;color: var(--site-colorB);position: relative;z-index: 2;}
.model-nr-01 .w-btn-svg{width: 25px;}
.model-nr-01 .w-btn-path{fill: var(--site-colorB)}
.model-nr-01 .item-main-bg{position: absolute;z-index: 1;bottom: 0;left: 0;width: 100%;height: 0%;background-color: #5451c1;background-image: -moz-linear-gradient(145deg,#5451c1,#49DCB1);background-image: -webkit-linear-gradient(145deg,#5451c1,#49DCB1);background-image: linear-gradient(145deg,#5451c1,#49DCB1);}
.model-nr-01 .item-main:hover{margin-top: -20px; box-shadow:2px 0px 11px 6px rgba(0, 0, 0, .23);}
.model-nr-01 .item-main:hover .w-btn{background-color: #49DCB1;color: var(--white);padding: 0 10px;}
.model-nr-01 .item-main:hover .w-btn .w-btn-svg{width: 30px;}
.model-nr-01 .item-main:hover .item-main-bg{height: 100%;}
.model-nr-01 .item-main:hover .w-btn-path{fill: var(--white)}
.model-nr-01 .item-main:hover .w-en, .model-nr-01 .item-main:hover .w-cn, .model-nr-01 .item-main:hover .w-nr{color: var(--white)}


@media (max-width: 767px)  {
.model-nr-01 .model-nr-title{padding: 30px 0;}
.model-nr-01 .model-nr-html{grid-template-columns: repeat(1,1fr);grid-gap: 10px; padding:20px;}
.model-nr-01 .item-main{padding: 50px 15px 90px 15px;margin-top: 0;position: relative;overflow: hidden;border-radius: 20px;cursor: pointer;}
.model-nr-01 .item-main:hover .w-en, .model-nr-01 .item-main:hover .w-cn, .model-nr-01 .item-main:hover .w-nr{color: var(--white)}
}


.model-nr-02{background: #f1f2f7}
.model-nr-02 .model-nr-title{padding: 80px 0 30px 0;position: relative;z-index: 3;}
.model-nr-02 .model-nr-html{position: relative;z-index: 3;display: grid;grid-template-columns: repeat(2,1fr);padding-bottom: 80px;}
.model-nr-02 .model-nr-html .item{width: 100%;padding-top: 60%;position: relative;cursor: pointer;overflow: hidden;transform: scale(1);}
.model-nr-02 .model-nr-html .itemmain{width: 100%;position: absolute;top: 0;left: 0;bottom: 0;border-radius: 0;}
.model-nr-02 .model-nr-html .itemmain-word{width: 50%;height: 100%;position: relative;background: #fff;padding: 20px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.model-nr-02 .model-nr-html .itemmain-word .title{font-size: 20px;line-height: 1.5}
.model-nr-02 .model-nr-html .itemmain .tag{border: 1px #ebebeb solid;border-radius: 2px;margin: 30px;background: #fff;}
.model-nr-02 .model-nr-html .itemmain .tag .w50{padding: 10px 0;text-align: center;}
.model-nr-02 .model-nr-html .itemmain .tag .w50:first-child{border-right: 1px #ebebeb solid;}
.model-nr-02 .model-nr-html .itemmain .tag .fa{color: var(--blue-hc);font-size: 16px;margin-bottom: 10px;}
.model-nr-02 .model-nr-html .itemmain .miaoshu{font-size: 14px;line-height: 25px;color: #555;text-align: justify;height: 70px;margin-bottom: 30px;}
.model-nr-02 .model-nr-html .itemmain .item-btn{position: relative;overflow: hidden;cursor: pointer;background: var(--site-colorA);margin: 0 auto;width: 180px;border-radius: 5px;}
.model-nr-02 .model-nr-html .itemmain .item-btn-word{width: 180px;background: rgba(0,0,0,0);color: #fff;font-size: 15px;position: relative;z-index: 3;height: 48px;line-height: 48px;text-align: center;}
.model-nr-02 .model-nr-html .itemmain .item-btn:before{content: "";position: absolute;width: 200px;height: 200px;border-radius: 50%;background: var(--gradient-orange);z-index: 2;transform: scale(0.2);top: -45px;left: -10px;opacity: 0;}
.model-nr-02 .model-nr-html .itemmain .item-btn:after{content: "";position: absolute;width: 200px;height: 200px;border-radius: 50%;background: var(--gradient-purple-dark);z-index: 2;transform: scale(0.2);top: -40px;left: -10px;opacity: 0;}
.model-nr-02 .model-nr-html .itemmain-img{width: 50%;height: 100%;position: relative;}
.model-nr-02 .model-nr-html .itemmain-img img{position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;transform: scale(1)}
.model-nr-02 .model-nr-html .item:nth-child(4n+1) .itemmain-word, .model-nr-02 .model-nr-html .item:nth-child(4n+2) .itemmain-word{float: right}
.model-nr-02 .model-nr-html .item:nth-child(4n+3) .itemmain-word, .model-nr-02 .model-nr-html .item:nth-child(4n+4) .itemmain-word{float: left}
.model-nr-02 .model-nr-html .item:nth-child(4n+1) .itemmain-img, .model-nr-02 .model-nr-html .item:nth-child(4n+2) .itemmain-img{float: left}
.model-nr-02 .model-nr-html .item:nth-child(4n+3) .itemmain-img, .model-nr-02 .model-nr-html .item:nth-child(4n+4) .itemmain-img{float: right}
.model-nr-02 .model-nr-html .item, .model-nr-02 .model-nr-html .itemmain .itemmain-word, .model-nr-02 .model-nr-html .itemmain-word .title, .model-nr-02 .model-nr-html .itemmain-word .tag, .model-nr-02 .model-nr-html .itemmain-word .miaoshu, .model-nr-02 .model-nr-html .itemmain .item-btn:before, .model-nr-02 .model-nr-html .itemmain .itemmain-img img{-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;-webkit-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
.model-nr-02 .model-nr-html .itemmain .item-btn:after{-moz-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.model-nr-02 .model-nr-html .item:hover{z-index: 2;transform: scale(1.05);box-shadow: 0px 0px 7px 0 rgba(0, 0, 0, .13);border-radius: 20px;overflow: hidden;}
.model-nr-02 .model-nr-html .item:hover .itemmain-word{background: var(--site-colorB);}
.model-nr-02 .model-nr-html .item:hover .itemmain .itemmain-img img{transform: scale(1.1);opacity: 0.9}
.model-nr-02 .model-nr-html .item:hover .itemmain .title{color: #fff}
.model-nr-02 .model-nr-html .item:hover .itemmain .miaoshu{color: #fff}
.model-nr-02 .model-nr-html .item:hover .itemmain .tag{background: var(--site-colorA);color: #FFF;border-radius: 10px}
.model-nr-02 .model-nr-html .itemmain .item-btn:hover{border-radius: 25px;}
.model-nr-02 .model-nr-html .itemmain .item-btn:hover:before{transform: scale(1);top: -75px;opacity: 1;}
.model-nr-02 .model-nr-html .itemmain .item-btn:hover:after{transform: scale(1);top: -75px;opacity: 1;}



@media (max-width: 767px)  {
.model-nr-02 .model-nr-html{grid-template-columns: repeat(1,1fr);padding:10px;grid-gap:10px; }
.model-nr-02 .model-nr-html .item{border:1px #ddd solid;}
.model-nr-02 .model-nr-html .item:nth-child(4n+1) .itemmain-word,
 .model-nr-02 .model-nr-html .item:nth-child(4n+2) .itemmain-word{float: right}

.model-nr-02 .model-nr-html .item:nth-child(4n+3) .itemmain-word,
 .model-nr-02 .model-nr-html .item:nth-child(4n+4) .itemmain-word{float: right}

.model-nr-02 .model-nr-html .item:nth-child(4n+1) .itemmain-img, 
.model-nr-02 .model-nr-html .item:nth-child(4n+2) .itemmain-img{float: left}

.model-nr-02 .model-nr-html .item:nth-child(4n+3) .itemmain-img, 
.model-nr-02 .model-nr-html .item:nth-child(4n+4) .itemmain-img{float: left}
.model-nr-02 .model-nr-html .itemmain-word{padding: 10px;}


.model-nr-02 .model-nr-html .itemmain-word .title{font-size: 16px;}

.model-nr-02 .model-nr-html .itemmain .miaoshu{font-size: 13px;line-height: 18px;height: 54px; overflow:hidden; margin-top:20px;}
.model-nr-02 .model-nr-html .itemmain .item-btn{position: relative;overflow: hidden;cursor: pointer;background: var(--site-colorA);margin: 0 auto;width: 180px;border-radius: 50px;}
.model-nr-02 .model-nr-html .itemmain .item-btn-word{width: 180px;background: rgba(0,0,0,0);color: #fff;font-size: 15px;position: relative;z-index: 3;height: 36px;line-height: 36px;text-align: center; border-radius:50px;}

 
.model-nr-02 .model-nr-html .itemmain .tag{display:none; border: 1px #ebebeb solid;border-radius: 2px;margin: 5px;background: #fff;flex-direction: column;}
.model-nr-02 .model-nr-html .itemmain .tag .w50{width:100%;padding:5px 0;}
.model-nr-02 .model-nr-html .itemmain .tag .w50:first-child{border-bottom: 1px #ebebeb solid; border-right:0;}
.model-nr-02 .model-nr-html .itemmain .tag .fa{color: var(--blue-hc);font-size: 14px;margin-bottom: 10px;}

}


.model-nr-03 .model-nr-img{position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 1;background-size: cover;background-position: center center;background-repeat: no-repeat;}
.model-nr-03 .model-nr-bg{position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 2;opacity: 0.9}
.model-nr-03 .model-nr-title{padding: 80px 0 30px 0;position: relative;z-index: 3;}
.model-nr-03 .model-nr-html{position: relative;z-index: 3;display: grid;grid-template-columns: repeat(4,1fr);grid-gap: 30px;padding-bottom: 80px;}
.model-nr-03 .model-nr-html .item{padding: 10px;background: rgba(0,0,0,0.1);transform: scale(1);margin-top: 0;border-radius: 0;}
.model-nr-03 .model-nr-html .itemmain-img{width: 100%;height: 0;position: relative;padding-top: 100%;border-radius: 0;overflow: hidden;}
.model-nr-03 .model-nr-html .itemmain-img img{position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;transform: scale(1)}
.model-nr-03 .model-nr-html .itemmain-word{background: #fff;padding: 15px;font-size: 16px;text-align: center;border-radius: 0;}
.model-nr-03 .model-nr-html .item, .model-nr-03 .model-nr-html .itemmain-img, .model-nr-03 .model-nr-html .itemmain-word{cursor: pointer;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;-webkit-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
.model-nr-03 .model-nr-html .item:hover{transform: scale(1.05);background: #fff;border-radius: 20px;}
.model-nr-03 .model-nr-html .item:hover .itemmain-img{border-radius: 20px 20px 0 0;}
.model-nr-03 .model-nr-html .item:hover .itemmain-word{background: var(--site-colorA);border-radius: 0 0 20px 20px;color: #fff;}
.model-nr-04{background: #f1f2f7}
.model-nr-04 .model-nr-title{padding: 80px 0 30px 0;position: relative;z-index: 3;}
.model-nr-04 .model-nr-html{position: relative;z-index: 3;display: grid;grid-template-columns: repeat(2,1fr);grid-gap: 30px;padding-bottom: 80px;}
.model-nr-04 .model-nr-html .item-right .li{margin-bottom: 20px;}
.model-nr-04 .model-nr-html .item-right .li input{width: 100%;border: 1px #fff solid;height: 60px;background: #fff;border-radius: 60px;padding: 0 20px;font-size: 18px;line-height: 60px;}
.model-nr-04 .model-nr-html .item-right .li input::placeholder, .model-nr-04 .model-nr-html .item-right .li textarea::placeholder{color: #ccc}
.model-nr-04 .model-nr-html .item-right .li textarea{width: 100%;border: 1px #fff solid;height: 115px;background: #fff;border-radius: 60px;padding: 20px;font-size: 18px;line-height: 1.5;}
.model-nr-04 .model-nr-html .item-right .li input, .model-nr-04 .model-nr-html .item-right .li textarea{cursor: pointer;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;-webkit-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
.model-nr-04 .model-nr-html .item-right .li input:focus, .model-nr-04 .model-nr-html .item-right .li textarea:focus{border: 1px var(--site-colorB) solid;}
.model-nr-04 .item-btn{position: relative;overflow: hidden;cursor: pointer;background: var(--site-colorA);margin: 0 auto;border-radius: 60px;}
.model-nr-04 .item-btn .item-btn-word{width: 240px;text-align: center;background: rgba(0,0,0,0);color: #fff;font-size: 18px;position: relative;z-index: 3;height: 60px;line-height: 60px;text-align: center;}
.model-nr-04 .item-btn:before{content: "";position: absolute;width: 300px;height: 300px;border-radius: 50%;background: var(--gradient-orange);z-index: 2;transform: scale(0.2);top: -45px;left: -10px;opacity: 0;}
.model-nr-04 .item-btn:after{content: "";position: absolute;width: 300px;height: 300px;border-radius: 50%;background: var(--gradient-purple-dark);z-index: 2;transform: scale(0.2);top: -40px;left: -10px;opacity: 0;}
.model-nr-04 .item-btn:before{-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;-webkit-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
.model-nr-04 .item-btn:after{-moz-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.model-nr-04 .item-btn:hover{border-radius: 60px;}
.model-nr-04 .item-btn:hover:before{transform: scale(1);top: -75px;opacity: 1;}
.model-nr-04 .item-btn:hover:after{transform: scale(1);top: -75px;opacity: 1;}

.model-nr-05{background: var(--site-colorB);padding: 30px 0;font-size: 12px;}



.model-nr-06 .model-nr-title{padding: 80px 0 30px 0;position: relative;z-index: 3;}
.model-nr-06 .model-nr-html .BigImgList{position: relative;z-index: 3;display: grid;grid-template-columns: repeat(4,1fr); grid-gap:30px; padding-bottom: 50px;}

@media (max-width: 767px)  {
.model-nr-06 .model-nr-title{padding: 30px 0;}
.model-nr-06 .model-nr-html .BigImgList{grid-template-columns: repeat(2,1fr); grid-gap:10px;padding:10px;}

}

.model-nr-08{padding:120px 0;background-color: #1B1C4A;display: grid;grid-template-columns: repeat(5,1fr); text-align:center;}
.model-nr-08 .box-counter-main{font-size: 60px;color: #ffffff;font-weight: 700;line-height: 1; position:relative;}
.model-nr-08 .box-counter-main .fa{line-height: 1.2; font-size: 30px;   color: #FAB402; position:absolute; top:0; right:-30px;}
.model-nr-08 .box-counter-title{font-size: 18px; width:70%; margin-right:15%; text-align:center; display: inline-block;line-height: 1.3;color: rgba(255, 255, 255, 0.6); padding-top:30px;}
.model-nr-08 .item{position:relative;}
.model-nr-08 .item:before{content: '';position: absolute;width: 1px;height: 115px;right: 0px;transform: rotate(30deg);background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0));background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0));background-repeat: no-repeat;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00FFFFFF', endColorstr='#00FFFFFF', GradientType=0);}
.model-nr-08 .item:last-child:before{display:none;}



@media (max-width: 767px)  {
.model-nr-08{padding:50px 0; grid-template-columns: repeat(1,1fr); text-align:center;}
.model-nr-08 .item{padding:20px 0; border-bottom:1px #000 solid;}
.model-nr-08 .box-counter-main{font-size: 60px;color: #ffffff;font-weight: 700;line-height: 1; position:relative;}
.model-nr-08 .box-counter-title{font-size: 18px; width:100%; margin-right:0%;}
.model-nr-08 .item{position:relative;}
.model-nr-08 .item:before{display:none;}

}

.model-nr-10{padding:80px 0; position:relative;background:url(/images/site/ft.jpg) center center no-repeat; background-size:cover; background-attachment:fixed;}
.model-nr-10 .model-bg{background:rgba(255,255,255,0.85); position:absolute; top:0; left:0; right:0; bottom:0; z-index:2; opacity:0.8}

.model-nr-10 .model-nr-html{display: grid;grid-template-columns: repeat(3,1fr); grid-gap:30px;}
.model-nr-10 .footLogo{height:120px;}
.model-nr-10 .footLogo img{display:block; height:100%;}
.logoWord{padding-top:20px; line-height:1.4; font-size:18px;}
.model-nr-10 .nrLayout{position:relative;z-index:3;}
.model-nr-10 .title{font-weight:bold; font-family:'Saira'; font-size:30px; padding:30px 0;}

.model-nr-10 .navlist .li{padding:10px 0 10px 30px; position:relative; font-size:18px; color:#555;}
.model-nr-10 .navlist .li:before{position:absolute; height:2px; width:20px; left:0; top:calc(50% - 1px); background:#999; content:"";}
.model-nr-10 .navlist .li,
.model-nr-10 .navlist .li:before{-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;-webkit-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
.model-nr-10 .navlist .li:hover{padding-left:40px; cursor:pointer; color:var(--site-colorB); font-weight:bold;}
.model-nr-10 .navlist .li:hover:before{left:10px; width:25px; background:var(--site-colorB);  }


.model-nr-10 .contactInfo .li{padding:10px 0 ; position:relative; font-size:18px; color:#555;}
.model-nr-10 .contactInfo .li{-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;-webkit-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
.model-nr-10 .contactInfo .li:hover{padding-left:20px; cursor:pointer; color:var(--site-colorA); font-weight:bold;}
.model-nr-10 .contactInfo .li .fa{width:30px;}

@media (max-width: 767px)  {
.model-nr-10{padding:30px 0;} 
.model-nr-10 .item{padding:0 20px 20px 20px; border-bottom:1px #ddd solid;}
.model-nr-10 .model-nr-html{display: grid;grid-template-columns: repeat(1,1fr); grid-gap:10px;}
.model-nr-10 .footLogo{height:100px; padding:0px;}
.model-nr-10 .footLogo img{display:block; height:100%;}
.logoWord{padding:10px 0px; line-height:1.4; font-size:18px;}
.model-nr-10 .nrLayout{position:relative;z-index:3;}
.model-nr-10 .title{font-weight:bold; font-family:'Saira'; font-size:30px; padding:30px 0;}

.model-nr-10 .navlist .li{padding:10px 0 10px 30px; position:relative; font-size:18px; color:#555;}
.model-nr-10 .navlist .li:before{position:absolute; height:2px; width:20px; left:0; top:calc(50% - 1px); background:#999; content:"";}
.model-nr-10 .navlist .li,
.model-nr-10 .navlist .li:before{-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;-webkit-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
.model-nr-10 .navlist .li:hover{padding-left:40px; cursor:pointer; color:var(--site-colorB); font-weight:bold;}
.model-nr-10 .navlist .li:hover:before{left:10px; width:25px; background:var(--site-colorB);  }


.model-nr-10 .contactInfo .li{padding:10px 0 ; position:relative; font-size:18px; color:#555;}
.model-nr-10 .contactInfo .li{-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;-webkit-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
.model-nr-10 .contactInfo .li:hover{padding-left:20px; cursor:pointer; color:var(--site-colorA); font-weight:bold;}
.model-nr-10 .contactInfo .li .fa{width:30px;}

}


@media (max-width: 767px)  {
.rq-history{background-size:cover;}
}