/* 全局样式重置 */
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License:none (public domain)
*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
/* HTML5 display-role reset for older browsers */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
body,button,input,select,textarea{font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji,BlinkMacSystemFont,Helvetica Neue,Arial,PingFang SC,PingFang TC,PingFang HK,Microsoft Yahei,Microsoft JhengHei}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}
img{vertical-align:top;}
*,*::before,*::after{box-sizing:inherit;}

/* 全屏 */
html,body{scroll-behavior:smooth;}
body{color:#27254B;}
a{color:#681;text-decoration:none;transition:all .2s;}
a:hover{color:#463A7A;}
em,i,.em,.i{font-size:.875em;}

.wrap{width:100%;overflow:hidden;}
.container{margin:0 auto;box-sizing:border-box;max-width:1440px;padding:15px;}

/* 多级列表模板(3级) */
.multi-list{font-size:0;}
.multi-list li,.multi-list li a{position:relative;vertical-align:top;}
.multi-list li{text-align:center;vertical-align:top;font-size:14px;}
/* 一级 */
.multi-list li a,.multi-list li a em,.multi-list li a i{display:block;white-space:nowrap;text-overflow:ellipsis;}
.multi-list li a{z-index:3;}
/* 选中，当前样式 */
.multi-list .current>a{}
.multi-list .current>a em{}
/* 操作 */
.multi-list li ul{display:none;}
.multi-list .current>ul{display:inherit;}
.multi-list li::before{display:none;}
.multi-list li.sub::before{content:"+";position:absolute;z-index:6;display:block;width:12px;height:12px;line-height:12px;overflow:hidden;text-align:center;}
.multi-list li.current::before{content:"-"}
/* 特殊·上标 */
.multi-list li .sign,.multi-list li .sign i,.multi-list .hot a::after,.multi-list li .hot a::after,.multi-list .hot .hot a::after,.multi-list li li .hot a::after,.multi-list li .hot .hot a::after,.multi-list .hot li .hot a::after,.multi-list .hot .hot .hot a::after{font-size:12px;color:#F33;}
.multi-list li .sign,.multi-list .hot a::after,.multi-list li .hot a::after,.multi-list .hot .hot a::after,.multi-list li li .hot a::after,.multi-list li .hot .hot a::after,.multi-list .hot li .hot a::after,.multi-list .hot .hot .hot a::after{
   position:absolute;z-index:3;top:12px;left:50%;margin-left:36px;
}
.multi-list li li .sign,.multi-list li .hot a::after,.multi-list .hot .hot a::after,.multi-list li li .hot a::after,.multi-list li .hot .hot a::after,.multi-list .hot li .hot a::after,.multi-list .hot .hot .hot a::after{top:8px;}
.multi-list .hot a::after,.multi-list li .hot a::after,.multi-list .hot .hot a::after,.multi-list li li .hot a::after,.multi-list li .hot .hot a::after,.multi-list .hot li .hot a::after,.multi-list .hot .hot .hot a::after{display:inline-block;content:"HOT";}
.multi-list .hot li a::after,.multi-list li .hot li a::after,.multi-list .hot li li a::after,.multi-list .hot .hot li a::after{display:none;content:"";}

/* 手机菜单栏减小 */
.top,.top .container{overflow:visible;}
.top{
   z-index:16;position:fixed;top:0;left:0;right:0;
   color:#FFF;background-image:linear-gradient(90deg,#5F5292,#463A7A);
   border-bottom:solid 1px #463A7A;
}
.top .container{height:54px;padding:0;position:relative;vertical-align:top;}

/* LOGO */
.logo,.logo a,.foot-contact dt a{width:90px;height:48px;line-height:48px;}
.logo{
   position:absolute;z-index:3;left:50%;top:50%;margin-top:-24px;margin-left:-45px;
   /*margin-top:24;手机视觉效果偏下，-25向上挪1像素*/
}
.logo a,.foot-contact dt a{
   display:block;overflow:hidden;white-space:nowrap;text-indent:99em;font-size:0;
   background-size:cover;background-position:center;
}
.logo a{background-image:url(imgs/logo_white.svg);}
.foot-contact dt a{margin:0 auto;background-image:url(imgs/logo_violet.svg);}

/* 导航伸缩 */
.navSwitch,.navSwitch a,.navSwitch::before,.navSwitch::after{display:block;}
.navSwitch{
   position:fixed;z-index:13;top:12px;left:15px;width:44px;height:31px;overflow:hidden;border-radius:4px;cursor:pointer;
}
.navSwitch a,.navSwitch::before,.navSwitch::after{position:absolute;left:50%;margin-left:-14px;overflow:hidden;width:28px;height:1px;background-color:#B6A6D9;}
.navSwitch::before,.navSwitch::after{content:"";transform:rotate(0);}
.navSwitch::before{top:6px;}
.navSwitch::after{top:24px;}
.navSwitch a,.switchClose::before,.switchClose::after{top:15px;transition:all .2s;}
.switchClose{transition:all .2s;}
.switchClose a{width:0;margin-left:0;}
.switchClose::before{transform:rotate(36deg);}
.switchClose::after{transform:rotate(-36deg);}

/* 导航·顶部 */
.nav{
   display:none;
   z-index:9;position:fixed;top:55px;left:0;right:0;bottom:0;overflow-y:scroll;
   background-image:url(imgs/song.svg),linear-gradient(120deg,#5F5292,#463A7A);
   background-repeat:no-repeat;
   background-position:left bottom,center;
   background-size:100% auto,auto;
   background-color:#FFF;
  padding-bottom:54px;
  /* 如果是方案一，加在 .nav 上；如果是方案二，加在 .nav-content 上 */
  -webkit-overflow-scrolling:touch; 
  touch-action:pan-y; /* 允许垂直滑动手势穿透 */
}
.navShow{display:inherit;}
.nav li,.nav li a{color:#FFF;}
.nav li{border-bottom:solid 1px #463A7A;}
/* .nav>li:first-child{margin-top:54px;} */
/* .nav li:last-child{border-bottom:solid 1px #463A7A;} */
.nav li a{padding:10px 0 7px;}
.nav li a:hover,.nav li.current>a{background-color:rgba(70,58,124,.5);color:#AB3;}
.nav li ul{background-image:linear-gradient(120deg,#5F5292,#5F5292);}
.nav li li{font-size:14px;}
.nav li li a{padding-top:8px;padding-bottom:8px;}
.nav li.sub::before{left:50%;top:44px;margin-left:-6px;color:#463A7A;}
.nav li li.sub::before{top:46px;}


/* 首页·焦点大图 */
.index-slide,.index-slide .slide-content li,.sub-slide,.sub-slide .slide-content li{width:100%;}
.index-slide,.index-slide .slide-content .container,.sub-slide,.sub-slide .slide-content .container{position:relative;}
.index-slide,.sub-slide{margin:54px 0 0;background-color:#EEE;}
.index-slide .slide-content .container,.sub-slide .slide-content .container{padding:0;}
.index-slide,.index-slide .slide-content li,.index-slide .slide-content .container{height:420px;overflow:hidden;}
.sub-slide,.sub-slide .slide-content li,.sub-slide .slide-content .container{height:240px;overflow:hidden;}
/* 基本·焦点图编码 */
.slide-count,.slide-count li{overflow:hidden;}
.slide-count{
  position:absolute;z-index:9;left:0;right:0;
  width:100%;text-align:center;font-size:0;
}
.slide-count li{
  margin:1px 5px 0;display:inline-block;width:24px;height:4px;line-height:4px;vertical-align:top;text-indent:-9em;
  background-color:rgba(255,255,255,.5);color:#27254B;border-radius:2px;
  cursor:pointer;
  transition:all .5s;
}
.slide-count li.active{
  margin-top:0;width:36px;height:6px;line-height:6px;border-radius:3px;
  background-color:rgba(42,38,75,.75);color:#B6A6D9;
}


/* 底部 */
.foot .container{overflow:hidden;}
.foot,.foot .foot-nav{overflow:visible;}
.foot{color:#5F5292;}
/* 导航·底部 */
.foot-nav{
  position:relative;z-index:13;
   margin:5px auto;padding:5px 0;
   border-style:solid;border-width:3px 0 1px;border-color:#27254B transparent #463A7A;
   text-align:center;
}
.foot-nav li{border-top:solid 1px #F8F0FF;position:relative;}
.foot-nav li a,.foot-nav li a em{line-height:21px;}
.foot-nav li a{padding:12px 5px;z-index:1;}
.foot-nav li a em{position:relative;display:inline-block;padding-left:4px;}
/* 导航·底部·二三级(未采用) */
.foot-nav li ul{background-color:#FCF8FF;}
.foot-nav li li a:hover{background-color:#B6A6D9;}

.foot-info,.foot-contact{text-align:center;font-size:12px;}
.foot-info li,.foot-contact li,.foot-contact dd{margin:3px 0;}
.foot-contact dt{margin-bottom:10px;}

.content{padding:15px;}
/* 首页&内页·基本配置 */
.index-title{
  position:relative;
  margin:0 auto;max-width:1410px;padding:0 15px;
  line-height:2.4;font-size:20px;font-weight:bold;
  background-image:url(./imgs/song.svg),linear-gradient(120deg,rgba(255,255,255,0) 0 15%,rgba(70,58,122,1) 100%);
  background-repeat:no-repeat;
  background-position:right center,center;
  background-size:auto 100%,auto;
}
.index-title::before{
    content:"";
    display:inline-block;width:6px;height:24px;border-radius:3px;
    position:absolute;top:12px;left:2px;
    background-color:#504282;
}
.index-title em{margin-left:5px;font-size:12px;font-weight:normal;color:#B6A6D9;}
/* .index-content{padding:15px 0;border-top:solid 1px #F8F0FF;border-bottom:solid 1px #F8F0FF;} */

/* 图片列表 */
.graphics-list{
  display:grid;grid-template-columns:repeat(2,1fr);
  grid-template-rows:auto;grid-column-gap:10px;grid-row-gap:10px;
}
.graphics-list li{
  padding:5px 5px 12px;
  display:flex;flex-direction:column;align-items:center;text-align:center;
  border-radius:8px;
  background-color:#FFF;
  box-shadow:0 0 1px #B6A6D9;
  transition:all .2s;
}
.graphics-list li:hover{box-shadow:0 0 6px #F3CCF9;}
.graphics-list li img,.graphics-list li video{
  width:100%;height:auto;border-radius:6px;
  transition:all .2s;
}
.graphics-list li video{width:auto;height:auto;max-width:40vw;}
.graphics-list li h3,.graphics-list li h4,.graphics-list li p{
  min-width:0;width:100%;
  /* white-space:nowrap;text-overflow:ellipsis; */
  display:-webkit-box;        /* 关键属性1：使用弹性盒子布局 */
  -webkit-box-orient:vertical;/* 关键属性3：设置排列方向 */
  -webkit-line-clamp:1;       /* 关键属性2：限制显示行数 */
  overflow:hidden;            /* 关键属性4：隐藏超出部分 */
  text-overflow:ellipsis;
}
.graphics-list li h3,.graphics-list li h4{
  margin:6px 0;padding:5px 0;border-bottom:solid 1px #EEE;
  font-size:16px;
}
.graphics-list li p{text-align:left;font-size:14px;color:#7a7a7a;}
.graphics-list li strong{font-size:1.2em;font-weight:bold;color:#C33;}
.graphics-list li a:hover img,.graphics-list li a:hover video{opacity:0.85;}

/* 新闻列表 */
.news-list section,.news-list figure,.news-list figure a{height:120px;overflow:hidden;}
.news-list section{position:relative;padding:6px 0 6px 172px;box-sizing:content-box;border-bottom:dotted 1px #EEE;}
/* 首页·新闻列表·图片 */
.news-list figure,.news-list figure a{width:160px;}
.news-list figure{position:absolute;left:0;top:6px;}
.news-list figure a{display:flex;justify-content:center;align-items:center;}
.news-list figure img{width:100%;height:100%;object-position:center;object-fit:cover;}
/* 首页·新闻列表·文字 */
.news-list section h4,.news-list section h4 a{height:24px;line-height:24px;}
.news-list section h4,.news-list section p{
  display:-webkit-box;
  -webkit-box-orient:vertical;
  overflow:hidden;
  text-overflow:ellipsis;  /* 可选，部分浏览器不生效 */
  word-break:break-word;
}
.news-list section h4,.news-list section time{margin-bottom:6px;}
.news-list section h4{-webkit-line-clamp:1;}
.news-list section p,.news-list section time{font-size:14px;}
.news-list section p{-webkit-line-clamp:3;overflow:hidden;height:63px;line-height:21px;color:#5F5292;}
.news-list section time{display:block;height:21px;line-height:21px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#999;}


/* 公司简介 */
.ia-show,.ia-content{margin:0 auto;position:relative;overflow:hidden;}
.ia-show,.ia-show .ias-img-1,.ia-show .ias-name{width:84vw;}/*92vw*/
.ia-show{height:72vw;}/*84vw*/
.ia-show .ias-img-1,.ia-show .ias-img-2{margin:0;position:absolute;left:50%;vertical-align:top;}
.ia-show .ias-img-1{z-index:3;bottom:0;margin-left:-42vw;}/*-46vw*/
.ia-show .ias-img-2{
  z-index:1;top:5px;margin-left:-34vw;width:68vw;/*margin-left:-40vw;width:80vw;*/
  animation:rotate360 infinite 24s linear;
}
.ia-show .ias-name{margin-top:4vw;position:relative;z-index:0;text-align:center;font-size:5vw;font-weight:bold;color:#F3CCF9;text-transform:uppercase;}
.ia-show .ias-name em{font-style:normal;font-weight:normal;}
.ia-content{margin-bottom:15px;border-bottom:solid 1px #F8F0FF;}
.ia-content .iac-brief{margin:0 0 5px;}
.ia-content .iac-brief{
  text-align:justify;text-indent:2em;
  display:-webkit-box;        /* 关键属性1：使用弹性盒子布局 */
  -webkit-box-orient:vertical;/* 关键属性3：设置排列方向 */
  -webkit-line-clamp:4;       /* 关键属性2：限制显示行数 */
  overflow:hidden;            /* 关键属性4：隐藏超出部分 */
}
.ia-content .iac-brief .em{text-indent:0;}
.ia-content .iac-sign{margin-bottom:12px;text-align:center;}
.ia-content .iac-sign img{width:50vw;max-width:315px;vertical-align:top;}
/* 首页·公司简介·业务图标 */
.iac-business{
   margin:15px auto 15px;
   display:flex;flex-flow:row nowrap;justify-content:space-around;align-items:center;align-content:space-around;
   /* text-align:center;font-size:0; */
}
.iac-business li,.iac-business li a{display:inline-block;}
.iac-business li{font-size:14px;text-align:center;}
.iac-business li a{
   width:64px;line-height:21px;padding-top:54px;text-decoration:none;
   background-image:url(./imgs/company-icon.svg);
   background-repeat:no-repeat;background-size:640px auto;
   transition:all .2s;
}
.iac-business li.more a{width:auto;height:auto;padding-top:24px;background:none;}
.iac-business li:nth-child(1) a{background-position:0% 12.5%;}
.iac-business li:nth-child(1) a:hover{background-position:0% 106.5%;}
.iac-business li:nth-child(2) a{background-position:66.5% 12.5%;}
.iac-business li:nth-child(2) a:hover{background-position:66.5% 106.5%;}
.iac-business li:nth-child(3) a{background-position:22.25% 12.5%;}
.iac-business li:nth-child(3) a:hover{background-position:22.25% 106.5%;}
.iac-business li:nth-child(4) a{background-position:11.25% 12.5%;}
.iac-business li:nth-child(4) a:hover{background-position:11.25% 106.5%;}



.page-list{margin:15px auto;text-align:center;font-size:0;}
.page-list li,.page-list a{border-radius:6px;}
.page-list li{margin:4px;display:inline-block;font-size:14px;vertical-align:top;}
.page-list a{
  display:block;width:auto;height:24px;line-height:24px;padding:4px 12px;
  box-sizing:content-box;
  background-color:#B6A6D9;color:#FFF;
}
.page-list .current a,.page-list a:hover{background-color:#504282;}

.goTop{
  position:fixed;z-index:99;bottom:-50px;right:-50px;
  display:block;width:50px;height:50px;line-height:50px;overflow:hidden;white-space:nowrap;/*text-indent:-9em;*/text-align:center;
  padding:0 50px 50px 0;
  /* background-size:25%;background-position:22.5% 22.5%;background-repeat:no-repeat;border-radius:50%;
  background-image:url(imgs/Bcategory.svg); */
  background-color:rgba(255,255,255,.2);
}
.goTop:hover{
  /* background-image:url(imgs/Ocategory.svg); */
  background-color:rgba(0,0,0,0.8);
}

@media screen and (min-width:1025px){
  /* 首页&内页·基本配置 */
  .index-title{font-size:24px;}
  .index-title::before{top:16px;}
  /* 首页·焦点大图-特殊设置 */
  .index-slide,.sub-slide{margin:72px 0 0;}
  /* 首页·焦点大图 */
  .slide-count li{width:32px;}
  .slide-count li.active{width:48px;}

  .top .container{height:72px;}
  .navSwitch{display:none;}
  .nav{
    position:relative;top:auto;bottom:auto;left:auto;right:auto;
    margin:3px 0 0 5px;float:right;display:inherit;padding-top:0;padding-bottom:0;
    width:auto;overflow:visible;
    background:none;
  }
  .nav li{float:left;margin:0 0 0 1px;border-top:none;font-size:16px;}
  .nav li a{width:132px;padding:12px 5px 10px;background-color:transparent;}
  .nav li li{margin-left:0;float:none;display:block;}
  .nav li ul{position:absolute;padding-bottom:5px;left:50%;margin-left:-66px;}
  .nav li li a em{overflow:hidden;}
  .nav li li ul{top:-1px;left:100%;}
  .nav li.fix li ul,.nav li li.fix ul{left:auto;right:100%;}
  .nav li .sub::before{left:auto;right:0;top:50%;margin-left:0;margin-top:-6px;}
  .nav .fix .sub::before{right:auto;left:0;}
  /* logo 变大 */
  .logo,.logo a,.foot-contact dt a{width:120px;}
  .logo{
    top:3px;left:5px;margin:0;
    margin-left:5px;height:64px;
    background:none;
  }
  .logo a,.foot-contact dt a{
    margin:0 auto;height:64px;line-height:64px;
  }

  .foot-nav li{margin:0 1.5%;display:inline-block;border-top:none;}
  .foot-nav li:first-child{margin-left:0;}
  .foot-nav li ul{position:absolute;bottom:45px;left:50%;margin-left:-76px;}
  .foot-nav li li,.foot-nav li li a{float:none;}
  .foot-nav li li{margin:0;border-top:solid 1px #FEF;}
  .foot-nav li li a,.foot-nav li li em{display:block;overflow:hidden;}
  .foot-nav li li a{width:142px;}
  .foot-nav li li ul{position:relative;}

  .foot-info{float:right;text-align:right;}
  .foot-contact{float:left;text-align:left;padding-left:150px;position:relative;}
  .foot-contact dt,.foot-contact dt a{position:absolute;left:0;}
  .foot-contact dt{height:100%;top:0;}
  .foot-contact dt a{top:50%;margin-top:-32px;}
  .foot-contact dt::after{
    content:"";display:block;height:100%;width:1px;background-color:#666;
    position:absolute;left:132px;top:0;
    transform:rotate(1.5deg);
  }
  /* 图片列表 */
  .graphics-list{grid-template-columns:repeat(4,1fr);grid-column-gap:15px;grid-row-gap:15px;}
  .graphics-list li{padding:8px 8px 12px;}
  .graphics-list li p{text-indent:0;}
  .graphics-list li video{max-width:240px;}
  
  /* 公司简介 */
  .ia-show,.ia-content{height:468px;}
  .ia-show,.ia-show .ias-img-1,.ia-show .ias-name{width:512px;}
  .ia-show .ias-img-1{z-index:3;bottom:0;margin-left:-256px;}
  .ia-show .ias-img-2{margin-left:-234px;width:468px;}
  .ia-show .ias-name{margin-top:22px;font-size:28px;}
  .ia-content{margin-bottom:0;border-bottom:none;}
  .ia-content .iac-brief{margin:0 45px 5px;}
  .ia-content .iac-sign img{width:315px;}
}
@media screen and (min-width:1440px){
  .container{width:1440px;}
  /* 导航 */
  .nav li a{min-width:182px;}
  .nav li ul{margin-left:-91px;}
}
/* 动画 */
@keyframes rotate360{
  from{transform: rotate(0deg);}
  to{transform: rotate(360deg);}
}