@charset "utf-8";
/* CSS Document */
*,*:before,*:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body{ margin:0px; padding:0px; font-size:12px;font-family: Inter, Noto Kufi Arabic, sans-serif;color:#000;line-height:1; background:#FFF;}
ul,li,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,ol,form,input{ margin:0px; padding:0px;}
input,textarea { font-family: "微软雅黑"; border: none; outline: none; background: none; }
ul,li{ list-style:none}
img{border:0px; padding:0px; display: block;}
a{ color:#5c5c5c; text-decoration:none}

h2,h3,h4,b,strong { font-weight: normal; }
em,i { font-style: normal; }
.clear{ zoom: 1; }
.clear:after { content: ''; display: block; clear: both; }
.fl { float:left}
.fr { float:right}
.header{box-shadow:0 0 10px rgba(0, 0, 0, .1);background: #000000;width: 100%; position: fixed;z-index: 100;left: 0;top: 0; transition: all 0.3s ease;}

.headerbox{width: 1640px;max-width: 94%; margin: 0 auto;display: flex;justify-content: space-between;align-items: center;height: 90px;}
.logo{width: 177px;}
.logo img{width: 100%;}
.header-right{display: flex;align-items: center;gap:105px;}
.yznr{position: relative;}
.yznr p{font-size: 28px;color: #fff;cursor: pointer;display: flex;gap:14px;align-items: center;line-height: 40px;}
.yznr ul{position: absolute;width: 100%;border-radius: 6px;background: #000; padding: 10px 15px;top:40px;left: 0;display: none;}
.yznr ul li a{display: block; font-size: 14px;color: #fff;line-height: 32px;}
.yznr ul li a:hover{color: #0ED7B8;}
.yznr:hover ul{display: block;}

.nav ul{display: flex;gap:10px;}
.nav a{display: block;font-size: 28px;color: #fff;line-height: 42px;border-radius: 21px; padding: 0 20px;}
.nav li.cur a{background: #fff;color: #0B081C;}
.nav a:hover{background: #fff;color: #0B081C;}
.banner{background: url(../images/a2.png) no-repeat center top;background-size:100% auto; padding:140px 0 150px 0;overflow: hidden;}
.banner-text{width:1250px;margin: 0 auto;max-width: 94%;text-align: center;padding-bottom: 500px;}
.banner-text h2{font-weight: bold;font-size: 80px;margin-bottom: 25px;background: linear-gradient(to right, #7C77E0,#B0ABFD ,#4859D4, #0ED7B8); -webkit-background-clip: text; background-clip: text;color: transparent;display: inline-block;}
.banner-text p{font-size: 80px; color: #ECECEC;}
.banner-text a{display: inline-block; padding: 0 50px;line-height: 72px;color: #fff;font-size: 24px;font-weight: 500;background-image: linear-gradient(to right, #8681e6 , #8681e6 , #0ed7b8);border-radius: 10px;margin-top: 60px;;}
.banner-text a img{display: inline-block;vertical-align: middle; margin: -3px 0 0 16px;}
.h90{height: 90px;}

.xbhd{width: 100%; overflow: hidden; transform: rotate(5deg);}
.xbhd{overflow: hidden;width: 120%; margin-left: -15%;}
.xbhdbox{background-image: linear-gradient(to right, #908ceb ,#a9a5fa ,#465cd3, #20aec1);padding: 20px 0;}
.xbhdbox ul{display: flex;gap:60px;}

.bj2{background: url(../images/a5.png) no-repeat right top;}
.nujum{width: 1720px;margin: 0 auto;max-width: 94%; padding: 250px 0 285px;}
.nujum-nr{background: #10121e;border-radius: 0 15px 15px 0; display: flex;justify-content: space-between;align-items: center;}
.nujum-img{width: 60%;}
.nujum-img img{width: 100%;}
.nujum-text{width: 40%; padding: 0 50px;text-align: right;}
.nujum-text p{font-size: 24px;color: #6C7689; line-height: 1.5;margin-bottom: 20px;}
.nujum-text p span{color: #fff; }
.nujum-text a{display: inline-block; line-height: 62px;border-radius: 31px;color: #0B081C;background: #fff;font-size: 20px;font-weight: 500; padding: 0 22px;margin-top: 25px;}
.nujum-itle{text-align: center; padding-bottom: 60px;}
.nujum-itle h2{font-weight: bold;font-size: 80px;color: #fff; margin-bottom: 30px;background: linear-gradient(to right, #7C77E0,#B0ABFD ,#4859D4, #0ED7B8); -webkit-background-clip: text; background-clip: text;color: transparent;display: inline-block;}
.nujum-itle p{color: #fff;font-size: 30px;color: #ECECEC;line-height: 1.5;}

.bj3{background: url(../images/a7.png) no-repeat center center;background-size: cover;}
.hibo{width: 1800px;max-width: 94%; margin: 0 auto;display: flex;justify-content: space-between;align-items: center;padding: 0 0 250px 0;}
.hibo-img{width: 770px;}
.hibo-img img{width: 100%;}
.hibo-text{width: calc(100% - 770px);padding: 0 200px 0 0;text-align: right;}
.hibo-text h2{font-weight: bold;font-size: 52px;color: #fff;text-transform: uppercase;font-style: italic;background: linear-gradient(to right, #7C77E0,#B0ABFD ,#4859D4, #0ED7B8); -webkit-background-clip: text; background-clip: text;color: transparent;display: inline-block; padding-right: 15px;}
.hibo-text h3{font-weight: bold;color: #fff;font-size: 38px;line-height: 1.2;margin: 50px 0 25px;}
.hibo-text p{font-size: 24px; line-height: 1.2;color: #6C7689;}
.hibo-text a{display: inline-block; line-height: 62px;border-radius: 31px;color: #0B081C;background: #fff;font-size: 20px;font-weight: 500; padding: 0 22px;margin-top: 45px;}

.min{width: 1718px;max-width: 94%; margin: 0 auto;}
.min img{width: 100%;}
.yana{width: 1560px;max-width: 94%; margin: 0 auto; padding: 135px 0 180px;display: flex;align-items: center;justify-content: space-between;}
.yana-left{width: 50%; padding-right: 85px;}
.yana-title {display: flex;align-items: center; gap:45px;justify-content: flex-end;}
.yana-title h2{font-weight: bold;font-size: 52px;color: #fff;text-transform: uppercase;font-style: italic;background: linear-gradient(to right, #7C77E0,#B0ABFD ,#4859D4, #0ED7B8); -webkit-background-clip: text; background-clip: text;color: transparent;display: inline-block;padding-right: 15px;}
.yana-title a{display: inline-block; line-height: 62px;border-radius: 31px;color: #0B081C;background: #fff;font-size: 20px;font-weight: 500; padding: 0 22px;}
.yana-box{padding-top: 70px;text-align: right;} 
.yana-box p{color: #ECECEC;font-size: 24px; line-height: 1.2;}
.yana-right {width: 50%;text-align: right;}
.yana-right li{border-radius: 15px;background: #19161c; padding: 45px 40px; margin:15px 0;}
.yana-right p{font-size: 24px;line-height: 1.29;color: #6C7689; }
.about{width: 1185px;max-width: 94%; margin: 0 auto;text-align: right;}
.about h2{font-weight: bold;font-size: 62px;color: #fff;text-transform: uppercase;font-style: italic;text-align: center;margin-bottom: 75px;background: linear-gradient(to right, #7C77E0,#B0ABFD ,#4859D4, #0ED7B8); -webkit-background-clip: text; background-clip: text;color: transparent;display: inline-block; padding: 0 15px 0 0;}
.about ul{display: flex;gap:24px; flex-wrap: wrap;}
.about li{width: calc(50% - 24px/2);box-shadow:0 0 10px rgba(187, 155, 255, .5);border-radius: 15px; }
.about p{font-size: 20px;line-height: 1.5;color: #ECECEC; padding: 0 35px 45px 35px;}
.cont{width: 1690px;max-width: 94%; margin: 0 auto; padding: 75px 0 135px;display: flex;justify-content: space-between;align-items: flex-end;}
.cont-left h2{font-weight: bold;color: #fff;font-size: 40px; margin-bottom: 30px;text-align: right;}
.cont-left p{font-size: 20px; line-height: 66px;color: #fff;text-align: right;}
.cont-left p img{display: inline-block;vertical-align: middle; margin: -3px 20px 0 0;}
.cont-right{text-align: right;}
.cont-right img{display: inline-block;width: 180px;}
.cont-right p{font-size: 24px;color: #6C7689; margin-top: 26px;}
.sjzs{display: none;}
.aboutbox{text-align: right;}
.aboutbox img{display: inline-block;}

@media only screen and (min-width: 950px) and (max-width: 1920px) {
.header{box-shadow:0 0 0.521vw rgba(0, 0, 0, .1);background: #000000;width: 100%; position: fixed;z-index: 100;left: 0;top: 0; transition: all 0.3s ease;}

.headerbox{width: 85.417vw;max-width: 94%; margin: 0 auto;display: flex;justify-content: space-between;align-items: center;height: 4.688vw;}
.logo{width: 9.219vw;}
.logo img{width: 100%;}
.header-right{display: flex;align-items: center;gap:5.469vw;}

.yznr p{font-size: 1.25vw;color: #fff;cursor: pointer;display: flex;gap:0.729vw;align-items: center;}
.nav ul{display: flex;gap:0.521vw;}
.nav a{display: block;font-size: 1.25vw;color: #fff;line-height: 2.188vw;border-radius: 1.094vw; padding: 0 1.042vw;}
.nav li.cur a{background: #fff;color: #0B081C;}
.nav a:hover{background: #fff;color: #0B081C;}
.banner{background: url(../images/a2.png) no-repeat center top;background-size:100% auto; padding:7.292vw 0 7.812vw 0;}
.banner-text{width:65.104vw;margin: 0 auto;max-width: 94%;text-align: center; padding-bottom: 28.646vw;}
.banner-text h2{color: #fff;font-weight: bold;font-size: 4.167vw;margin-bottom: 1.302vw;}
.banner-text p{font-size: 4.167vw; color: #ECECEC;}
.banner-text a{display: inline-block; padding: 0 2.604vw;line-height: 3.75vw;color: #fff;font-size: 1.25vw;font-weight: 500;background-image: linear-gradient(to right, #8681e6 , #8681e6 , #0ed7b8);border-radius: 0.521vw;margin-top: 3.125vw;;}
.banner-text a img{display: inline-block;vertical-align: middle; margin: -0.156vw 0 0 0.833vw;}
.h90{height: 4.688vw;}

.xbhd{overflow: hidden; transform: rotate(5deg);width: 120%; margin-left: -10%;}
.xbhdbox{background-image: linear-gradient(to right, #908ceb ,#a9a5fa ,#465cd3, #20aec1);padding: 1.042vw 0;}
.xbhdbox ul{display: flex;gap:3.125vw;}
.xbhdbox img{height: 3.020vw;}

.bj2{background: url(../images/a5.png) no-repeat right top;}
.nujum{width: 89.583vw;margin: 0 auto;max-width: 94%; padding: 15vw 0 14.844vw;}
.nujum-nr{background: #10121e;border-radius: 0 0.781vw 0.781vw 0; display: flex;justify-content: space-between;align-items: center;}
.nujum-img{width: 60%;}
.nujum-img img{width: 100%;}
.nujum-text{width: 40%; padding: 0 2.604vw;}
.nujum-text p{font-size: 1.25vw;color: #6C7689; line-height: 1.5;margin-bottom: 1.042vw;}
.nujum-text p span{color: #fff; }
.nujum-text a{display: inline-block; line-height: 3.229vw;border-radius: 1.615vw;color: #0B081C;background: #fff;font-size: 1.042vw;font-weight: 500; padding: 0 1.146vw;margin-top: 1.302vw;}
.nujum-itle{text-align: center; padding-bottom: 3.125vw;}
.nujum-itle h2{font-weight: bold;font-size: 4.167vw;color: #fff; margin-bottom: 1.563vw;}
.nujum-itle p{color: #fff;font-size: 1.563vw;color: #ECECEC;line-height: 1.5;}

.bj3{background: url(../images/a7.png) no-repeat center center;background-size: cover;}
.hibo{width: 93.75vw;max-width: 94%; margin: 0 auto;display: flex;justify-content: space-between;align-items: center;padding: 0 0 13.021vw 0;}
.hibo-img{width: 40.104vw;}
.hibo-img img{width: 100%;}
.hibo-text{width: calc(100% - 40.104vw);padding: 0 10.417vw 0 0;}
.hibo-text h2{font-weight: bold;font-size: 2.708vw;color: #fff;text-transform: uppercase;font-style: italic;}
.hibo-text h3{font-weight: bold;color: #fff;font-size: 1.979vw;line-height: 1.2;margin: 2.604vw 0 1.302vw;}
.hibo-text p{font-size: 1.25vw; line-height: 1.2;color: #6C7689;}
.hibo-text a{display: inline-block; line-height: 3.229vw;border-radius: 1.615vw;color: #0B081C;background: #fff;font-size: 1.042vw;font-weight: 500; padding: 0 1.146vw;margin-top: 2.344vw;}

.min{width: 89.479vw;max-width: 94%; margin: 0 auto;}
.min img{width: 100%;}
.yana{width: 81.25vw;max-width: 94%; margin: 0 auto; padding: 7.031vw 0 9.375vw;display: flex;align-items: center;justify-content: space-between;}
.yana-left{width: 50%; padding-right: 4.427vw;}
.yana-title {display: flex;align-items: center; gap:2.344vw;}
.yana-title h2{font-weight: bold;font-size: 2.708vw;color: #fff;text-transform: uppercase;font-style: italic;}
.yana-title a{display: inline-block; line-height: 3.229vw;border-radius: 1.615vw;color: #0B081C;background: #fff;font-size: 1.042vw;font-weight: 500; padding: 0 1.146vw;}
.yana-box{padding-top: 3.646vw;} 
.yana-box p{color: #ECECEC;font-size: 1.25vw; line-height: 1.2;}
.yana-right {width: 50%;}
.yana-right li{border-radius: 0.781vw;background: #19161c; padding: 2.344vw 2.083vw; margin:0.781vw 0;}
.yana-right p{font-size: 1.25vw;line-height: 1.29;color: #6C7689;}
.about{width: 61.719vw;max-width: 94%; margin: 0 auto;}
.about h2{font-weight: bold;font-size: 3.229vw;color: #fff;text-transform: uppercase;font-style: italic;text-align: center;margin-bottom: 3.906vw;}
.about ul{display: flex;gap:1.25vw; flex-wrap: wrap;}
.about li{width: calc(50% - 1.25vw/2);box-shadow:0 0 0.521vw rgba(187, 155, 255, .25);border-radius: 0.781vw; }
.about p{font-size: 1.042vw;line-height: 1.5;color: #ECECEC; padding: 0 1.823vw 2.344vw 1.823vw;}
.cont{width: 88.021vw;max-width: 94%; margin: 0 auto; padding: 3.906vw 0 7.031vw;display: flex;justify-content: space-between;align-items: flex-end;}
.cont-left h2{font-weight: bold;color: #fff;font-size: 2.083vw; margin-bottom: 1.563vw;}
.cont-left p{font-size: 1.042vw; line-height: 3.438vw;color: #fff;}
.cont-left p img{display: inline-block;vertical-align: middle; margin: -0.156vw 1.042vw 0 0, width: 2.447vw;}
.cont-right{text-align: right;}
.cont-right img{display: inline-block;width: 9.375vw;}
.cont-right p{font-size: 1.25vw;color: #6C7689; margin-top: 1.354vw;}
}


@media(max-width:950px){
.headerbox{height: 1rem;}
.logo{width: 1.7rem;}
.nav{position: fixed;width: 2rem;border-radius: .1rem;background: #242424;right: .38rem;top: 1.04rem; padding: .1rem 0;display: none;}
.nav ul{display: block;}
.nav li.cur a{background: none;color: #fff;}
.nav  a{font-size: .24rem;line-height: .64rem; padding: 0 0 0 .15rem;}
.yznr p{font-size: .22rem;gap:.14rem;align-items: center;}
.yznr p img{width: .25rem;}
.dhbtn{position: absolute;background: url(../images/a16.png);width: .25rem;height: .25rem;background-size: 100% 100%;top: 50%;transform: translateY(-50%);right: 2.02rem;}
.dhbtn.on{background: url(../images/d2.png) no-repeat center center;background-size: 100% 100%;}
.h90{height: 1rem;}
.banner{padding: 0;}
.banner-text{padding: 1.75rem 0 2.5rem 0 ;}
.banner{padding-bottom: 1.5rem;}
.banner-text h2{font-size:.48rem;margin-bottom: .15rem;}
.banner-text p{font-size: .38rem; line-height: 1.2;}
.banner-text a{font-size: .26rem; padding: 0 .6rem;border-radius: .1rem;line-height: .72rem;margin-top: .75rem;}
.banner-text a img{width: .16rem;margin-left: .15rem;}
.xbhdbox{padding: .15rem;}
.xbhdbox ul{gap:.4rem;}
.xbhdbox img{height: .3rem;}

.nujum{padding: .75rem 0 0 0;max-width: 100%;}
.nujum-itle h2 {font-size:.48rem;margin-bottom: .3rem;}
.nujum-itle p{font-size: .38rem; line-height: 1.2;}
.nujum-itle p br{display: none;}
.nujum-itle{padding-bottom: .85rem;}
.nujum-nr{display: block;background: none;}
.nujum-img{width: 100%;}
.nujum-text{width: 94%; margin: .5rem auto 0 auto;background: #10121e;border-radius: .1rem; padding: .5rem .8rem .6rem .8rem;text-align: center;}
.nujum-text p {font-size: .24rem;text-align: center;margin-bottom: .15rem;}
.nujum-text a{line-height: .6rem; padding: 0 .25rem;border-radius: .3rem;font-size: .24rem; margin-top: .3rem;}
.pczs{display: none;}
.sjzs{display: block;}

.hibo{display: block; padding: 1.2rem 0 1.6rem;}
.bj3{background: url(../images/s1.png) no-repeat center top;background-size: 100% auto;}
.hibo-img{width: 100%; padding: 0 1.5rem;}
.hibo-text{width: 100%; padding: 1.2rem 1rem 0 1rem;}
.hibo-text h2{font-size: .36rem;line-height: 1.2;}
.hibo-text h3{font-size: .28rem;line-height: 1.2;margin: .5rem 0 .4rem;}
.hibo-text p{font-size: .22rem;line-height: 1.2;}
.hibo-text a{line-height: .6rem; padding: 0 .25rem;border-radius: .3rem;font-size: .24rem; margin-top: .55rem;}

.min{max-width: 100%;}
.yana{padding: 1.1rem .8rem .6rem .8rem;display: block;}
.yana-left{width: 100%;padding: 0;}
.yana-title{justify-content: space-between;}
.yana-title h2{font-size: .36rem;line-height: 1.2;}
.yana-title a{line-height: .6rem; padding: 0 .25rem;border-radius: .3rem;font-size: .24rem;}
.yana-box{padding-top: .45rem;}
.yana-box p{font-size: .22rem;line-height: 1.2;}
.yana-right{width: 100%; padding-top:1.2rem;}
.yana-right li{margin-bottom: .42rem; padding: .28rem .25rem;border-radius: .1rem;}
.yana-right p{font-size: .24rem;line-height: 1.2;}

.about{padding: 0 1rem;max-width: 100%;}
.about h2{font-size: .36rem;line-height: 1.2;margin-bottom: .7rem;}
.about ul{display: block;}
.about li{margin-bottom: .65rem;width: 100%;}
.about p{font-size: .24rem; padding: 0 .5rem .5rem .5rem;}
.cont{padding: 1.7rem 0 1rem;display: block;}
.cont-left h2{font-size: .3rem;margin: .15rem 0;}
.cont-left p{font-size: .24rem;line-height: .44rem;}
.cont-left p img{width: .34rem;margin-right: .15rem;}
.cont-right img{width: 1.5rem;}
.cont-right p{font-size: .24rem;margin-top: .2rem;}
.yznr ul{padding:.1rem;top: 1rem;}
.yznr ul li a{font-size: .24rem; line-height: 2;}
}