/* banner */
.banner{ clear:both;position: relative; overflow: hidden;width: 100%;}
.banner .bd { width: 100%;}
.banner .bd ul li a { display: block; height: 840px; font-size: 0;}
.banner .hd { position: absolute; left: 0; bottom: 20px; display: block; width: 100%; text-align: center;}
.banner .hd ul { display: inline-block;}
.banner .hd ul li { float: left; text-align: center; overflow: hidden;  margin: 0 10px; width: 9px; height: 9px; font-size: 0; border: 1px solid #fff; box-sizing: border-box; border-radius: 50%;}
.banner .hd ul li.cur { background: #fff;}
.banner .prev, .banner .next {  display:block; cursor:pointer;position: absolute; top: 50%; margin-top: -36px; width: 36px; height: 36px; border-radius: 50%; opacity: 0; transition: all 1s;}
.banner .prev { left: 5%; background: url("../images/Index/banner-prev.png")no-repeat center; background-size: 100%;}
.banner .next { right: 5%; background: url("../images/Index/banner-next.png")no-repeat center; background-size: 100%;}
.banner:hover .prev, .banner:hover .next { opacity: 0.5; background-color: #fff;}
.banner .prev:hover , .banner .next:hover  { opacity: 1; background-color: #fff;}
/* banner end */


/* indexData */
.indexData { position: relative; overflow: hidden; background: url("../images/Index/indexData-bg.jpg") no-repeat center; width: 100%; height: auto; padding: 35px 0 35px; box-sizing: border-box;}
.indexData .item { float: left; width: 25%; text-align: center;}
.indexData .item h2 { position: relative; display: inline-block; font-family: "Century"; font-size: 60px; color: #333; font-weight: normal;}
.indexData .item h2 span {position: absolute;right:-20px;bottom: 10px;color: #fff;font-size: 14px;width: 27px;height: 27px;line-height: 25px;text-align: center;border-radius: 50%;background: #654eb6;}
.indexData .item h2 em { position: relative; z-index: 2;}
.indexData .item p { font-size: 16px; color: #333; line-height: 1.5;}
.indexData .item i { display: block; margin:24px auto 0; width: 30px; height: 1px; background: #592d7d; }
/* indexData end */

/* product */
.product { position: relative; overflow: hidden; padding:80px 0 40px; background: #fff;}
.product .product-slide { position: relative; margin-top: 55px; overflow: hidden;border-bottom: 1px solid #eaeaea;}
.product .product-slide .item { position: relative; padding-bottom: 25px; float: left; border-right: 1px solid #eaeaea; width: 25%;}
.product .product-slide .item .pic { width: 290px; margin: 0 auto; overflow: hidden;}
.product .product-slide .item .pic img { display: block; width: 100%; transition: all 1s;}
.product .product-slide .item  a > p { margin-top: 20px; font-size: 18px; color: #333; text-align: center;}
.product .product-slide .item .tit { display: block; opacity: 0; transition: all .8s; text-align: center; position: absolute; left: 50%; top: 40%; transform: translate(-50%,-50%); padding:57px 15px; box-sizing: border-box; width: 200px; height: 200px; border-radius: 50%; background: #654eb6;}
.product .product-slide .item .tit p { font-size: 14px; color: #fff; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3; overflow: hidden;}
.product .product-slide .item .tit span {  display: block; padding-top: 18px; font-size: 14px; color: #fff;}
.product .product-slide .item:hover .pic img { transform: scale(1.1);}
.product .product-slide .item:hover .tit {  opacity: 1;}
.product-slide .prev { position: absolute; left: 0; top: 50%; z-index: 3; background: url("../images/Index/prev-icon01.png") no-repeat center; width: 15px; height: 15px; background-size:100%;}
.product-slide .next { position: absolute; right: 0; top: 50%; z-index: 3; background: url("../images/Index/next-icon01.png") no-repeat center; width: 15px; height: 15px; background-size:100%;}
/* product end */

/* series */
.series { position: relative; overflow: hidden; padding: 40px 0 0; background: #ffff;}
.series .series-con { overflow: hidden; margin-top: 35px; background: url("../images/Index/series-bg.jpg") no-repeat center; width: 100%; height: 465px; background-size: cover;}
.series .series-list { margin-top: 96px; float: right; width: 650px;}
.series .series-list .item { position: relative; text-align: center; float: left; margin-right: 36px; width: 135px; height: 370px; background: #fff;}
.series .series-list .item:nth-of-type(1) { animation: fadeinR .8s ease-out backwards;}
.series .series-list .item:nth-of-type(2) { animation: fadeinR 1s ease-out backwards;}
.series .series-list .item:nth-of-type(3) { animation: fadeinR 1.2s ease-out backwards;}
.series .series-list .item:nth-of-type(4) { animation: fadeinR 1.4s ease-out backwards;}
.series .series-list .item:after { content: ''; display: block; position: absolute; left: 0; bottom: 0; width: 100%; height:4px;background: #654eb6;}
.series .series-list .item:last-of-type { margin-right: 0;}
.series .series-list .item em { margin-top: 25px; display: block; font-size: 30px; color: #333; font-family: "Century";}
.series .series-list .item i { display: block; margin: 5px auto 45px; width: 24px; height: 2px; background: #d6d6d6;}
.series .series-list .item span { display: block; margin: 0 auto; width:85px; height: 85px; border-radius: 50%; border: 1px solid #e8e8e8; box-sizing: border-box;}
.series .series-list .item span img {display:block; width:100%;}
.series .series-list .item h2 { font-size: 18px; color: #333; font-weight: normal; margin-top: 20px;}
.series .series-list .item  p { margin:90px auto 0; background: url("../images/Index/next-icon01.png") no-repeat center; width: 12px; height: 12px; background-size: 100%;}
.series .series-list .item:hover { background: #654eb6;}
.series .series-list .item:hover em,.series .series-list .item:hover h2 { color: #fff;}
.series .series-list .item:hover span img {filter:contrast(0%) brightness(200%);-webkit-filter: contrast(0%) brightness(200%);-moz-filter: contrast(0%) brightness(200%);-ms-filter: contrast(0%) brightness(200%); -o-filter: contrast(0%) brightness(200%);}
.series .series-list .item:hover p { background: url("../images/Index/next-icon02.png") no-repeat center;}
.series .series-list .item:hover:after { background: #fff;}
/* series end */

/* indexMap */
.indexMap { padding-top: 80px; box-sizing: border-box; position: relative; overflow: hidden; background: url("../images/Index/indexMap-bg.jpg") no-repeat center; width: 100%; height: 890px; background-size: cover;}
.indexMap img { display:block;width:100%;}
.indexMap .wrap-tit p { color: #333; font-family: "PingFang-Bold"; width: 65%; margin: 0 auto; line-height: 1.5;}
.indexMap-con { margin-top: 20px; overflow: hidden; animation: fadeinT 1.5s ease-out backwards;}
@media (max-width: 1500px) {
    .indexMap { padding-top: 34px;  height: 705px;}
}
/* indexMap end */

/* adv */
.adv { position: relative; background: #fff; overflow: hidden; padding: 85px 0 45px;}
.adv .wrap-tit h2 span { margin-left: 0;}
.adv .adv-con { margin-top: 50px; overflow: hidden;}
.adv .adv-con .item { position: relative; float: left; width: 330px; height: 570px; padding-left: 22px; box-sizing: border-box; margin-right: 26px; border: 1px solid #e4e4e4;}
.adv .adv-con .item .pic { position: absolute; display: block; width: 306px;}
.adv .adv-con .item .pic img { display: block; width: 100%;}
.adv .adv-con .item:nth-of-type(4n) { margin-right: 0;}
.adv .adv-con .item i {display: block;margin: 30px 0 42px;width: 45px;height: 30px;}
.adv .adv-con .item:nth-of-type(even) .pic { top: 0;}
.adv .adv-con .item:nth-of-type(even) .tit { position: absolute; top: 282px;}
.adv .adv-con .item h2 { font-size: 22px; color: #333; font-weight: normal;}
.adv .adv-con .item p {margin: 26px 0 42px;width: 95%;font-size: 14px;line-height: 1.5;}
@media (max-width:1500px) {
    .adv .adv-con .item { width: 286px; height: 557px; padding-left: 16px; margin-right: 18px;}
    .adv .adv-con .item p { height: 85px;}
    .adv .adv-con .item .pic { width: 268px;}
    .adv .adv-con .item:nth-of-type(even) .tit { top: 247px;}
}
/* adv end */

/* attestation */
.attestation { position: relative; overflow: hidden; padding-top: 45px; background: #fff; min-width: 1200px;}
.attestation-con { overflow: hidden; margin-top: 40px;}
.attestation-con .attestation-list { overflow: hidden; width: 100%;}
.attestation-con .attestation-list .item { float: left; width: 50%; height: 435px;}
.attestation-con .attestation-list .item .pic { float: left; width: 50%; height: 435px;}
.attestation-con .attestation-list .item .pic img { width: 100%; display: block;}
.attestation-con .attestation-list:nth-of-type(1) .item .tit { padding: 50px 35px; box-sizing: border-box; float: left; background: url("../images/Index/attestation-col01.jpg")no-repeat center; width:50%; height: 435px;}
.attestation-con .attestation-list:nth-of-type(2) .item .tit { padding: 50px 35px; box-sizing: border-box; float: left; background: url("../images/Index/attestation-col02.jpg")no-repeat center; width:50%; height: 435px;}
.attestation-con .attestation-list .item .tit h2 { font-size:26px; font-weight: normal; font-family: "PingFang-Bold";}
.attestation-con .attestation-list .item .tit em { display: block; font-size: 14px; color: #000; margin-bottom: 35px;}
.attestation-con .attestation-list .item .tit p { line-height: 1.75; font-size: 16px; color: #000; font-family: "PingFang-Bold";}
.attestation-con .attestation-list .item .tit a { margin-top: 50px; display: block; width: 118px; height: 40px; line-height: 38px; font-size: 16px; color: #fefefe; background: #000; border-radius: 20px; text-align: center;}
.attestation-con .attestation-list .item .tit a:hover { background: #654eb6;}
.attestation-con .attestation-list .item .tit span { display: block; line-height: 1.75; font-size: 16px; color: #000; font-family: "PingFang-Bold"; margin-bottom: 15px;}
@media (max-width: 1500px) { .attestation-con .attestation-list .item .tit { padding: 40px 25px;}  }
/* attestation end */

/* partner */
.partner { padding-top: 90px; box-sizing: border-box; position: relative; background: url("../images/Index/partner-bg.jpg") no-repeat center; width: 100%; height: 474px; background-size: cover;}
.partner-con { margin-top: 45px; overflow: hidden;}
.partner-con .item { position: relative; float: left; width: 205px; margin-right: 93px;}
.partner-con .item:last-of-type {margin-right: 0;}
.partner-con .item .pic { width: 205px; height: 205px; border-radius: 50%; background: #fff; overflow: hidden;}
.partner-con .item .pic img  { display: block; margin: 45px auto; width: 100%;}
.partner-con .item .tit { opacity: 0;  transition: all .8s; padding: 45px 0; box-sizing: border-box; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 178px; height: 178px; border-radius: 50%; background: #654eb6; overflow: hidden; text-align: center;}
.partner-con .item .tit p { font-size: 14px; color: #fff; line-height: 1.5;}
.partner-con .item:hover .tit { opacity: 1;}
@media (max-width:1500px){
    .partner-con .item { margin-right: 43px;}
}
/* partner end */

/* server */
.server { position: relative; overflow: hidden; padding: 80px 0; box-sizing: border-box;background: #fff;}
.server .server-con { margin-top: 45px; overflow: hidden;}
.server .item { float: left; width: 113px; margin-right: 101px;}
.server .item:last-of-type { margin-right: 0;}
.server .item em { position: relative; font-size:60px; color: #333; font-family: "Century"; }
.server .item em:after {content: '';display: block;position: absolute;right: -16px;bottom: 13px;width: 7px;height: 7px; background:linear-gradient(0deg, #6637b4 0%, #b652e0 100%), linear-gradient(#592d7d, #592d7d);border-radius: 50%;}
.server .item i { display: block; margin: 25px 0 18px; width: 100%; height: 1px; background: #d3d3d3;}
.server .item p  { font-size: 18px; color: #333; font-family: "PingFang-Bold";}
.server .item:hover em,.server .item:hover p { color: #654eb6;}
.server .item:hover i { background: #654eb6;}
@media (max-width:1500px) {
    .server .item { width: 110px; margin-right: 71px;}
}
/* server end */


/* indexForm */
.indexForm { position: relative; overflow: hidden; background:url("../images/Index/indexForm-bg.jpg") no-repeat center; width: 100%; height: 605px; background-size: cover;}
.indexForm .content > p { margin-top: 105px;overflow: hidden; font-size: 24px; color: #333;}
.indexForm .content > h2 { padding-top: 5px; font-size: 36px; color: #333; font-weight: normal;}
.indexForm .indexForm-input  { margin-top: 20px; overflow: hidden;}
.indexForm .indexForm-input .indexForm-le { float: left; width: 500px;}
.indexForm .indexForm-input .indexForm-le .item {background: #fff;position: relative;outline: none;display: block;width: 100%;height: 60px;line-height: 60px;margin-bottom: 12px;}
.indexForm .indexForm-input .indexForm-le .item input {display: block;width: 90%;font-size: 14px;height: 100%;line-height: 100%;padding-left: 15px;box-sizing: border-box;border: none;}
.indexForm .indexForm-input .indexForm-le .item:nth-of-type(1):after {content: '';display: block;position: absolute;right: 10px;top: 14px;background: url("../images/Index/indexForm-icon01.png") no-repeat center;width: 30px;height: 30px;}
.indexForm .indexForm-input .indexForm-le .item:nth-of-type(2):after {content: '';display: block;position: absolute;right: 10px;top: 14px;background: url("../images/Index/indexForm-icon02.png") no-repeat center;width: 30px;height: 30px;}
.indexForm .indexForm-input .indexForm-le .item:nth-of-type(3):after {content: '';display: block;position: absolute;right: 10px;top: 14px;background: url("../images/Index/indexForm-icon03.png") no-repeat center;width: 30px;height: 30px;}
.indexForm .indexForm-input .indexForm-le a { display: block; width: 100%; height: 60px; line-height: 60px; text-align: center; font-size: 18px; color: #fff; background: #654eb6;}
.indexForm .indexForm-input .indexForm-ri { margin-top: 70px; float: left; margin-left: 50px;}
.indexForm .indexForm-input .indexForm-ri p { font-size: 14px; color: #000;}
.indexForm .indexForm-input .indexForm-ri em { font-size: 24px; color: #000; font-family: "DIN Medium";}
.indexForm .indexForm-input .indexForm-ri  span { display: block; margin: 20px 0 10px; width: 117px;}
/* indexForm end */

/* news */
.news{ position: relative; overflow: hidden; background: #fff; padding-bottom: 80px;}
.news .news-con { overflow: hidden;}
.news-con .news-menu { overflow: hidden;padding-top: 70px; padding-bottom: 50px;}
.news-con .news-menu .wrap-tit { float:left;}
.news-con .news-menu h2 {  font-size: 36px;}
.news-con .news-menu ul {float: right;margin-top: 17px;}
.news-con .news-menu ul li { float: left; font-family: "PingFang-Bold";  font-size: 18px; margin-left: 30px;}
.news-con .news-menu li a { position:relative;display:block;font-size: 20px; color: #333;}
.news-con .news-menu li.cur a,.news-con .news-menu li:hover a{ color:#654eb6;}
.news-con .news-main { overflow: hidden;}
.news-con .news-list { overflow: hidden; width: 100%;}
.news-con .news-list .item { float: left; width: 32.3333%; margin-right: 1.5%;}
.news-con .news-list .item:last-of-type { margin-right: 0;}
.news-con .news-list .item .pic { width: 100%;overflow: hidden;}
.news-con .news-list .item .pic img { width: 100%; display: block; transition: all 1s;}
.news-con .news-list .item:hover img {transform: scale(1.1);}
.news-con .news-list .item .pic-tit {overflow: hidden; padding: 0 15px; box-sizing: border-box; background: #fff;margin: -70px auto 0;width: 90%;position: relative;z-index: 3;}
.news-con .news-list .item .pic-tit em { margin-top: 25px; display: block; font-size: 16px; color: #999;}
.news-con .news-list .item .pic-tit h2 { margin: 10px 0 25px; font-size: 18px; color: #333; font-family: "PingFang-Bold";display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1; overflow: hidden;}
.news-con .news-list .item .pic-tit h2 a { color: #333;}
.news-con .news-list .item .pic-tit p { font-size: 14px; color: #666; line-height: 1.5;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2; overflow: hidden;}
.news-con .news-list .item .pic-tit h2:hover a { color: #654eb6;}
.news-con .news-list .item .news-btn { margin: 45px auto 0; text-align: center; font-family: "PingFang-Bold";  border: 1px solid #e6e6e6; box-sizing: border-box; display: block; width: 225px; height: 47px; line-height: 47px; font-size: 14px; color: #333;}
.news-con .news-list .item .news-btn i { display: inline-block; vertical-align: middle; margin-left: 10px; margin-top: -4px; background: url("../images/Index/next-icon01.png") no-repeat center; width: 12px; height:12px; background-size: 100%;}
.news-con .news-list .item .news-btn:hover a { background: #654eb6; display: block; border: 1px solid #654eb6; color: #fff;}
.news-con .news-list .item .news-btn:hover i { background: url("../images/Index/next-icon02.png") no-repeat center;}

/* news end */