/* 轮播结束 */
.bannernav{height: 310px;position:relative;margin-top:60px;}
.bannavtop{height:150px;width:100%;
          
           background-image: -webkit-linear-gradient(81deg, #3e6edb 0%, #774ded 50%, #ad2cff 100%);
           background-image: -o-linear-gradient(81deg, #3e6edb 0%, #774ded 50%, #ad2cff 100%);
           background-image: -m-linear-gradient(81deg, #3e6edb 0%, #774ded 50%, #ad2cff 100%);
            background-image: linear-gradient(81deg, #3e6edb 0%, #774ded 50%, #ad2cff 100%), linear-gradient(#ff8d33, #ff8d33);
           background-blend-mode: normal, normal;}
.bannavbtm{height:160px;
           
           background-image: -webkit-linear-gradient(81deg, #3e6edb 0%, #774ded 50%, #ad2cff 100%);
           background-image: -o-linear-gradient(81deg, #3e6edb 0%, #774ded 50%, #ad2cff 100%);
           background-image: -m-linear-gradient(81deg, #3e6edb 0%, #774ded 50%, #ad2cff 100%);
           background-image: linear-gradient(81deg, #3e6edb 0%, #774ded 50%, #ad2cff 100%), linear-gradient(#ff8d33, #ff8d33);
           background-blend-mode: normal, normal;border-radius:0 0 300% 300%}
.bannavpos{position:absolute;width:100%;height:100%;top:0;left:0;padding-top:35px}
.bannernav .title h3{color:#fff;letter-spacing: 3px;}
.bannernav .title p{color:#fff}
.bannernav .title {margin-top:0}
.bannernav  .f-numberWrap{margin-top:32px}
.bannernav li{float: left;width: 25%;border-right: 1px solid #fff;border-left: 1px solid #fff;height: 100px;text-align: center;}
.bannernav li:last-child{border-right:0;}
.bannernav li:first-child{border-left: 0;}
.bannernav li p:first-child{color: #fff;font-size:18px;font-family: "Swiss721BT-BlackCondensed";font-weight: bold;}
.bannernav li p:first-child span{font-size: 54px;padding: 0 5px;}
.bannernav li p:nth-child(2){color: #fff;font-size: 14px;}
.title{text-align: center;margin-top: 50px;color: #232323;font-size: 24px;font-weight: bold;}
.title h3{font-weight: bold;font-size:28px}
.title h3 a{color:#7a4bee;position:relative;display:inline-block;font-size:}
.title h3 a::before{display:block;content:'';display:block;position:absolute;bottom:-3px;left:0;width:100%;height:2px;background:#7a4bee}
.title p{font-weight: normal;margin-top: 10px;color: #6b6b6b;font-size: 14px;}
.fuwu{margin-top: 15px;}
.fuwu li{width: 276px;height: 300px;border-radius: 20px;margin-right: 32px;text-align: center;float: left;}
.fuwu li i{display: inline-block;width: 37px;height: 35px;background: url(../images/iconimg.png)no-repeat -135px -245px;margin-top: 45px;}
.fw-name{font-size: 20px;margin-top: 15px;color: #232323;}
.fw-english{font-size: 14px;margin-top: 10px;color: #6b6b6b;}
.fuwu li a{font-size: 14px;margin-top: 42px;display: inline-block;width: 87px;height: 23px;
    
           background-image: -webkit-linear-gradient(81deg, #006ab9 0%, #1badf3 100%);
           background-image: -o-linear-gradient(81deg, #006ab9 0%, #1badf3 100%);
           background-image: -m-linear-gradient(81deg, #006ab9 0%, #1badf3 100%);
           background-image: linear-gradient(81deg, #006ab9 0%, #1badf3 100%),linear-gradient(#00479d, #00479d);
           background-blend-mode: normal, normal;border-radius: 11px;line-height: 23px;text-align: center;color: #fff;box-sizing: border-box;}
.bannerline{position: relative;width: 168px;height: 2px;background-color: #ccc;margin-left: 56px;margin-top: 17px;}
.bannerline::before {content: ""; position: absolute; left: -20px;width: 80px;height: 2px;background: linear-gradient(to left, #ccc,#fff);}
.bannerline::after {content: ""; position: absolute; right: -20px;width: 80px;height: 2px;background: linear-gradient(to left, #fff,#ccc);}
.fw-text{font-size: 12px;margin-top: 6px;color: #6b6b6b;}
.fuwu li:last-child{margin: 0;}
.fuwu li:hover
{
 
    background-image: -webkit-linear-gradient(81deg, #006ab9 0%,  #1badf3 100%);
    background-image: -o-linear-gradient(81deg, #006ab9 0%,  #1badf3 100%);
    background-image: -m-linear-gradient(81deg, #006ab9 0%,  #1badf3 100%);
       background-image: linear-gradient(81deg, #006ab9 0%,  #1badf3 100%), linear-gradient(#0c86d1, #0c86d1);
    background-blend-mode: normal, normal;}
.fuwu li:hover p{color: #fff!important;}
.fuwu li:hover i{background: url(../images/iconimg.png)no-repeat -135px -169px;}
.fuwu li:hover .bannerline{position: relative;width: 168px;height: 2px;background-color: #fff;margin-left: 56px;margin-top: 17px;}
.fuwu li:hover .bannerline::before {content: ""; position: absolute; left: -20px;width: 80px;height: 2px;background: linear-gradient(to left, #ffffff,#1783cb);}
.fuwu li:hover .bannerline::after {content: ""; position: absolute; right: -20px;width: 80px;height: 2px;background: linear-gradient(to left, #1f9fe3,#ffffff);}
.fuwu li:hover a{background:none ;border: solid 1px #ffffff;line-height: 21px;}
.fuwu li:nth-child(2) i{background: url(../images/iconimg.png)no-repeat -207px -244px;width: 42px;height: 34px;}
.fuwu li:nth-child(3) i{background: url(../images/iconimg.png)no-repeat -66px -244px;width: 34px;height: 37px;}
.fuwu li:nth-child(4) i{background: url(../images/iconimg.png)no-repeat 0 -244px;width: 34px;height: 36px;}
.fuwu li:nth-child(2):hover i{background: url(../images/iconimg.png)no-repeat -207px -169px;width: 42px;height: 34px;}
.fuwu li:nth-child(3):hover i{background: url(../images/iconimg.png)no-repeat -66px -169px;width: 34px;height: 37px;}
.fuwu li:nth-child(4):hover i{background: url(../images/iconimg.png)no-repeat 0 -169px;width: 34px;height: 36px;}
.jianshe{height: 1243px;
        ;
         background-image:-webkit-linear-gradient(81deg, #ff8417 0%, #ff9d17 50%, #ffb516 100%);
         background-image:-o-linear-gradient(81deg, #ff8417 0%, #ff9d17 50%, #ffb516 100%);
         background-image:-m-linear-gradient(81deg, #ff8417 0%, #ff9d17 50%, #ffb516 100%);
            background-image:linear-gradient(81deg, #ff8417 0%, #ff9d17 50%, #ffb516 100%),linear-gradient(#9739f8, #9739f8);
         background-blend-mode: normal, normal;margin-top:40px;padding-top:45px}
.jianshe .container{position: relative;color: #fff;}
.jianshe .fr{text-align: right;}
.jianshe h3{font-family: "SourceHanSansSC-Bold";font-size: 90px;margin-top: 60px;margin-bottom: 10px;}
.jianshe p{font-size: 20px;line-height: 42px;text-align: right;}
.line{width: 48px;height: 6px;background-color: #c9eeff;display: inline-block;margin-top: 20px;transition: width .5s linear}
.jianshe:hover .line{width:148px;}

.net{margin-top: 100px;}
.weixin{position: relative;margin-top:8px;height: 905px;
        ;
        background-image: -webkit-linear-gradient(81deg, #6ab4ff 0%, #0084e3 100%);
        background-image: -o-linear-gradient(81deg, #6ab4ff 0%, #0084e3 100%);
        background-image: -m-linear-gradient(81deg, #6ab4ff 0%, #0084e3 100%);
        background-image: linear-gradient(81deg, #6ab4ff 0%, #0084e3 100%),linear-gradient(#6273ff, #6273ff);
        background-blend-mode: normal, normal;padding-top:45px}
.posbg .container{position: relative;}
.colorbg{;height:111px;background:url(/Themes/Images/index/colorbg.jpg)no-repeat ;}
.weixindemo{width:1189px;height:819px;margin:0 auto}
.kaifa{text-align: right;
        ;
        background-image: -webkit-linear-gradient(81deg, #3e6edb 0%, #774ded 50%, #ad2cff 100%);
        background-image: -o-linear-gradient(81deg, #3e6edb 0%, #774ded 50%, #ad2cff 100%);
        background-image: -m-linear-gradient(81deg, #3e6edb 0%, #774ded 50%, #ad2cff 100%);
         background-image: linear-gradient(81deg, #3e6edb 0%, #774ded 50%, #ad2cff 100%), linear-gradient(#ff8d33, #ff8d33);
       padding-top:50px}
.kaifa img{width: 802px;height: 673px;}
.kaifa h3{font-family: "SourceHanSansSC-Bold";font-size: 90px;margin-top: 150px;margin-bottom: 10px;color: #fff;}
.kaifa p{font-size: 20px;line-height: 42px;text-align: right;color: #fff;}
.kaifa .line{background: #d7b0ff;}
.kaifa .imgtitle{margin-bottom:0}
.kaifa:hover .line{width:148px;}
.kaifa a{width: 154px;height: 37px;background-color: #3e6edb;
        
          background-image: -webkit-linear-gradient(0deg, #b083ed 0%, #dab3ff 100%);
          background-image: -o-linear-gradient(0deg, #b083ed 0%, #dab3ff 100%);
          background-image:  -m-linear-gradient(0deg, #b083ed 0%, #dab3ff 100%);
           background-image: linear-gradient(0deg, #b083ed 0%, #dab3ff 100%),linear-gradient(#b083ed, #dab3ff);
         background-blend-mode: normal, normal;border-radius: 19px;text-align: center;line-height: 37px;
            color: #fff;font-size: 20px;display: inline-block;margin-top: 20px;}
.pinpai{margin-top: 10px;height: 920px;padding-top:50px;
	;
	background-image: -webkit-linear-gradient(81deg,#ff8417 0%,#ff9d17 50%,#ffb516 100%);
	background-image: -o-linear-gradient(81deg,#ff8417 0%,#ff9d17 50%,#ffb516 100%);
	background-image: -m-linear-gradient(81deg,#ff8417 0%,#ff9d17 50%,#ffb516 100%);
	background-image: linear-gradient(81deg,#ff8417 0%,#ff9d17 50%,#ffb516 100%),linear-gradient(#ffff00,#ffff00);
	background-blend-mode: normal,normal;}
.videos
{
    ;
        background-image: -webkit-linear-gradient(81deg,#5e5be5 0%,#457be6 50%,#2b9ae7 100%);
        background-image: -o-linear-gradient(81deg,#5e5be5 0%,#457be6 50%,#2b9ae7 100%);
        background-image:  -m-linear-gradient(81deg,#5e5be5 0%,#457be6 50%,#2b9ae7 100%);
        background-image: linear-gradient(81deg,#5e5be5 0%,#457be6 50%,#2b9ae7 100%),linear-gradient(#ffff00,#ffff00);
	    background-blend-mode: normal,normal;padding:30px 0}
.pinpai .imgtitle{margin-bottom:20px}
.pinpaiimg{padding: 0 40px;width:1235px}
.pinpaiimg li{float: left;margin:15px 20px}
.pinpaiimg img{width: 248px;height: 335px;transition: all .5s;-webkit-transition: all .5s; /* Safari */}
.pinpaiimg img:hover{transform: scale(1.1);-ms-transform:scale(1.1);  /* IE 9 */-moz-transform:scale(1.1);     /* Firefox */-webkit-transform:scale(1.1); /* Safari 和 Chrome */-o-transform:scale(1.1);}
.liucheng ul{padding-left: 20px;}
.liucheng li{float: left;margin: 46px 70px 42px 70px;width: 157px;height: 157px;font-size: 18px;color: #fff;text-align: center;padding-top: 95px;position:relative}
.liucheng li .bgfline{position: relative;width: 60px;height: 2px;background-color: #fff;display: inline-block;transition: width .5s linear}
.liucheng li:hover .bgfline{width: 80px;}
.liucheng li .bgfline::before{content: "";position: absolute;left: -10px;width: 20px;height: 2px;background: linear-gradient(to left, #fff,#7b92f3);}
.liucheng li .bgfline::after{content: "";position: absolute;right: -10px;width: 20px;height: 2px;background: linear-gradient(to left, #79c0fb,#fff);}
.liucheng li::after{display:block;width:56px;height:40px;content:"";position:absolute;right:-98px;top:62px;background:url(/Themes/Images/index/right.png)}
.liucheng li:nth-of-type(4n)::after{display:none}
.liucheng li:nth-child(4n){margin-right: 0;}
.liucheng li:nth-child(1){background: url(../images/index/num/num1.png);background-size:100% 100%}
.liucheng li:nth-child(2){background: url(../images/index/num/num2.png);background-size:100% 100%}
.liucheng li:nth-child(3){background: url(../images/index/num/num3.png);background-size:100% 100%}
.liucheng li:nth-child(4){background: url(../images/index/num/num4.png);background-size:100% 100%}
.liucheng li:nth-child(5){background: url(../images/index/num/num5.png);background-size:100% 100%}
.liucheng li:nth-child(6){background: url(../images/index/num/num6.png);background-size:100% 100%}
.liucheng li:nth-child(7){background: url(../images/index/num/num7.png);background-size:100% 100%}
.liucheng li:nth-child(8){background: url(../images/index/num/num8.png);background-size:100% 100%}
.about{height: 600px;;background: url(../images/index/aboutus.jpg)no-repeat center center;margin-top: 60px;color: #fff;}
.about h3{font-size: 48px;margin-top: 8px;text-align:right}
.about .fr{width: 410px;margin-right: 50px;}
.about .eng .engtext{width:auto}
.about .eng{font-size: 18px;margin-top: 105px;}
.about .aboutline{width: 103px;height: 6px;background-color: #ffffff;margin: 11px 0 0 4px;transition: width .5s linear}
.about .text{font-size: 18px;line-height: 36px;text-indent: 36px;margin-top: 30px;}
.about:hover .aboutline{width: 130px;}
.comlist li{float:left;width: 300px;height: 220px;}
.comlist a{display: block;width: 80%;height: 80%;position: relative;margin: 10%;}
.comlist li img{position: absolute;top: 50%;left: 50%;width: auto;max-width: 100%;max-height: 100%;height: auto;
    transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);}
.footer{height: 258px;background-color: #242030;color: #b1acc0;font-size:16px;margin-top: 0;}
.iconlist{padding-top: 43px;}
.iconlist i{float: left;width: 24px;height: 26px;background: url(../images/iconimg.png)no-repeat -128px -55px;margin: 0 224px 0 22px;}
.iconlist i:nth-of-type(2){width: 26px;height: 20px;background: url(../images/iconimg.png)no-repeat 0 -55px;}
.iconlist i:nth-of-type(3){width: 22px;height: 25px;background: url(../images/iconimg.png)no-repeat -66px -55px;}
.datalist{margin-top: 8px;border-top: 2px solid #342a4f;padding-top: 17px;}
.datalist li{float: left;margin-left: 20px;line-height: 30px;}
.datalist li:nth-of-type(1){width: 250px;}
.datalist li:nth-of-type(2){width: 256px;}
.footer .jszc{text-align: center;margin-top: 32px;}
.rignav{position: fixed;top: 40%;right: 20px;}
.rignav li{width: 71px;height: 71px;background-color: #ebebeb;border-radius: 10px;color: #232323;font-size: 14px;text-align: center;padding: 13px 0;margin-bottom: 5px;}
.rignav li i{display: inline-block;width: 22px;height: 26px;background: url(../images/iconimg.png)no-repeat 0 -104px;}
.rignav li:nth-of-type(2) i{display: inline-block;width: 24px;height: 26px;background: url(../images/iconimg.png)no-repeat -140px -104px;}
.rignav li:nth-of-type(3) i{display: inline-block;width: 26px;height: 26px;background: url(../images/iconimg.png)no-repeat -67px -104px;}
.rignav li:nth-of-type(4)
{
    
    background-image: -webkit-linear-gradient(-30deg, #38a7fe 0%, #884eff 100%);
    background-image: -o-linear-gradient(-30deg, #38a7fe 0%, #884eff 100%);
    background-image: -m-linear-gradient(-30deg, #38a7fe 0%, #884eff 100%);
    background-image: linear-gradient(-30deg, #38a7fe 0%, #884eff 100%), linear-gradient(#ebebeb, #ebebeb);
    background-blend-mode: normal, normal;}
.rignav li:nth-of-type(4) span{width: 28px;height: 31px;display: inline-block;background: url(../images/index/top.png)no-repeat;margin-top: 7px;}
/* 首页结束 */
.animated {-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both}
@-webkit-keyframes fadeInDown {
	0% {opacity: 0;-webkit-transform: translateY(-20px);transform: translateY(-20px)}
	100% {opacity: 1;-webkit-transform: translateY(0);transform: translateY(0)}
}
@keyframes fadeInDown {
	0% {opacity: 0;-webkit-transform: translateY(-20px);-ms-transform: translateY(-20px);transform: translateY(-20px)}
	100% {opacity: 1;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0)}
}
.fadeInDown {-webkit-animation-name: fadeInDown;animation-name: fadeInDown}


    .horizontal .container{width: 620px;height: 350px;}
    .horizontal .img{border-radius: 30px;box-shadow: 0px 0px 8px 0px 
		rgba(150, 150, 150, 0.6);}
    .horizontal img{width: 620px;height: 350px;border-radius: 30px;}
    .scrollbar{scrollbar-width:thin;scrollbar-color:rgba(100,100,100,.4) transparent}
    .wrapper{position:relative;}
    .wrapper .container{position:relative;margin:0 auto}
    .container .cards-list{position:absolute;left:0;top:0;overflow:hidden;background-color:#f4f4f4;border-radius:.3125rem;transition:330ms}
  .imgtitle{width:100%;text-align:center;margin-bottom:40px}
  .imgtitle img{width:auto;height:auto;display:inline-block;}
  .wrappertitlebox{text-align:center;margin:30px auto;}
  .wrappertitle{color: #ff9817;font-size: 30px;height: 42px;background-color: #ffff00;border-radius: 20px;border: solid 0px #ffb344;line-height:42px;padding:0 20px;width:auto;display:inline-block}
   .jianshe .jsnav ul{text-align:center}
    .jianshe .jsnav li{position:inherit;display:inline-block}
  .jsnav li a{color: #ffffff;font-size: 18px;padding:0 40px;position:relative;}
  .jsnav li a:hover{color:#ff0}
  .jsnav li a::before{display:block;content:'';display:block;position:absolute;top:4px;right:0;width:1px;height:16px;background:#ff0;}
  .jsnav li:last-child a::before{display:none}
  .jsdemo{margin-top:30px;}
  .jsdemo .demoimg{width:570px;height:449px;background:url(/Themes/Images/index/anlibg.png)no-repeat;padding:24px;margin-bottom:20px}
  .jsdemo .demos img{width: 520px;height: 354px;}
  .jsdemo .demos {text-align:center}
  .demotext{height: 42px;background-color: #ffff00;border-radius: 20px;border: solid 0px #ffb344;line-height:42px;padding:0 20px;border-radius:21px;font-size:30px;color: #ff9917;display:inline}
  .videobox{width:1220px;}
.videobox li{margin:20px 34px;border:4px solid #a7b1ff;box-sizing:border-box;background:#000;}
.btmbox{height: 468px;;background:url(/Themes/Images/index/btmbg.jpg)no-repeat center center;padding-top:45px;text-align:center}
.qtlogo{width:243px;height:auto;margin:0 auto;}
.tenyears{margin-top:15px;color: #ffffff;font-size: 48px;letter-spacing: 3px;}
.btmbox .text{margin-top:25px;color: #ffffff;font-size: 24px;}
.btmbox a{display:inline-block;width: 285px;height: 68px;
          
          background-image: -webkit-linear-gradient(-30deg, #38a7fe 0%, #884eff 100%);
          background-image: -o-linear-gradient(-30deg, #38a7fe 0%, #884eff 100%);
          background-image: -m-linear-gradient(-30deg, #38a7fe 0%, #884eff 100%);
          background-image: linear-gradient(-30deg, #38a7fe 0%, #884eff 100%), linear-gradient(#ffffff, #ffffff);
          background-blend-mode: normal, normal;
	border-radius: 34px;line-height:68px;text-align:center;color:#fff;font-size:24px;letter-spacing: 3px;margin-top:25px}