@charset "utf-8";
@import url(/public/Home/css/base.css);
.xh_1180{min-width: 1180px;margin: 0 auto;box-sizing: border-box;width: 1180px;}

.header{width: 100%;}
.headerup{width: 100%;height: 300px;background: linear-gradient(360deg, #DFEEFA 0%, #87C2FA 100%);overflow: hidden;position: relative;}
.headerupcon{width: 100%;padding-top: 75px;box-sizing: border-box;}
.headerupcon a{display: block;position: relative;z-index: 20;}
.headerupcon a img{display: block;max-width: 100%;}
.headerbut{width: 100%;height: 70px;background: linear-gradient(90deg, #0076CE 0%, #005BAC 100%);
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.headerbutcon{width: 100%;}
.headerbutcon ul{float: left;}
.headerbutcon ul li{float: left;position: relative;}
.headerbutcon ul>li>a{display: block;line-height: 70px;font-size: 16px;color: #fff;font-weight: 400;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;min-width: 104px;text-align: center;}
.headerbutcon ul>li:hover>a{background: rgba(255, 255, 255, 0.39);}
.headerbutcon ul>li.active>a{background: rgba(255, 255, 255, 0.39);}
.headerdown{position: absolute;top: 70px;left: 50%;width: 104px;background: #fff;margin-left: -52px;
box-shadow: 0px 10px 6px rgba(0, 34, 84, 0.12);display: none;z-index: 100;}
.headerdown a{display: block;width: 100%;height: 36px;font-size: 12px;color: #333;font-weight: 400;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;text-align: center;line-height: 36px;}
.headerdown a:hover{background: rgba(0, 91, 172, 0.39);color: #005BAC;}
.headerseach{float: right;width: 240px;height: 34px;position: relative;margin-top: 18px;}
.headerseach input{width: 100%;height: 34px;border: 0;font-size: 14px;color: #fff;padding: 0 40px 0 15px;
box-sizing: border-box;outline: none;background: rgba(255,255,255,0.2);border-radius: 17px;}
.headerseach input::-webkit-input-placeholder {color: rgba(255,255,255,0.5);}
.headerseach input:-moz-placeholder { color: rgba(255,255,255,0.5);}
.headerseach input::-moz-placeholder { color: rgba(255,255,255,0.5);}
.headerseach input:-ms-input-placeholder {color: rgba(255,255,255,0.5);}
.headerseach button{width: 34px;height: 34px;border: 0;outline: none;
position: absolute;top: 0;right: 5px;background: url(/public/Home/images/ss.png) center no-repeat;}
.headerlist{width: 100%;position: absolute;bottom: 0%;left: 0;}
.headerlist i{display: block;position: absolute;opacity: 0;bottom: -300px;left: 0;}
.headerlist i img{display: block;max-width: 100%;overflow: hidden;}
.headerlist i:nth-child(9){right: -10%;bottom: 0;opacity: 0;left: auto;}
.headerlist.active i:nth-child(1){bottom: 0;opacity: 1;-webkit-transition:all 1s ease-out 0.3s;transition:all 1s ease-out 0.3s;}
.headerlist.active i:nth-child(2){bottom: 0;opacity: 1;-webkit-transition:all 0.8s ease-out 0.6s;transition:all 0.8s ease-out 0.6s;}
.headerlist.active i:nth-child(3){bottom: 0;opacity: 1;-webkit-transition:all 0.6s ease-out 0.9s;transition:all 0.6s ease-out 0.9s;}
.headerlist.active i:nth-child(4){bottom: 0;opacity: 1;-webkit-transition:all 0.6s ease-out 0.9s;transition:all 0.6s ease-out 0.9s;}
.headerlist.active i:nth-child(5){bottom: 0;opacity: 1;-webkit-transition:all 0.6s ease-out 0.9s;transition:all 0.6s ease-out 0.9s;}
.headerlist.active i:nth-child(6){bottom: 0;opacity: 1;-webkit-transition:all 0.6s ease-out 1.2s;transition:all 0.6s ease-out 1.2s;}
.headerlist.active i:nth-child(7){bottom: 0;opacity: 1;-webkit-transition:all 0.6s ease-out 1.5s;transition:all 0.6s ease-out 1.5s;}
.headerlist.active i:nth-child(8){bottom: 0;opacity: 1;-webkit-transition:all 0.6s ease-out 1.8s;transition:all 0.6s ease-out 1.8s;}
.headerlist.active i:nth-child(9){right: 0;opacity: 1;-webkit-transition:all 0.8s ease-out 2.2s;transition:all 0.8s ease-out 2.2s;}
@media screen and (min-width: 2559px) {
	.headerlist i{background-size:auto !important;}
}
/* .headerlist i{display: block;position: absolute;opacity: 0;}
.headerlist i img{display: block;max-width: 100%;overflow: hidden;}
.headerlist i:nth-child(1){right: calc(100% - 64.3%);bottom: -190px;}
.headerlist i:nth-child(2){right: calc(100% - 83.8%);z-index: 10;bottom: -235px;}
.headerlist i:nth-child(3){left: 25%;bottom: -120px;}
.headerlist i:nth-child(4){left: 3.2%;bottom: -56px;}
.headerlist i:nth-child(5){right: 1.4%;z-index: 10;bottom: -200px;}
.headerlist i:nth-child(6){left: 35.5%;bottom: -120px;}
.headerlist i:nth-child(7){right: 7.6%;bottom: -110px;}
.headerlist i:nth-child(8){left: 14.5%;bottom: -100px;}
.headerlist i:nth-child(9){bottom: 0;right: 16%;z-index: 12;}
.headerlist.active i:nth-child(1){bottom: 0;opacity: 1;-webkit-transition:all 1s ease-out 0.3s;transition:all 1s ease-out 0.3s;}
.headerlist.active i:nth-child(2){bottom: 0;opacity: 1;-webkit-transition:all 0.8s ease-out 0.6s;transition:all 0.8s ease-out 0.6s;}
.headerlist.active i:nth-child(3){bottom: 0;opacity: 1;-webkit-transition:all 0.6s ease-out 0.9s;transition:all 0.6s ease-out 0.9s;}
.headerlist.active i:nth-child(4){bottom: 0;opacity: 1;-webkit-transition:all 0.6s ease-out 0.9s;transition:all 0.6s ease-out 0.9s;}
.headerlist.active i:nth-child(5){bottom: 0;opacity: 1;-webkit-transition:all 0.6s ease-out 0.9s;transition:all 0.6s ease-out 0.9s;}
.headerlist.active i:nth-child(6){bottom: 0;opacity: 1;-webkit-transition:all 0.6s ease-out 1.2s;transition:all 0.6s ease-out 1.2s;}
.headerlist.active i:nth-child(7){bottom: 0;opacity: 1;-webkit-transition:all 0.6s ease-out 1.5s;transition:all 0.6s ease-out 1.5s;}
.headerlist.active i:nth-child(8){bottom: 0;opacity: 1;-webkit-transition:all 0.6s ease-out 1.8s;transition:all 0.6s ease-out 1.8s;}
.headerlist.active i:nth-child(9){right: 19.8%;opacity: 1;-webkit-transition:all 0.8s ease-out 2.2s;transition:all 0.8s ease-out 2.2s;}
@media screen and (min-width: 2560px) {
	.headerlist i:nth-child(1){right: calc(100% - 60.5%);bottom: -190px;}
	.headerlist i:nth-child(2){right: calc(100% - 74%);z-index: 10;bottom: -235px;}
	.headerlist i:nth-child(3){left: 31.4%;bottom: -120px;}
	.headerlist i:nth-child(4){left: 15.5%;bottom: -56px;}
	.headerlist i:nth-child(5){right: 15%;z-index: 10;bottom: -200px;}
	.headerlist i:nth-child(6){left: 39.3%;bottom: -120px;}
	.headerlist i:nth-child(7){right: 19.6%;bottom: -110px;}
	.headerlist i:nth-child(8){left: 23.5%;bottom: -100px;}
	.headerlist i:nth-child(9){bottom: 0;right: 28.5%;z-index: 12;}
	.headerlist.active i:nth-child(9){right:28.5%;opacity: 1;-webkit-transition:all 0.8s ease-out 2.2s;transition:all 0.8s ease-out 2.2s;}
}
@media screen and (max-width: 1650px) {
	.headerlist i:nth-child(1){right: calc(100% - 65%);}
	.headerlist i:nth-child(2){right: calc(100% - 86%);}
	.headerlist i:nth-child(3){left: 23.3%;}
	.headerlist i:nth-child(4){left: -0.5%;}
	.headerlist i:nth-child(5){right: -2.5%;}
	.headerlist i:nth-child(7){right: 4.5%;}
	.headerlist i:nth-child(8){left: 11.5%;}
	.headerlist i:nth-child(9){right: 15%;}
	.headerlist.active i:nth-child(9){right: 18%;}
}
@media screen and (max-width: 1450px) {
	.headerlist i:nth-child(1){right: calc(100% - 71%);}
	.headerlist i:nth-child(2){right: calc(100% - 95%);}
	.headerlist i:nth-child(3){left: 23.3%;}
	.headerlist i:nth-child(4){left: -0.5%;}
	.headerlist i:nth-child(5){right: -8.5%;}
	.headerlist i:nth-child(7){right:-5.5%;}
	.headerlist i:nth-child(8){left: 11.5%;}
	.headerlist i:nth-child(9){right: 5%;}
	.headerlist.active i:nth-child(9){right: 9%;}
}
@media screen and (max-width: 1366px) {
	.headerlist i:nth-child(1){right: calc(100% - 67.8%);}
	.headerlist i:nth-child(2){right: calc(100% - 92.5%);}
	.headerlist i:nth-child(3){left: 13.3%;}
	.headerlist i:nth-child(4){left: -15.5%;}
	.headerlist i:nth-child(5){right: -8.5%;}
	.headerlist i:nth-child(6){left: 28.1%;}
	.headerlist i:nth-child(7){right:-4.5%;}
	.headerlist i:nth-child(8){left: -1.5%;}
	.headerlist i:nth-child(9){right: 5%;}
	.headerlist.active i:nth-child(9){right: 12%;}
} */
.detailconter p img{display: block;max-width:100%;margin: 0 auto; width:auto; height:auto}
.conter{width: 100%;background: #fff;}
.first{width: 100%;padding: 70px 0 58px 0;box-sizing: border-box;background: #fff;}
.firstcon{width: 100%;}
.firstleft{float: left;width: 630px;margin-right: 37px;}
.firstleftcon{width: 100%;height: 360px;}
.firstleftcon ul li{width: 100%;}
.firstleftcon ul li a{display: block;width: 100%;}
.firstleftcon ul li a img{display: block;width: 100%;object-fit: cover;height: 100%;}
.firstext{width: 100%;height: 48px;line-height: 48px;background: rgba(0,0,0,0.8);position: absolute;bottom: 0;left: 0;
padding-left: 22px;box-sizing: border-box;}
.firstext p{font-size: 16px;color: #fff;opacity: 0.6;width: 72%;
overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.bannerpages{bottom: 16px !important;width: auto !important;left: auto !important;right: 22px !important;}
.bannerpages .swiper-pagination-bullet{width: 8px;height: 8px;background: #fff;opacity: 0.39;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.bannerpages .swiper-pagination-bullet-active{background: #0085D6;opacity: 1;}
.firstright{float: left;width: 512px;}
.firstupnav{width: 100%;border-bottom: 1px solid #D3D8DE;padding-bottom: 20px;box-sizing: border-box;}
.firstnavleft{float: left;}
.firstnavleft i{float: left;width: 30px;height: 22px;margin-top: 1px;}
.firstnavleft i img{display: block;max-width: 100%;margin: 0 auto;}
.firstnavlefted{float: left;}
.firstnavlefted a{float: left;font-size: 18px;color: #899097;font-weight: bold;position: relative;margin-left: 39px;line-height: 22px;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.firstnavlefted a::before{content: "";width: 1px;height: 10px;background: #D3D8DE;position: absolute;top: 8px;left: -20px;}
.firstnavlefted a:hover{color: #005BAC;}
.firstnavlefted a.active{color: #005BAC;}
.more{float: right;font-size: 14px;color: #899097;font-weight: 500;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;
margin-top: 4px;}
.more:hover{color: #005BAC;}
.firstconter{width: 100%;position: relative;overflow: hidden;height: 312px;background: #fff;}
.firstlist{width: 100%;position: absolute;right: -60px;padding-top: 15px;box-sizing: border-box;background: #fff;
transition:.8s;-moz-transition: .8s;-webkit-transition: .8s;-o-transition: .8s;opacity: 0;top:0px;}
.firstlist.active{opacity: 1;right: 0px;z-index: 10;}
.firstlist a{display: block;width: 100%;margin-bottom: 19px;}
.firstlist a:last-child{margin-bottom: 19px;}
.firstlist a p{float: left;width: 75%;position: relative;font-size: 14px;color: #333;font-weight: 500;padding-left: 15px;box-sizing: border-box;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.firstlist a p::before{content: "";width: 5px;height: 5px;background: #D3D8DE;position: absolute;top: 8px;left: 0px;border-radius: 50%;}
.firstlist a span{float: left;width: 25%;text-align: right;font-size: 13px;color: #8F969B;}
.firstlist a:hover p{color: #005BAC;}
.second{width: 100%;padding-bottom: 55px;box-sizing: border-box;}
.secondcon{width: 100%;}
.setitle{float: left;width: 100px;height: 80px;padding-top: 14px;box-sizing: border-box;margin-right: 29px;}
.setitle h4{font-size: 18px;color: #fff;width: 36px;margin: 0 auto;font-weight: bold;}
.secondcon ul{float: left;width: calc(100% - 129px);}
.secondcon ul li{float: left;width: 240px;height: 80px;margin-right: 30px;line-height: 78px;
box-shadow: 0px 0px 22px rgba(48, 100, 142, 0.12);border-radius: 8px;}
.secondcon ul li:last-child{margin-right: 0;}
.secondcon ul li a{display: block;width: 100%;font-size: 18px;color: #333;font-weight: 500;text-align: center;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.secondcon ul li a i{display: inline-block;width: 32px;height: 32px;vertical-align: middle;margin-right: 8px;}
.secondcon ul li a i img{display: block;max-width: 100%;margin: 0 auto;}
.secondcon ul li a:hover{color: #005BAC;}
.third{width: 100%;padding-bottom: 70px;box-sizing: border-box;}
.thirdcon{width: 100%;}
.thirdleft{float: left;width: 608px;margin-right: 58px;}
.thirdtitle{width: 100%;border-bottom: 1px solid #D3D8DE;padding-bottom: 24px;box-sizing: border-box;}
.thirdtitle h4{float: left;width: 198px;height: 38px;line-height: 38px;font-size: 18px;color: #fff;font-weight: bold;
padding: 0 25px;box-sizing: border-box;}
.thirdtitle a{float: right;font-size: 14px;color: #899097;font-weight: 500;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;
margin-top: 10px;}
.thirdtitle a:hover{color: #005BAC;}
.thirdconter{width: 100%;padding-top: 20px;box-sizing: border-box;}
.thirdnav{float: left;width: 100px;}
.thirdnav ul li{width: 100%;height: 42px;border-radius: 4px;text-align: center;line-height: 42px;margin-bottom: 7px;
font-size: 12px;color: #899097;cursor: pointer;background: #F2F2F2;position: relative;}
.thirdnav ul li:last-child{margin-bottom: 0;}
.thirdnav ul li span{display: block;width: 100%;height: 100%;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;
position: relative;z-index: 1;}
.thirdnav ul li::before{content: "";width: 100%;height: 100%;border-radius: 4px;position: absolute;top: 0;left: 0;opacity: 0;
background: linear-gradient(90deg, #0076CE 0%, #008BE0 100%);transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.thirdnav ul li:hover::before{opacity: 1;}
.thirdnav ul li:hover span{color: #fff;}
.thirdnav ul li.active::before{opacity: 1;}
.thirdnav ul li.active span{color: #fff;}
.thirdtext{float: left;width: calc(100% - 100px);height: 312px;position: relative;overflow: hidden;background: #fff;}
.thirdlist{width: 100%;position: absolute;top: 0;right: -60px;box-sizing: border-box;background: #fff;padding-left: 22px;box-sizing: border-box;
transition:.8s;-moz-transition: .8s;-webkit-transition: .8s;-o-transition: .8s;opacity: 0;top:0px;}
.thirdlist.active{opacity: 1;right: 0;z-index: 10;}
.thirdlisted{position: static;opacity: 1;padding-left: 0;}
.thirdlist a{display: block;width: 100%;margin-bottom: 18px;}
.thirdlist a:last-child{margin-bottom: 0;}
.thirdlist a p{float: left;width: 75%;position: relative;font-size: 14px;color: #333;font-weight: 500; padding-left: 15px;box-sizing: border-box;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.thirdlist a p::before{content: "";width: 5px;height: 5px;background: #D3D8DE;position: absolute;top: 8px;left: 0px;border-radius: 50%;}
.thirdlist a span{float: left;width: 25%;text-align: right;font-size: 13px;color: #8F969B;}
.thirdlist a:hover p{color: #005BAC;}
.thirdright{float: right;width: 512px;}
.footer{width: 100%;background: #F2F2F2;}
.footerup{width: 100%;}
.footerupcon{width: 100%;border-bottom: 1px solid #D3D8DE;box-sizing: border-box;padding-top: 32px;padding-bottom: 20px;}
.footerupcon h5{font-size: 14px;color: #333;font-weight: bold;float: left;width: 100px;}
.footerupcon ul{float: left;width: calc(100% - 100px);}
.footerupcon ul li{float: left;margin-right: 65px;margin-bottom: 10px;}
.footerupcon ul li a{display: block;font-size: 14px;color: #333;font-weight: 400;line-height: 18px;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.footerupcon ul li a i{display: inline-block;width: 18px;height: 18px;vertical-align: -3px;margin-right: 6px;}
.footerupcon ul li a i img{display: block;max-width: 100%;margin: 0 auto;}
.footerupcon ul li:hover a{color: #005BAC;}
.footercon{width: 100%;padding: 25px 0 10px 0;box-sizing: border-box;}
.footerconter{width: 100%;}
.footerleft{float: left;}
.footerleft p{font-size: 14px;color: #333;font-weight: 500;line-height: 38px;}
.footerleft p i{display: inline-block;width: 18px;height: 18px;vertical-align: -4px;margin-right: 6px;}
.footerleft p i img{display: block;max-width: 100%;margin: 0 auto;}
.footeright{float: right;margin-top: 10px;}
.footerimg{float: left;width: 90px;}
.footerimg img{display: block;max-width: 100%;margin: 0 auto;}
.footertext{float: left;padding-left: 26px;box-sizing: border-box;}
.footertext p{font-size: 14px;color: #333;font-weight: 500;line-height: 30px;}
.footerlast{width: 100%;padding: 10px 0 20px 0;box-sizing: border-box;}
.footerlastcon{width: 100%;}
.footerlastcon p{font-size: 14px;color: #333;font-weight: 500;}
.footerlastcon p a{color: #333;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.footerlastcon p a:hover{color: #005BAC;}
.backup{width: 48px;height: 40px;position: fixed;bottom: 8%;right: 20px;background: url(/public/Home/images/up.png) center no-repeat;cursor: pointer;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;display: none;border-radius: 2px;display: none;z-index: 1000;}
.backup:hover{background: url(/public/Home/images/ups.png) center no-repeat;}
.listconter{width: 100%;padding: 68px 0 36px 0;box-sizing: border-box;background: #F7F7F7;}
.xhlist{width: 100%;}
.xhlistcon{width: 100%;min-height: 600px;}
.xhlistleft{float: left;width: 240px;background: #fff;margin-right: 22px;min-height: 100px;}
.xhlistleft h4{width: 100%;height: 50px;line-height: 50px;font-size: 18px;color: #fff;font-weight: bold;
background: linear-gradient(90deg, #0076CE 0%, #006DC3 100%);padding: 0 30px;box-sizing: border-box;}
.xhlistleft ul li{width: 100%;height: 50px;position: relative;background: #fff;}
.xhlistleft ul li a{display: block;width: 100%;padding: 0 30px;box-sizing: border-box;font-size: 14px;color: #333;font-weight: 500;
position: relative;z-index: 1;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;line-height: 50px;}
.xhlistleft ul li::before{content: "";width: 0%;height: 100%;position: absolute;top: 0;left: 0;
background: linear-gradient(90deg, rgba(0, 118, 206, 0.25) 0%, rgba(0, 105, 190, 0) 100%);transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.xhlistleft ul li:hover::before{width: 100%;}
.xhlistleft ul li:hover a{color: #005BAC;font-weight: bold;}
.xhlistleft ul li.active::before{width: 100%;}
.xhlistleft ul li.active a{color: #005BAC;font-weight: bold;}
.xhlistright{float: right;width: 918px;background: #fff; min-height: 600px; position:relative}
.xhlisted{width: 100%;padding: 0 40px;box-sizing: border-box;}
.xhlisted a{display: block;width: 100%;padding: 16px 0;border-bottom: 1px solid #EDEDED;box-sizing: border-box;}
.xhlisted a:last-child{border-bottom: 0;}
.xhlisted a p{float: left;width: 85%;position: relative;font-size: 14px;color: #333;font-weight: 500;padding-left: 15px;box-sizing: border-box;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.xhlisted a p::before{content: "";width: 5px;height: 5px;background: #D3D8DE;position: absolute;top: 8px;left: 0px;border-radius: 50%;}
.xhlisted a span{float: left;width: 15%;text-align: right;font-size: 13px;color: #8F969B;}
.xhlisted a:hover p{color: #005BAC;}
.scrpage{width: 100%;margin: 20px 0 0 0;padding: 0 40px 20px 40px;box-sizing: border-box;position:absolute;right:0px; bottom:20px;}
.scrpage ul{display: table;float: right;}
.scrpage ul li{float: left;margin-right: 14px;}
.scrpage ul li:last-child{margin-right: 0;}
.scrpage ul li:first-child a{background: url(/public/Home/images/pageleft.png) center no-repeat;}
.scrpage ul li:last-child a{background: url(/public/Home/images/pageright.png) center no-repeat;}
.scrpage ul li a{font-size: 12px;color: #4D4D4D;display: block;box-sizing: border-box;text-align: center;line-height: 24px;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;background: #fff;min-height: 24px;min-width: 24px;}
.scrpage ul .active a{background: #006DC3;color: #fff;}
.scrpage ul li:hover a{background: #006DC3;color: #fff;}
.scrpage ul li:first-child:hover a{background: url(/public/Home/images/pageleft.png) center no-repeat;}
.scrpage ul li:last-child:hover a{background: url(/public/Home/images/pageright.png) center no-repeat;}
.scrpage p{float: right;font-size: 12px;color: #4D4D4D;font-weight: 500;line-height: 24px;margin-left: 14px;}
.xhfooter{background: #E8E9EA;}
.details{width: 100%;background: #fff;padding: 27px 50px;box-sizing: border-box;}
.detitle{width: 100%;border-bottom: 1px solid #EDEDED;padding-bottom: 15px;box-sizing: border-box;}
.detitle h4{font-size: 20px;color: #333;font-weight: bold;text-align: center;line-height: 24px;margin-bottom: 15px;white-space: normal;
 word-break: break-all;}
.detitle p{font-size: 14px;color: #8F969B;font-weight: 500;text-align: center;line-height: 18px;}
.detailconter{width: 100%;padding: 20px 0;box-sizing: border-box;}
.detailconter p{font-size: 14px;color: #333;font-weight: 400;line-height: 18px;margin-bottom: 20px;}
.detailconter p:last-child{margin-bottom: 0;}
<!--0.00026297569274902-->