header          {position: fixed;left: 0;top: 0;z-index: 99;width: 100%;}
.comBan         {margin-bottom: 40px;}
.comBan img     {display: block;width: 100%;}
.comBant        {margin-top: -50px;}

.pText          {display: flex;align-items: center;justify-content: center;margin: 30px 0;}
.pText .txt     {flex: 3;}
.p1Text .txt li {line-height: 2.5;font-size: 20px;color: #eb6796;list-style-type: disc;margin-left: 30px;}
.p1Text .txt li span {color: #323232;}
.p1Text .txt .tit  {font-size: 24px;color: #323232;line-height: 1.6;}
.p1Text .txt .brief {font-size: 16px;line-height: 2;margin-top:20px;color: #323232;margin-right: 100px;}
.pText .img     {flex: 2;}
.p1Text img     {display: block;width: 100%;}
.pmore          {text-align: center;padding: 20px 0;position: absolute;width: 100%;left: 0;}
.section1 .pmore      {background: url("../images/full/p1footerBg.png") no-repeat center;background-size: cover;bottom: 0;width: 1200px;left: 50%;transform: translateX(-50%);}
.pmore p        {margin-bottom: 15px;font-size: 18px;color: #626262;}
.pmore a        {display: inline-block;padding: 10px 40px;border: 1px solid #eb6796;color: #626262;}
.pmore a:hover  {color: #eb6796;}

.section2                           {background: #f9f9f9;}
.p2Text .img                        {flex: 1;}
.p2Text .img img                    {margin: 0 auto;max-width: 100%;display: block;}
.p2Text .img img.m-ya 				{display: none;}
.p2Text .txt                        {flex: 3;}
.p2Text .txt ul                     {margin-right: 20px;border-right: 1px dashed #ccc;}
.p2Text .txt li                     {width: calc((100% - 40px) / 2);float: left;margin-right: 20px;}
.p2Text .txt li .pic                {width: 100%;height: 230px;position: relative;}
.p2Text .txt li .pic img            {display: block;width: 100%;height: 100%;}
/*.p2Text .txt li .pic .play          {display: block;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.3);position: absolute;left: 0;top: 0;z-index: 2;}*/

.p2Text .txt li .pic p        		{position: absolute;display: block;width: 50px;height: 50px;background: url("../images/full/play.png") no-repeat center;background-size: 80%;left: 50%;top: 50%;transform: translate(-50%,-50%);cursor: pointer;}
.p2Text .txt li .tit                {font-size: 20px;color: #000;font-weight: bold;margin: 15px 0 20px;min-height: 60px;}
.p2Text .txt li .brief              {color: #323232;line-height: 25px;font-size: 15px;position: relative;height: 75px;padding: 50px 0;}
.p2Text .txt li .brief p            {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.p2Text .txt li .brief::before,
.p2Text .txt li .brief::after       {content:'';display: block;width: 40px;height: 40px;position: absolute;}
.p2Text .txt li .brief::before      {background: url("../images/full/p2Icon1.png") no-repeat center;left: 0;top: 0;}
.p2Text .txt li .brief::after       {background: url("../images/full/p2Icon2.png") no-repeat center;right: 0;bottom: 0;}
.p2Text .txt li .mask               {position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.7);z-index: 9999;display: none;}
.p2Text .txt li .mask video         {width: 800px;height: 500px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.p2Text .txt li .mask .close        {width: 30px;height: 30px;display: block;background: url("../images/full/close.png") no-repeat 0 0;position: absolute;left: 50%;top: 50%;margin-left: 420px;margin-top: -290px;cursor: pointer;}
.p2Text .txt li .mask .close:hover  {background: url("../images/full/close.png") no-repeat -31px 0;}

.p3Text .txt img            {display: block;max-width: 100%;max-height: 100%;margin: 0 auto;}
.p3Text .txt .tit           {text-align: center;font-size: 16px;color: #323232;font-weight: bold;margin: 10px 0 20px;}
.p3Text .txt li             {line-height: 35px;font-size: 16px;list-style-type: disc;margin-left: 30px;}
.p3Text .txt .rightUi li    {color: #eb6796;}
.p3Text .txt .rightUi li:first-child {font-size: 20px;}
.p3Text .txt .rightUi li:first-child span   {color: #eb6796;} 
.p3Text .txt li span        {color: #323232;}
.p3Text .txt .ltit 			{color: #323232;font-size: 24px;font-weight: bold;line-height:4;}
.p3Text .txt .brief 		{color: #323232;font-size: 16px;margin-top: 20px;line-height:4;}

.section4                   {background: #f9f9f9;}
.p4Text .img                {flex: 6;padding-left: 20px;text-align: right;}
.p4Text .img img            {display: inline-block;margin: 0 auto;max-width: 100%;}
.p4Text .txt                {flex: 4;}
.p4Text .txt li             {padding: 15px 0 15px 30px;border-bottom: 1px dashed #ccc;}
.p4Text .txt li:last-child  {border-bottom: 0 none;}
.p4Text .txt li span        {color: #323232;line-height: 30px;font-size: 16px;font-weight: bold;position: relative;display: block;}
.p4Text .txt li span::before{content: '';position: absolute;width:6px;height: 6px;background: url("../images/full/p4Icon.png") no-repeat center;left: -20px;top: 12px;}
.p4Text .txt .fays          {color: #fff;font-size: 16px;line-height: 30px;padding: 15px;background-image: linear-gradient(to right , #84aed9, #ee86ae);}

.p5Text .img                {padding: 0 20px;}
.p5Text .img img            {display: block;margin: 0 auto;max-width: 100%;}

.section6                   {background: #f9f9f9;}
.p6Text .img                {flex: 6;text-align: right;}
.p6Text .img img            {display: inline-block;max-width: 90%;}
.p6Text .txt                {flex: 4;}
.section6 .pmore p            {position: relative;}
.section6 .pmore p::before    {content: '';position: absolute;left: 50%;bottom: -10px;transform: translateX(-50%);width: 100px;height: 2px;background: #eb6796;}
.p6Text .txt .btit          {font-size: 18px;color: #323232;font-weight: bold;}
.p6Text .form p             {margin: 20px 0;}
.p6Text .form p input[type="text"],
.p6Text .form p input[type="number"]  {height: 40px;border: 1px solid #ccc;background: #fff;width: 100%;padding: 0 10px;outline: none;box-sizing: border-box;}
.p6Text .form .submit       {text-align: center;}
.p6Text .form .submit span  {display: block;text-align: center;color: #323232;font-size: 15px;margin-bottom: 10px;}
.p6Text .form .submit input {display: inline-block;padding: 8px 60px;border: 1px solid #ccc;color: #323232;background: 0 none;height: 40px;}
.p6Text .form p input[type="text"]:required:valid,
.p6Text .form p input[type="number"]:required:valid       {border-color: #28921f;box-shadow: 0 0 1px #5cd053;}
.p6Text .form p input[type="text"]:focus:invalid,
.p6Text .form p input[type="number"]:focus:invalid        {border-color: #b03535;box-shadow: 0 0 1px #d45252;}
.p6Text .form p input[type="text"]:focus,
.p6Text .form p input[type="number"]:focus                {display: inline;}
.p6Text .form p input[type="text"]:required:valid,
.p6Text .form p input[type="number"]:required:valid       {color:#28921f;}

.section-footer .up         {padding: 150px 0px;background: url("../images/full/footer.png") center center no-repeat;background-size: cover;}
.section-footer .up .num    {font-size: 36px;color: #eb6796;}
.section-footer .up .title  {font-size: 20px;color: #323232;}

.right-side-bar 			{margin: -150px 0 0;padding: 0;position: fixed;z-index: 100;top: 50%;right: 0;}
.right-side-bar li 			{height: 90px;width: 64px;background-color: #00f;position: relative;}
.right-side-bar li a 		{display: inline-block;width: 100%;height: 100%;text-decoration: none;color: #fff;background-color: #13c9cb;transition: background-color .2s ease-in-out;}
.right-side-bar li a.spec 	{background-color: #f7c25c;}
.right-side-bar li a .image-anchor {display: block;background-image: url("../images/full/major_spirite-21800858c2.png");width: 24px;height: 24px;margin: 24px auto 0;transition: opacity .2s ease-in-out;}
.right-side-bar li a .image-anchor.tele {background-position: -333px -137px;}
.right-side-bar li a .image-anchor.service {background-position: -398px -137px;}
.right-side-bar li a h4 	{margin: 8px auto 0;font-size: 12px;font-weight: 400;text-align: center;}
.right-side-bar li a h4.collapse 	{display: none;}
.right-side-bar li a:hover 			{background-color: #069b9d;color: rgba(255,255,255,.5);}
.right-side-bar li a.spec:hover 	{background-color: #e3b04e;}
.right-side-bar li.show a .image-anchor.service {background-position: -427px -139px;}
.right-side-bar li.show h4.expand 	{display: none;}
.new-right-side-bar li:after  		{content: " ";display: block;width: 0;height: 0;position: relative;margin: auto;z-index: 10;background-color: rgba(255,255,255,.5);}
.right-side-bar li:after 			{content: " ";display: block;width: 0;height: 0;position: relative;margin: auto;z-index: 10;background-color: rgba(255,255,255,.5);}
.right-side-bar li .tips-outer 		{display: block;height: 100%;position: absolute;top: 0;right: -100%;padding-right: 10px;opacity: 0;transform: scaleX(.05);transition: transform .2s ease-in-out,opacity .2s ease-in-out,right .2s ease-in-out;}
.right-side-bar li:hover .tips-outer {opacity: 1;right: 100%;transform: scaleX(1);}
.right-side-bar li .tips-outer .tips-inner {padding: 15px 37px;font-size: 14px;color: #0baaa6;margin-top: 30px;white-space: nowrap;background-color: #fff;z-index: 10;border: 1px solid #dfefef;box-shadow: 0 0 24px 0 rgba(15,66,76,.25);}
.right-side-bar li .tips-outer .tips-inner:before {
    content: " ";
    box-shadow: 0 0 24px 0 rgba(15,66,76,.25);
    display: block;
    width: 13px;
    position: absolute;
    right: 5px;
    background-color: #fff;
    height: 13px;
    z-index: 5;
    transform: rotate(45deg);
}
.right-side-bar li .tips-outer .tips-inner:after {
    content: " ";
    display: block;
    width: 30px;
    z-index: 15;
    height: 40px;
    background-color: #fff;
    position: absolute;
    right: 11px;
    top: 32px;
}

@media screen and (max-width: 768px) {
	
	body{width: 100%!important;min-width: 100%!important;}
	.pageWrap {width: 98%;margin: 0 auto;}
	header .logo {height: 40px;}
	header .headRight {display: none;}
	.position {display: none;}
	.comBan {margin-bottom: 10px;}
	.comBant {margin-top: 0px;}
	.section2 .comBant,.section4 .comBant,.section5 .comBant,.section6 .comBant {margin-top: -30px;}
	.pText {display: block;margin: 10px 0;}
	.pText .txt,.pText .img {flex: none;}
	.p1Text .txt .tit {font-size: 16px;}
	.p1Text .txt .brief {margin-right: 0;font-size: 13px;margin-top: 10px;line-height: 1.5;}
	.p1Text img {max-width: 80%;margin: 0 auto;}
	.section1 .pmore {width: 100%;padding: 5px 0;}
	.pmore 		{padding: 10px 0}
	.pmore p {font-size: 15px;margin-bottom: 5px;}
	.pmore a {padding: 5px 30px;font-size: 12px;}
	.right-side-bar {top: 90%;}
	.right-side-bar li {height: 70px;}
	.right-side-bar li a .image-anchor {margin: 14px auto 0;}
	.right-side-bar li .tips-outer .tips-inner {margin-top: 10px;}
	.right-side-bar li .tips-outer .tips-inner:after {top: 10px;}
	.p2Text .txt ul {margin-right: 0;border-right: 0 none;}
	.p2Text .txt li {width: 100%;float: left;padding-left: 155px;position: relative;box-sizing: border-box;margin: 10px 0;}
	.p2Text .txt li .pic {width: 150px;height: 120px;position: absolute;left: 0;top: 0;}
	.p2Text .txt li .tit {margin: 0;font-size: 14px;line-height: 25px;min-height: 25px;}
	.p2Text .txt li .brief {padding: 5px 0;height: 80px;line-height: 20px;font-size: 13px;}
	.p2Text .txt li .brief p {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}
	.p2Text .txt li .brief::before,
	.p2Text .txt li .brief::after {background: 0 none;}
	.p2Text .txt li .mask 		{background: 0 none;}
	.p2Text .txt li .mask video {width: 96%;height: auto;top: 130%;}
	.p2Text .txt li .mask .close {top: 10px;margin-left: 0;margin-top: 0;}
	.p2Text .img img.m-ya {display: block;margin: 10px 0;}
	.p2Text .img img.pc-ya {display: none;}
	.p3Text .txt .ltit {font-size: 18px;line-height: 1.8;}
	.p3Text .txt .brief {line-height: 1.6;margin-top: 10px;font-size: 14px;}
	.p3Text .txt .rightUi li:first-child {font-size: 18px;}
	.p3Text .txt li {line-height: 25px;}
	.p3Text .txt img {max-width: 80%;}
	.p3Text .txt .tit {margin: 5px 0 10px;}
	.p4Text .txt li span {font-size: 13px;line-height: 20px;}
	.p4Text .txt li {padding: 5px 0 5px 20px;}
	.p4Text .img 	{padding-left: 0;}
	.p4Text .img img {max-width: 60%;display: block;}
	.p4Text .txt .fays {font-size: 14px;line-height: 20px;padding: 10px;}
	.p5Text .img img {max-width: 80%;}
	.p6Text .form .submit {margin-bottom: 10px;}
	.p6Text .form p {margin: 10px 0;}
	.p6Text .img 	{text-align: center;}
	.section-footer .up {padding: 60px 0;margin: 10px 0;}
	.footer_1 .up:before {border: 30px #f2b0c7 solid;}
	.section-footer .up .num {font-size: 26px;}
	.section-footer .up .title {font-size: 16px;}
	.footer_1 .main {height: auto;}
	.footer_1 .main .pageWrap {display: block;}
	.footer_1 .main .center {width: auto;}
	.footer_1 .main .logo {width: 100%;margin-right: 0;padding-bottom: 10px;}
	.footer_1 .main .logo img {width: 50%;margin: 0 auto;}
	.footer_1 .main .right {text-align: center}
	.p6Text .form p input[type="text"] {height: 30px;}
	.p6Text .form .submit input {height: 30px;padding: 5px 30px;}
	.p6Text .txt .btit {font-size: 16px;}
}





















































