html { font-size:calc(100vw/1920) !important; }
*{outline:0;margin:0;padding:0; box-sizing: border-box;}
img,a img,a:hover img{ border:0; }
i,em{font-style:normal}
ol,ul,dl,li,dt,dd{list-style:none; }
:focus{outline:0;}
a{color:#ffffff;text-decoration:none; }
a:hover{color:#165DFF;text-decoration:none;}
a,a:active,.btn,.more{ transition:all 300ms ease; appearance:none;}
input,select,textarea,button{ font-size: 14rem; appearance: none; font-family: 'AgileVF', Inter, -apple-system, BlinkMacSystemFont, PingFang SC, Hiragino Sans GB, noto sans, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif; }
.clear{height:0;font-size:0;overflow:hidden;clear:both;float:none;}
iframe { border:0;}

@font-face{
	font-family:'AgileVF';
  src:url('fonts/AlimamaAgileVF-Thin.ttf') format('truetype');
}

.clearfix:after { display: block; content: ''; clear: both;}

.wap_show{ display: none !important;}
.pc_show{ display: block !important;}


body{ color:#ffffff; background: #070707; font-size: 14rem; line-height: 1.8; letter-spacing: 0.5rem; font-family: 'AgileVF', Inter, -apple-system, BlinkMacSystemFont, PingFang SC, Hiragino Sans GB, noto sans, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif; }

.wow { visibility: hidden; }

.wrap { overflow: hidden; }


.mainbox { width: 1380rem; margin: 0 auto; position: relative; transition:all 300ms ease;}
.mainbox:after { display: block; content: ''; clear: both;}

.header { position: fixed; left: 0; right: 0; top: 0; z-index: 9999; }

.topbox { height: 72rem; background: #202122; position: relative; transition:all 300ms ease;}

.head_logo { float: left; padding: 25rem 0;}
.head_logo img { display: block; height: 22rem; }

.head_nav { float: right; margin-right: -20rem; }
.head_nav ul li { float: left; position: relative; }
.head_nav ul li .t { display: block; height: 72rem; line-height: 72rem; padding: 0 20rem; font-size: 16rem; opacity: 0.5; }
.head_nav ul li:hover .t { color: #fff; opacity: 1;}

.nav_btn { display: none;}

.headers .topbox { background: rgba(0,0,0,0.8); backdrop-filter: blur(20rem); -webkit-backdrop-filter: blur(20rem); }

.ibanner{ position: relative; }
.ibanner .swiper-container{ position: relative; width: 100%; z-index: 1;}
.ibanner .swiper-slide { overflow: hidden;}
.ibanner .swiper-slide .img img{ display: block; width: 100%; height: 980rem; max-height: 100vh; object-fit: cover; }
.ibanner .swiper-slide .con { position: absolute; left: 50%; top: 50%; margin-left: -690rem; transform: translateY(-50%); width: 1380rem; }
.ibanner .swiper-slide .con .t { font-size: 50rem; line-height: 60rem; margin-bottom: 24rem; opacity: 0.37; }
.ibanner .swiper-slide .con .t2 { font-size: 62rem; line-height: 82rem; margin-bottom: 24rem; font-weight: 600; }
.ibanner .swiper-slide .con .m { font-size: 32rem; line-height: 38rem; margin-bottom: 46rem; }
.ibanner .swiper-slide .con .f { height: 48rem;}
.ibanner .swiper-slide .con .f a { float: left; width: 180rem; margin-right: 16rem; font-size: 16rem; line-height: 46rem; border-radius: 4rem; border: 1rem #fff solid; color: #000000; background: #fff; text-align: center;}
.ibanner .swiper-slide .con .f a.a2 { border: 1rem #fff solid; color: #fff; background: none; }
.ibanner .swiper-slide .con .f a:hover { transform: translateY(-4rem); }

.ibanner .swiper-pagination { bottom: 22rem !important; line-height: 0; font-size: 0; text-align: center; z-index: 100;}
.ibanner .swiper-pagination .swiper-pagination-bullet { border-radius: 0; margin: 0 4rem; border-radius: 100%; width: 10rem; height: 8rem;background: #fff; opacity: 1; border-radius: 4rem; opacity: 0.5; }
.ibanner .swiper-pagination .swiper-pagination-bullet-active { width: 30rem; opacity: 0.8; }


.imain { transition:all 300ms ease; position: relative; }

.imain1 { padding: 100rem 0 0 0; z-index: 10; }
.imain2 { padding: 120rem 0 206rem 0; background: url(../img/bg1.png) center center no-repeat; background-size: cover; }
.imain3 { padding: 0 0 515rem 0; background: url(../img/bg2.png) center bottom no-repeat; background-size: cover; }
.imain4 { padding: 100rem 0 178rem 0; background: url(../img/bg3.png) center top no-repeat; background-size: cover; margin-top: -320rem; }
.imain5 { padding: 0 0 50rem 0; }
.imain6 { padding: 90rem 0 10rem 0; background: url(../img/bg5.jpg) center top no-repeat; background-size: cover; }
.imain8 { padding: 140rem 0 0 0; background: url(../img/bg7.png) center top no-repeat; background-size: cover;  }
.imain9 { padding: 187rem 0 90rem 0; background: url(../img/bg8.png) center top no-repeat; background-size: 100% auto; }

.imain10 { padding: 65rem 0 2rem 0; background: linear-gradient(to right,#171717,#070707);}
.imain11 { padding: 0; border-bottom: 1rem rgba(255, 255, 255, 0.2) solid; border-top: 1rem rgba(255, 255, 255, 0.2) solid; margin-bottom: 126rem;}
.imain12 { padding: 32rem 0 80rem 0; }
.imain13 { padding: 126rem 0; background: url(../img/bg13.jpg) center top no-repeat; background-size: cover; }
.imain14 { padding: 65rem 0 2rem 0; background: linear-gradient(to right,#171717,#070707);}
.imain15 { border-bottom: 1rem rgba(255, 255, 255, 0.2) solid; border-top: 1rem rgba(255, 255, 255, 0.2) solid; }
.imain16 { padding: 100rem 0 70rem 0; text-align: center;}
.imain17 { margin-bottom: 126rem; background: rgba(39,41,44,0.55);}


.ititle { margin-bottom: 65rem; position: relative; font-size: 68rem; line-height: 100rem; font-weight: 600; }
.ititle b { display: block; color: #165DFF; font-weight: 600; }
.ititle p { display: block;}
.ititle_r { float: right; text-align: right;}

.ititle_full b { display: inline;}

.iaction_t { margin-bottom: 48rem;}
.iaction_t .t { font-size: 50rem; line-height: 60rem; margin-bottom: 24rem; opacity: 0.37; }
.iaction_t .t2 { font-size: 62rem; line-height: 82rem; font-weight: 600; }

.pageinfo { font-size: 22rem; line-height: 32rem; font-weight: 200; color: rgba(255,255,255,0.7);}
.pageinfo b { font-weight: normal; }
.pageinfo img { max-width: 100%; display: block;}


.ilist1 { position: relative; margin: 0 -12rem;}
.ilist1 .item { float: left; width: 398rem;}
.ilist1 .item_m { position: relative; margin: 0 10rem; -webkit-backdrop-filter: blur(20rem); backdrop-filter: blur(20rem);}
.ilist1 .item .img { overflow: hidden; border-radius: 10rem; margin-bottom: 20rem; }
.ilist1 .item .img img { display: block; width: 100%; transform: scale(1); transition: transform 0.2s;}
.ilist1 .item .con { font-size: 40rem; line-height: 48rem; }

.ilist1 .item_1 { width: 607rem; }
.ilist1 .item_2 { margin-top: -246rem; }
.ilist1 .item_3 { margin-top: -98rem; }

.ilist1 .item_m:hover .img img { transform: scale(1.06);}

.imain3_t { float: left; width: 720rem;}
.imain3_t .t{ font-size: 32rem; line-height: 2; margin-bottom: 20rem;}
.imain3_t .m b { color: #ffffff;}

.ilist2 {}
.ilist2 .img { margin-bottom: 26rem;}
.ilist2 .img img { display: block; width: 100%;}
.ilist2 .tit { }
.ilist2 .tit li b { color: #ffffff;}
.ilist2 .tit li:nth-child(1) { float: left; width: 35%; }
.ilist2 .tit li:nth-child(2) { float: left; width: 22%; }
.ilist2 .tit li:nth-child(3) { float: left; width: auto; }

.ilist3 { position: relative;}
.ilist3 .swiper-container { overflow: unset;}
.ilist3 .swiper-slide { width: auto;}
.ilist3 .item { }
.ilist3 .item .img { overflow: hidden; }
.ilist3 .item .img img { display: block; width: 682rem; height: 420rem; object-fit: cover;}


.imain5_t { float: left; width: 646rem; }


.ilist5 { position: relative;}
.ilist5 .ititle { position: absolute;}
.ilist5 .ititle b{ display: inline;}
.ilist5 .con { width: 646rem;}
.ilist5 .con h3{ font-size: 32rem; line-height: 50rem; font-weight: normal; color: #ffffff; }
.ilist5 .img { position: absolute;}
.ilist5 .img img { display: block; height: 724rem; }

.ilist5_1 {}
.ilist5_1 .ititle{ right: 0; text-align: right; top: 0;}
.ilist5_1 .con { padding-bottom: 340rem; }
.ilist5_1 .img{ left: 706rem; bottom: 0;}

.ilist5_2 {}
.ilist5_2 .ititle{ left: 0; text-align: left; top: -214rem;}
.ilist5_2 .con { float: right; padding: 60rem 0 60rem 0; text-align: right; }
.ilist5_2 .img{ right: 712rem; bottom: 0;}


.ilist6 { position: relative; }
.ilist6 .img { transform: translateY(-170rem); position: relative; z-index: 1;}
.ilist6 .img img { display: block; width: 100%;}
.ilist6 .tit { position: absolute; z-index: 10; font-size: 24rem; line-height: 50rem; bottom: 20rem; left: 60%; transform: translateY(-170rem);}

.ilist7 { position: relative; margin: 0 -4rem; padding-bottom: 100rem; }
.ilist7 .item { float: left; width: 20%;}
.ilist7 .item_m { position: relative; width: 140rem; margin: 0 auto; }
.ilist7 .item .img { overflow: hidden; margin-bottom: 14rem; }
.ilist7 .item .img img { display: block; width: 100%; transition: all 0.2s;}
.ilist7 .item .tit { font-size: 20rem; line-height: 40rem; }

.ilist7 .item:hover .img{ background: linear-gradient(#0b142d,#2848c9);}


.client_box { }
.client_list { position: relative; margin-bottom: 20rem;}
.client_list .swiper-container{ position: relative; z-index: 1;}
.client_list .swiper-wrapper{ transition-timing-function: linear !important; }

.client_list .swiper-slide { width: auto; }
.client_list .item { margin: 0 10rem; width: 570rem; height: 260rem; background: rgba(39,41,44,0.55); border-radius: 8rem; backdrop-filter: blur(13rem); -webkit-backdrop-filter: blur(13rem); padding: 28rem 40rem 0 40rem;}
.client_list .item .tit{ font-size: 28rem; line-height: 50rem; height: 100rem; overflow: hidden; margin-bottom: 20rem; width: 70%; }
.client_list .item .con{ font-size: 20rem; color: #B1B1B1; line-height: 30rem; max-height: 90rem; overflow: hidden; font-weight: 200;}

.ilist9 { border-left: 1rem rgba(255, 255, 255, 0.2) solid; display: flex; align-items: stretch;}
.ilist9 .con{ border-right: 1rem rgba(255, 255, 255, 0.2) solid; padding: 30rem; display: flex; align-items: center;}
.ilist9 .con ul { flex: 1;}
.ilist9 .con ul li { position: relative; font-size: 20rem; line-height: 32rem;}
.ilist9 .con ul li b { position: absolute; right: 0; top: 0; color: #ffffff;}
.ilist9 .conl { width: 40%;}
.ilist9 .conr { width: 60%;}

.ilist10 { width: 500rem; margin-bottom: 476rem;}
.ilist10 .info{ margin-bottom: 50rem;}
.ilist10 .info ul li { padding: 7rem 0 7rem 44rem; position: relative;}
.ilist10 .info ul li:before { position: absolute; left: 0; top: 15rem; content: ''; width: 14rem; height: 14rem; border-radius: 50%; background: #165DFF; }

.ilist10 .foot { height: 48rem;}
.ilist10 .foot a { float: left; width: 180rem; margin-right: 16rem; font-size: 16rem; line-height: 46rem; border-radius: 4rem; border: 1rem #fff solid; color: #000000; background: #fff; text-align: center;}
.ilist10 .foot a.a2 { border: 1rem #fff solid; color: #fff; background: none; }
.ilist10 .foot a:hover { transform: translateY(-4rem); }


.ilist11 {}
.ilist11 .tit{ font-size: 42rem; line-height: 66rem; margin-bottom: 110rem;}
.ilist11 .con{}


.ilist12 { position: relative; margin-bottom: 130rem;}
.ilist12 .tit{ font-size: 56rem; line-height: 84rem; margin-bottom: 30rem;}
.ilist12 .con{ padding-top: 56rem; padding-bottom: 20rem; width: 634rem;}
.ilist12 .img { position: absolute; bottom: 0; left: 700rem;}
.ilist12 .img img { display: block; height: 788rem;}
.ilist12 .img span { display: block; position: absolute; left: 96rem; bottom: 0; font-size: 34rem; line-height: 72rem;}


.ilist13 { position: relative; text-align: right;}
.ilist13 .tit{ font-size: 56rem; line-height: 84rem; margin-bottom: 44rem;}
.ilist13 .con{ margin-bottom: 44rem; }
.ilist13 .img { }
.ilist13 .img ul { display: flex; gap: 40rem; }
.ilist13 .img ul li { flex: 1;}
.ilist13 .img img { display: block; width: 100%; border-radius: 10rem; transition:all 300ms ease;}
.ilist13 .img img:hover { transform: translateY(-4rem);}

.ilist15 { display: table; border: 1rem rgba(255, 255, 255, 0.2) solid; border-collapse: collapse; border-top: none; border-bottom: none; font-size: 20rem; line-height: 36rem;}
.ilist15 .item { display: table-row;}
.ilist15 .item .tit{ display: table-cell; border-bottom: 1rem rgba(255, 255, 255, 0.2) solid; padding: 20rem 30rem; height: 108rem; vertical-align: middle; color: #B1B1B1; font-weight: 200;}
.ilist15 .item .con{ display: table-cell; border-bottom: 1rem rgba(255, 255, 255, 0.2) solid; border-left: 1rem rgba(255, 255, 255, 0.2) solid; padding: 20rem 30rem; height: 108rem; vertical-align: middle; font-weight: 200;}


.iabout { padding-left: 550rem; position: relative;}
.iabout .img { position: absolute; left: 0; bottom: 0; width: 462rem;}
.iabout .img img { display: block; width: 100%;}
.iabout .con{ padding: 80rem 0; font-size: 22rem; line-height: 42rem;}

.footer { background: url(../img/footbg.jpg) center center no-repeat; background-size: cover; padding: 54rem 0;}

.footbox { padding-left: 550rem; position: relative;}
.footbox .tit { position: absolute; left: 0; top: 50%; font-size: 68rem; line-height: 100rem; margin-top: -50rem; font-weight: 600;}
.footbox .con { font-size: 22rem; line-height: 42rem; font-weight: 200;}
.footbox .con ul li { padding: 10rem 0;}
.footbox .con b { font-size: 36rem; font-weight: normal;}


@media (max-width:999px){
html{ font-size: calc(100vw/600) !important; }
body { font-size: 18rem; letter-spacing: 1rem;}

.wrap{ padding-top: 80rem;}

.wap_show{ display: block !important;}
.pc_show{ display: none !important;}

.mainbox { width: auto; margin: 0 20rem; }

.header { }

.head_logo { padding: 25rem 0;}
.head_logo img { height: 30rem; }

.topbox { height: auto; position: fixed; left: 0; right: 0; top: 0; height: 80rem; z-index: 9990; }

.nav_btn { display: block; position: fixed; right: 20rem; top: 14rem; width: 52rem; height: 52rem; background: url(../img/mnav.png) center center no-repeat #165DFF; background-size: 36rem auto; z-index: 9999; border-radius: 8rem;}

.head_nav { position: fixed; display: none; left: 0; right: 0; top: 80rem; padding: 40rem 20rem; height: auto; box-shadow: 0 0 20rem rgba(0, 0, 0, 0.18); z-index: 9992; margin-left: 0; background: rgba(0,0,0,0.8); backdrop-filter: blur(20rem); -webkit-backdrop-filter: blur(20rem); }
.head_nav ul li { float: none; }
.head_nav ul li .t { height: 64rem; font-size: 26rem; }


.ibanner .swiper-slide .img img{ height: 40vh; object-position: 56% center;}
.ibanner .swiper-slide .con { left: 20rem; right: 20rem; top: 50%; margin-left: 0; width: auto; }
.ibanner .swiper-slide .con .t { font-size: 30rem; line-height: 40rem; margin-bottom: 14rem; }
.ibanner .swiper-slide .con .t2 { font-size: 36rem; line-height: 42rem; margin-bottom: 14rem; }
.ibanner .swiper-slide .con .m { font-size: 22rem; line-height: 38rem; margin-bottom: 36rem; }
.ibanner .swiper-slide .con .f { height: 48rem;}
.ibanner .swiper-slide .con .f a { width: 140rem; font-size: 18rem; }

.imain1 { padding: 50rem 0 0 0; }
.imain2 { padding: 60rem 0 100rem 0; }
.imain3 { padding: 0 0 250rem 0; }
.imain4 { padding: 50rem 0 88rem 0; margin-top: -160rem; }
.imain5 { padding: 0 0 25rem 0; }
.imain6 { padding: 45rem 0 5rem 0; }
.imain8 { padding: 20rem 0 0 0; }
.imain9 { padding: 90rem 0 45rem 0; }

.imain10 { padding: 52rem 0 2rem 0; }
.imain11 { padding: 0; margin-bottom: 60rem;}
.imain12 { padding: 16rem 0 40rem 0; background-position: 62% 120rem; }
.imain13 { padding: 63rem 0; }
.imain14 { padding: 52rem 0 2rem 0; }
.imain16 { padding: 50rem 0 35rem 0; }
.imain17 { margin-bottom: 62rem; }


.ititle { margin-bottom: 55rem; font-size: 46rem; line-height: 70rem; }
.ititle_r { float: none; text-align: left;}
.ititle p { margin-top: 20rem;}

.ititle_full b { display: inline;}

.iaction_t { margin-bottom: 38rem;}
.iaction_t .t { font-size: 38rem; line-height: 50rem; margin-bottom: 14rem; }
.iaction_t .t2 { font-size: 44rem; line-height: 60rem; }

.pageinfo { font-size: 22rem; }


.ilist1 { margin: 0;}
.ilist1 .item { float: none; width: auto; margin-bottom: 20rem;}
.ilist1 .item_m { margin: 0; }
.ilist1 .item .img { margin-bottom: 20rem; }
.ilist1 .item .con { font-size: 30rem; line-height: 38rem; text-align: center; }

.ilist1 .item_1 { width: auto; }
.ilist1 .item_2 { margin-top: 0; }
.ilist1 .item_3 { margin-top: 0; }

.imain3_t { float: none; width: auto; margin-bottom: 30rem;}
.imain3_t .t{ font-size: 24rem; }

.ilist2 .img { margin-bottom: 16rem;}
.ilist2 .tit { font-size: 16rem; line-height: 26rem; }
.ilist2 .tit li b { display: block;}


.ilist3 .item .img img { width: 341rem; height: 210rem; }


.imain5_t { float: none; width: auto; margin-bottom: 30rem; }

.ilist5 .ititle { position: relative;}
.ilist5 .con { width: auto;}
.ilist5 .con h3{ font-size: 24rem; line-height: 40rem; }
.ilist5 .img { position: relative; padding: 20rem 0;}
.ilist5 .img img { display: block; height: auto; width: 100%; }

.ilist5_1 {}
.ilist5_1 .ititle{ right: auto; text-align: left; top: auto;}
.ilist5_1 .con { padding-bottom: 0; }
.ilist5_1 .img{ left: auto; bottom: auto;}

.ilist5_2 {}
.ilist5_2 .ititle{ left: auto; text-align: left; top: 0;}
.ilist5_2 .con { float: none; padding: 0; text-align: left; }
.ilist5_2 .img{ right: auto; bottom: auto;}


.ilist6 { position: relative; }
.ilist6 .img { transform: translateY(-120rem); }
.ilist6 .img img { width: 130%; margin-left: -15%;}
.ilist6 .tit { font-size: 16rem; line-height: 30rem; bottom: 20rem; left: 62%; transform: translateY(-120rem);}

.ilist7 { margin: 0 -4rem; padding-bottom: 50rem; }
.ilist7 .item { float: left; width: 33.33%;}
.ilist7 .item_m { width: auto; margin: 0 20rem; text-align: center; }
.ilist7 .item .tit { transform: translateY(-20rem); font-size: 20rem; line-height: 40rem; }


.client_list .item { margin: 0 10rem; width: 300rem; height: 210rem; padding: 18rem 20rem 0 20rem;}
.client_list .item .tit{ font-size: 22rem; line-height: 36rem; height: 72rem; margin-bottom: 12rem; width: 90%; }
.client_list .item .con{ font-size: 18rem; line-height: 24rem; max-height: 96rem; }


.ilist9 { display: block; border-right: 1rem rgba(255, 255, 255, 0.2) solid; }
.ilist9 .con{ width: 100%; border-right: none; border-bottom: 1rem rgba(255, 255, 255, 0.2) solid; padding: 30rem; display: flex; align-items: center;}
.ilist9 .con ul { flex: 1; padding-top: 6rem;}
.ilist9 .con ul li { font-size: 18rem; line-height: 30rem; display: flex; justify-content: space-between; margin-bottom: 6rem;}
.ilist9 .con ul li b { position: relative; text-align: right; }
.ilist9 .conl { width: auto;}
.ilist9 .conr { width: auto;}

.ilist10 { width: 85%; margin-bottom: 226rem;}
.ilist10 .info{ margin-bottom: 30rem;}
.ilist10 .info ul li { padding: 7rem 0 7rem 34rem; }
.ilist10 .info ul li:before { top: 17rem; width: 10rem; height: 10rem; }

.ilist10 .foot a { width: 140rem; font-size: 18rem; }


.ilist11 .tit{ font-size: 24rem; line-height: 46rem; margin-bottom: 40rem;}


.ilist12 { margin-bottom: 100rem;}
.ilist12 .tit{ font-size: 34rem; line-height: 54rem; margin-bottom: 20rem;}
.ilist12 .con{ padding-top: 36rem; padding-bottom: 20rem; width: auto;}
.ilist12 .img { position: relative; bottom: auto; left: auto;}
.ilist12 .img img { height: auto; width: 100%;}
.ilist12 .img span { left: 66rem; bottom: 0; font-size: 24rem; line-height: 32rem;}


.ilist13 { text-align: left;}
.ilist13 .tit{ font-size: 34rem; line-height: 54rem; margin-bottom: 40rem;}
.ilist13 .con{ margin-bottom: 44rem; }
.ilist13 .img { }
.ilist13 .img ul { display: flex; gap: 10rem; }
.ilist13 .img ul li { flex: 1;}
.ilist13 .img img { display: block; width: 100%; border-radius: 10rem; }

.ilist15 { width: 100%; font-size: 20rem; line-height: 34rem;}
.ilist15 .item { display: table-row;}
.ilist15 .item .tit{ padding: 15rem 20rem; height: auto; font-weight: 300; word-break: break-all; }
.ilist15 .item .con{ padding: 15rem 20rem; height: auto; font-weight: 300; word-break: break-all; }


.iabout { padding-left: 0; padding-top: 50rem; }
.iabout .img { position: relative; left: auto; bottom: auto; width: auto;}
.iabout .img img { height: 400rem; object-fit: cover; border-radius: 10rem;}
.iabout .con{ padding: 40rem 0; font-size: 22rem; line-height: 42rem;}

.footer { padding: 54rem 0;}

.footbox { padding-left: 0; }
.footbox .tit { position: relative; left: auto; top: auto; font-size: 44rem; line-height: 60rem; margin-top: 0; margin-bottom: 30rem; }
.footbox .con { font-size: 22rem; line-height: 42rem; }
.footbox .con ul li { padding: 10rem 0;}
.footbox .con b { font-size: 28rem; }
}


.tt_main { position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 99990; display: none;}
.tt_main .tt_bg { position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 99991; background: rgba(10, 10, 10, 0.9); }
.tt_main .tt_box { position: absolute; left: 50%; top: 50%; width: 420rem; margin-left: -210rem; transform: translateY(-50%); z-index: 99992; background: rgba(74, 77, 82, 0.61); box-sizing: border-box; padding: 30rem 30rem 35rem 30rem; border-radius: 8rem;}
.tt_main .tt_clo { position: absolute; right: 0; top: 0; background: url(../img/clo.png) center center no-repeat; background-size: 14rem auto; width: 52rem; height: 52rem; cursor: pointer; z-index: 99993; }
.tt_main .tt_clo:hover { background-color: rgba(0, 0, 0, 0.2);}

.tt_form {}
.tt_form .tit { font-size: 26rem; line-height: 40rem; margin-bottom: 10rem;}
.tt_form .con { font-size: 18rem; line-height: 28rem; opacity: 0.8; margin-bottom: 24rem;}
.tt_form .item { margin-bottom: 24rem;}
.tt_form .item span { display: block; font-size: 16rem; line-height: 30rem; margin-bottom: 10rem;}
.tt_form .item input { display: block; background: rgba(216,216,216,0.05); border-radius: 6rem; border: 1rem solid rgba(255,255,255,0.49); line-height: 54rem; text-indent: 20rem; width: 100%; color: #fff; font-size: 16rem; }

.btnbox {}
.btnbox .btn{ float: left; display: block; cursor: pointer; width: 48%; height: 56rem; line-height: 56rem; text-align: center; background: rgba(216,216,216,0.16); border-radius: 6rem; font-size: 16rem;}
.btnbox .btn2{ float: right; background: linear-gradient(to right,#3054d9,#314786);}
.btnbox .btn:hover { transform: translateY(-4rem);}

.etip { position: fixed; left: 50%; top: 50%; width: 340rem; margin-left: -170rem; box-sizing: border-box; display: none; transform:translate(0,-50%); background: rgba(0,0,0,0.8); color: #fff; padding: 15rem; text-align: center; font-size: 20rem; line-height: 2; border-radius: 10rem; z-index: 9999991;}


@media (max-width:999px){
.tt_main .tt_box { left: 30rem; width: auto; right: 30rem; margin-left: 0; }
.tt_main .tt_clo { background-size: 24rem auto; width: 72rem; height: 72rem; }

.tt_form .tit { font-size: 38rem; line-height: 50rem; margin-bottom: 10rem;}
.tt_form .con { font-size: 22rem; line-height: 34rem; margin-bottom: 24rem;}
.tt_form .item { margin-bottom: 44rem;}
.tt_form .item span { font-size: 22rem; line-height: 40rem; margin-bottom: 10rem;}
.tt_form .item input { line-height: 74rem; text-indent: 30rem; font-size: 22rem; }

.btnbox .btn{ height: 76rem; line-height: 76rem; font-size: 24rem;}

}