@charset "utf-8";

/* CSS Document */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; }

h1,h2,h3,h4,h5,h6{font-weight: normal;}

BODY {FONT:16px/1.75 "Noto Sans SC", "PingFang SC","Microsoft YaHei", arial,sans-serif; COLOR: #666;  background:#fff;width: 100%; overflow-x: hidden;}

A {COLOR: #252525; TEXT-DECORATION: none}

P{COLOR: #252525;}

A:hover {TEXT-DECORATION: none}

A IMG {BORDER-BOTTOM-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-TOP-STYLE: none; BORDER-LEFT-STYLE: none}

DIV {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}

UL {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}

LI {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}

P {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}

FORM {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}

EM {FONT-STYLE: normal; FONT-WEIGHT: normal}

TABLE {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}

DT {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}

DL {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}

DD {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}

FORM {PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}

TR {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}

.cl{HEIGHT: 0px; CLEAR: both;}

.jz{margin:0 auto;}

.fl{FLOAT: left}

.fr{FLOAT: right}

.container{max-width:1200px;margin:0 auto}



.c{*zoom:1;}

.c:after{content: ""; display: block; height: 0; clear: both;}

.txt-c{text-align: center;}

.txt-l{text-align: left;}

.txt-r{text-align: right;}

.col-white{color: #fff;}

.line1{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}

.line2{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

.line3{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}

.line4{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}





.flex{display: flex;}

.flex-sbc{display: flex; justify-content: space-between;  align-items: center;}

.flex-c{display: flex; align-items: center;}

.flex-cc{display: flex; align-items: center; justify-content: center;}

.flex-ccc{display: flex; align-items: center; justify-content: center; flex-direction: column;}

.flex-dcsb{display: flex; flex-direction: column; justify-content: space-between;}

.flex-sb{display: flex; justify-content: space-between;}

.flex-sbw{display: flex;justify-content: space-between; flex-wrap: wrap;}

.flex-sbcw{display: flex;justify-content: space-between;align-items: center; flex-wrap: wrap;}

.flex-cw{display: flex; align-items: center; flex-wrap: wrap;}

.flex-dc{display: flex; flex-direction: column;}

.flex-w{display: flex; flex-wrap: wrap;}





/*字体引入*/
  @font-face {

    font-family: "SY-Bold";

    src: url("../font/SourceHanSansCN-Bold.otf");

  }

  @font-face {

    font-family: "SY-Medium";

    src: url("../font/SourceHanSansCN-Medium.otf");

  }
  
  @font-face {

    font-family: "PF-Bold";

    src: url("../font/PingFang Bold.ttf");

  }
  
  
/* 公共头部 */
.header {position: fixed; z-index: 999; width: 100%; left: 0; top: 0;z-index: 99; transition: .5s;  background: #fff; box-shadow: 0 0 3px rgba(0, 0, 0, 0.4);}
.head-box{height: 5.625rem;}
.pc-logo img{margin-right: 0.375rem;}
.pc-logo h3{display: block; font-size: 1.125rem; color: #000; letter-spacing: 0.72px;}
.pc-logo span{color: #7030a0;}
/*.pc-nav{width: 45.5%;}*/

.pc-nav ul li{position: relative; margin-left:2rem}
.pc-nav ul li::after{position: absolute; content: ''; height: 0.0625rem;background: #9758C3; width: 0; bottom: 1.7rem; transition: 0.6s; left: 50%;}
.pc-nav ul li:hover::after,.pc-nav ul li.on::after{width: 100%; left: 0;}
.pc-nav ul li h3{display: block; font-size: 1.125rem; line-height: 5.625rem; color: #292929; position: relative;}
.pc-nav ul li:hover h3,.pc-nav ul li.on h3{color: #9758C3;}
.pc-nav ul li .subnav-box{transform: translateY(50px);opacity: 0;pointer-events: none;left: -40%;position: absolute;top: 100%;transition: all 0.4s ease;width: 8.4375rem;height: 9.0625rem;background: #ffffff;border: 1px solid rgba(216,216,216,0.50);box-shadow: 0px 0px 20px 2px rgba(239, 236, 236, 0.48);padding: 1.3125rem  0 0 1.5rem;box-sizing: border-box;}
.pc-nav ul li .subnav {display: flex;box-sizing: border-box;z-index: 3;background: #fff;}
.pc-nav ul li .subnav .list{width: 100%;}
.pc-nav ul li .subnav .list a{display: block;font-size: 16px;color: #292929;position: relative;box-sizing: border-box;margin-bottom: 9px; position: relative; transition: 0.6s;}
.pc-nav ul li .subnav .list a::after{transition: 0.6s; position: absolute; content: '';  width: 0;height: 0.125rem;background: rgba(151,88,195,0.5); left: 0; top: 50%; transform: translateY(-50%);}
.pc-nav ul li .subnav .list a:hover{color: #9758C3; padding-left: 1.875rem;}
.pc-nav ul li .subnav .list a:hover::after{width: 1.625rem;}
.pc-nav ul li:hover .subnav-box {transform: translateY(0);opacity: 1;pointer-events: auto;}

.header-zw{height: 5.625rem;}





/* 手机端导航 */

.mobmenu {display: none;}

.mobmenu dl {transform: rotateY(180deg);width: 30px; cursor: pointer;}

.mobmenu dl dd {width: 0;height: 2px;background: #252525;}

.mobmenu dl dd:first-child {animation: sjnav 2.4s linear infinite;}

.mobmenu dl dd:nth-child(2) {	margin: 6px 0;	width: 20px;}

.mobmenu dl dd:last-child {animation: sjnav 2.4s linear infinite;animation-delay: 0.4s;}



.mobmenu h4 {color: #252525; margin-left: 10px; }

.mobmask {position: fixed;left: 0;top: 0;z-index: 99;width: 100%;height: 100vh;background: rgba(7,16,26,0.8);transition: all 0.5s;visibility: hidden;opacity: 0;transition-delay: 0.2s;}

.mobmask.active{opacity: 1;visibility: visible;}

.mobnavBox {padding-bottom: 1.25rem; width: 50%;height: 100vh;position: fixed;z-index: 100;top: 0;left: -50%;overflow-y: auto;opacity: 0;transition: all 0.3s; background: #fff; visibility: hidden;}

.mobnavBox.active{transition-delay: 0.3s;opacity: 1;left: 0; visibility: visible;} 

.mobCon {padding: 0 1.25rem; }

.mobnavBox .top {padding: 0.625rem 1.25rem;height: 4.375rem; position: sticky;top: 0;z-index: 9999;background: #fff;box-shadow: 0 0 20px 0 rgba(0,0,0,0.06);}



.mobnavBox .top .logo img {display: block; margin-right: 0.375rem;}
.mobnavBox .top .logo h3{display: inline-block; font-size: 1.125rem; color: #000; letter-spacing: 0.72px;}
.mobnavBox .top .logo span{color: #7030a0;}




.mobnavBox .top .mobnavclose {width: 1.875rem;height: 1.875rem;position: relative; cursor: pointer;}

.mobnavBox .top .mobnavclose:before,

.mobnavBox .top .mobnavclose:after{content: "";position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);background: #333;border-radius: 1px;}

.mobnavBox .top .mobnavclose:before{width: 1.25rem;height: 0.125rem;transform: translate(-50%,-50%) rotate(45deg);}

.mobnavBox .top .mobnavclose:after{width: 0.125rem;height: 1.25rem;transform: translate(-50%,-50%) rotate(225deg);}



.mobsearch {margin-top: 1.875rem;}

.mobsearch form input {width: calc(100% - 3.25rem);line-height: 2.5rem;border: 1px solid #dbdbdb;border-radius: 0.125rem;padding: 0 0.75rem;font-size: 0.875rem;}

.mobsearch form button {width: 2.625rem;height: 2.625rem;background: #7030a0;color: #fff;border-radius: 0.125rem;font-size: 0.875rem; border: 0; }

.mobsearch form button img {filter: brightness(100); -webkit-filter:brightness(100);}



.mobnavBox .bottom {padding: 0.375rem 0;}

.mobnavBox .bottom .nav li {margin: 0.75rem 0;}

.mobnavBox .bottom .nav li h3 {display: flex;align-items: center;justify-content: space-between;}

.mobnavBox .bottom .nav li h3 a {display: block;text-align: center;color: #1a1a1a;padding-left: 0.25rem;}

.mobnavBox .bottom .nav li h3 i {display: block;width: 1.875rem;height: 1.875rem;line-height: 2rem;color: #333;text-align: center;font-size: 0.75rem; transition: .4s; cursor: pointer;}

.mobnavBox .bottom .nav li h3 i img {max-width: 100%;}

.mobnavBox .bottom .nav li .m-subnav {border-bottom: 1px solid #dbdbdb;padding-bottom: 0.3125rem;display: none;}

.mobnavBox .bottom .nav li .m-subnav a {display: block;margin: 0.625rem 0;padding-left: 1.25rem;position: relative; }

.mobnavBox .bottom .nav li .m-subnav a:before{content: "";width: 0.5rem;height: 0.5rem;border: 1px solid #CCCCCC;border-radius: 50%;position: absolute;left: 0.25rem;top: 0.4375rem;transition: all 0.4s;}

.mobnavBox .bottom .nav li .m-subnav a:after{content: "";width: 0.25rem;height: 0.25rem;background: #CCCCCC; border-radius: 50%; position: absolute; left: 0.4375rem;top: 0.625rem;transition: all 0.4s;}

.mobnavBox .bottom .nav li.on h3 a{color: #7030a0;}

.mobnavBox .bottom .nav li.on h3 i {transform: rotate(90deg);color: #7030a0;}

.mobnavBox .bottom .nav li.on h3 i:before,

.mobnavBox .bottom .nav li.on h3 i:after {background: #fff;}

.mobnavBox .bottom .nav li h3 a:hover{color: #7030a0;}

.mobnavBox .bottom .nav li .m-subnav a:hover{color: #7030a0;}

.mobnavBox .bottom .nav li .m-subnav a:hover:before{border-color: #7030a0;}

.mobnavBox .bottom .nav li .m-subnav a:hover:after{background: #7030a0;}



.mobinfo {margin-top: 1.25rem;}

.mobinfo h2 { color: #1a1a1a; font-weight: 700; font-size: 1.4rem}

.mobinfo dl dd {display: flex;margin-top: 0.625rem;}

.mobinfo dl dd i {width: 1.25rem;height: 1.25rem;display: flex;align-items: center;justify-content: center;}

.mobinfo dl dd i img {display: inline-block; width: 1rem; margin-top: 0.5rem;}

.mobinfo dl dd p {width: calc(100% - 0.875rem);padding-left: 0.2rem;color: #666; }

.mobinfo dl dd p a {color: #666; }

.mobinfo dl dd p a:hover{color: #7030a0;}


@keyframes sjnav{0% {width: 0;}25% {width: 15px;}50% {width: 30px;}75% {width: 15px;}100% {width: 0;}}

.wapheader-zw{display: none;}


.purple{color: #7030a0!important;}
/* banner */
.banner{background: url(../images/banner-bg.jpg) no-repeat center top; height: 56.1875rem; position: relative; overflow: hidden; background-size: cover}
.banner-box .info{    padding-top: 17%;}
.banner-box .info span{border: 1px solid #7030a0; border-radius: 2.3125rem; padding: 0.3125rem 2.125rem 0.3125rem 0.3125rem; display: inline-flex; margin-bottom: 2.375rem;}
.banner-box .info img{margin-right: 0.75rem;}
.banner-box .info em{font-family: "SY-Medium"; font-size: 1.875rem; color: #7030a0;letter-spacing: 1.2px; } 
.banner-box .info h3{font-size: 3.75rem; color: #252525; font-weight: 300; line-height: 4.7rem; }

.banner .pic{position: absolute;  width: 38%; right: 10%; top: 9%;  animation: heart 2.2s ease-in-out .8s infinite alternate;}
.banner .pic img{display: block; max-width: 100%;}

@keyframes heart {
  from {
    transform: translate(0, 0);
  }
  to {
    transform: translate(0, 30px);
  }
}


.banner-bottom{position: absolute; bottom: 0; width: 100%;}
.banner-class{ background-image: -moz-linear-gradient( 90deg, rgb(254,253,254) 0%, rgb(248,244,250) 100%);  background-image: -webkit-linear-gradient( 90deg, rgb(254,253,254) 0%, rgb(248,244,250) 100%);  background-image: -ms-linear-gradient( 90deg, rgb(254,253,254) 0%, rgb(248,244,250) 100%); border-top-left-radius: 1.5625rem; border-top-right-radius: 1.5625rem; border: 0.0625rem solid #d7c6e5; border-bottom: none; padding: 2.1875rem 0;}
.banner-class ul li{padding: 0 4.625rem; position: relative;}
.banner-class ul li::after{position: absolute; content: ''; width: 1px; height: 100%; background: #908f91; right: 0; top: 0;}
.banner-class ul li a{font-size: 1.5rem; color: #252525; line-height: 1.5rem; display: block;}
.banner-class ul li:last-child::after{display: none;}
.banner-class ul li:hover a{color: #7030a0;}



/* 整体介绍 */
.product{background: #f9f9f9; padding: 5.375rem 0 5.75rem;}
.product-title{width: 7%; margin-right: 1%;}
.product-title dl{width: 100%;border:0.0625rem solid #fff;border-radius: 0.5rem;padding: 0;display: flex;align-items: center;justify-content: center;box-shadow: 0 0 3px 3px #eaeaea;margin-bottom: 1.625rem;height: 11rem;}
.product-title dl:last-child{ height: 8.7rem;}
.product-title dl strong{font-size: 1.5rem; color: #9769bb; position: relative; writing-mode: tb;}
.product-title dl strong::after{position: absolute; content: ''; background: url(../images/product-icon.png) no-repeat; width: 12px; height: 8px; left: -0.2rem; top: -0.5rem;}
.pain-spot{width: 23%;}
.pain-spot dl.item1{text-align: center; margin-bottom: 1.625rem;}
.pain-spot dl.item1 strong{display: inline-block;font-size: 1.5rem;color: #252525;font-family: "PF-Bold";position: relative;z-index: 5;}
.pain-spot dl.item1 strong::after{position: absolute;content: '';width: 1.25rem;height: 1.25rem;border-radius: 50%;left: -0.7rem;top: 0.3rem;z-index: -2;background: #ba95e8;}
.pain-spot dl.item1 .text{border-top: 0.125rem solid #d1baee; border-bottom: 0.0625rem dashed #d1baee; box-shadow: 0 0 3px 3px #eaeaea; padding: 1rem 0;}
.pain-spot dl.item1 .text h3{font-size: 1.125rem;color: #252525;font-weight: normal;margin-bottom: 0.1rem;}
.pain-spot dl.item2{text-align: center; margin-bottom: 1.625rem;}
.pain-spot dl .info{box-shadow: 0 0 3px 3px #eaeaea;border-radius: 1.25rem;border-top: 1px solid #d1baee;border-bottom: 1px solid #d1baee;padding: 0.5rem 1rem 0rem;}
.pain-spot dl .info h4{display: inline-block;font-size: 1.125rem;color: #252525;font-family: "SY-Medium";position: relative;z-index: 5;margin-bottom: 1.5rem; width: 48%;}
.pain-spot dl .info h4::after{position: absolute; content: ''; width: 100%; height: 0.5rem; background: #eae1f1; border-radius: 0.375rem; bottom: 0.25rem; left: 0; z-index: -1;}
.pain-spot dl.item3{box-shadow: 0 0 3px 3px #eaeaea;border-radius: 1.25rem;border:0.0625rem solid #fff;box-sizing: border-box;padding: 1rem 1rem;}
.pain-spot dl.item3  p{margin-bottom: 0.5rem;align-items: flex-start;}
.pain-spot dl.item3  p>img{margin-right: 0.375rem;margin-top: 0.6rem;}
.pain-spot dl.item3 span{font-size: 1rem; color: #252525;}
.pain-spot dl.item3 b{font-family: "SY-Medium"; font-weight: 500;}
.date-note{width: 8%;     align-content: center; text-align: center;}
.date-note dl:first-child{margin-bottom: 0.5625rem;}
.date-note dl em{display: block; font-size: 1.125rem; line-height: 1.125rem; font-weight: 500;color: #9758c3; font-family: "SY-Medium";}
.date-note dl img{display: block; max-width: 100%;}
.pain-spot2 {width: 27%;}
/*.pain-spot2 dl.item1,.pain-spot2 dl.item2{width: 82%; margin: 0 auto 1.625rem;}*/
.pain-spot dl .info h4.w100{width: 100%;}
.pain-spot2 dl.item2 .info h4{margin-bottom: 0.61rem;}
.pain-spot3 dl.item2 .info h4{margin-bottom: 0.61rem;}


/* 梅沃全病程管理三大场景 */
.index-title{margin-bottom: 2.75rem;}
.index-title h2{display: block; font-size: 1.875rem; text-align: center; color: #252525; margin-bottom: 0.6875rem;}
.index-title i{display: block; width: 5.75rem;height: 0.0625rem; background: #7030a0; margin: 0 auto;}
.scene{padding: 5.25rem 0 5.6875rem;}
.scene-box{width: 90%; margin: 0 auto;}
.scene-list{margin-bottom: 2.0625rem}
.scene-list ul li{width: 29%; background: url(../images/scene-bg.png) no-repeat left top;}
.scene-list ul li.item2{width: 31.79%;}
.scene-list ul li em{display: block; font-size: 1.375rem; line-height: 2.8125rem; color: #fff; padding-left: 1.125rem;}
.scene-list ul li .info{background: #fff; border-radius: 1.25rem; border: 0.0625rem solid #cdb5e5;  box-shadow: 0px 2px 3px 1px #dbccea; padding:  1.25rem  1.5rem 1.6875rem;}
.scene-list ul li .info strong{display: block; font-size: 1.375rem; color: #7030a0; font-weight: bold; line-height: 1.5625rem; font-family: "SY-Bold"; margin-bottom: 0.3125rem;}
.scene-list ul li .info span{display: inline-block; font-size: 1.375rem;line-height: 1.7rem; font-weight: 500;color: #7030a0; font-family: "SY-Medium"; position: relative; z-index: 5; margin-bottom: 0.875rem;}
.scene-list ul li .info span::after{position: absolute; content: ''; width: 100%; height: 0.75rem; background: #f5ebff; bottom: 0.375rem; left: 0;  z-index: -1;}
.scene-list ul li .text{border-left: 0.0625rem solid #ddcbf4; border-radius: 0.75rem; padding-left: 1.25rem;}
.scene-list ul li .text h3{font-size: 1.25rem; font-weight: normal;color: #252525;}
.scene-bottom{ border-radius: 1.25rem; border: 0.0625rem solid #cdb5e5;  box-shadow: 0px 2px 3px 1px #dbccea; padding: 1.375rem 0 0.8125rem; justify-content: center;}
.scene-bottom dl{background: url(../images/scene-bg2.png) no-repeat right 55% top 0.3125rem;}
.scene-bottom dl .info h4{display: block; font-size: 1.1875rem; text-align: right; color: #7030a0;}
.scene-bottom dl .round{width: 6.625rem; height: 6.625rem; background: #9769bb; border-radius: 50%; border: 1.25rem solid #f9f4fd; margin-left: 1.6875rem; display: flex; align-items: center; justify-content: center;}
.scene-bottom dl .round em{display: block; font-size: 1.5rem; color: #fff; font-family: "SY-Medium"; }
.scene-bottom dl:last-child{background: url(../images/scene-bg3.png) no-repeat left 55% top 0.3125rem; }
.scene-bottom dl:last-child .info h4{text-align: left;}
.scene-bottom dl:last-child .round{margin-left: 0; margin-right: 1.6875rem;}
.scene-title h5{width: 8.5rem;height: 8.5rem;  border: 0.0625rem solid #cdb5e5;  box-shadow: 0px 2px 3px 1px #dbccea;  border-radius: 50%; display: flex; align-items: center; justify-content: center;  font-size: 1.5rem; line-height: 1.7rem; text-align: center;color: #7030a0; font-family: "SY-Medium"; }
.scene-title img{margin: 0 0.5625rem;}


/* 医患端全病程管理工具 */
.tool{background: url(../images/tool-bg.jpg) no-repeat center bottom; padding: 7.25rem 0 7.32rem; }
.tool-list{width: 61%;}
.tool-list ul li{text-align: center; width: 22.5%;}
.tool-list ul li em{text-align: center; font-size: 1rem; color: #252525; margin-bottom: 0.8125rem;}
.tool-list ul li em>img{margin-right: 0.5rem;}
.tool-list ul li .pic img{display: block; max-width: 100%;}
.tool-box .info{width: 36%;}
.tool-box .index-title{margin-bottom: 1.125rem;}
.tool-box .index-title h2{text-align: left; margin-bottom: 1.4375rem;}
.tool-box .index-title i{margin: 0 0 0.4375rem; width: 3.4375rem;height: 0.125rem;}
.index-title h3{display: block; font-size: 1.5rem; color: #252525;line-height: 2.1875rem; }
.text-list ul li strong{ display: block; font-size: 1.125rem; color: #7030a0; margin-bottom: 0.4375rem;}
.text-list ul li .text{border-left: 0.0625rem solid #ddcbf4; border-radius: 0.75rem; padding-left: 1rem;}
.text-list ul li .text p{font-size: 1.125rem; color: #252525;}


/* 公共底部 */
.footer-top{background: #2a2a2a; padding: 4.625rem 0 3.4375rem;}
.foot-left{margin-right: 9%;}
.foot-logo{margin-bottom: 0.6875rem;}
.foot-logo h3{display: block; font-size: 1.5rem; color: #fff;letter-spacing: 0.96px;  margin-left: 0.5rem;}
.foot-contact p{font-size: 1.125rem; color: #dddddd; line-height: 2rem; }
.foot-contact span{margin-right: 1rem;}
.foot-wechat{width: 36%;}
.foot-wechat ul{justify-content: space-between}
.foot-wechat ul li{text-align: center; width: 28%}

.foot-wechat ul li img{display: block; margin: 0 auto; max-width: 100%}
.foot-wechat ul li em{display: block; font-size: 0.875rem; color: #dddddd;line-height: 1.875rem;letter-spacing: 1.72px; margin-top: 0.5rem}
.footer-bottom{background: #7030a0; padding: 0.3125rem 0;}
.footer-bottom p{text-align: center; font-size: 0.8125rem; text-align: center;color: #dddddd;}
.footer-bottom a{color: #dddddd;}
.footer-bottom a:hover{text-decoration: underline;}

#introduction,#scene,#function{position: relative; top: -2rem;}



/* 关于我们 */
.about-banner{background: url(../images/about-banner.jpg) no-repeat center top; height: 55.9375rem; position: relative; }

.mode{background: url(../images/mode-bg.jpg) no-repeat center top; padding: 2.4375rem 0 4.1875rem;}
.mode-box .pic{width: 50%;}
.mode-box .pic img{display: block; max-width: 100%; transition: 0.6s;}

.mode-box .index-title{margin-bottom: 3.125rem;}
.mode-box .index-title h2{text-align: left; margin-bottom: 1.4375rem;}
.mode-box .index-title i{margin: 0 0 0.4375rem; width: 3.4375rem;height: 0.125rem;}
.mode-box .info{width: 42.58%;}
.texts-list dl{width: 48%; margin-bottom: 1.875rem;}
.texts-list dl dt{width: 1.625rem; height: 1.625rem; background: #9758C3; border-radius: 50%; color: #fff; text-align: center;display: flex; align-items: center; justify-content: center; font-size: 1.15rem; margin-right: 1rem;}
.texts-list .text{border-left: 0.0625rem solid #ddcbf4; border-radius: 0.75rem; padding-left: 1.25rem;}
.texts-list .text p{font-size: 1.25rem; font-weight: normal;color: #252525;}

.contact{background: url(../images/contact-bg.jpg) no-repeat center top; padding: 7.25rem 0 5.625rem;}
.contact-title{text-align: center; margin-bottom: 2.375rem;}
.contact-title h3{font-size: 3rem; color: #252525;}
.contact-title h4{display: block; font-size: 1.875rem; color: #7030a0; font-weight: 300;}
.contact-form{width: 68.25%; margin: 0 auto;}
.contact-form ul {}
.contact-form ul input,.contact-form ul textarea{margin-bottom: 1.6875rem; text-indent: 1.125rem; box-sizing: border-box; border: 0.0625rem solid #e3dfdd; border-radius: 0.375rem; outline: none; font-size: 1.125rem; color: #252525;line-height: 1.8125rem;letter-spacing: 1.44px;  font-family: "Noto Sans SC";}
.contact-form ul input{width: 44%; height: 3.4375rem;}
.contact-form ul input::placeholder,.contact-form ul textarea::placeholder{color: #bcbcbc;}
.contact-form ul textarea{width: 100%; resize: none; height: 11.125rem; padding: 0.9375rem 0; box-sizing: border-box; }
.contact-form .layui-btn{display: inline-flex;  height: 4.375rem;background: #7030a0;border-radius: 2.1875rem; border: none; outline: none; font-size: 1.875rem; color: #fff; padding: 0 2.75rem; box-shadow: 0 0 0.1875rem #e5d8f2;}
.contact-form .layui-btn img{margin-left: 3.0625rem; width: 2.125rem;}
.contact-form ul.code{position: relative}
.contact-form ul.code input{width: 100%; margin-bottom: 2.2rem}
.contact-form ul.code img{position: absolute;right: 0.5rem;top: 33%;transform: translateY(-50%);width: 7rem;}



#c-placeholder{height: 13rem;}