﻿

.common-h1 {
	position: relative;
	width: fit-content;
	font-family: 'Microsoft YaHei';
	font-style: normal;
	font-weight: 700;
	font-size: 45px;
	line-height: 59px;
	text-align: center;
	letter-spacing: 2px;
	color: #111E40;
	margin: 0 auto;
}
.common-h1 img {
	position: absolute;
	left: -102px;
	bottom: -228px;
	z-index: -1;
}
.common-p {
	font-family: 'Microsoft YaHei';
	font-style: normal;
	font-weight: 400;
	font-size: 30px;
	line-height: 40px;
	text-align: center;
	letter-spacing: 2px;
	color: #111E40;
	opacity: 0.65;
	margin-top: 40px;
}


/****/

.bottom-download-box {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 488px;
	background: url(../img/b-bg.png) no-repeat center center;
	background-size: cover;
}
.bottom-download-title {
	display: flex;
	align-items: center;
}
.bottom-download-title h1 {
	font-family: 'Microsoft YaHei';
	font-style: normal;
	font-weight: 700;
	font-size: 55px;
	line-height: 73px;
	text-align: center;
	letter-spacing: 5px;
}
.bottom-download-title h1:first-child {
	color: #FFFFFF;
}
.bottom-download-title h1:last-child {
	background: linear-gradient(105.02deg, #6683FF 5.34%, #A459FF 99.78%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	text-fill-color: transparent;
}
.bottom-download-p1 {
	display: flex;
	align-items: center;
	margin-top: 28px;
	margin-bottom: 62px;
}
.bottom-download-p1 span {
	font-family: 'Microsoft YaHei';
	font-style: normal;
	font-weight: 400;
	font-size: 29px;
	line-height: 38px;
	color: #FFFFFF;
	margin: 0 22px;
}
.bottom-download-p1 i {
	display: inline-block;
	width: 112px;
	height: 2px;
	background: linear-gradient(90.01deg, #3F79FF -2.09%, #B027FF 48.67%, rgba(174, 40, 255, 0) 100%);
}
.bottom-download-box a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 323px;
	height: 74px;
	background: linear-gradient(89.1deg, #3D7BFF 0.59%, #B325FF 100.65%);
	border-radius: 7px;
	font-family: 'Source Han Sans CN';
	font-style: normal;
	font-weight: 500;
	font-size: 24px;
	color: #FFFFFF;
}
.bottom-download-box a:hover {
	background: linear-gradient(89.1deg, #B325FF 0.59%, #3D7BFF 100.65%);
}
.bottom-download-box a span {
	margin: 0 21px;
}
.bottom-download-p2 {
	font-family: 'Microsoft YaHei';
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	line-height: 24px;
	color: #FFFFFF;
	margin-top: 39px;
}



/**/


.w1200{position:relative;}
.w1024{width: 1024px;margin:0px auto;position:relative;}
.btn{background-image: linear-gradient(to right,#2990e5, #3cd2f8);width:222px;height:56px;color:#fff;line-height:56px;text-align:center;display:block;font-size:24px;border-radius:4px;transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;}
.btn:hover{transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);}

.head{background:url(../img/bg1.png) center center no-repeat;background-size:100% 100%;height:581px;}
.head .logolay{float:left;width:100%;margin-top:20px;}
.head .logolay img{float:left;margin-right:20px;}
.head .logolay span{float:left;height:40px;line-height:40px;font-size:26px;color:#fff;}
.head .logolay ul{float:right;width:auto;height:40px;}
.head .logolay ul li{float:left;margin-right:40px;height:40px;line-height:40px;font-size: 20px;color:#000;}
.head .leftword{position:absolute;top:114px;width:500px;left:0px;}
.head .leftword h1{float:left;color:#fff;font-size:44px;position:relative;}
.head .leftword .word1{font-size:20px;float:left;color:#fff;width:100%;line-height:40px}
.head .leftword .btn1{float:left;margin-top:30px;transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;font-size:34px;border-radius:43px;width:364px;height:86px;text-align:center;line-height:86px;background-color:#fff;color:#347aeb !important;}
.head .leftword .btn1:hover{transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);}
.head .leftword .word2{float:left;width:100%;font-size:16px;color:#fff;margin-top:10px;}
.head .rightgif{position:absolute;top:114px;right:-24px;cursor:pointer;width:500px;}


.btnactive{position:relative;overflow:hidden;}
.btnactive:before{content:"";position:absolute;width:200%;height:525%;left:0%;top:0%;margin-left:-50%;margin-top:-50%;border-radius:50%; background: rgba(0, 0, 0, .1); animation: spread 1.5s infinite both;
        -webkit-animation: spread 1.5s infinite both;
        -moz-animation: spread 1.5s infinite both;
        -o-animation: spread 1.5s infinite both;}

 @keyframes spread {
        0% {
            transform: scale(0);
            -webkit-transform: scale(0);
            -moz-transform: scale(0);
            transform: scale(0);
        }
        100% {
            transform: scale(1);
            -webkit-transform: scale(1);
            -moz-transform: scale(1);
            transform: scale(1);
        }
    }

    @-webkit-keyframes spread {
        0% {
            transform: scale(0);
            -webkit-transform: scale(0);
            -moz-transform: scale(0);
            transform: scale(0);
        }
        100% {
            transform: scale(1);
            -webkit-transform: scale(1);
            -moz-transform: scale(1);
            transform: scale(1);
        }
    }

    @-moz-keyframes spread {
        0% {
            transform: scale(0);
            -webkit-transform: scale(0);
            -moz-transform: scale(0);
            transform: scale(0);
        }
        100% {
            transform: scale(1);
            -webkit-transform: scale(1);
            -moz-transform: scale(1);
            transform: scale(1);
        }
    }

    @-o-keyframes spread {
        0% {
            transform: scale(0);
            -webkit-transform: scale(0);
            -moz-transform: scale(0);
            transform: scale(0);
        }
        100% {
            transform: scale(1);
            -webkit-transform: scale(1);
            -moz-transform: scale(1);
            transform: scale(1);
        }
    }


.w1024{ width: 1200px; }
.head .logolay span{font-size: 28px;font-weight: 400;line-height: 38px;height: 38px;}
.head .logolay img{ width: 38px;height: 38px; }
.head .logolay {margin-top: 0;line-height:1;padding-top: 25px;}
.head .rightgif{ width: 50%; right: 0;}
.head .leftword h1{font-size: 46px;font-weight: 600; color: white; margin-bottom: 17px;}
.head .leftword{ width: 45.5%; }
.head .leftword .word1{font-size: 21px; font-weight: 400; color: white; line-height: 48px; margin-bottom: 40px;}
.head .leftword>span{font-size: 24px !important;white-space: nowrap;top: 309px !important;left: 355px !important;}
.head .leftword .btn1{ width: 330px; }
.head .leftword>span em{color: #fff600 !important;}
.head .leftword .word2{  }
.head{height: 643px;}
.icos .ico{ width: 1200px; }
.icos .ico li{ width: 12.5%; }
.function-text{ width: 50%; padding-right: 0 !important; }
.function-img{ width: 50% !important; }
.function-img-center .gif.pos-2{ left: auto; right: 0;top: 0; width: 92%; }
.function-img-center .gif{ width: 85%; }
.icos2 .title{font-size: 42px;}
.function-text-center h3{font-size: 32px;}
.wordbg2 .function-text-center h3{ padding-top: 50px; }
.wordbg2{margin-bottom: 30px;}
.function-text-center h4{font-size: 22px;}
.wordbg3 .pian{ width: 86.8%;  background-size: 100% auto  !important;height: 410px; background-repeat: no-repeat !important;}
.wordbg3 .pian span{font-size: 38px;margin-top: 90px;margin-bottom: 16px;}
.wordbg3 .pian p{font-size: 24px;}
.wordbg3{height: auto;overflow: hidden;}
.icos{ margin-top: 24px; }
.index-banner{ width: 100%; overflow-x: hidden; }
.wordbg3 .w1024>a{ display: block; width: 50%;float: left; }

@media screen and (max-width:1201px) {
    body{ min-width: 100%; }
    .w1024,.icos .ico{ width: 1024px; }
    .wordbg3 .pian{margin-bottom: 0;}
}


/*******************/

.w {
  width: 1200px;
  margin: 0 auto;
}


/* 功能介绍 */
.func-box {
  width: 100%;
  background: #FBFCFD;
  padding: 80px 0;
}
.common-title {
  position: relative;
  font-family: 'Source Han Sans CN';
  font-style: normal;
  font-weight: 700;
  font-size: 38px;
  line-height: 57px;
  color: #363D42;
  text-align: center;
}
.common-title img {
  position: absolute;
  left: 50%;
  bottom: -20px;
  transform: translateX(-50%);
}
.func-box ul {
  display: flex;
  justify-content: space-between;
}
.func-box ul.func-ul1 {
  margin-top: 80px;
  margin-bottom: 50px;
}
.func-box ul li {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 364px;
  height: 300px;
  background: #FBFCFD;
  box-shadow: 0px 0px 40px 6px rgba(235, 238, 248, 0.75);
  border-radius: 20px;
  padding-top: 46px;
  padding-left: 70px;
  padding-right: 70px;
  box-sizing: border-box;
}
.func-box ul li h2 {
  font-family: 'Microsoft YaHei';
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 26px;
  color: #494C53;
  margin-top: 25px;
  margin-bottom: 17px;
}
.func-box ul li p {
  font-family: 'Microsoft YaHei';
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  text-align: center;
  color: #778086;
}
.func-box ul li img:nth-child(2) {
  display: none;
}
.func-box ul li:hover img:nth-child(2) {
  display: block;
}
.func-box ul li:hover h2 {
  margin-top: 5px;
}
.func-box ul li:hover img:nth-child(1) {
  display: none;
}

/* 产品亮点 */
.advantage-box {
  width: 100%;
  padding-top: 80px;
  padding-bottom: 100px;
  background: #F8FAFF;
}
.advantage-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.advantage-item1 {
  margin-top: 90px;
  margin-bottom: 120px;
}
.advantage-item2 .advantage-text {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.advantage-text h2 {
  position: relative;
  font-family: 'Source Han Sans CN';
  font-style: normal;
  font-weight: 700;
  font-size: 40px;
  line-height: 60px;
  letter-spacing: 0.1em;
  color: #494C53;
}
.advantage-text-left h2 img {
  position: absolute;
  left: 0;
  top: -27px;
}
.advantage-text-right h2 {
  text-align: right;
}
.advantage-text-right h2 img {
  position: absolute;
  right: 0;
  top: -27px;
}
.advantage-text-left p {
  width: 435px;
}
.advantage-text-right p {
  width: 448px;
}
.advantage-text p {

  font-family: 'Source Han Sans CN';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.04em;
  color: #778086;
  margin-top: 19px;
  margin-bottom: 42px;
}
.advantage-text a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 206px;
  height: 59px;
  background: linear-gradient(0deg, #507EFF 3.39%, #7443FF 100%);
  border-radius: 10px;
  font-family: 'Source Han Sans CN';
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  color: #FFFFFF;
}
.advantage-text a:hover {
  background: linear-gradient(0deg, #7443FF 3.39%, #507EFF 100%);
}
.advantage-text a img {
  margin-left: 20px;
}


body {
    min-width: 1200px;
}


.pdf-title{
    text-align: center;
    font-size: 42px;
    font-weight: bold;
    margin-top:60px;
}
.pdf-list{
    margin-top:60px !important;
    height:640px;
}
.pdf-list li{
    float: left;
    width:186px;
    height:186px;
    background: #fff;
    margin-right:16px;
    margin-bottom:12px;
    text-align: center;
}
.pdf-list li:hover{
    box-shadow:0px 0px 10px 0px rgba(238,54,51,0.2);
}
.marginZero{
    margin-right:0 !important;
}
.pdf-list li img{
    width:56px;
    height:56px;
    margin-top:45px;
}
.pdf-list li p{
    color:#555555;
    font-size: 16px;
    margin-top:30px;
}

.adv-list{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 80px auto;
}

.adv-list li{
	width: 33.33%;
	text-align: center;
}

.adv-list li img{
	width: 120px;
}

.adv-list li span{
	display: inline-block;
	width: 200px;
	font-size: 22px;
}

.soft-tag {
    background: url(../img/image_qp.png) no-repeat center center;
    width: 80px;
    height: 22px;
    line-height: 22px;
    background-size: 100% 100%;
    display: inline-block;
    vertical-align: top;
    margin-top: 16px;
    margin-left: 5px;
    text-align: center;
}


/** 首頁輪播圖 **/
.index-banner-pdf{
    position: relative;
	padding-top: 10px;
}
.swiper-container-pdf {
    width: 100%;
    height: 300px;
}
.head-item{
	text-align: center;
	width: 76%;
	margin: auto;
	background-color: #fff;
	padding: 20px 30px;
	box-sizing: content-box;
}
.head-item .head-icon{
	width: 100px;
	height: 100px;
	border-radius: 50%;
}
.head-item .head-name{
	text-align: center;
	padding: 15px 0;
}
.head-item .head-desc{
	text-align: left;
	line-height: 1.8;
	margin-bottom: 10px;
}
.head-item .head-time{
	text-align: right;
	color: #999;
}
