/* CSS Document */ body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,textarea,p{margin:0px;padding:0px;font-family:SourceHanSansSC_ExtraLight;color:#000;} body{background:#ffffff;} ul{list-style:none;} img,a img{border:0px;border:none;} a{text-decoration:none;} a.hidefocus{outline:none} a:hover{text-decoration:underline;text-decoration:none;} label{ margin-bottom:0; font-weight:normal;} input,textarea{border:0;outline:none;/*去除蓝色边框*/} /* select::-ms-expand { display:none;} */ select{ background-color:#fff; } .white{ background:#fff;} /*@font-face {font-family:Oswald; src:url(../fonts/Oswald-Medium.ttf);}*/ /*@font-face {font-family:SourceHanSansSC_Bold; src:url(../fonts/SourceHanSansSC-Bold-2.otf);}*/ /*@font-face {font-family:SourceHanSansSC_Light; src:url(../fonts/SourceHanSansSC-Light-2.otf);}*/ /*@font-face {font-family:SourceHanSansSC_Medium; src:url(../fonts/SourceHanSansSC-Medium-2.otf);}*/ /*@font-face {font-family:SourceHanSansSC_Normal; src:url(../fonts/SourceHanSansSC-Normal-2.otf);}*/ /*@font-face {font-family:SourceHanSansSC_Regular; src:url(../fonts/SourceHanSansSC-Regular-2.otf);}*/ /*@font-face {font-family:SourceHanSansSC_ExtraLight; src:url(../fonts/SourceHanSansSC-ExtraLight-2.otf);}*/ /*****以上样式不可更改*****/ .header{ position: fixed; left: 0; top: 0; width: 100%; z-index: 999;} .headerFlex{ display: flex; align-items: center; justify-content: space-between; padding: 20px 0px;} .headerFlex .logo img{ width: 154px;} .header.on{ background: #ffffff;} .header_right,.header .nav .navbar_nav{ display: flex; align-items: center;} .header .nav .navbar_nav li{ margin-left: 30px;} .header .nav .navbar_nav li a{ font-size: 16px; line-height: 40px; color: rgba(18, 18, 18, 1); display: block; font-family:SourceHanSansSC_Regular;} .header .search{ width: 40px; position: relative; margin-left:15px; height: 40px;transition:0.6s; } .header .search .text{ width: 0px; height: 40px; border-radius: 20px; color: #000;font-size: 15px;transition:0.6s; } .header .search button{ position: absolute; right: 0; top: 0; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; background: transparent; border: transparent;} .header .search button img{ width: 16px; height: 16px; display: block;} .banner{ position: relative; width: 100%;} .banner img{ width: 100%;} .banner .text{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; align-items: center;} .banner .text h1{ font-size: 40px; line-height: 48px; color: rgba(18, 18, 18, 1);} .banner .text .txtbox{ padding-top: 15px;} .banner .text .txtbox p{ color: rgba(18, 18, 18, 1); font-size: 20px; line-height: 24px; margin-top: 15px;} .header .search.open{ width: 300px; margin-left: 30px;} .header .search.open .text{padding-left: 15px; padding-right: 40px; width: 100%; border: 1px solid #0F101D;} .mask{background: rgba(18, 18, 18, 0.6); position: fixed; left: 0; top: 0; width: 100%; height: 100%; display: none; z-index: 991;} .mask.open{ display: block;} .mask2{background: rgba(18, 18, 18, 0.6); position: fixed; left: 0; top: 0; width: 100%; height: 100%; display: none; z-index: 99991;} .m_nav{ display: none;} .Who_are_we{ padding:40px 0px;} .title,.Who_are_we .txtbox{ text-align: center;} .title h1{font-size: 40px; line-height: 50px; color: rgba(18, 18, 18, 1); font-weight: bold; font-family: SourceHanSansSC_Medium;} .Who_are_we .txtbox { margin-top: 30px;} .Who_are_we .txtbox p{font-size: 20px; line-height: 40px; color: rgba(18, 18, 18, 1);} .Who_are_we .ul{ display: flex; flex-wrap: wrap; margin: 0px -15px;} .Who_are_we .ul li{ width: 33.333%; padding: 0px 15px;} .Who_are_we .ul li .item{ background: #ffffff; border-radius: 16px; margin-top: 60px; padding:60px; box-shadow: 0px 16px 40px 0px rgba(90, 127, 206, 0.15);} .Who_are_we .ul li .item .icon{background: rgba(86, 140, 255, 0.05); width: 96px; height: 96px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto;} .Who_are_we .ul li .item .icon img{ width: 64px; height: 64px;} .Who_are_we .ul li .item .txtbox{ margin:30px 0px; min-height: 190px;} .Who_are_we .ul li .item .txtbox h4{font-family:SourceHanSansSC_Regular; font-weight: 400; font-size: 16px; line-height:24px; letter-spacing: 0%; text-align: center; vertical-align: middle;} .Who_are_we .ul li .item .txtbox p{ font-size: 14px; line-height: 24px; letter-spacing: 0%; vertical-align: middle; text-align: left; margin-top: 15px; padding-left:10px; position: relative;} .Who_are_we .ul li .item .txtbox p::before{width: 4px; height: 4px;background: rgba(86, 140, 255, 1); border-radius: 50%; position: absolute; left: 0; top:11px; content: '';} .Who_are_we .ul li .item .open{width:124px; height:40px; margin: 0 auto; display: flex; align-items: center; justify-content: center; font-family:SourceHanSansSC_Regular; font-size: 16px; line-height: 24px; letter-spacing: 0%; background: rgba(86, 140, 255, 1); color: #ffffff; border-radius: 20px; cursor: pointer;transform: translateY(0px); transition:0.6s;} .Who_are_we .ul li .item .open:hover{transform: translateY(-5px);} .Our_advantages{ padding:120px 0px;} .Our_advantages_ul{ display: flex; flex-wrap: wrap; margin: 0px -15px;} .Our_advantages_ul li{ width: 33.333%; padding: 0px 15px;} .Our_advantages_ul li .item{background: linear-gradient(179.73deg, #E6EEFF 0.23%, #FFFFFF 50.18%);box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 1) inset;box-shadow: 0px 8px 24px 0px rgba(90, 127, 206, 0.15); padding: 30px 30px 90px 30px; margin-top: 60px; border-radius: 16px; position: relative;} .Our_advantages_ul li .item .t1{font-family:SourceHanSansSC_Bold; font-size: 20px; line-height: 32px; letter-spacing: 0%; vertical-align: middle;} .Our_advantages_ul li .item .t2{font-size: 14px; font-weight: 300; line-height: 22px; letter-spacing: 0%; vertical-align: middle; margin-top: 8px;} .Our_advantages_ul li .item .t3{ position: absolute; right:0px; bottom: 0;} .Our_advantages_ul li .item .t3 img{ width: 96px; height: 96px;} .process{ padding-top:40px; padding-bottom: 80px;} .liucheng{ max-width:1150px; width: 100%; margin: 0 auto; margin-top:70px;} .liucheng img{ width: 100%;} .domain,.About,.tuandui{background: rgba(246, 252, 255, 1); padding: 80px 0px; position: relative;} .domain_item{ margin-top: 65px; display: flex; align-items: center;} .domain_item .imgbox{ width: 100%; flex: 1;} .domain_item .imgbox img{ width: 100%;} .domain_item .txtbox{ width:408px; margin-left:30px;} .domain_item .txtbox .t1{font-family:SourceHanSansSC_Regular; font-size: 16px; line-height: 22px; letter-spacing: 0%; vertical-align: middle; color:rgba(18, 18, 18, 1); padding-left: 10px; } .domain_item .txtbox .t2{ display: flex; flex-wrap: wrap;} .domain_item .txtbox .t2 p{ font-weight: 300; font-size: 16px; line-height: 22px; letter-spacing: 0%; vertical-align: middle; color: rgba(18, 18, 18, 0.6); width: 33.333%; margin-top: 15px; padding-left: 10px; position: relative; } .domain_item .txtbox .t2 p::before{background: rgba(18, 18, 18, 0.6); width: 4px; height: 4px; position: absolute; left: 0; top: 50%; content: ''; border-radius: 50%;transform: translateY(-50%); } .domain_item:nth-of-type(even){ flex-direction: row-reverse;} .domain_item:nth-of-type(even) .txtbox{ margin-left: 0px; margin-right: 30px;} .Customer { padding:80px 0px;} .Customer .ul{ display: flex; flex-wrap: wrap; margin-top: 40px;} .Customer .ul li{ width: 14.28%;} .Customer .ul li a{ width: 100%; height: 120px; display:flex; align-items: center; justify-content: center;} .Customer .ul li a img{ max-width: 100%; max-height: 100%;} .Introduction{ width: 100%; margin: 0 auto; margin-top: 30px; text-align: center;} /*max-width: 945px;*/ .Introduction h3{font-family:SourceHanSansSC_Bold;font-size: 20px; line-height: 40px; letter-spacing: 0%; vertical-align: middle; color: rgba(18, 18, 18, 1);} .Introduction img{ width: 112px;} .Introduction p{ font-weight: 300;font-size: 16px; line-height: 40px; letter-spacing: 0%; text-align: center; vertical-align: middle; color: rgba(18, 18, 18, 1); } .Introduction h4{font-family: SourceHanSansSC_Bold; font-size: 16px; line-height: 40px; letter-spacing: 0%; text-align: center; vertical-align: middle; color: rgba(18, 18, 18, 1);margin-top: 15px;} .logo-02{ position: absolute; bottom: 0; right: 0; max-width: 1140px; width: 100%;} .dongtai{ display: flex; background: rgba(48, 60, 96, 1);} .dongtai .imgbox{ width:55%} .dongtai .imgbox img{ width: 100%;} .dongtai .txtbox{ width:45%; padding: 40px; display: flex; align-items: center;} .dongtai .txtbox h3{font-family:SourceHanSansSC_Bold; font-size: 20px; line-height: 32px; letter-spacing: 0%; vertical-align: middle; color: rgba(255, 255, 255, 1);} .dongtai .txtbox em{ width: 32px; height: 4px; background: rgba(86, 140, 255, 1); display: block; margin-top: 20px;} .dongtai .txtbox p{ font-weight: 300; font-size: 16px; line-height: 40px; letter-spacing: 0%; vertical-align: middle; color: rgba(255, 255, 255, 1); margin-top: 20px; } .chendian{ background: url(../images/bg1_compressed.png) no-repeat; background-size: 100% 100%; background-size: 100% 100%; padding: 80px 0px; text-align: center;} .chendian h1{font-family: Source Han Sans SC; font-weight: 700; font-style: Bold; font-size: 40px; line-height: 48px; letter-spacing: 0%; vertical-align: middle; color: rgba(255, 255, 255, 1); width: 100%; } .chendian ul{ display: flex; flex-wrap: wrap;} .chendian ul li{ margin-top:60px; width: 20%; text-align: center;} .chendian ul li .t1{font-family: Oswald; font-weight: 500; font-style: Medium; font-size: 56px; line-height: 72px; letter-spacing: 0%; text-align: center; vertical-align: middle; color: rgba(255, 255, 255, 1);} .chendian ul li .t2{ margin-top: 8px;font-family: Source Han Sans SC; font-weight: 400; font-style: Regular; font-size: 14px; line-height: 24px; letter-spacing: 0%; text-align: center; vertical-align: middle; color: #ffffff} .culture{ margin-top: 120px;} .culture .wenhua{ position: relative; margin-top: 64px; padding-bottom: 30px;} .culture .wenhua .imgbox{ background:url(../images/wenhua.png) no-repeat; max-width: 780px; width: 100%;padding: 64px; background-size:100% 100%; position: relative; z-index: 1;} .culture .wenhua .imgbox h4{font-family:SourceHanSansSC_Bold; font-size: 20px; line-height: 32px; letter-spacing: 10%; vertical-align: middle; color: rgba(255, 255, 255, 1); } .culture .wenhua .imgbox p{ font-weight: 300; font-size: 28px; line-height: 40px; letter-spacing: 10%; vertical-align: middle; color: rgba(255, 255, 255, 1); margin-top: 8px; } .culture .wenhua .imgbox h4.h4{ margin-top: 30px;} .culture .wenhua .txtbox{border: 1px solid rgba(86, 140, 255, 1); padding: 55px 50px 50px 150px; position: absolute; bottom: 0; right: 0; width: 510px; border-radius: 32px;} .culture .wenhua .txtbox h4{font-family:SourceHanSansSC_Bold; font-size: 20px; line-height: 32px; letter-spacing: 10%; vertical-align: middle; color: rgba(86, 140, 255, 0.8); } .culture .wenhua .txtbox p{ font-weight: 300; font-size: 28px; line-height: 56px; letter-spacing: 28%; vertical-align: middle; color: rgba(86, 140, 255, 0.8); } .Founder{ padding:120px 0px;} .FounderFlex{ display: flex; align-items: flex-end;} .FounderFlex .txtbox .title h1{ text-align:left;} .FounderFlex .txtbox .t1{ margin-top: 64px;} .FounderFlex .txtbox .t1 h3{font-family:SourceHanSansSC_Bold; font-size: 32px; line-height: 40px; letter-spacing: 0%; vertical-align: middle; color: rgba(18, 18, 18, 1); } .FounderFlex .txtbox{ flex: 1; width: 100%;} .FounderFlex .txtbox .t1 em{ width: 32px; height: 4px; background: rgba(86, 140, 255, 1); margin-top: 14px; display: block;} .FounderFlex .txtbox .t1 p{font-family:SourceHanSansSC_Regular; font-size: 20px; line-height: 32px; letter-spacing: 0%; vertical-align: middle; color: rgba(18, 18, 18, 1); margin-top: 14px;} .FounderFlex .txtbox .t2{ margin-top: 20px;} .FounderFlex .txtbox .t2 p{ font-weight: 300; font-size: 16px; line-height: 40px; letter-spacing: 0%; vertical-align: middle; color: rgba(18, 18, 18, 1); margin-top: 12px;} .FounderFlex .imgbox{ margin-left: 70px; width: 490px; position: relative;} .FounderFlex .imgbox img{ width: 100%; position: relative; z-index: 1;} .FounderFlex .imgbox::before{ width:555px; height: 555px; position: absolute; left: 0; content:''; bottom: 0; background:url(../images/logo-03.png) no-repeat; background-size:100% 100%;} .tuandui{} .tuandui .map{ max-width:866px; margin: 0 auto; width: 100%; margin-top: 30px; position: relative;} .tuandui .map .img_map{ width: 100%;} .tuandui .map .item_txt{ position: absolute; left:0; top: 0; text-align: center;} .tuandui .map .item_txt img{ width: 24px;} .tuandui .map .item_txt .text{ background: rgba(86, 140, 255, 1); padding: 5px 12px; border-radius:4px; font-size: 14px; color: #ffffff; line-height: 22px; margin-top: 4px;} .tuandui .map .item_txt:nth-child(1){left:68.5%; top: 36%;} .tuandui .map .item_txt:nth-child(2){left:45.5%; top: 61%;} .tuandui .map .item_txt:nth-child(3){left:75.5%; top: 55%;} .tuandui .map .item_txt:nth-child(4){left:77.5%; top: 66%;} .tuandui .map .item_txt:nth-child(5){left:65%; top: 83%;} .footer{ background: url(../images/foot.png) no-repeat; width: 100%; padding: 64px 0px; background-size: 100% 100%;} .footerFlex{ display: flex; justify-content: space-between;} .footerFlex .txtbox{ flex: 1; width: 100%;} .footerFlex .txtbox h4,.footerFlex .erweima h4{font-family:SourceHanSansSC_Regular; font-size: 14px; line-height: 24px; color: rgba(255, 255, 255, 1); margin-bottom: 8px; } .footerFlex .txtbox p{ font-weight: 300; font-size: 14px; line-height: 24px; color: rgba(255, 255, 255, 1); } .footerFlex .erweima h4{ margin-left: 40px;} .footerFlex .erweima .imgFlex{ display: flex;} .footerFlex .erweima .imgFlex .weima{ width:100px; margin-left: 40px;} .footerFlex .erweima .imgFlex .weima img{ width: 100%;} .footerFlex .erweima .imgFlex .weima p{ font-size: 14px; line-height: 24px; letter-spacing: 0%; text-align: center; color: rgba(255, 255, 255, 1); } .footerFlex .erweima .hz{ font-size: 14px; line-height: 24px; letter-spacing: 0%; vertical-align: middle; color: rgba(255, 255, 255, 1); margin-left: 40px; margin-top: 10px; } .footerFlex .erweima .hz a{ color: rgba(86, 140, 255, 1);} .pop_show{ position: fixed; left: 50%; top: 50%; transform: translate(-50%,-50%);border: 1px solid rgba(18, 18, 18, 0.1); width: 480px; padding: 64px; z-index: 99992;box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 1) inset;background: rgba(255, 255, 255, 1); border-radius: 16px; display: none;max-height:80%;overflow-y:auto;} .pop_show::-webkit-scrollbar { display: none; /* Chrome/Safari/Opera */ } .pop_show .top{ position: absolute; left: 0; top: 0; width: 100%; height:240px;background: linear-gradient(180deg, rgba(86, 140, 255, 0.15) 0%, rgba(255, 255, 255, 0) 100%);} .pop_show .item_box{ margin-bottom: 30px;} .pop_show .item_box .t3{ font-family: SourceHanSansSC_Regular; position: relative; font-weight: 400; font-size: 14px; line-height: 24px; letter-spacing: 0%; vertical-align: middle; color: rgba(18, 18, 18, 1); padding-left: 10px; } .pop_show .item_box .t3::before{ width: 4px; height: 12px; content: ''; position: absolute; left: 0; top: 50%;transform: translateY(-50%); background: rgba(86, 140, 255, 1); border-radius: 2px;} .pop_show .item_box .text{border: 1px solid rgba(18, 18, 18, 0.1); padding: 0px 8px; line-height: 30px; margin-top: 10px; width: 100%; color: rgba(18, 18, 18, 0.8);} .pop_show .button{ width: 115px; height: 40px; margin: 0 auto; background: rgba(86, 140, 255, 1); border-radius: 20px; display: flex; align-items: center; justify-content: center; font-size: 14px; color: #ffffff; cursor: pointer;} .chenggong{ text-align: center;} .chenggong img{ width: 64px;} .chenggong h3{ margin-top: 30px; color: rgba(18, 18, 18, 1); font-size: 20px; line-height: 32px;} .chenggong p{ text-align: center; margin-top: 8px; color: rgba(18, 18, 18, 0.6); font-size: 14px; line-height: 24px;} .chenggong_pop_480{ min-height:352px; display: flex; align-items: center;justify-content: center;} .yuedu{ display: flex; align-items: center; color: rgba(18, 18, 18, 0.6); font-size: 14px; line-height: 24px; cursor: pointer;} .yuedu a{ color: rgba(86, 140, 255, 1); text-decoration: underline;} .yuedu .icon{ background: url(../images/Ellipse.png) no-repeat; width: 16px; height: 16px; margin-right: 4px; margin-top: 2px;} .yuedu.on .icon{ background: url(../images/Ellipse2.png) no-repeat; width: 16px; height: 16px; margin-right: 4px; margin-top: 2px;} .wrapTop{ margin-top: 80px; padding-bottom: 40px; background: #F9F9F9; padding-top: 40px;} .login { position:relative; margin-left: 30px; cursor: pointer;} .login .name{font-size: 16px; line-height: 40px; color: rgba(18, 18, 18, 1); display: block; font-family: SourceHanSansSC_Regular;} .login:hover .loginShow{ display: block;} .loginShow{ position: absolute; left: 50%; top:40px;transform: translateX(-50%); background: #fff;box-shadow: 0px 16px 40px 0px rgba(90, 127, 206, 0.15); width: 130%; padding:6px; border-radius: 6px; display: none;} .loginShow a{font-size: 16px; line-height: 40px; color: rgba(18, 18, 18, 1); display: block; text-align: center;} .loginShow a:hover{ color: rgba(86, 140, 255, 1); } .login{ display: block;} .wap_icon{ display: none;} .login_wrap{background:#FFFFFF; border-radius: 8px; min-height: 775px; position: relative; overflow: hidden;} .login_wrap:before{ position: absolute; left: 0; top: 0; width: 100%; height: 199px; content: ''; background: url(../images/login_01.png) no-repeat; background-size: 100% 100%;} .login_box{ position: relative; width: 100%; padding: 80px 170px; z-index: 1;} .login_title{ position: relative;} .login_title .t1{font-weight: 600; font-size: 28px; color: rgba(0,0,0,0.9); line-height: 40px; text-align: center;} .login_title .t1 span{color: #2E74FF;} .login_title .zhuce{ position: absolute; right: 0; top:13px; font-size: 14px; color: #5790FF; line-height: 20px; display: flex; align-items: center;} .login_form{ width: 400px; margin: 0 auto; padding-top: 110px;} .login_form_item{ margin-top: 30px; position: relative;} .login_form_item .t1{font-weight: 500; font-size: 14px; color: rgba(0,0,0,0.9); line-height: 20px; margin-bottom: 10px;} .login_form_item .t2 .text{ width: 100%;height: 46px; background: #FFFFFF; border-radius: 4px; border: 1px solid #E9E9E9; line-height: 46px; padding: 0px 8px; font-size: 14px; color: #333;} .login_button{width: 100%;height: 46px; background: #5790FF; border-radius: 4px;display: flex; align-items: center; justify-content: center; font-size: 14px; color: #fff; margin-top: 75px; border: transparent;} .register_form{ display: flex; flex-wrap: wrap; margin:0px -30px; padding-top: 30px;} .register_form .w50{ width: 50%; padding: 0px 30px;} .register_form .w100{ width: 100%; padding: 0px 30px;} .login_form_item .t2 .textarea{ width: 100%; background: #FFFFFF; border-radius: 4px; border: 1px solid #E9E9E9; line-height: 46px; padding: 0px 8px; font-size: 14px; color: #333; height: 110px;} .textarea-count{position: absolute; right:12px; bottom:12px;font-weight: 400; font-size: 14px; color: rgba(58,58,58,0.35); line-height: 20px;} .login_form_label{font-weight: 400; font-size: 14px; color: rgba(0,0,0,0.9); line-height: 20px;} .login_form_btn{ display: flex; align-items: center; justify-content: center; margin-top: 60px;} .login_form_btn .ti{width: 84px; height: 32px; background: #5790FF; border-radius: 4px; border: 1px solid #5790FF; display: flex; align-items: center; justify-content: center; font-size: 14px; color: #fff; margin-right: 10px;} .login_form_btn .qu{width: 84px; height: 32px; background: #fff; border-radius: 4px; border: 1px solid #5790FF; display: flex; align-items: center; justify-content: center; font-size: 14px; color: #5790FF;} .shenhez{ position: absolute; top: 0; right: 0; width: 110px;} .shenhez img{ width: 100%; display: block;} .Personal_wrap{min-height: 900px;} .Personal_wrap .login_box{ padding: 40px 170px;} .Personal_wrap:before,.Management_wrap:before{ position: absolute; left: 0; top: 0; width: 100%; height: 199px; content: ''; background: linear-gradient( 180deg, #EFF9FF 0%, #FFFFFF 100%); background-size: 100% 100%;} .Personal_wrap::after{ position: absolute; left: 0; bottom:0; width: 100%; height: 199px; content: ''; background: url(../images/login_05.png) no-repeat; background-size: 100% 100%;} .Personal_title,.addition_title{ display: flex; align-items: center; justify-content: space-between;} .Personal_title .t1,.addition_title .t1{font-size: 20px; font-weight: bold; color: rgba(0,0,0,0.9); line-height: 28px; position: relative; padding-left:10px;} .Personal_title .t1::before,.addition_title .t1::before{width: 4px; height: 17px; background: #5790FF; border-radius: 2px; position: absolute; left: 0; top: 50%;transform: translateY(-50%); content: '';} .Personal_title .t2{ display: flex; align-items: center;} .Personal_title .t2 a{width: 84px; height: 32px; border-radius: 4px; border: 1px solid #5790FF; display: flex; align-items: center; justify-content: center; color: #5790FF; font-size: 14px; margin-left: 12px;} .Personal_title .t2 a:hover{ background:#5790FF; color: #fff;} .Personal_user{ text-align: center; margin-top: -25px;} .Personal_user .Avatar{ width: 128px; height: 128px; border-radius: 50%; margin:0 auto; overflow: hidden;} .Personal_user .Avatar img{ width: 128px; height: 128px;} .Personal_user .t1{ font-size: 24px; color: rgba(0,0,0,0.9); line-height: 33px; margin-top:10px;} .Personal_wrap .register_form{ padding-top: 0px;} .Personal_wrap .login_form_item{ margin-top: 14px;} .Management_wrap .login_box{ padding: 60px;} .Management_filtrate{ display: flex; flex-wrap:wrap;} .Management_filtrate .item{ display: flex; align-items: center; margin-top: 30px; margin-left: 50px;} .Management_filtrate .item:nth-child(1){ margin-left: 0px;} .Management_filtrate .item:last-child{ margin-left: 0px;} .Management_filtrate .item .label{font-weight: 400; font-size: 14px; color: rgba(0,0,0,0.85); line-height: 22px; margin-right: 16px;} .Management_filtrate .item .input{ position: relative; flex: 1; width: 100%;} .Management_filtrate .item .input .text{ width:180px;height: 32px; border-radius: 3px; border: 1px solid #DCDCDC; font-size: 14px; color: #333; padding: 0px 8px;} .Management_filtrate .item .submit,.Management_filtrate .item .reset{width: 60px; height: 32px; background: #fff; border-radius: 3px;border: 1px solid #fff; display: flex; align-items: center; justify-content: center; font-size: 14px;color: rgba(0,0,0,0.85); margin-left: 15px;} .Management_filtrate .item .submit{ background: #2A91FF; border: 1px solid #2A91FF;color: rgba(255,255,255,0.85);} .Management_filtrate .item .reset{ background: #ffffff; border: 1px solid #DCDCDC;} .Management_Button{ display: flex; align-items: center; justify-content: space-between; margin-top: 45px;} .Management_Button .right,.Management_Button .left{display: flex; align-items: center;} .Management_Button .left .item{height: 32px; border-radius: 3px; border: 1px solid #DCDCDC; display: flex; align-items: center; justify-content: center;font-size: 14px; color: rgba(0,0,0,0.85); margin-right: 12px; padding: 0px 16px;} .Management_Button .left .item img{ width: 14px; height: 14px; display: block; margin-right: 3px;} .Management_Button .left .item.active{ background: #2A91FF; border: 1px solid #2A91FF; color: #ffffff;} .Management_Button .right .item{width: 32px; height: 32px; border-radius: 3px; border: 1px solid #DCDCDC; display: flex; align-items: center; justify-content: center; margin-left: 12px;} .Management_Button .right .item img{ width: 19px; height: 19px;} .Management_table{ width: 100%; margin-top: 15px; overflow: auto;} .Management_table .table{ border: none;} .Management_table .table tr th{background: #EAF7FF; padding: 14px;font-size: 14px; color: rgba(0,0,0,0.65); line-height: 20px; border: none;white-space: nowrap; } .Management_table .table tr td{background: #ffffff; padding: 14px;font-size: 14px; color: rgba(0,0,0,0.65); line-height: 20px; border: none; border-bottom: 1px solid rgba(0,0,0,0.1);white-space: nowrap; }} .Management_table .table tr td a{ margin: 0px 8px;} .fanye{ margin-top: 20px; display: flex; align-items: center; justify-content: flex-end;} .fanye span{font-size: 14px; color: rgba(0,0,0,0.65); line-height: 22px; margin: 0px 4px;} .fanyeBox{ display: flex; align-items: center;} .fanyeBox a{width: 32px; height: 32px; background: #FFFFFF; border-radius: 2px; border: 1px solid #D9D9D9; display: flex; align-items: center; justify-content: center;font-size: 14px; color: rgba(0,0,0,0.65); margin: 0px 4px;} .fanyeBox a:hover,.fanyeBox a.active{background: #2A91FF; border: 1px solid #2A91FF; color: #fff;} .fanye .select{width: 98px; height: 32px; background: #FFFFFF; border-radius: 2px; border: 1px solid #D9D9D9; text-align:center;font-size: 14px; color: rgba(0,0,0,0.65); margin: 0px 4px;} .fanye input.select{width: 48px;} .addition{ position: fixed; left: 50%; top: 50%; transform: translate(-50%,-50%);width: 1258px; background: #FFFFFF; border-radius: 4px; z-index: 999992; padding: 30px 20px; display: none;} .addition_title .t1{ font-size: 16px;} .addition_title .close2{cursor: pointer; width: 24px; height: 24px; display: flex; align-items: center; justify-content: center;} .addition_title .close2 img{ width:18px; display: block;} .addition_form{ padding-top: 25px;} .addition_form .ul{ display: flex; flex-wrap:wrap; margin: 0px -53px;} .addition_form .ul li{ width: 33.3333%; padding: 0px 53px; display: flex; center; margin-top: 20px;} .addition_form .ul li .label{font-size: 14px; color: rgba(0,0,0,0.85); line-height:32px; text-align: right; margin-right: 16px; width: 85px;} .addition_form .ul li .textbox{ width: 100%; position: relative; flex: 1;} .addition_form .ul li .textbox .text{height: 32px; border-radius: 3px; border: 1px solid #DCDCDC; width: 100%; font-size: 14px; padding: 0px 8px; color: #000;} .addition_form .ul li.w100{ width: 100%;} .addition_form .ul li .textbox .textarea{height:120px; line-height: 34px; border-radius: 3px; border: 1px solid #DCDCDC; width: 100%; font-size: 14px; padding: 0px 8px; color: #000;} .addition_form .ul li .file{width: 76px; height: 32px; border-radius: 3px; border: 1px solid #DCDCDC; position: relative; display: flex; align-items: center; justify-content: center; color: #2A91FF; font-size: 14px;} .addition_form .ul li .file input{ opacity: 0; position: absolute; left: 0; top: 0; width: 100%; height: 100%;} @media screen and (max-width:1199px) { .Who_are_we .ul li .item{ padding: 30px;} .Who_are_we{ padding: 30px 0px;} .Our_advantages{ padding: 80px 0px;} .Our_advantages_ul li .item{ padding: 20px 20px 70px 20px;} .Our_advantages_ul li .item .t3 img{ width: 70px; height: 70px;} .process{ padding: 30px 60px;} .domain, .About, .tuandui,.Customer,.chendian,.Founder,.Our_advantages{ padding: 60px 0px;} .domain_item .txtbox .t2 p{ margin-top: 10px;} .Customer .ul li a{ height: 110px;} .dongtai .txtbox{ width: 400px; padding: 20px;} .dongtai .txtbox p{ font-size: 14px; line-height: 30px;} .chendian ul li .t1{ font-size: 36px;} .logo-02{ max-width: 700px;} .culture{ margin-top: 60px;} .culture .wenhua .imgbox{ max-width: 580px; padding: 32px;} .culture .wenhua .imgbox p{ font-size: 22px;} .culture .wenhua .txtbox{ width: 480px;} .culture .wenhua .txtbox p{ font-size: 22px; line-height: 34px;} .login_box{ padding: 80px;} .Management_wrap .login_box,.Personal_wrap .login_box{ padding: 40px;} .Management_filtrate .item{ margin-left: 10px;} .Management_filtrate .item .input .text{ width: 155px;} .Management_Button{ margin-top: 20px;} .Management_table .table tr th,.Management_table .table tr td{ padding:6px; font-size: 13px;} .fanye span{ font-size: 12px;} .fanyeBox a{ width: 28px; height: 28px; font-size: 12px;} .fanye .select{ width: 80px; font-size: 12px; height: 28px;} .addition{ width: 900px; padding: 12px;} .addition_form .ul{ margin: 0px -15px;} .addition_form .ul li{ padding: 0px 15px;} .addition_form{ padding-top: 10px;} .addition_form{ max-height: 75vh; overflow: auto;} } @media screen and (max-width:992px) { .banner .text h1{ font-size:28px;} .banner .text .txtbox p{ font-size: 18px;} .title h1,.chendian h1{ font-size: 30px;} .Who_are_we .txtbox p{ font-size: 16px; line-height:34px;} .Who_are_we .ul li .item{ padding: 14px; margin-top: 30px;} .Who_are_we .ul li .item .icon{ width: 85px; height: 85px;} .Who_are_we .ul li .item .icon img{ width: 45px; height: 45px;} .Who_are_we .ul li .item .txtbox{ margin: 20px 0px;} .Who_are_we .ul li{ width: 100%;} .domain_item{ flex-wrap: wrap;} .domain_item .imgbox{ flex: none;} .domain_item .txtbox{ width: 100%; margin: 0px; margin-top: 12px;} .Customer .ul li{ width: 20%;} .Customer .ul li a{ height: 90px; padding:6px;} .logo-02{ max-width: 600px;} .chendian ul li{ width: 33.3333%;} .culture .wenhua{ margin-top: 30px;} .culture .wenhua .imgbox{ max-width: 100%;} .culture .wenhua .txtbox{ width: 100%; position: relative; padding: 30px; margin-top: 30px;} .FounderFlex{ display: block;} .FounderFlex .imgbox{ margin-top: 40px;} .login{ display: none;} .wap_icon{ display: block; cursor: pointer; position: relative;} .wap_icon img{ width:24px;} .loginShow.open{ display: block; width: 120px;} .loginShow a{ font-size: 14px; line-height: 35px;} .wrapTop{ margin-top: 70px; padding: 20px 0px;} .login_box{ padding: 40px;} .login_title .t1{ font-size: 22px;} .login_form{ padding-top: 40px;} .login_wrap::before,.Personal_wrap::after { height: 130px;} .register_form{ margin: 0px -10px;} .register_form .w100,.register_form .w50{ padding: 0px 15px;} .login_form_item .t2 .text{ height: 40px;} .login_form_item{ margin-top: 20px;} .Management_wrap .login_box, .Personal_wrap .login_box{ padding: 20px;} .Personal_title .t1, .addition_title .t1{ font-size: 16px;} .Personal_user .Avatar,.Personal_user .Avatar img{ width: 80px; height: 80px;} .Personal_user{ margin-top: 0px;} .Personal_user .t1{ font-size: 16px;} .Management_table{ overflow: auto;} /* .Management_table .table{ width: 800px; max-width: 800px;} */ .addition{ width: 90%;} .addition_form .ul li{ width: 50%;} } @media ( max-width:767px) { .headerFlex{ padding: 15px 0px;} .banner .text .container{ width: 100%;} .banner img{ height: 300px; object-fit: cover;} .search,.nav{ display: none;} .navToggle {display:block; height:25px; position: relative; z-index: 99; margin-left: 20px;} .navToggle span {position:relative;width:25px;height:2px; margin-top: 12px;} .navToggle span:before,.navToggle span:after {content:'';position:relative;width:100%;height:2px;left:0;} .navToggle span,.navToggle span:before,.navToggle span:after {-webkit-transition:0.3s;-moz-transition:0.3s;-o-transition:0.3s;transition:0.3s;display:block;background:#0F101D;} .navToggle span:before {top:8px;} .navToggle span:after {bottom:10px;} .navToggle.open span:before {top:11px;-webkit-transform:translateY(-11px) rotate(-45deg);-moz-transform:translateY(-11px) rotate(-45deg);-ms-transform:translateY(-11px) rotate(-45deg);-o-transform:translateY(-11px) rotate(-45deg);transform:translateY(-11px) rotate(-45deg);} .navToggle.open span:after {bottom:12px;-webkit-transform:translateY(10px) rotate(45deg);-moz-transform:translateY(10px) rotate(45deg);-ms-transform:translateY(10px) rotate(45deg);-o-transform:translateY(10px) rotate(45deg);transform:translateY(10px) rotate(45deg);} .navToggle.open span {background:none;} .navToggle.open span:before,.navToggle.open span:after {background:#0071bc; } .m_nav{ display: block; position: fixed; right:-200%; top:0; width: 100%; height: 100%; z-index: 992; background: #ffffff; padding: 75px 15px 15px 15px;transition:0.6s; } .m_nav.open{ right: 0; width: 50%;} body.open{ height: 100vh; overflow: hidden;} .m_nav .navbar_nav li .link,.m_nav .navbar_nav li a{ width: 100%; font-size: 15px; line-height: 50px; color: #333333; border-bottom: 1px solid rgb(0 0 0 / 15%); display: block; position: relative;} .m_nav .navbar_nav li i{ position: absolute; right: 0; top: 17px; font-size: 18px;} .m_nav .navbar_nav li .erji_nav,.m_nav .navbar_nav li .sanji_nav,.m_nav .navbar_nav li .siji_nav,.m_nav .navbar_nav li .four_page{ display: none;} .m_nav .navbar_nav li .erji_nav li a,.m_nav .navbar_nav li .sanji_nav li a,.m_nav .navbar_nav li .siji_nav li a{ width: 100%; font-size: 15px; line-height: 50px; color: #333333; padding-left: 15px;} .m_nav .search{ width: 100%; position: relative; height: 40px; display: block; margin-top: 50px;} .m_nav .search .text{ width:100%; height: 40px; border-radius: 20px; color: #000;font-size: 15px;transition:0.6s; border: 1px solid rgb(0 0 0 / 15%); padding-left: 15px; padding-right: 45px;} .m_nav .search button{ position: absolute; right: 0; top: 0; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; background: transparent; border: transparent;} .m_nav .search button img{ width: 16px; height: 16px; display: block;} } @media ( max-width:765px) { .banner img{ height: 330px;} .banner .text h1{ font-size: 18px;} .banner .text .txtbox p{ font-size: 14px; margin-top: 8px;} .title h1,.chendian h1{ font-size: 18px;} .Who_are_we .txtbox{ margin-top: 20px;} .Who_are_we .txtbox p{ font-size: 14px;} .pop_show{ width: 300px; padding: 14px;} .pop_show .item_box{ margin-bottom: 15px;} .domain, .About, .tuandui, .Customer, .chendian, .Founder, .Our_advantages{ padding: 30px 0px;} .Customer .ul li a{ height: 50px;} .Customer .ul{ margin-top: 12px;} .Introduction{ max-width: 100%; margin-top: 15px;} .Introduction h3{ font-size: 16px;} .Introduction img{ width: 90px;} .Introduction p{ font-size: 14px; line-height: 30px; margin-top: 10px;} .Introduction h4{ font-size: 14px; line-height: 30px; margin-top: 10px;} .dongtai{ display: block;} .dongtai .txtbox{ width: 100%;} .chendian ul li{ margin-top: 20px;} .chendian ul li .t1{ font-size:22px; line-height: 40px;} .culture{ margin-top: 30px;} .culture .wenhua .imgbox{ padding: 12px;} .culture .wenhua .imgbox h4{ font-size: 16px; line-height: 30px;} .culture .wenhua .imgbox p{ font-size: 14px; line-height: 30px;} .culture .wenhua .imgbox h4.h4{ margin-top:15px;} .culture .wenhua .txtbox{ padding: 12px;} .culture .wenhua .txtbox p{ font-size: 15px;} .FounderFlex .txtbox .title h1{ text-align: center;} .FounderFlex .txtbox .t1{ margin-top: 30px;} .FounderFlex .txtbox .t1 h3{ font-size: 22px;} .FounderFlex .txtbox .t1 p{ font-size: 16px;} .FounderFlex .txtbox .t2 p{ font-size: 14px; line-height: 30px;} .FounderFlex .imgbox{ margin: 0 auto; width: 90%;} .FounderFlex .imgbox::before { width: 90%; height: 90%;} .tuandui .map .item_txt img{ width: 12px;} .footer{ padding: 30px 0px;} .footerFlex{ display: block;} .footerFlex .erweima { margin-top: 20px;} .domain_item .txtbox .t2 p{ font-size: 13px;} .domain_item{ margin-top: 30px;} .Customer .ul li{ width: 33.333%;} .Customer .ul li a{ height: 70px;} .Our_advantages_ul li{ width: 100%;} .Our_advantages_ul li .item{ margin-top:15px;} .Our_advantages_ul li .item .t1{ font-size: 14px;} .Our_advantages_ul li .item .t2{ font-size: 13px;} .Our_advantages_ul li .item .t3 img{ width: 45px; height: 45px;} .Our_advantages_ul li .item{ padding: 14px 14px 50px 14px;} .login_box{ padding: 15px;} .login_title{ display: flex; align-items: center; justify-content: space-between;} .login_title .t1,.Personal_title .t1, .addition_title .t1{ font-size: 16px;} .login_form{ width: 100%;} .login_wrap{ min-height: 600px;} .register_form{ margin: 0px;} .register_form .w100, .register_form .w50{ width: 100%; padding: 0px;} .Personal_title{ display: block;} .Personal_title .t2 a{ width: 70px; font-size: 12px; margin-left: 0px; margin-right: 12px; margin-top: 12px;} .Personal_user{ margin-top: 20px;} .Management_wrap .login_box, .Personal_wrap .login_box{ padding: 15px;} .login_form_item .t2 .text{ height: 36px; font-size: 13px;} .login_wrap::before, .Personal_wrap::after { height: 80px;} .login_form_item .t2 .textarea{ line-height: 30px; font-size: 13px;} .Management_filtrate .item{ margin: 0px; margin-top: 12px; width: 100%; flex-wrap: wrap;} .Management_filtrate .item .input .text{ width: 100%;} .Management_Button{ display: block;} .Management_Button .left .item{ padding: 0px 8px; font-size: 12px; margin-right:0px; margin-top: 12px;} .Management_Button .left{ display: flex; flex-wrap: wrap; justify-content: space-between;} .Management_Button .left .item{ width: 48%;} .Management_Button .right{ margin-top: 12px;} .Management_Button .right .item{ margin-left: 0px; margin-right: 12px;} .fanye{ display: block;} .addition_form .ul li{ width: 100%;} .addition_form .ul li .label{ font-size: 13px;} .addition_form .ul li{ margin-top: 10px;} }