@charset "utf-8";
/* CSS Document */

body, html {
	width:100%
}
html{font-size:1px;}
@media screen and (max-width: 750px) {
  html {
    font-size: 0.13333333333vw;
  }
}
:root{
    --orgColor:#2571ff;
   }
html.active{height: 100%; overflow: hidden;}
body { margin:0; padding:0;font-family:"Montserrat","微软雅黑", Arial;font-size:24rem; background:#eff8ff; line-height:1.5; color: #505050; width:100%; max-width:750px; margin:0px auto; overflow-x: auto;}
a { color: #505050; text-decoration:none;/*cursor:default;*/}
a:hover { color: #505050;}
img { border:0; display:inline; vertical-align: bottom; width:auto; height:auto; max-width:100%;}
div,ul,li,dl,dd,span,h1,h2,p,h4,h3 { margin:0; padding:0; list-style:none;}
.clear{ clear:both;}
input,textarea{ outline:none;}


.clearfix:after{visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
.flex-between {display: flex;align-items: center;justify-content: space-between;}
.flex-center-y {display: flex;align-items: center;}
.flex-center {display: flex;align-items: center; justify-content: center;}
.flex-column{flex-direction: column; display: flex; justify-content: space-between;}
.flex_1{ flex:1; overflow: hidden;}
*{ box-sizing: border-box;}

.container{ padding:0rem 30rem; width:100%;}
.border_1{background-color: #fff;border-radius: 20rem;box-shadow: 0px 0px 19rem rgb(0 192 255 / 20%);}
:root{
 --linkColor:#0064ff;
}

/* 头部 */
.phone{width:100%; max-width:750px; margin:auto;line-height:1.5; padding:0; overflow: hidden; }
.header { position: fixed;width: 100%; top: 0px;left:50%; margin: 0px auto;max-width: 750px;transform:translateX(-50%);-webkit-transform:translateX(-50%); z-index: 100;}
.header .container{ height: 100rem;}
.header .container .logo img{ height: 64rem; width: auto;}
.header .container .logo .img2{display: none;}
.banner ul li img{ width: 100%; height: auto;}
.header .btn{ position: relative; margin-right: 41rem;  padding-right: 41rem;}
.header .btn img{width: 48rem; height: 48rem;}
.header .menu2 img{width: 40rem; height: 35rem;}
.header .btn .img2{display: none;}
.header .menu2 .img2{display: none;}
.header .btn:before{
    content: "";
    width: 2rem;
    height: 36rem;
   background-color:rgba(255,255,255,0.2);
   position: absolute;right: 0rem;
   top: 50%;
   transform:translateY(-50%);-webkit-transform:translateY(-50%);
}
.header.on{background-color: #fff;box-shadow: 0px 0px 8px rgb(0 0 0 / 8%);}
.header.on .container .logo .img2{display: block;}
.header.on .container .logo .img1{display: none;}
.header.on .btn .img2{display: block;}
.header.on .menu2 .img2{display: block;}
.header.on .btn .img1{display: none;}
.header.on .menu2 .img1{display: none;}
.header.on .btn:before{  background-color: rgba(0, 0, 0, 0.2);}
.part_1{  padding-top: 50rem; padding-bottom: 60rem;}
.index_bt{text-align: center; line-height: 1; margin-bottom: 30rem;}
.index_bt .title{ font-weight: 600; color: var(--linkColor); font-size: 42rem;}
.index_bt .desc{ font-size: 30rem; line-height: 1.2; margin-top: 17rem;}
.index_about{ padding: 38rem 28rem 61rem;}
.index_about .box{ font-size: 30rem;border-radius: 10rem;background-color: #eff8ff; padding: 10rem 10rem; line-height: 1.7; margin-bottom: 27rem; letter-spacing: 2rem;}
.index_about .box p{ margin-bottom: 20rem;}
.index_about .box p:last-child{ margin-bottom: 0rem;}
.index_about .box.last{ margin-bottom: 0rem;}
.index_about .photo{text-align: center; margin-bottom: 33rem;}
.more{height: 68rem; border-radius: 10rem;gap: 36rem;font-size: 28rem;color: #fff;background-image: url(../images/btn_07.png);background-repeat: no-repeat;background-position: center;background-size: cover;}
.more img{ width: 30rem; height: 28rem;}
.more .txt{text-shadow: 1px 1px #ffffff;
    text-shadow: 0 1px 1px #e83401;letter-spacing: 4rem;}
.part_2{background:linear-gradient( 121deg,#38adff,#76c6ff,#d6eeff,#fff); padding-top: 61rem; padding-bottom: 67rem;}
.index_type{  background-color:rgba(255,255,255,0.8); padding: 63rem 35rem;}
.index_type ul{display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 50rem 20rem;
align-items: stretch;}
.index_type ul li{display: flex;  align-items: center; padding-left: 49rem; font-size: 32rem;gap: 11rem;}
.index_type ul li .bh{width: 44rem; height: 35rem;display: flex; align-items: center; justify-content: center;border-radius: 10rem;color: #fff;font-size: 29rem;font-weight: 600;background:linear-gradient(to bottom,#ffa07a,#ff4400);font-family: Arial, Helvetica, sans-serif;}
.part_3{ padding-top: 59rem;}
.standard_1{ padding: 0rem 22rem 25rem; margin-bottom: 30rem;}
.standard_1 .s_tit{text-align: center; font-size: 30rem; line-height: 77rem;color: #303030;}
.standard_1 .s_tit strong{ font-size: 32rem;letter-spacing: 2rem;}
.standard_1 .stand_pic{text-align: center;}
.standard_1 .coefficient{background-color: #eff8ff; padding: 47rem 20rem;gap: 43rem; line-height: 1; border-radius: 20rem;}
.standard_1 .coefficient .item{text-align: center; line-height: 1;}
.standard_1 .coefficient .item .txt{font-size: 32rem; color: #454545;}
.standard_1 .coefficient .item .num{font-size: 32rem; color: #ff4400; font-weight: 600; margin-top: 30rem;}
.part_4{ padding-top: 33rem;}
.compensate .item .tit{ line-height: 1;background:linear-gradient(to right,#b3f5ff,#00dcff);text-align: center; border-radius: 29rem;color: #303030;font-size: 32rem; padding: 12rem; margin-bottom: 25rem;font-weight: 600;}
.compensate{  padding: 40rem 32rem;}
.compensate .item{ margin-bottom: 32rem;}
.compensate .list{gap: 18rem;align-items: flex-start;}
.compensate .list .box{flex:1; font-size: 28rem; color:#303030;  letter-spacing: 2rem;}
.compensate .list .vs{color: #ff4400; font-weight: 600; margin-top: 20rem;}
.compensate .list .box.right_1{ font-weight: 600;}
.compensate .item:last-child{ margin-bottom: 0rem;}
.compensate .item .tit{ height: 58rem; display: flex; align-items: center; justify-content: center;}
.part_5{ padding-top: 64rem; padding-bottom: 76rem;}
.part_5 .standard_1{ margin-bottom: 0rem;}
.stand_list{align-items: stretch;gap: 6rem;}
.stand_list .box{ display: flex; flex-direction: column;gap: 4rem;flex:1;}
.stand_list .box .list{background-color: #eff8ff;flex:1; padding: 25rem 20rem;}
.stand_list .box .txt{background:linear-gradient(to bottom,#ffa07a,#ff4400);color: #fff;font-size: 32rem;font-weight: 600; height: 62rem;}
.stand_list .box.no1 .txt{border-top-left-radius: 20rem;}
.stand_list .box.no2 .txt{border-top-right-radius: 20rem;background:linear-gradient(to bottom,#00dcff,#38adff);}
.stand_list .box .list ul li{ display: flex; align-items: center;font-size: 28rem;}
.stand_list .box .list ul li .wz{ font-size: 30rem;font-weight: 600;color: #303030;}
.stand_list .box .list ul li img{width: 30rem; height: auto;margin-right: 7rem;}
.stand_list .box .list ul li{ margin-bottom: 46rem;}
.stand_list .box.no2 .list ul li{ margin-bottom:27rem;}
.stand_list .box.no2 .list ul li:last-child{ margin-bottom: 0rem;}

.part_6{background: linear-gradient(98deg, #38adff, #76c6ff, #d6eeff, #fff);
    padding-top: 62rem;
    padding-bottom: 74rem;}
.part_6 .border_1{background-color: rgba(255, 255, 255, 0.8);}
.justice{padding: 10rem 30rem; margin-bottom: 60rem;}
.justice ul li{border-bottom: 1rem #c8e6ff solid; padding: 40rem 0rem;display: flex; align-items: center;gap: 20rem;color: #404040; font-size: 29rem;}
.justice ul li:last-child{ border-bottom: 0rem;}
.justice ul li .icon{width: 48rem;}
.justice ul li .content{flex:1; overflow: hidden;}
.justice ul li .content .txt{line-height: 1;font-size: 32rem; font-weight: 600; margin-bottom: 12rem;}
.index_process{ padding: 57rem 20rem 60rem;text-align: center;}
.index_process img{width: 551rem; height: auto;}

.part_7{ padding-top: 63rem; padding-bottom: 64rem;}
.index_join{ padding: 50rem 35rem 90rem;}
.join_1{ margin-bottom: 107rem;}
.join_1 ul{display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 25rem 10rem;
align-items: stretch;}
.join_1 ul li{text-align: center;color: #303030;  font-size: 30rem; line-height: 1.4;}
.join_1 ul li .icon{ margin-bottom: 13rem;}
.join_1 ul li .icon img{width: 88rem; height: auto;}
.index_honor{ position: relative; margin-bottom: 56rem;}
.index_honor ul li .photo{border:8rem solid transparent;border-image:linear-gradient(112deg,#fff4ea,#ffc986,#ffe8be,#fffbf3) 1 10;
background-origin: border-box;
background-clip: content-box,border-box;box-shadow: 0px 0px 16rem rgb(0 0 0 / 25%);
 }
 .index_honor ul li .tit{text-align: center;font-size: 30rem;color: #303030;display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;-webkit-text-overflow:ellipsis; margin-top: 29rem;opacity: 0;transition: all .3s;}
 .index_honor ul li.swiper-slide-active .tit{opacity: 1;}
 .index_honor .sbtn{ position: absolute;gap: 11rem; z-index: 10;left: 0px;top: 319rem;width: 100%; z-index: 10; bottom: unset !important;}
.index_honor .sbtn span{width: 14rem; height: 14rem;border-radius: 50%; background-color:rgba(0,0,0,0.5); opacity: 1; margin: 0 !important; transition:all .5s;}
.index_honor .sbtn span.active{background-color: #ff4400;}
.part_8{ padding-top: 0px;padding-bottom: 100rem;}
.index_new .box{ padding: 10rem 32rem 77rem;}
.news_list{ margin-bottom: 20rem;}
.news_list ul li{ padding: 38rem 0rem;border-bottom: 1rem #c8e6ff solid;}
.news_list ul li:last-child{ border-bottom: 0rem;}
.news_list ul li .title{gap: 15rem;}
.news_list ul li .title .txt{display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;-webkit-text-overflow:ellipsis; color: #404040; font-size: 30rem;}
.news_list ul li .desc{display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;-webkit-text-overflow:ellipsis; color: #808080; font-size: 27rem; margin-top: 18rem;}
.news_list ul li .title .date{color: #ff4400; font-size: 24rem;}
.new_adv{border-radius: 20rem;overflow: hidden; position: relative;}
.new_adv ul li a img{ height: 310rem;object-fit: cover;
 object-position: center center;}
.new_adv ul li a{display: block; position: relative;}
.new_adv ul li a:before{
    position: absolute;
    bottom: 0;
    content: "";
    width: 100%;
    background-image: linear-gradient( 0deg ,rgba(0,0,0,.5),transparent);
    height: 85rem;
    z-index: 10;
}
.new_adv ul li a .txt{ position: absolute;width: 556rem; left: 30rem;bottom: 25rem;z-index: 12;color: #fff;font-size: 30rem;display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;-webkit-text-overflow:ellipsis;}
.new_adv .sbtn{ position: absolute;bottom: 20rem !important;padding-right: 35rem;gap: 4rem;z-index: 20; justify-content: flex-end;}
.new_adv .sbtn span{width: 14rem; height: 5rem; background-color:rgba(255,255,255,0.4);border-radius: 5rem; margin: 0 !important; opacity: 1; transition: all .5s;}
.new_adv .sbtn span.active{background-color: #ff4400;}
.footer{background-color: var(--linkColor);color: #fff; padding: 52rem 39rem 55rem;}
.footer .list li{border-bottom: 1rem rgba(255,255,255,0.3) solid;}
.footer .list li a{ display: flex; align-items: center; justify-content: space-between;}
.footer .list li{ padding: 22rem 0rem;}
.footer .list li a .icon{width: 16rem; height: 28rem;background-image: url(../images/icon_46.png);background-repeat: no-repeat;background-position: center;background-size: cover;}
.footer .list li a .txt{font-size: 30rem;color: #fff;}
.footer .list li:last-child{border-bottom: 3rem #fff solid;}
.footer .tell{color: #00f62e; font-size: 34rem;padding: 42rem 0rem;letter-spacing: 3rem;}
.footer .tell a{color: #00f62e;}
.footer .copyright{ line-height: 1.8; font-size: 26rem; letter-spacing: 2rem;}
.footer .copyright a{ color:#fff;}
.footer .list li a:active .txt,.footer .list li.active a .txt{color: #00f62e; font-weight: 600;}
.footer .list li a:active .icon,.footer .list li.active a .icon{background-image: url(../images/icon_43.png);}

/*悬浮菜单*/
.menu-box{ background-color:rgba(0,0,0,0.5);position: fixed;left: 0px;top: 0px;width: 100%; height: 100%;display: flex;justify-content: flex-end; z-index: 10000;opacity: 0; visibility: hidden; pointer-events: none; transition: all .3s;}
.menu-box.show{opacity: 1; visibility: visible; pointer-events: visible;}
.menu-box .menu_content{background-color: #fff; display: flex; flex-direction: column; position: relative;width: 400rem; height: 100%; padding-left: 60rem; padding-top: 16rem;color: #454545;transition: all .3s; transform: translateX(100%);}
.menu-box.show .menu_content{transform: translateX(0);}
.menu-box .menu_content .m_title{ font-size: 40rem; line-height: 114rem; margin-bottom: 10rem;border-bottom: 4rem var(--linkColor) solid;}
.menu-box .menu_list {flex:1; overflow-y: auto;}
.menu-box .menu_list ul li{ padding: 35rem 0rem;}
.menu-box .menu_list ul li a{color: #454545; font-size: 30rem;}
.menu-box .menu_list ul li.active a{color: var(--linkColor);}
.menu-box .menu_content .closed{width: 40rem; position: absolute;right: 30rem;top: 30rem;}


.hold{ height: 100rem;}
.ny_banner img{ width: 100%; height: auto;}

/*关于我们*/
.about_2{
     padding-top: 56rem; padding-bottom: 70rem;
}
.culture ul li{background-color: #fff;
    border-radius: 20rem; margin-bottom: 30rem;
    box-shadow: 0px 0px 19rem rgb(0 192 255 / 20%); padding: 30rem 39rem 42rem;}
.culture ul li .title .txt{ color: #303030;  font-size: 32rem;}
.culture ul li .title .line{width: 24rem; height: 1rem;background-color: #00d4ff;}
.culture ul li .infor { margin-top: 14rem;}
.culture ul li .infor .txt{ color: #505050;  font-size: 28rem;}
.culture ul li .infor .icon{width: 40rem;}
.culture ul li:last-child{ margin-bottom: 0rem;}
.about_3{    background: linear-gradient(98deg, #38adff, #76c6ff, #d6eeff, #fff);
    padding-top: 57rem;
    padding-bottom: 90rem;}
.culture.no1 ul li .infor{align-items: flex-end;}
.culture.no1 ul li .infor .icon{width: 36rem;}
.culture.no1 ul li .title .line{background-color: #ff4400;}

.part_3.no2{ padding-top: 40rem; padding-bottom: 75rem;}
.part_3.no2 .index_bt .desc{ margin-top: 0px;}
.part_7.no2{ padding: 50rem 0rem;}
.part_7.no2 .join_1{ margin-bottom: 0px;}
.part_7.no2 .index_join{ padding-bottom: 50rem;}

.join_list ul li{background-color: #fff;
    border-radius: 20rem;
    box-shadow: 0px 0px 19rem rgb(0 192 255 / 20%); padding: 28rem 0rem; margin-bottom: 30rem;}
.join_list ul li .title{ line-height: 1;font-size: 30rem;color: #303030;gap: 10rem; margin-bottom: 20rem;}
.join_list ul li .title .bh{border-radius:0rem 10rem 10rem 0rem;
    color: #fff;
    font-size: 24rem;
    width: 44rem; height: 32rem;display: flex; align-items: center; justify-content: center;
    background: linear-gradient(to bottom, #00dcff, #38adff);
    font-family: Arial, Helvetica, sans-serif;  text-shadow: 0 1px 1px #888;}
.join_list ul li .box{ padding: 0rem 55rem;}
.join_list ul li .box .photo{border: 8rem #eff8ff solid; margin-bottom: 26rem;}
.join_list ul li .box .tit{ font-size: 26rem;color: #606060; letter-spacing: 2rem;}
.join_list ul li.recommend .title .bh{background: linear-gradient(to bottom, #ffa07a, #ff4400);}

/*翻页*/
.fany{gap: 24rem; margin-bottom: 100rem; padding-top: 30rem;}
.fany .link{background-color: #fff;border: 1rem #ff4400 solid; height: 80rem; font-size: 30rem; font-weight: 600;color: #ff4400;flex:1;}
.fany .cont{background-color: #fff; color: #505050;width: 140rem; height: 80rem;font-size: 30rem;}
.fany .link.over{border: 1rem #fff solid; color: #808080;}

.news{ padding-top: 40rem;}
.news ul li{background-color: #fff;
    border-radius: 20rem;
    box-shadow: 0px 0px 19rem rgb(0 192 255 / 20%); margin-bottom: 30rem; padding: 30rem;}
.news ul li a{ display: flex; align-items: center; justify-content: space-between;gap: 15rem;}
.news ul li a .content{ flex:1;}
.news ul li a .photo{width: 210rem; height: 140rem;overflow: hidden;border-radius: 10rem;}
.news ul li a .photo img{width: 100%; height: 100%;object-fit: cover;
 object-position: center center;}
 .news ul li a .content .title{ font-size: 30rem;color: #303030;}
 .news ul li a .content .date{ color: #808080; font-size: 24rem; margin-top: 33rem;}
 .main{ padding-top: 40rem;}

 .new_show{ margin-bottom: 30rem; padding: 45rem 40rem; margin-top:100rem;}
 .new_show .title{color: var(--linkColor);font-size: 32rem;}
.new_show .date{ font-size: 26rem; color: #808080;border-bottom: 2rem #ff4400 solid; line-height: 1; padding-bottom: 20rem; margin-bottom: 29rem; margin-top: 25rem;}
.new_show .show_1{ font-size: 30rem; color: #505050; line-height: 2;}
.new_show .show_1 p{ margin-bottom: 30rem;}

.ca_class{overflow-x: auto; margin-bottom: 50rem;}
.ca_class ul{ gap: 10rem;align-items: stretch;}
.ca_class ul li a{line-height: 1; padding: 22rem 11rem;border-radius: 20rem;background-color: #fff;border: 1rem #fff solid;display: inline-block;text-align: center; font-size: 28rem;color: #505050;white-space:nowrap;min-width: 100rem;}
.ca_class ul li.active a{color: #ff4400;border: 1rem #ff4400 solid;font-weight: 600;}

.case_list{ margin-bottom: 40rem;}
.case_list ul li{background-color: #fff;
    border-radius: 20rem;
    box-shadow: 0px 0px 19rem rgb(0 192 255 / 20%); margin-bottom: 30rem; padding: 40rem;}
.case_list ul li a .photo{ height: 344rem; position: relative; margin-bottom: 35rem;}
.case_list ul li a .photo img{width: 100%; height: 100%;object-fit: cover;
 object-position: center center;}
 .case_list ul li a .photo:before{content: ""; position: absolute; left: 50%; top: 50%;transform: translate(-50%,-50%);width: 84rem; height: 84rem;background-image: url(../images/video_03.png);background-repeat: no-repeat;background-position: center;background-size: cover;}
 .case_list ul li a .infor .txt{ font-size: 30rem; color: #303030;display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;-webkit-text-overflow:ellipsis;}
.case_list ul li a .infor .date{ font-size: 24rem; color: #ff4400;}
.case_list ul li a .infor {gap: 10rem;}
.case_1 video{width: 100%; height: auto;}
.caseshow { margin-bottom: 100rem; padding-top: 30rem;}
.caseshow .c_tit{ font-size: 32rem; color: #303030;font-weight: normal;}
.caseshow .date{ font-size: 26rem; color: #808080; margin-top: 32rem;}

.contact_box{ padding-top: 50rem; padding-bottom: 100rem;}

.contact_1{ margin-bottom: 30rem;}
.contact_1 ul li{background-color: #fff;
    border-radius: 20rem;
    box-shadow: 0px 0px 19rem rgb(0 192 255 / 20%); margin-bottom: 30rem; padding: 30rem; display: flex; align-items: stretch;gap: 25rem; }
.contact_1 ul li .icon{width: 36rem;}
.contact_1 ul li .content{ flex:1; padding-left: 25rem;border-left: 1rem #cddbe5 solid; line-height: 1;display: flex; flex-direction: column; align-items: center;justify-content: center;letter-spacing: 2rem;}
.contact_1 ul li .content .tit{ font-size: 26rem;width: 100%;}
.contact_1 ul li .content .desc{ font-size: 28rem;color: #303030; line-height: 1.4; margin-top: 25rem;width: 100%;}
.contact_1 ul li .weix{ width: 150rem;}
.contact_1 ul li.last .content .tit{ line-height: 2;}
.contact_2{ overflow: hidden; margin-top: 60rem;}
.contact_2 img{ width: 100%; height: auto;}
.contact_1 ul li.no1 .content .desc{ font-size: 32rem;}
.swiper1 .swiper-slide{width: 80%;}