body{ overflow-x:hidden;}
.auto{margin:0 auto; width:1400px; position:relative;}
.Sidebar{ width:170px; float:left;}
.RightSidebar{ width:950px; float:right;}
.DivHover{ cursor:pointer; transition:all 0.2s linear; -moz-transition:all 0.2s linear; -webkit-transition:all 0.2s linear; -o-transition:all 0.2s linear;}
@media(min-width:320px) and (max-width:1150px) {
    .Sidebar{ display:none;}
    .RightSidebar { width:100%; float:none; padding:0 10px;}
}

@font-face{ font-family:'siyuanFont'; src:url('siyuan/SourceHanSansCN-Light.otf');}
@font-face{ font-family:'siyuanBlod'; src:url('siyuan/SourceHanSansCN-Bold.otf');}
@font-face{ font-family:'pangmenzhengdao'; src:url('xieti/庞门正道标题体.TTF') format('truetype');  }
@font-face{ font-family:'puhuiti'; src:url('../fonts/alibaba-puhuiti-regular.ttf') format('truetype');  }
@font-face{ font-family:'puhuitiHeavy'; src:url('../fonts/阿釜巴巴普惠体heavy.ttf') format('truetype');  }
@font-face{ font-family:'AiDeep'; src:url('puhuiti/AiDeep-2.otf') format('truetype');  }


/**/
.Header{ left:0; width:100%; height:80px; top:0; z-index:888; color:#fff;}
.Header .auto{ height:80px;}
.Header .logo{ left:120px; top:20px;}
.Header .logo img{ height:42px; float:left;}
.Header .logo span{ display:block; float:left; margin:1px 0 0 20px; border-radius:5px; border:solid 1px #fff; height:26px; line-height:24px; padding:0 10px 0 0; font-size:13px; letter-spacing:1px;}
.Header .logo span .iconfont{ background:#fff; font-weight:bold; color:#1075ff; display:block; border-radius:5px 0 0 5px; float:left; margin:-1px 10px 0 0px; font-size:18px; text-align:center; width:30px; height:28px; line-height:28px;}
.Header .logo a{ color:#fff;}
.Header .logo a:hover{ color:#fff;}
.Header .tag{ position:absolute; left:190px; top:20px; color:#fff; border-radius:5px; border:solid 1px #fff; overflow:hidden; height:30px; line-height:28px; padding:0 10px 0 0; font-size:13px; letter-spacing:1px;}
.Header .tag span{ background: url(../images/home_xc_blue.png) no-repeat center center #fff; background-size:20px 20px; width:40px; color:#0a80fd; display:block; float:left; margin:0 10px 0 0px; font-size:18px; text-align:center; height:30px; line-height:32px;}
.Header .tag img{ height:22px; margin:4px 5px 0;}
.Header .tag .iconfont{ font-size:22px; display: none;}
.Header .menu{ position:absolute; left:405px; top:0px; height:70px; line-height:70px;}
.Header .menu h5 i{ display:none; font-size:15px; cursor:pointer; color:#fff;}
.Header .menu li{ display:inline-block; height:80px; padding:0 28px; font-size:18px; letter-spacing:1px; cursor:pointer; position:relative;}
.Header .menu li span a{ color:rgba(255,255,255,0.8); font-weight:bold; position:relative; display:block; height:70px;}
.Header .menu li span a::before{ position:absolute; content:''; width:0; left:50%; margin-left:-15px; bottom:13px; height:2px; background:#fff;}
.Header .menu li .sub{ position:absolute; border-radius:5px; left:-30px; top:99px; background:#fff; width:140px; height:0; overflow:hidden; opacity:0; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}
.Header .menu li .sub dt{}
.Header .menu li .sub dt a{ display:block; padding:10px 10px 10px 10px; height:auto; line-height:20px; font-size:16px; color:#333; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}
.Header .menu li .sub dt a i{ display:none; font-size:10px; color:#bdc7c8; margin-left:5px;}
.Header .menu li .sub dt .yd{ display:inline-block; float:left; position:relative; width:26px; height:26px; color:#787bfd;}
.Header .menu li .sub dt .yd:after{ position:absolute; left:-5px; top:5px; content:''; width:16px; height:16px;}
.Header .menu li .sub dt a:hover{ color:#0863ff; font-weight:bold;}
.Header .menu li .sub dt a:hover i{ color:#0863ff;}
.Header .menu li .sub dt a::before{ display:none;}
.Header .menu li .sub .icon{ float:left; width:35px; height:30px; margin-top:3px; position:relative;}
.Header .menu li .sub .icon img{ height:15px;}
.Header .menu li .sub .iconHand{}
.Header .menu li .sub .iconAcur{ display:none; position:relative; margin-top:-3px;}
.Header .menu li .sub dt a:hover .iconHand{ display:none;}
.Header .menu li .sub dt a:hover .iconAcur{ display:block; position:absolute; left:-10px; top:-10px; width:40px; max-width:40px; height:40px;}
.Header .menu li span a:hover,.Header .menu li span a.acur{ color:rgba(255,255,255,1);}
.Header .menu li:hover span a::before,.Header .menu li span a.acur::before{ display:block; width:30px; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}
.Header .menu li:hover .sub{ opacity:1; top:80px; height:180px; z-index:99; padding:15px 0 0 20px;}
.Header .menu li#nav2:hover .sub{ width:810px; height:340px; padding:20px 50px; left:-280px;}
.Header .menu li#nav2 .sub{}
.Header .menu li#nav2 .sub dt{ width:160px; float:left; }
.Header .menu li#nav2 .sub dt a{ padding:6px 0 20px;  color:#666; font-size:14px; font-weight:normal;}
.Header .menu li#nav2 .sub dt a:hover{ color:#0863ff; font-weight:bold;}
.Header .menu li#nav2 .sub dt:nth-child(even){ width:150px;}
.Header .menu li#nav3:hover .sub{ width:1130px; height:555px; left:-390px;}
.Header .menu li#nav4:hover .sub{ height:145px;}
.Header .menu li#nav6:hover .sub{ width:900px; height:310px; left:-520px; padding:30px 20px 10px 30px; background:url("../images/navbg.png") no-repeat right bottom #fff; background-size:auto 100%;}

.Header .menu li .menuBox{ width:320px; float:left; margin-right:20px;}
.Header .menu li .adBox{ width:200px; float:right; margin-left:20px;}
.Header .menu li .subTitle{ line-height:40px; margin-bottom:15px; border-bottom:solid 1px #d0d0d0; color:#333; font-size:16px; font-weight:700;}
.Header .menu li .adImg{ margin-top:10px; cursor:pointer; border:solid 4px #fff; border-radius:4px;}
.Header .menu li .adImg img{ border-radius:3px; width:192px; height:255px;}
.Header .menu li .adImg:hover{ box-shadow:0px 0px 15px 0px rgba(204,204,204,0.8);}
.Header .menu li dt#index12,.Header .menu li dt#index13{ display:none;}

.Header .menu li .caseType{ padding:10px 0 0 30px;}
.Header .menu li .caseType dt{ width:215px; height:160px; padding-bottom:20px; float:left; margin:0 25px;}
.Header .menu li .caseType dt h2{ line-height:40px; margin:0 15px 5px 0; font-size:16px; font-weight:700; border-bottom:solid 1px #ddd; color:#333;}
.Header .menu li .caseType dt h2 a{ color:#333; line-height:40px;}
.Header .menu li .caseType dt h2 a:hover{ color:#3b99ff;}
.Header .menu li .caseType dt p{ display:inline-block; float:left;}
.Header .menu li .caseType dt p img{ width:90px; height:40px; padding:1px; border-radius:5px; margin:10px 15px 0 0; box-shadow:0px 0px 7px 0px rgba(0,0,0,0.15);}
.Header .menu li .caseType dt p:last-child img{ margin-right:0;}
.Header .menu li .caseType dt a{ padding:0;}
.Header .menu li .caseType dt a:hover img{ transform:scale(1.1, 1.1); transition: all 0.5s;}
.Header .menu li .caseType dt:first-child{ width:430px; padding-right:50px;}

.Header .menu li .solutionList{ color:#333; padding:10px 0;}
.Header .menu li .solutionList li{ padding:0; display:block; float:inherit;}
.Header .menu li .solutionList .hd{ width:640px; float:left;}
.Header .menu li .solutionList .hd li{ width:320px; height:75px; float:left; overflow:hidden;}
.Header .menu li .solutionList .hd .icon{ float:left; width:auto; height:auto; margin-right:10px;}
.Header .menu li .solutionList .hd .icon img{ width:auto; height:40px;}
.Header .menu li .solutionList .hd .t1{ color:#333; font-weight:700; font-size:16px;}
.Header .menu li .solutionList .hd .t1 a{ color:#333; display:block;}
.Header .menu li .solutionList .hd .t2{ color:#888; font-size:12px;}
.Header .menu li .solutionList .hd .t2 a{ color:#888;}
.Header .menu li .solutionList .hd p{ padding:0; line-height:24px;}
.Header .menu li .solutionList .hd li:hover .t1,.Header .menu li .solutionList .hd li:hover .t2{ color:#0863ff;}
.Header .menu li .solutionList .hd li.on .t1 a,.Header .menu li .solutionList .hd li.on .t2 a{ color:#0863ff;}
.Header .menu li .solutionList .hd li:hover .t1,.Header .menu li .solutionList .hd li.on .t1{ font-size:18px;}
.Header .menu li .solutionList .hd li:hover .t2,.Header .menu li .solutionList .hd li.on .t2{ font-size:13px;}
.Header .menu li .solutionList .hd li:hover .icon img,.Header .menu li .solutionList .hd li.on .icon img{ height:45px;}

.Header .menu li .solutionList .bd{ width:240px; float:right; margin:-10px 10px 0 0;}
.Header .menu li .solutionList .bd li{ height:auto; line-height:24px; position:relative;}
.Header .menu li .solutionList .bd li img{ width:100%;}
.Header .menu li .solutionList .bd li .t1{ font-size:20px; line-height:34px; letter-spacing:2px; position:absolute; left:20px; top:20px; color:#fff;}
.Header .menu li .solutionList .bd li .t1 b{ display:block;}
.Header .menu li .solutionList .bd li .t2{ line-height:26px; font-size:13px; text-transform:uppercase; letter-spacing:1.5px; position:absolute; left:20px; top:25px; color:#666;}
.Header .menu li .solutionList .bd li .t2 b{ display:block; font-size:20px; letter-spacing:2px; color:#333;}
.Header .menu li .solutionList .bd li .more{ position:absolute; left:0; right:0; bottom:0; line-height:52px; text-align:center;}
.Header .menu li .solutionList .bd li .more a{ color:#2b64e9;}
.Header .menu li .solutionList .bd li .more a:hover{ color:#0863ff;}
.Header .menu li .solutionList .bd li .photo{ padding:0;}

.Header .hotLine{ right:120px; top:16px; z-index:77; color:#fff;}
.Header .hotLine .p1{ color:#fff; font-size:18px; cursor:pointer; position:relative; overflow:hidden; height:36px; line-height:34px; padding:0 15px 0 0; float:left; margin-right:10px; border:1px solid #fff; border-radius:20px;}
.Header .hotLine .p1 i{ margin:2px 5px 0 2px; font-size:18px; background:#fff; color:#2197ff; display:inline-block; float:left; border-radius:50%; width:32px; height:32px; text-align:center;}
.Header .hotLine .p1 span{ position:relative; z-index:9;}
.Header .hotLine .p1 .blueBg{ display:inline-block; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; z-index:2; width:0; height:24px; background:#787bfd; border-radius:15px; position:absolute; left:-1px; top:-1px;}
.Header .hotLine .p1:hover{ color:#fff; border-color:#3b99ff; background:#3b99ff;}
.Header .hotLine .p1:hover i{ color:#3b99ff; background:#fff;}
.Header .hotLine .p1:hover .blueBg{ width:127px;}
.Header .hotLine .p2{ float:left;}
.Header .hotLine .p2 a{ display:inline-block; height:38px; font-size:14px; line-height:36px; padding:0 20px; border-radius:20px; background:#fff; color:#2197ff;}
.Header .hotLine .p2 a:hover{ background:#3b99ff; color:#fff;}
@media(min-width:320px) and (max-width:1150px)
{
    .Header{ height:45px;}
    .Header .auto{ height:45px;}
    .Header .logo{ left:10px; top:0;}
    .Header .menu{ right:20px; width:280px; height:auto; line-height:20px; margin-left:0; text-align:left;}
    .Header .menu ul{ display:none; position:fixed; left:0px; top:45px; bottom:0px; overflow:auto; background:#298cca; width:100%;}
    .Header .menu h5 i{ display:block; line-height:45px;}
    .Header .menu h5 i.close{ display:none;}
    .Header .menu li{ height:auto; line-height:40px; text-align:center; padding:0; display:block; width:100%; box-sizing:border-box;}
    .Header .menu li span a{ height:40px; border-bottom:solid 1px rgba(255,255,255,0.3);}
    .Header .menu li span a::before{ display:none;}
    .Header .menu li .sub{ position:static; width:100%; height:auto; opacity:1; padding-bottom:10px; display:none; height:430px;}
    .Header .menu li .sub::before{ display:none;}
    .Header .menu li .sub dt a i{ float:right; font-size:10px; color:#bdc7c8; line-height:20px;}
    .Header .menu li:hover span a::before,.Header .menu li span a.acur::before{ display:none; }
    .Header .menu li:hover .sub{ display:none; height:430px;}
    .Header .menu li#nav2:hover span a{ background:none; color:#fff;}

    .Header .hotLine{ display:none;}
}
.HeaderP{ background:#fff; box-shadow:0 3px 6px 0 rgba(40,51,67,0.06); border-bottom:solid 1px #ddd;}
.HeaderP .menu li span a{ color:#333;}
.HeaderP .menu li span a:hover,.HeaderP .menu li span a.acur{ color:#0774fe;}
.HeaderP .menu li:hover span a::before,.HeaderP .menu li span a.acur::before{ background:#0774fe;}
.HeaderP .hotLine{ color:#333;}
.HeaderP .hotLine .p1{ color:#0865ff; border:1px solid #0865ff;}
.HeaderP .hotLine .p1 i{ color:#fff !important; background:#0865ff !important;}
.HeaderP .hotLine .p1:hover i{ color:#3b99ff !important; background:#fff !important;}
.HeaderP .hotLine .p2 a{ background:#0865ff !important; color:#fff !important;}
.HeaderP .hotLine .p2 a:hover{ color:#fff !important; background:#3b99ff !important;}
.HeaderP .logo span{ border:solid 1px #1075ff; color:#1075ff;}
.HeaderP .logo span .iconfont{ background:#1075ff; color:#fff;}
.HeaderP .logo a{ color:#1075ff;}
.HeaderP .logo a:hover{ color:#0863ff;}
.HeaderP .tag{ color:#0a80fd; border:solid 1px #0a80fd;}
.HeaderP .tag span{ background: url(../images/home_xc.png) no-repeat center center #0a80fd; background-size: 20px 20px; color: #fff;}
.HeaderP .tag span .iconfont{ display:none;}
/**/
.H_banner{ position:relative; overflow:hidden; background-color:#1074fe;top:80px}
.H_banner .ban{ position:relative;}
.H_banner .ban li{ position:relative; min-height:610px;}
.H_banner .ban li .video{ position:relative; z-index:3; overflow:hidden;}
.H_banner .ban li .video{ position:relative; z-index:3; overflow:hidden;}
.H_banner .ban li .video .media{ float:left;}
.H_banner .ban li img{ width:100%; animation:bannerImg 2s; position:absolute; z-index:1;}
.H_banner .ban li .txt{ position:absolute; z-index:4; width:1200px; left:40%; top:28%; margin-left:-600px; color:#fff;}
.H_banner .ban li .txt .t1{ font-size:46px; padding-bottom:10px; line-height:70px; letter-spacing:1px; position:relative; animation:bannerTxt1 1s; font-weight: 100;}
.H_banner .ban li .txt .t2{ margin-top:5px; color:#fff; letter-spacing:5px; font-size:60px; height:88px; line-height:84px; position:relative; animation:bannerTxt2 1s; text-decoration: inherit;white-space: nowrap; font-weight: 600;    font-family: "SF Pro SC","SF Pro Display","SF Pro Icons","PingFang SC","Helvetica Neue","Helvetica","Arial",sans-serif;}
.H_banner .ban li .txt .t2 span{ color:#ffc600; margin-right:5px; font-weight:bold;}
.H_banner .ban li .txt .t3{ font-size:16px; padding-top:30px; position:relative; animation:bannerTxt3 1s;}
.H_banner .ban li .txt .t3 a{ margin-right:10px; width:120px; height:40px; line-height:40px; text-align:center; color:#fff; display:inline-block; border-radius:5px;}
.H_banner .ban li .txt .t3 a.a1{ background:#53b7ef; border:solid 1px #53b7ef; color:#fff;}
.H_banner .ban li .txt .t3 a.a2{ border:solid 1px #fff;}
.H_banner .ban li .txt .t3 a:hover{ background:#3b99ff; border-color:#3b99ff; color:#fff;}
.H_banner .ban li .txt .version{ height:32px; margin-bottom:10px; font-family:puhuiti; line-height:32px; font-size:24px; font-weight:bold; color:transparent;
    background-image:linear-gradient(#e3fcff, #7ff7ff);
    -webkit-background-image:linear-gradient(#e3fcff, #7ff7ff);
    -moz-background-image:linear-gradient(#e3fcff, #7ff7ff);
    background-clip:text;
    -webkit-background-clip:text;
    -moz-background-clip:text;}
.H_banner .ban li .txt .version img{ width:auto; height:25px;}
.H_banner .ban li .txt .bannerAdTxt{ width:auto; height:60px;}

.Banner{ margin-top:20px;}
.Banner .ban{ position:relative;}
.Banner .ban li{ position:relative;}
.Banner .ban li .txt2{ position:absolute; width:1050px; left:50%; top:40%; margin-left:-525px; color:#fff;}
.Banner .ban li .txt2 .t1{ color: #2c63f6;font-size:44px; line-height:70px; font-weight:bold; letter-spacing:3px; position:relative; animation:bannerTxt1 1s;}
.Banner .ban li .txt2 .t2{ font-weight:100; color:#010101; letter-spacing:3px; font-size:28px; line-height:50px; position:relative; animation:bannerTxt2 1s;}
.Banner .ban li .txt2 .t3{ font-weight: bold;color: #ffc600;font-size:72px; font-weight:bold; line-height:70px; letter-spacing:1px; position:relative; animation:bannerTxt1 1s;}
.Banner .ban li .txt2 .t4{ font-weight:100; color:#fff; margin-top:10px; padding:0 55px; letter-spacing:1px; font-size:18px; line-height:30px; position:relative; animation:bannerTxt2 1s;}
.Banner .ban li .txt2 .t5{ margin-top:30px; font-weight:bold;color:#000;font-size:40px; line-height:40px; letter-spacing:1px;  position:relative; animation:bannerTxt1 1s;}
.Banner .ban li .txt2 .t6{ color:#010101; text-transform:uppercase; font-size:28px; line-height:58px; position:relative; animation:bannerTxt2 1s;}
.Banner .ban li.searchBox{ position:relative; height:570px; text-align:left;}
.Banner .ban li.searchBox .txt{ width:1000px; margin:0 auto; padding:210px 0 0 0;}
.Banner .ban li.searchBox .t1{ color:#fff;font-size:50px; line-height:70px; letter-spacing:4px; position:relative; animation:bannerTxt1 1s;}
.Banner .ban li.searchBox .t2{ font-weight:100; color:#fff; letter-spacing:4px; font-size:22px; opacity:0.9; line-height:50px; position:relative; animation:bannerTxt2 1s;}
.Banner .ban li.searchBox .t3{ padding-right:170px; position:relative; margin-top:15px;}
.Banner .ban li.searchBox .t3 .iconfont{ color:#a8aebc; font-size:24px; position:absolute; left:35px; top:25px;}
.Banner .ban li.searchBox .t3 .textBox{ height:70px; color:#999; border-radius:35px; background:#fff; position:relative; padding-left:75px;}
.Banner .ban li.searchBox .t3 .text{ width:90%; height:40px; line-height:40px; font-size:18px; margin-top:13px;}
.Banner .btnGo{ width:150px; height:70px; line-height:70px; text-align:center; position:absolute; right:0; top:0; font-size:26px; color:#fff; border-radius:35px; background:#0865ff;}
.Banner .btnGo:hover{ background:#3b99ff;}
.Banner .searchResult{ height:208px; padding-top:130px; box-sizing:border-box;}
.Banner .searchResult .textDiv{ width:820px; height:70px; line-height:70px; margin:0 auto; padding:0 95px 0 55px; color:#999; border-radius:35px; background:#fff; position:relative;}
.Banner .searchResult .textDiv .iconfont{ color:#838c9f; font-size:28px; cursor:pointer; position:absolute; right:0; top:0; width:95px; text-align:center;}
.Banner .searchResult .textDiv .iconfont:hover{ color:#2c63f6;}
.Banner .searchResult .textDiv .text{ width:90%; height:40px; line-height:40px; font-size:18px; margin-top:13px; color:#999;}
.Banner input:-ms-input-placeholder, .Banner textarea:-ms-input-placeholder {color:#999;}
.Banner input::-webkit-input-placeholder, .Banner textarea::-webkit-input-placeholder { color:#999;}
.Banner .helpInfo{ height:243px; margin-top:70px;}

.Banner-old{}
.Banner-old .ban{ position:relative;}
.Banner-old .ban li{ position:relative; height:360px; text-align:center;}
.Banner-old .ban li .txt2{ position:absolute; width:1000px; left:50%; top:40%; margin-left:-500px; color:#fff;}
.Banner-old .ban li .txt2 .t1{ color: #ffc600;font-size:54px; line-height:70px; font-weight:bold; letter-spacing:5px; position:relative; animation:bannerTxt1 1s;}
.Banner-old .ban li .txt2 .t2{ font-weight:100; color:#fff; letter-spacing:2px; font-size:20px; line-height:60px; position:relative; animation:bannerTxt2 1s;}
.Banner-old .ban li .txt2 .t3{ font-weight: bold;color: #ffc600;font-size:72px; font-weight:bold; line-height:70px; letter-spacing:1px; position:relative; animation:bannerTxt1 1s;}
.Banner-old .ban li .txt2 .t4{ font-weight:100; color:#fff; margin-top:10px; padding:0 55px; letter-spacing:1px; font-size:18px; line-height:30px; position:relative; animation:bannerTxt2 1s;}
.Banner-old .ban li .txt2 .t5{ margin-top:30px; font-weight:bold;color:#fff;font-size:40px; line-height:40px; letter-spacing:1px;  position:relative; animation:bannerTxt1 1s;}
.Banner-old .ban li .txt2 .t6{ color:#717081; font-size:28px; line-height:58px; position:relative; animation:bannerTxt2 1s;}

.Banner2{ margin-top:20px;}
.Banner2 .ban{ position:relative;}
.Banner2 .ban li{ position:relative; text-align:center;}
.Banner2 .ban .bg{ width:100%; z-index:1;}
.Banner2 .txtInfo{ width:1206px; height:100%; display:flex; align-items:center; flex-wrap:wrap; position:absolute; z-index:2; left:calc(50% - 603px); top:0; text-align:left; color:#010101;}
.Banner2 .txtInfo .t1{ font-size:18px; padding-top:50px; letter-spacing:2px; font-family: "Helvetica Neue", "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif; line-height:30px; position:relative;}
.Banner2 .txtInfo .t1 span{ display:inline-block; margin-right:10px; float:left;}
.Banner2 .txtInfo .t1 span img{ height:38px;}
/*.Banner2 .txtInfo .t1 .iconfont{ margin-left:3px; font-size:20px;}*/
.Banner2 .txtInfo .t2{ color:#010101; font-family: "Helvetica Neue", "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif; letter-spacing:1px; padding:15px 0; position:relative; text-decoration:inherit;white-space: nowrap;font-size:43px;line-height: 1.05556;font-weight: 600; }
.Banner2 .txtInfo .t3{ display:block; font-size:12px; line-height:26px;}
.Banner2 .txtInfo .t4{ font-size:16px; padding-top:20px; position:relative;}
.Banner2 .txtInfo .t4 a{ margin-right:10px; width:120px; height:40px; line-height:40px; text-align:center; color:#fff; display:inline-block; border-radius:5px;}
.Banner2 .txtInfo .t4 a.a1{ background:#1365f0;}
.Banner2 .txtInfo .t4 a.a2{ border:solid 1px #fff; display:none;}
.Banner2 .txtInfo .t4 a:hover{ background:#3b99ff; border-color:#3b99ff; color:#fff;}

.Banner2 .txtInfo .btnBox{ font-size:16px; padding-top:20px; position:relative;}
.Banner2 .txtInfo .btnBox a{ margin-right:20px; width:120px; height:40px; line-height:40px; text-align:center; color:#fff; display:inline-block; border-radius:5px;}
.Banner2 .txtInfo .btnBox a.a1{ background:none; border:solid 1px #fff;}
.Banner2 .txtInfo .btnBox a.a2{ border:solid 1px #fff; color:#2b64f3; background:#fff;}
.Banner2 .txtInfo .btnBox a:hover{ background:#3b99ff; border-color:#3b99ff; color:#fff;}
.Banner2 .txtInfo .t5{font-size: 34px;letter-spacing:5px;line-height:54px;}
.Banner2 .txtInfo .t6{font-size: 14px;letter-spacing:2px;line-height:40px;padding:20px 0 50px 0;}
.Banner2 .txtInfo .t6 em{ color:#01eaff; font-weight:bold;}
.Banner2 .txtInfo .t6 span{ padding-right:25px; margin-right:25px; position:relative;}
.Banner2 .txtInfo .t6 span:after{position:absolute;content:'';width:1px;height: 18px;background:#eee;right:0;top: 1px;}
.Banner2 .txtInfo .t6 span:last-child:after{ display:none;}

.Banner2-old .ban{ position:relative;}
.Banner2-old .ban li{ position:relative; height:400px; text-align:center;}
.Banner2-old .txtInfo{ width:1206px; margin:0 auto; text-align:left; color:#fff;}
.Banner2-old .txtInfo .t1{ font-size:18px; padding-top:100px; font-weight:bold; font-family: "Helvetica Neue", "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif; letter-spacing:1px; line-height:30px; position:relative;}
.Banner2-old .txtInfo .t1 span{ display:inline-block; width:30px; height:30px; font-weight:normal; line-height:30px; text-align:center; border-radius:3px; background:#797bfd; margin-right:10px; float:left;}
.Banner2-old .txtInfo .t1 .iconfont{ margin-left:3px; font-size:20px;}
.Banner2-old .txtInfo .t2{ color:#fff; font-family: "Helvetica Neue", "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif; letter-spacing:2px; padding:20px 0 20px 0; position:relative; text-decoration:inherit;white-space: nowrap;font-size:48px;line-height: 1.05556;font-weight: 600; }
.Banner2-old .txtInfo .t3{ display:block; font-size:14px; line-height:26px; letter-spacing:1px;}
.Banner2-old .txtInfo .t4{ font-size:16px; padding-top:25px; position:relative;}
.Banner2-old .txtInfo .t4 a{ margin-right:10px; width:120px; height:40px; line-height:40px; text-align:center; color:#fff; display:inline-block; border-radius:20px;}
.Banner2-old .txtInfo .t4 a.a1{ background:#787bfd;}
.Banner2-old .txtInfo .t4 a.a2{ border:solid 1px #fff;}
.Banner2-old .txtInfo .t4 a:hover{ background:#2c63f6; border-color:#2c63f6; color:#fff;}

.Banner_paas{ margin-top:70px;}
.Banner_paas .ban{ position:relative;}
.Banner_paas .ban li{ position:relative; /*height:610px;*/ text-align:center;}
.Banner_paas .ban li img{ width:100%;}
.Banner_paas .txtInfo{ position:absolute; left:50%; top:0; margin-left:-600px; width:1200px; height:100%; text-align:left; color:#fff; display:flex; align-items:center; flex-wrap:wrap;}
.Banner_paas .txtInfo .t1{ font-size:45px; text-shadow:rgba(50,100,245,1) -5px 5px 10px; font-weight:bold; letter-spacing:1px; line-height:70px; position:relative;}
.Banner_paas .txtInfo .t2{ font-size:40px; text-shadow:rgba(50,100,245,1) -5px 5px 10px; color:#fff; letter-spacing:2px; padding:0px 0 10px 0; line-height:70px; position:relative; }
.Banner_paas .txtInfo .t3{ font-size:14px; padding-top:15px; position:relative;}
.Banner_paas .txtInfo .t3 a{ margin-right:10px; width:120px; height:40px; line-height:40px; text-align:center; color:#fff; display:inline-block; border-radius:20px;}
.Banner_paas .txtInfo .t3 a.a1{ background:#fff; color:#176bf3;}
.Banner_paas .txtInfo .t3 a:hover{ background:#3b99ff; border-color:#3b99ff; color:#fff;}

.Banner_api{ margin-top:70px;}
.Banner_api .ban{ position:relative;}
.Banner_api .ban li{ position:relative; /*height:1010px;*/ text-align:center;}
.Banner_api .ban li img{ width:100%;}
.Banner_api .txtInfo{ width:1200px; height:100%; position:absolute; left:50%; top:0; margin-left:-600px; text-align:left; display:flex; align-items:center; flex-wrap:wrap;}
.Banner_api .txtInfo .t1{ font-size:45px; color:#046cff; font-weight:bold; letter-spacing:1px; line-height:70px; position:relative;}
.Banner_api .txtInfo .t2{ font-size:40px; color:#333; color:#333; letter-spacing:2px; padding:0 0 20px 0; line-height:70px; position:relative; }
.Banner_api .txtInfo .t3{ font-size:14px; padding-top:0; position:relative;}
.Banner_api .txtInfo .t3 a{ margin-right:10px; width:120px; height:40px; line-height:40px; text-align:center; color:#fff; display:inline-block; border-radius:20px;}
.Banner_api .txtInfo .t3 a.a1{ background:#0865ff; color:#fff;}
.Banner_api .txtInfo .t3 a:hover{ background:#3b99ff; border-color:#3b99ff; color:#fff;}

@keyframes bannerTxt1{ from { left:80px; opacity:0;} to {left:0; opacity:1;} }
@keyframes bannerTxt2{ from { left:-80px; opacity:0;} to {left:0; opacity:1;} }
@keyframes bannerTxt3{ from { top:50px; opacity:0;} to {top:0; opacity:1;} }
@keyframes bannerImg{ from { opacity:0;} to { opacity:1;} }
.H_banner .hd{ display:none; width:1200px; margin:auto; text-align:center; position:absolute; left:50%; bottom:20px; margin-left:-585px;}
.H_banner .hd ul{ display:inline-block;}
.H_banner .hd ul li{ width:15px; height:15px; margin:0 5px; cursor:pointer; float:left; border:solid 1px #fff; text-indent:-5000px; border-radius:50%;}
.H_banner .hd ul li.on{ border:solid 1px #fff; background:#fff;}
@media(min-width:320px) and (max-width:1150px)
{

}
@media(min-width:1280px) and (max-width:1440px)
{
    .H_banner .ban li .txt .t1{ font-size:42px; line-height:50px;}
    .H_banner .ban li .txt .t2{ font-size:54px; line-height:66px;}
    .H_banner .ban li .txt .t3{ padding-top:30px;}
}

.H_title{ height:110px; line-height:110px; text-align:center; font-size:34px; color:#333; letter-spacing:2px;}

.H_layer01{ padding:100px 0 25px 0;}
.H_layer01 .auto{ width:1400px;}
.H_layer01 ul{ padding-top:17px;}
.H_layer01 ul li{ width:435px; height:300px; cursor:pointer; background:#f7fafd; text-align:center; float:left; color:#666;}
.H_layer01 ul li .p1{ margin:30px auto 23px; height:76px; position:relative;}
.H_layer01 ul li .p1 img{ height:76px; position:absolute; left:50%; top:0; margin-left:-38px;}
.H_layer01 ul li .p1 .iconHand{}
.H_layer01 ul li .p1 .iconAcur{ opacity:0;}
.H_layer01 ul li .p2{ font-size:18px; line-height:32px; color:#333;}
.H_layer01 ul li .p3{ font-size:16px; letter-spacing:1px; line-height:28px; color:#999; padding:0 40px;text-align:left;text-indent: 34px;}
.H_layer01 ul li:nth-child(2){ margin:0 45px;}
.H_layer01 ul li:hover{ }
/*.H_layer01 ul li:hover .p1{ box-shadow:0px 0px 15px 0px rgba(0,84,254,0.3); border-radius:50%;}*/
.H_layer01 ul li:hover .p2{ color:#3b99ff;}
.H_layer01 ul li:hover .p1 .iconHand{ opacity:0;}
.H_layer01 ul li:hover .p1 .iconAcur{ opacity:1;}

.H_layer02{ padding:30px 0 40px 0;}
.H_layer02 .auto{ width:1400px;}
.H_layer02 .hd{ border-bottom:solid 2px #edeef0; height:90px; margin-top:20px; }
.H_layer02 .hd li{ float:left; position:relative; line-height:30px; padding-bottom:5px; color:#666; margin:0 22px; font-size:16px; cursor:pointer; text-align:center;}
/*.H_layer02 .hd li span{ display:block; color:#999; width:40px; height:40px; margin:0 auto; background:#f8f8f8; border-radius:50%;}*/
.H_layer02 .hd li .iconfont{ font-size:20px; -webkit-transition:-webkit-transform 1s ease-out; -moz-transition:-moz-transform 1s ease-out; -o-transition:-o-transform 1s ease-out; -ms-transition:-ms-transform 1s ease-out;}
.H_layer02 .hd li:hover,.H_layer02 .hd li.on{ color:#046cff;}
.H_layer02 .hd li:hover span,.H_layer02 .hd li.on span{ color:#046cff;}
.H_layer02 .hd li:hover:after,.H_layer02 .hd li.on:after{ position:absolute; left:0; bottom:-5px; content:''; width:100%; height:2px; background:linear-gradient(to right, #227af1 , #227af1);}
.H_layer02 .hd li:hover .iconfont{ -webkit-transform:rotateZ(360deg); -moz-transform:rotateZ(360deg);-o-transform:rotateZ(360deg);-ms-transform:rotateZ(360deg); transform:rotateZ(360deg);}
.H_layer02 .hd li .icon{ width:50px; margin:0 auto; height:50px; margin-top:3px; position:relative; display:block; text-align:center;}
.H_layer02 .hd li .icon img{ height:40px;}
.H_layer02 .hd li .iconHand{}
.H_layer02 .hd li .iconAcur{ display:none;}
.H_layer02 .hd li:hover .iconHand,.H_layer02 .hd li.on .iconHand{ display:none;}
.H_layer02 .hd li:hover .iconAcur,.H_layer02 .hd li.on .iconAcur{ display:block; position:absolute; top:-19px; left:-10px; width:70px; max-width:70px; height:70px;}
.H_layer02 .bd{ margin-top:45px; height:420px; overflow:hidden;}
.H_layer02 .bd li{}
.H_layer02 .bd li .p1{ float:left;}
.H_layer02 .bd li .p1 img{ width:720px;}
.H_layer02 .bd li .p2{ width:505px; height:405px; /* letter-spacing:2px; */ float:right; padding:100px 70px 0 0; font-size:16px; line-height:28px; color:#000;text-indent: 32px;}
.H_layer02 .bd li .p2 a{ display:block; margin-top:15px; border-radius:17px; width:100px; height:34px; line-height:34px; text-align:center; color:#fff; background:#0865ff;text-indent: 0px;}
.H_layer02 .bd li .p2 a:hover{ background:#3b99ff;}

.H_layer03{ padding:5px 0 50px 0;}
.H_layer03 .auto{ width:1100px;}
.H_layer03 .H_title{ position:relative; z-index:3; }
.H_layer03 .hd{width: 525px;float:left;padding-top:20px;}
.H_layer03 .hd li{height: 85px;margin-bottom:5px;padding: 20px 25px 0 17px;cursor:pointer;}
.H_layer03 .hd li .p1{ float:left; margin:15px 20px 0 0;}
.H_layer03 .hd li .p1 i{ display:inline-block; font-size:20px; width:38px; height:38px; line-height:38px; border-radius:50%; background:#3ac7fc; text-align:center; color:#fff;}
.H_layer03 .hd li .p2{font-size: 16px;padding-bottom:8px;color:#333;}
.H_layer03 .hd li .p3{font-size: 13px;line-height: 20px;color:#646977;}
.H_layer03 .hd li.on{ background:#fff; box-shadow:0 3px 12px #d2e1f0;}
.H_layer03 .hd li:nth-child(even) .p1 i{ background:#797dfd;}
.H_layer03 .bd{/* width:605px; */float:right;padding-top:30px;position:relative;z-index:1;}
.H_layer03 .bd li{}
.H_layer03 .bd li img{margin-top:-40px;/* width:605px; */height: 500px;}

.H_layer03-new{}
.H_layer03-new .auto{ width:1000px; height:650px; position:relative;}
.H_layer03-new .photo{ position:absolute; z-index:1; left:0; top:100px; left:50%; top:50%; margin:-90px 0 0 -230px;}
.H_layer03-new .photo img{ width:460px;}
.H_layer03-new ul{}
.H_layer03-new ul li{ position:absolute; width:250px; z-index:4;}
.H_layer03-new ul li .icon{ text-align:center;}
.H_layer03-new ul li .icon img{ width:60px; height:60px;}
.H_layer03-new ul li .p1{ font-size:16px; line-height:54px; text-align:center;}
.H_layer03-new ul li .p2{ font-size:13px; line-height:24px; color:#999; text-align:justify;}
.H_layer03-new ul li.n1{ left:-15px; top:170px;}
.H_layer03-new ul li.n2{ right:-15px; top:170px;}
.H_layer03-new ul li.n3{ left:-15px; top:455px;}
.H_layer03-new ul li.n4{ right:-15px; top:455px;}

.H_full_participation{}
.H_full_participation .H_title{ padding-top:70px; padding-bottom:20px;}
.H_full_participation ul{ padding:30px 0 0 60px;}
.H_full_participation ul li{ width:245px; height:420px; float:left; margin-right:35px;}
.H_full_participation ul li .icon{}
.H_full_participation ul li .icon img{ width:215px; height:215px; border-radius:50%; border:solid 5px #fff;}
.H_full_participation ul li .p1{ font-size:14px; text-align:center; padding:13px 0 15px 0;}
.H_full_participation ul li .p1 span{ font-size:13px; color:#666; padding:0 3px;}
.H_full_participation ul li .p2{ line-height:30px; color:#666; margin-left:5px;}
.H_full_participation ul li .p2 span{ display:block; padding-left:15px; position:relative;}
.H_full_participation ul li .p2 span:before{ position:absolute; left:0; top:50%; margin-top:-2px; width:5px; height:5px; background:#797cf5; content:''; border-radius:50%;}
.H_full_participation ul li:hover{}
.H_full_participation ul li:hover .p1{ color:#797cf5; font-size:16px;}
.H_full_participation ul li:hover .icon{}
.H_full_participation ul li:hover .icon img{ border-color:#797cf5; width:235px; height:235px;}
.H_full_participation ul li:last-child{ margin-right:0;}

.H_allStaff{ background:url("../images/h_allstaff_bg.png") no-repeat center top; position:relative; z-index:8;background-size: contain;}
.H_allStaff .H_title{ color:#fff; padding:50px 0;}
.H_allStaff .hd{ height:160px; background:#fff; box-shadow:0px 0px 15px 0px rgba(0,84,254,0.3);}
.H_allStaff .hd li{ width:25%; float:left; position:relative;}
.H_allStaff .hd li:before{ position:absolute; width:1px; height:80px; background:#d0d0d0; content:''; right:0; top:40px; }
.H_allStaff .hd li .d1{ overflow:hidden; padding-top:22%;}
.H_allStaff .hd li .d1 .num{ font-family:puhuiti; margin-left:15%; font-size:50px; color:#dde7ff; float:left; padding-top:10px;}
.H_allStaff .hd li .d1 .title{ text-align:center; font-size:16px; color:#046cff; float:left; padding-left:15px;}
.H_allStaff .hd li .d1 .t1{ display:block;}
.H_allStaff .hd li .d1 .t2{ display:block; padding-top:3px; color:#b8b8b8; text-transform:uppercase; font-size:11px; letter-spacing:1px;}
.H_allStaff .hd li .d2{ opacity:0; position:absolute; color:#fff; padding:25px 32px 0 50px; box-sizing:border-box; left:-32px; top:-25.5px; width:418px; height:217px;}
.H_allStaff .hd li .d2 .title{ font-size:18px; line-height:30px; padding:15px 0 8px 40px;}
.H_allStaff .hd li .d2 .num{ font-family:puhuiti; font-size:30px; color:#dde7ff; opacity:0.8; position:absolute; left:45px; top:45px;}
.H_allStaff .hd li .d2 .txt{ line-height:24px;}
.H_allStaff .hd li .d2 .txt span{ display:block; position:relative; padding-left:12px;}
.H_allStaff .hd li .d2 .txt span:after{ position:absolute; width:5px; height:5px; background:#fff; border-radius:50%; content:''; left:0; top:9px;}
.H_allStaff .hd li:hover .d2,.H_allStaff .hd li.acur .d2{ opacity:1;}
.H_allStaff .hd li:hover .d1,.H_allStaff .hd li.acur .d1{ opacity:0;}
.H_allStaff .hd li:last-child:before{ display:none;}
.H_allStaff .hd li:first-child .d2 .title{ padding-left:35px;}

.H_allStaff .bd{}
.H_allStaff .bd .H_title{ padding:60px 0 20px 0; color:#333;}
.H_allStaff .bd li{ position:relative; height:950px;}
.H_allStaff dl{ position:absolute; right:-22px; top:210px; width:650px; z-index:4;}
.H_allStaff dl dt{ position:relative; height:120px; padding:10px 25px 10px 100px; box-shadow:-10px 15px 25px -10px rgba(0,0,0,0.15); margin-bottom:25px; background:#fff; border:solid 2px #fff; border-radius:15px; background:linear-gradient(to bottom, #f4f9fe , #f7fbfc);}
.H_allStaff dl dt .txt{ display:flex; align-items:center; flex-wrap:wrap; height:120px;}
.H_allStaff dl dt .icon{ position:absolute; left:30px; top:50px;}
.H_allStaff dl dt .icon img{ width:50px;}
.H_allStaff dl dt .p1{ font-size:16px; letter-spacing:1px; font-weight:bold; line-height:34px; color:#333;}
.H_allStaff dl dt .p2{ font-size:14px; line-height:28px; color:#999; text-align:justify;}
.H_allStaff dl dt:hover{ transform:scale(1.1, 1.1); transition: all 0.5s;}
.H_allStaff .subTitle{ position:absolute; left:240px; bottom:182px; color:#fff; font-size:14px; letter-spacing:1px;}
.H_allStaff .photo{ position:absolute; z-index:1; left:-70px; top:240px;}
.H_allStaff .photo img{ width:650px;}
.H_allStaff .photo .gif{ position:absolute; left:-20px; top:-100px; width:860px; max-width:860px; z-index:8;}
.H_allStaff .photo .ballBox{ position:absolute; cursor:pointer; width:100px; height:100px;}
.H_allStaff .photo .ball{ line-height:22px; position:absolute; left:0; top:0; z-index:3; font-size:14px; letter-spacing:1px; font-weight:bold; color:#1075ff; padding-top:25px; text-align:center; display:block; width:100px; height:75px; background:url("../images/h_dingzhi_ballwhite.png") no-repeat left top; background-size:100% 100%;}
.H_allStaff .photo .dz1,.H_allStaff .photo .dz2{ width:100px; position:absolute; z-index:1; left:0; bottom:-5px;}
.H_allStaff .photo .dz2{ opacity:0;}
.H_allStaff .photo .ballBox:hover{}
.H_allStaff .photo .ballBox:hover .ball{ top:-10px; background:url("../images/h_dingzhi_ballblue.png") no-repeat left top; background-size:100% 100%; color:#fff;}
.H_allStaff .photo .ballBox:hover .dz2{ opacity:1;}
.H_allStaff .photo .ballBox:hover .dz1{ opacity:0;}

.H_allStaff .photo .n1{ left:100px; top:34px;}
.H_allStaff .photo .n2{ left:275px; top:0px;}
.H_allStaff .photo .n3{ left:435px; top:34px;}
.H_allStaff .photo .n4{ left:-5px; top:210px;}
.H_allStaff .photo .n5{ left:121px; top:160px;}
.H_allStaff .photo .n6{ left:275px; top:142px;}
.H_allStaff .photo .n7{ left:430px; top:160px;}
.H_allStaff .photo .n8{ left:555px; top:210px;}
.H_allStaff .photo .n8 .ball{ padding-top:28px; height:72px;}
.H_allStaff .ballRun1 {
    -webkit-animation:ballRun1 1.8s linear;animation:ballRun1 1.8s linear;
    animation-iteration-count:infinite; /*循环播放*/
}
.H_allStaff .ballRun2 {
    -webkit-animation:ballRun2 1.8s linear;animation:ballRun2 1.8s linear;
    animation-iteration-count:infinite; /*循环播放*/
}
@keyframes ballRun1
{
    0% { margin-top:10px;}
    30% { margin-top:0px;}
    90% { margin-top:10px;}
    100% { margin-top:10px;}
}
@keyframes ballRun2
{
    0% { margin-top:15px;}
    50% { margin-top:0px;}
    100% { margin-top:15px;}
}
.H_allStaff dl dt:hover{}
.H_allStaff dl dt:hover .p1{ color:#046cff;}
.H_allStaff dl dt:hover .p2{ color:#333;}

.H_allStaff .adBox{}
.H_allStaff .adBox li{ height:200px; float:left; width:700px; position:relative;}
.H_allStaff .adBox li img{ width:700px; max-width:700px; position:absolute; left:-20px;}
.H_allStaff .adBox li .txt{ position:absolute; left:30px; top:60px; letter-spacing:2px;}
.H_allStaff .adBox li .t1{ font-size:30px; font-weight:bold; color:#046cff; display:block;}
.H_allStaff .adBox li .t2{ font-size:20px; color:#666; line-height:50px; display:block;}
.H_allStaff .adBox li .t3{ display:block;}
.H_allStaff .adBox li .t3 a{ font-size:14px; color:#fff; width:110px; height:30px; line-height:30px; background:#0865ff; border-radius:17px; text-align:center; display:block;}
.H_allStaff .adBox li .t3 a:hover{ background:#3b99ff;}
.H_allStaff .adBox li:last-child img{ left:10px;}
.H_allStaff .adBox li:last-child .txt{ left:60px;}

.H_bushu{ background:url("../images/h_bushubg.png") repeat-x left top; position:relative; margin-top:-70px;}
.H_bushu .photo{ width:760px; position:absolute; right:0px; top:160px; z-index:8; display:none;}
.H_bushu .H_title{ padding:130px 0 15px;}
.H_bushu .leftCont{ width:750px; letter-spacing:1px;}
.H_bushu .leftCont li{ position:relative; box-shadow:0px 0px 15px 0px rgba(0,84,254,0.05); height:125px; margin-bottom:30px; padding:20px 20px 0 35px; border-radius:10px; background:#fff;}
.H_bushu .leftCont li .p1{ position:relative; z-index:5; font-size:20px; color:#333;}
.H_bushu .leftCont li .p2{ position:relative; z-index:5; color:#777; line-height:28px; margin-top:10px;}
.H_bushu .leftCont li:after{ position:absolute; width:5px; height:145px; background:linear-gradient(to bottom, #006eff , #006eff); border-radius:5px; content:''; left:0; top:0px;}
.H_bushu .leftCont li .icon{ position:absolute; right:10px; bottom:0px; z-index:1; height:85px; overflow:hidden;}
.H_bushu .leftCont li .icon img{ height:120px;}
.H_bushu .leftCont li .iconHover{ display:none;}
.H_bushu .leftCont li:hover{ background:linear-gradient(to bottom, #4a95fd , #1271ff);}
.H_bushu .leftCont li:hover:after,.H_bushu .leftCont li:hover .iconHand{ display:none;}
.H_bushu .leftCont li:hover .p1,.H_bushu .leftCont li:hover .p2{ color:#fff;}
.H_bushu .leftCont li:hover .iconHover{ display:block;}
.H_bushu .photoTxt{ position:absolute; left:0; top:100px; width:100%; display:none;}
.H_bushu .photoTxt .numRun{
    height:30px; line-height:30px; font-size:14px; overflow:hidden;
}
.H_bushu .photoTxt li{ cursor:pointer;}
.H_bushu .photoTxt .numRun p{ height:30px; text-align:center; font-family:puhuiti; font-size:28px; font-weight:bold; color:transparent;
    background-image:linear-gradient(#71a7ff, #066dff);
    -webkit-background-image:linear-gradient(#71a7ff, #066dff);
    -moz-background-image:linear-gradient(#71a7ff, #066dff);
    background-clip:text;
    -webkit-background-clip:text;
    -moz-background-clip:text;
}
.H_bushu .photoTxt .bfb{ display:inline-block; width:40px; float:left; margin:5px 0 0 2px;
    font-weight:bold;
    color:#066dff;
    /*background-image: linear-gradient(#71a7ff, #066dff);*/
    /*-webkit-background-image:linear-gradient(#71a7ff, #066dff);*/
    /*-moz-background-image: linear-gradient(#71a7ff, #066dff);*/
    /*background-clip: text;*/
    /*-webkit-background-clip: text;*/
    /*-moz-background-clip: text;*/
}
.H_bushu .photoTxt .txt{ letter-spacing:2px;}
.H_bushu .photoTxt li{ position:absolute; width:200px;}
.H_bushu .photoTxt .t1{ left:310px; top:55px;}
.H_bushu .photoTxt .t1 .txt{ margin-left:8px;}
.H_bushu .photoTxt .t2{ left:225px; top:140px;}
.H_bushu .photoTxt .t3{ left:180px; top:248px;}
.H_bushu .photoTxt .t4{ left:168px; top:332px;}
.H_bushu .photoTxt .t5{ left:220px; top:437px;}
.H_bushu .photoTxt .t6{ left:300px; top:545px;}
.H_bushu .photoTxt li:hover .txt{ color:#3b99ff;}
.H_bushu .rolling1 {
    height:30px; width:20px; display:inline-block; float:left;
    -webkit-animation:none; animation:none;
    /*-webkit-animation:rolling1 10s ease;animation:rolling1 10s ease;*/
    /*-webkit-transform:translateY(-120px); -ms-transform:translateY(-120px); transform:translateY(-120px);*/
    /*animation-play-state:paused; !*暂停动画*!*/
    /*animation-iteration-count:infinite; !*循环播放*!*/
}
.H_bushu .rolling2 {
    height:30px; width:20px; display:inline-block; float:left;
    -webkit-animation:none; animation:none;
    /*-webkit-animation:rolling2 10s ease; animation:rolling2 10s ease;*/
    /*-webkit-transform:translateY(0px); -ms-transform:translateY(0px); transform:translateY(0px);*/
    /*animation-play-state:paused; !*暂停动画*!*/
    /*animation-iteration-count:infinite; !*循环播放*!*/
}
@keyframes rolling1
{
    0% { transform:translateY(0px);}
    /*10% { transform:translateY(-120px);}*/
    100% { transform:translateY(-120px);}
}
@keyframes rolling2
{
    0% { transform:translateY(-150px);}
    /*10% { transform:translateY(0px);}*/
    100% { transform:translateY(0px);}
}
.H_bushu .startPlay{ animation-play-state:running; /*开始动画*/}
.H_bushu .photoTxt li .startPlay1 {
    -webkit-animation:rolling1 1s ease; animation:rolling1 1s ease;
    -webkit-transform:translateY(-120px); -ms-transform:translateY(-120px); transform:translateY(-120px);
}
.H_bushu .photoTxt li .startPlay2{
    -webkit-animation:rolling2 1s ease; animation:rolling2 1s ease;
    -webkit-transform:translateY(0px); -ms-transform:translateY(0px); transform:translateY(0px);
}

.H_shengtai{ height:750px; background:url("../images/h_shengtaibg.png") repeat-x left bottom;}
.H_shengtai .H_title{ padding:30px 0;}
.H_shengtai .photo{ text-align:center; position:relative; margin-top:-32px; z-index:1;}
.H_shengtai .photo img{ width:1200px; }
.H_shengtai .photo .gif{ width:1200px; position:absolute; z-index:88; left:0px; top:0px;}
.H_shengtai ul{ position:relative; z-index:7;}
.H_shengtai ul li{ position:absolute; top:-600px; width:230px; letter-spacing:1px;}
.H_shengtai ul li .p1{ font-size:18px; color:#333; padding:30px 0 10px 0; position:relative;}
.H_shengtai ul li .p1:before{ content:''; top:37px; position:absolute; background:#3f86f5; border-radius:50%; width:6px; height:6px;}
.H_shengtai ul li .p2{ color:#999; text-transform:uppercase;}
.H_shengtai ul li.t1{ left:0; text-align:right;}
.H_shengtai ul li.t1 .p1:before{ right:-15px;}
.H_shengtai ul li.t2{ right:0;}
.H_shengtai ul li.t2 .p1:before{ left:-15px;}

.H_honor{ position:relative;}
.H_honor dl{ width:1200px; height:92px; position:absolute; left:50%; top:50%; margin:-46px 0 0 -600px; text-align: center;}
.H_honor dl dt{ display:inline-block; text-align:center; color:#fff; padding-right:45px;}
.H_honor dl dt .photo{}
.H_honor dl dt .photo img{ width:60px;}
.H_honor dl dt .title{ padding-top:15px;}
.H_honor .photo{}
.H_honor .photo img{ width:100%;}

.H_layer04{ padding:90px 0 70px 0; background-image:linear-gradient(to bottom, #f8fafd , #f0f0fd);}
.H_layer04 .photo{ margin:0 0 0 95px; position:relative; width:454px; float:left;}
.H_layer04 .photo img{ width:454px; height:438px; position:relative; z-index:2;}
.H_layer04 .photo:after{ width:220px; height:435px; background:#dde2fa; content:''; right:-17px; top:-17px; position:absolute; z-index:1;}
.H_layer04 .photo .playIcon{ width:92px; height:92px; z-index:3; background:url("../images/home_layer4_play.png") no-repeat left top; position:absolute; left:50%; top:50%; margin:-46px 0 0 -46px;}
.H_layer04 .photo .playIcon:hover{ opacity:0.8;}
.H_layer04 .title{ width:505px; margin-top:165px; position:relative; float:right; line-height:60px; font-size:42px;}
.H_layer04 .title:after{ width:47px; height:37px; background:url("../images/home_layer4_yh.png") no-repeat left top; content:''; left:-78px; top:-34px; position:absolute; z-index:1;}

.H_layer05{ padding:60px 0 102px; position:relative;}
.H_layer05 .bd{ height:532px; overflow:hidden; position:relative; z-index:4;}
.H_layer05 .bd ul{ height:532px;}
.H_layer05 .bd li{ box-shadow:0px 0px 15px 0px rgba(50,113,252,0.2); width:372px; height:460px; font-size:13px; color:#999; padding-top:20px; position:relative; margin:20px 20px 0 10px; background:#fff; border-radius:15px; float:left;}
.H_layer05 .bd li:before{ z-index:8; content:''; left:28px; top:100px; width:26px; height:21px; position:absolute; background:url("../images/icon-yh.png") no-repeat left top; background-size:26px 21px;}
.H_layer05 .bd li .logo{ position:relative; z-index:8; padding:20px 30px 25px; height:35px;}
.H_layer05 .bd li .logo img{ height:35px;}
.H_layer05 .bd li .logo .logo2{ display:none;}
.H_layer05 .bd li .bg{ position:absolute; left:0; top:0; width:100%; height:100%; z-index:1; opacity:0;}
.H_layer05 .bd li .bg img{ width:100%; height:100%; border-radius:15px;}
.H_layer05 .bd li .p1{ position:relative; z-index:8; height:320px; text-indent:2em; overflow:hidden; padding:0 30px 0; font-size:13px; text-align:justify; line-height:26px; color:#999;}
.H_layer05 .bd li .p2{ z-index:8; position:absolute; bottom:20px; left:20px;}
.H_layer05 .bd li .p2 .photo{ display:inline-block; margin-right:10px; float:left;}
.H_layer05 .bd li .p2 .photo img{ border-radius:50%; width:45px; height:45px; border:solid 2px #096bff;}
.H_layer05 .bd li .p2 .name{ display:inline-block; text-align:left; line-height:20px; padding-top:4px;}
.H_layer05 .bd li .p2 .name em{ display:block; font-size:12px;}
.H_layer05 .bd li:hover{ margin-top:0; height:490px; color:#fff; background-image:linear-gradient(to right, #797dfd , #a5c6fa); border:none;}
.H_layer05 .bd li:hover:before{ left:28px; top:100px; background:url("../images/icon-yh2.png") no-repeat center top; background-size:26px 22px;}
.H_layer05 .bd li:hover .bg{ opacity:1;}
.H_layer05 .bd li:hover .p1{ color:#fff;}
.H_layer05 .bd li:hover .p2 .photo img{ border-color:#fff;}
.H_layer05 .bd li:hover .logo .logo1{ display:none;}
.H_layer05 .bd li:hover .logo .logo2{ display:block;}
.H_layer05 .hd{ position:absolute; left:0; right:0; bottom:-40px; text-align:center;}
.H_layer05 .hd li{ cursor:pointer; width:10px; height:10px; display:inline-block; text-indent:-5000px; border:solid 1px #0865ff; margin:0 5px; border-radius:50%;}
.H_layer05 .hd li:hover:hover,.H_layer05 .hd li.on{ background:#0865ff;}
.H_layer05 .hd .prev,.H_layer05 .hd .next{ position:absolute; top:-290px; display:inline-block; text-align:center; width:28px; height:28px; line-height:28px; border-radius:50%; border:solid 1px #0865ff; color:#0865ff;}
.H_layer05 .hd .prev:hover,.H_layer05 .hd .next:hover{ color:#fff; background:#0865ff; }
.H_layer05 .hd .iconfont{ font-size:18px; font-weight:bold;}
.H_layer05 .hd .prev{ left:-50px;}
.H_layer05 .hd .next{ right:-50px;}
.H_layer05 .leftCircle,.H_layer05 .rightCircle{ display:none; position:absolute; z-index:1; width:280px; height:280px; border-radius:50%; opacity:0.2; background-image:linear-gradient(to right, #797dfd , #a5c6fa);}
.H_layer05 .leftCircle:hover,.H_layer05 .rightCircle:hover{ opacity:0.4;}
.H_layer05 .leftCircle{ left:-40px; top:30px; animation:leftCircle 2s linear infinite alternate;}
.H_layer05 .rightCircle{ right:0; top:-10px; width:90px; height:90px; animation:rightCircle 2s linear infinite alternate;}
@keyframes leftCircle {
    0%{ left:-40px; top:30px;}
    100%{ left:-50px; top:25px;}
}
@keyframes rightCircle {
    0%{ right:0px; top:-10px;}
    100%{ right:-10px; top:0px;}
}

.H_layer06{ padding:20px 0 30px;}
.H_layer06 ul{}
.H_layer06 ul li{ float:left; position:relative; width:208px; height:84px; box-shadow:0 2px 24px rgba(28,76,186,.08); background:#fff; margin:20px 30px 10px 0; position:relative; overflow:hidden;}
.H_layer06 ul li img{ width:165px; height:80px; position:absolute; left:5px; top:2px; transition:all 0.2s ease-in; -moz-transition:all 0.2s ease-in; -ms-transition:all 0.2s ease-in; -webkit-transition:all 0.2s ease-in;}
.H_layer06 ul li span{ display:none; opacity:0; position:absolute; left:-2px; top:30px; width:177px; height:88px; line-height:84px; color:#fff; font-size:16px; text-align:center; background:rgba(0,0,0,0.6);}
.H_layer06 ul li:hover{ box-shadow:0 0 25px #dfe3eb;}
.H_layer06 ul li:hover span{ opacity:1; top:0; left:0;}
.H_layer06 ul li:hover img{ width:175px; height:85px; left:0; top:0;}
.H_layer06 ul li:nth-child(6n+0){ margin-right:0;}
#mytitle{ position:absolute; color:#fff; max-width:160px; font-size:12px; padding:2px 8px; background:rgba(40, 40, 40, 0.8); border-radius:3px;}

.H_layer07{ padding:18px 0 0;}
.H_layer07 .auto{ height:555px;}
.H_layer07 .bd{ height:445px; position:relative; margin-left:-10px;}
.H_layer07 .bd li{ width:403px; float:left; margin-left:10px;}
.H_layer07 .bd li .box{ margin:20px 30px 0 0; height:390px; line-height:24px; padding:12px 10px; border:solid 1px #d5d5d5; border-radius:5px;}
.H_layer07 .bd li .p1{ padding-bottom:25px;}
.H_layer07 .bd li .p1 img{ width:351px; height:200px;}
.H_layer07 .bd li .p2{ color:#333; font-size:16px; padding:0 10px;}
.H_layer07 .bd li .p3{ color:#999; font-size:14px; padding:5px 10px 0;}
.H_layer07 .bd li .p3 span{ display:block; font-size:14px;}
.H_layer07 .bd li .p4{ padding:17px 10px 0;}
.H_layer07 .bd li .p4 a{ display:block; width:90px; height:30px; line-height:28px; font-size:14px; border-radius:15px; color:#fff; background:#0865ff; padding-left:15px;}
.H_layer07 .bd li .p4 a:hover{ background:#3b99ff;}
.H_layer07 .bd li .p4 .icon{ display: inline-block; width:17px; height:13px; background:url("../images/home_morearrow.png") no-repeat left top; background-size:18px 10px; float:right; margin:10px 10px 0 5px;}
.H_layer07 .bd li .box:hover{ margin-top:10px; box-shadow:0px 0 10px 0px rgba(204,204,204,0.8);}

.H_layer07 .hd{ position:relative;}
.H_layer07 .hd ul{ display:none;}
.H_layer07 .hd .prev,.H_layer07 .hd .next{ position:absolute; top:-240px; display:inline-block; text-align:center; width:28px; height:28px; line-height:28px; border-radius:50%; border:solid 1px #0865ff; color:#0865ff;}
.H_layer07 .hd .prev:hover,.H_layer07 .hd .next:hover{ color:#fff; background:#0865ff; }
.H_layer07 .hd .iconfont{ font-size:18px; font-weight:bold;}
.H_layer07 .hd .prev{ left:-55px;}
.H_layer07 .hd .next{ right:-60px;}

.H_layer08{ padding:0 0 125px 0; position:relative; margin-top:50px;}
.H_layer08 .auto{ width:630px;}
.H_layer08 .subTitle{ font-size:14px; line-height:24px; text-align:center; color:#666; padding-top:13px;}
.H_layer08 .listFrom{ margin:0 auto 25px; width:375px; position:relative;}
.H_layer08 .listFrom li{ color:#999; position:relative;}
.H_layer08 .listFrom li .name{ color:#999; font-size:14px; display:none;}
.H_layer08 .listFrom li .textBox{ width:215px; height:42px; border-bottom:solid 1px #c7c7c7; border-radius:3px; margin:5px 0 15px 0; padding-left:35px; position:relative;}
.H_layer08 .listFrom li .textBox i{ display:inline-block; width:40px; height:33px; position:absolute; left:0; top:2px;}
.H_layer08 .listFrom li .text{ width:90%; height:40px; line-height:40px; border:none; font-size:14px;}
.H_layer08 .listFrom li .textBox:hover{ border-color:#787bfd;}
.H_layer08 .listFrom li .textBox:hover i{ color:#787bfd;}
.H_layer08 .listFrom li .tooltip{ top:-25px !important; left:95px !important; color:red; width:120px; text-align:right;}
.H_layer08 .listFrom li .yzm{ position:absolute; right:0; top:35px; height:42px; line-height:42px; color:#0865ff; cursor:pointer; width:100px; text-align:center; border:solid 1px #0865ff; border-radius:3px;}
.H_layer08 .listFrom li .yzm:hover{ color:#fff; background:#3b99ff; border-color:#3b99ff;}
.H_layer08 .listFrom li .yzmTips{ position:absolute; width:200px; display:none; top:45px; left:385px; color:red;}
.H_layer08 .listFrom li.ewm{ position:absolute; right:-2px; top:38px; width:100px;}
.H_layer08 .listFrom li.ewm img{ width:100px; margin-top:5px;}
.H_layer08 .tips{ margin:0 auto 20px; width:391px; font-size:14px; color:#999; text-align:center;}
.H_layer08 .btnGo{ width:165px; height:40px; line-height:35px; margin:0 auto; font-size:14px; color:#fff; border-radius:20px; text-align:center; background:#0865ff;}
.H_layer08 .btnGo .iconfont{ margin-right:10px; font-size:22px;}
.H_layer08 .btnGo:hover{ background:#3b99ff;}
.H_layer08 .leftIcon,.H_layer08 .rightIcon{ position:absolute; display:none;}
.H_layer08 .leftIcon{ left:0; bottom:45px; width:167px; height:317px; background:url("../images/home_ly_p1.png") no-repeat right top;}
.H_layer08 .rightIcon{ right:0; top:-40px; width:174px; height:357px; background:url("../images/home_ly_p2.png") no-repeat left top;}

.H_recommend{ width:1200px; margin:0 auto;}
.H_recommend .tabH3{ font-size:22px; line-height:24px; text-align:center; padding-bottom:40px;}
.H_recommend .tabH3 span{ display:inline-block; padding:0 25px; cursor:pointer;}
.H_recommend .tabH3 span:hover,.H_recommend .tabH3 span.active{ color:#3b99ff;}
.H_recommend .tabH3 span:last-child{ border-left:solid 1px #999;}
.H_recommend .box{ margin-bottom:90px;}
.H_recommend .listUl{ overflow:hidden; padding-top:10px;}
.H_recommend .listUl li{ width:340px; float:left; height:138px; overflow:hidden; position:relative; padding:20px 90px 20px 0;}
.H_recommend .listUl li .date{ color:#999; font-size:14px; margin-bottom:8px;}
.H_recommend .listUl li .title{ font-size:16px; margin-bottom:8px; line-height:24px;display: -webkit-box;display:box;box-pack:center;-webkit-box-orient:vertical;box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break:break-all;-webkit-box-orient:vertical;-webkit-line-clamp:2;height: 48px;}
.H_recommend .listUl li .title a{ color:#333; font-weight:bold;}
.H_recommend .listUl li .txt{ font-size:14px; line-height:24px; overflow:hidden; color:#666;display: -webkit-box;display:box;-webkit-box-pack:center;box-pack:center;-webkit-box-orient:vertical;box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break:break-all;-webkit-box-orient:vertical;-webkit-line-clamp:5;}
.H_recommend .listUl li:nth-child(3n+0){ padding-right:0;}
.H_recommend .listUl .btnMore{ text-align:center; font-size:16px; clear:both; padding:20px 0;}
.H_recommend .listUl .btnMore a{}
.H_recommend .listUl .btnMore a span{ color:#999;}
.H_recommend .listUl .btnMore a:hover{ color:#3b99ff;}

/**/
.Footer{ font-size:14px; color:#fff; letter-spacing:1px; background:#0e1421;}
.Footer a{ transition:all 0.3s linear; -moz-transition:all 0.3s linear; -webkit-transition:all 0.3s linear; -o-transition:all 0.3s linear; color:#fff;}
.Footer a:hover{ color:#2c63f6;}
.Footer .auto{ width:1000px; height:325px; position:relative;}
.Footer .copyright{ position:absolute; left:0; right:0; text-align:center; bottom:25px; color:#fff;}
.Footer .nav{}
.Footer .nav li{ padding-right:80px; float:left; width:60px;}
.Footer .nav li .t1{ font-size:20px; padding:65px 0 25px 0;}
.Footer .nav li span{ display:block; width:170px; line-height:26px; float:left;}
.Footer .nav li.oneLi{ width:70%;}
.Footer .nav li.oneLi span:nth-child(2n+1){ float:right;}
.Footer .tell{ width:200px; height:220px; position:absolute; font-size:16px; right:0; top:0; border-bottom:solid 1px #9695aa; line-height:26px;}
.Footer .tell .d1{ font-size:20px; padding:60px 0 10px 0;}
.Footer .tell .a1,.Footer .tell .a2{ display:block; float:left; width:30px; height:30px; margin:10px 15px 0 0;}
.Footer .tell .a1{ background:url("../images/bottom_i1.png") no-repeat left top; position:relative; background-size:30px 30px;}
.Footer .tell .a1 img{ position:absolute; left:50%; top:-155px; margin-left:-75px; max-width:150px; width:150px; height:150px; display:none;}
.Footer .tell .a1:hover img{ display:block;}
.Footer .tell .a2{ background:url("../images/bottom_i2.png") no-repeat left top; background-size:30px 30px;}
.Footer .link{ width:185px; position:absolute; right:0; top:238px;}
.Footer .ewm{ position:absolute; right:213px; top:65px;}
.Footer .ewm img{ width:90px; margin-top:10px;}
@media(min-width:320px) and (max-width:1150px)
{

}

.H_title_b{ font-size:34px; color:#333; height:60px; line-height:60px; text-align:center;}

.about_layer01{}
.about_layer01 ul{ font-size:0px; margin-top:50px;}
.about_layer01 ul li{ display:inline-block; width:20%; height:150px; position:relative; cursor:pointer;}
.about_layer01 ul li .about_fill{ position:absolute; top:0px; bottom:0px; left:0px; right:0px;}
.about_layer01 ul li .about_fill i{ display:block; text-align:center;}
.about_layer01 ul li .about_fill i img{ }
.about_layer01 ul li .about_fill span{ display:block; text-align:center; font-size:14px; color:#999; margin-top:10px;}
.about_layer01 ul li:hover .about_fill span{ color:#333;}

.about_layer02{ padding:65px 0 0 0;}
.about_layer02_box{ position:relative;}
.about_layer02_L{ margin-right:50%;}
.about_layer02_L_img{ position:relative; z-index:9; height:521px; width:613px;}
.about_layer02_L_img img{ position:absolute; right:0; top:0px; z-index:9; height:521px; width:613px;}
.about_layer02_L_bg{ display:none; z-index:1; position:absolute; left:0px; bottom:0px; width:450px; height:450px; background:linear-gradient(#B7D8FC,#a2a4fe);}
.about_layer02_R{ position:absolute; top:0px; left:650px; right:0px;}
.about_layer02_R_T{ position:relative; text-align:center; font-size:34px; line-height:60px; color:#333; padding-bottom:10px;}
.about_layer02_R_T::before{ display:none; content:""; position:absolute; left:calc(50% - 17px); bottom:5px; width:34px; height:3px; background:linear-gradient(#B7D8FC,#a2a4fe);}
.about_layer02_R_B{ margin-top:0px; font-size:14px; font-weight:bold; color:#666; line-height:26px;}
.about_layer02_R_B p{ margin-top:15px; letter-spacing:1px;}

.about_layer03{ position:relative;}
.about_layer03_bg{ position:absolute; top:-110px; left:0px; right:0px; height:410px; background-color:#8089fc;}

.about_layer_box{ position:relative; margin-top:100px; min-height:650px; background-color:#fff; padding:50px 80px 50px 80px; box-sizing:border-box; box-shadow:5px 5px 8px #f8f8f8,-5px 5px 8px #f8f8f8;}
.about_layer03 .auto{ position:relative;}
.about_layer03 ul{ font-size:0px; margin-top:50px;}
.about_layer03 ul li{ display:inline-block; width:25%; height:150px; position:relative; cursor:pointer;}
.about_layer03 ul li .about_fill{ position:absolute; top:15px; bottom:0px; left:15px; right:15px; font-size:14px;}
.about_layer03 ul li .about_fill i{ display:block; text-align:center;}
.about_layer03 ul li .about_fill i img{ width:140px; height:140px;}
.about_layer03 ul li .about_fill span{ display:block; text-align:center; font-size:16px; color:#333; margin-top:10px;}
.about_layer03 ul li .about_fill s{ display:block; text-align:center; font-size:14px; color:#999; text-decoration:none; font-style:normal; margin-top:5px;}
.about_layer03 ul li .about_fill p{ display:block; font-size:14px; color:#666; margin-top:15px; line-height:24px;}
.about_layer03 .left_BuleBg,.about_layer03 .right_BuleBg{ position:absolute; top:-110px; width:15px; height:410px; background-color:#8089fc;}
.about_layer03 .left_BuleBg{ left:-15px;}
.about_layer03 .right_BuleBg{ right:-15px;}

.about_layer04{}
.about_layer04_table{ margin-left:-15px; margin-right:-15px; margin-bottom:50px;}
.about_layer04 .about_layer04_table table{ width:100%; border:none; margin-top:50px;}
.about_layer04 .about_layer04_table table td{ position:relative; border:none; padding:15px; cursor:pointer;}
.about_layer04 .about_layer04_table table td::before{ z-index:2; content:""; position:absolute; top:15px; bottom:15px; left:15px; right:15px; background-color:rgba(0,0,0,.5);}
.about_layer04 .about_layer04_table table td img{ width:100%;}
.about_layer04_table_h1{ z-index:5; position:absolute; top:135px; left:0px; font-weight:bold; right:0px; color:#fff; font-size:40px; text-align:center;}
.about_layer04_table_h1 span{ font-size:13px;}
.about_layer04_table_h2{ z-index:5; position:absolute; top:185px; left:0px; right:0px; color:#fff; font-size:26px; text-align:center;}
.about_layer04_table_h3{ z-index:5; display:none; position:absolute; top:185px; left:0px; right:0px; color:#fff; font-size:14px; text-align:center;}
.about_layer04_table_h4{ z-index:5; display:none; position:absolute; top:210px; left:0px; right:0px; color:#fff; font-size:14px; text-align:center;}
.about_layer04_table_h3 i,
.about_layer04_table_h4 i{ position:relative; top:2px; margin-right:5px; display:inline-block; width:16px; height:16px; background-repeat:no-repeat; background-size:cover;}
.about_layer04_table_h3 i{ background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNTk0ODA0NjIwNTUxIiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjIwMzMiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTYiIGhlaWdodD0iMTYiPjxkZWZzPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+PC9zdHlsZT48L2RlZnM+PHBhdGggZD0iTTUxMS43NDM2NjIgODY5LjY4MTMzMmMtNS42OTc3NjkgMC0xMS4xMzk3MTEtMi4zNjI4MTQtMTUuMDI2MjI4LTYuNTI2NjQ3LTEyLjEzODQ1OC0xMi45NzQ0OTktMjk3LjIyNDQwMi0zMTkuNzYzNzQ0LTI5Ny4yMjQ0MDItNDg3LjAzMTMyOSAwLTE3Mi4xODU1OTQgMTQwLjA3MDE1Mi0zMTIuMjcyMTIgMzEyLjI0ODU4My0zMTIuMjcyMTJzMzEyLjI1Njc3IDE0MC4wODY1MjUgMzEyLjI1Njc3IDMxMi4yNzIxMmMwIDE2Ny4yNjc1ODUtMjg1LjA5MTA2IDQ3NC4wNTc4NTMtMjk3LjIyNjQ0OCA0ODcuMDMwMzA1QzUyMi44ODIzNSA4NjcuMzE5NTQxIDUxNy40NDE0MzEgODY5LjY4MTMzMiA1MTEuNzQzNjYyIDg2OS42ODEzMzJ6TTUxMS43NDM2NjIgMTA1LjAwMjQ3MmMtMTQ5LjQ4MDQ3NiAwLTI3MS4wOTYzMjUgMTIxLjYxNzg5NS0yNzEuMDk2MzI1IDI3MS4xMTk4NjEgMCAxMzAuODQ0MDI0IDIxMi4xMjAxMTkgMzc2LjYwMTI0IDI3MS4wOTYzMjUgNDQyLjM5MTY0MiA1OC45NzUxODMtNjUuODA2Nzc1IDI3MS4xMDU1MzQtMzExLjYyNjQxMyAyNzEuMTA1NTM0LTQ0Mi4zOTE2NDJDNzgyLjg0OTE5NiAyMjYuNjE4MzIxIDY2MS4yMjUxNjEgMTA1LjAwMjQ3MiA1MTEuNzQzNjYyIDEwNS4wMDI0NzJ6IiBwLWlkPSIyMDM0IiBmaWxsPSIjZmZmZmZmIj48L3BhdGg+PHBhdGggZD0iTTkzNi45OTkwMTkgOTYwLjk4MDcxMWwtODUwLjUyMDk0NyAwYy03LjMzMDk2NiAwLTE0LjEwNzI5OS0zLjkwMzkxMy0xNy43ODUwNjItMTAuMjM4MTc5LTMuNjg5MDE5LTYuMzM1Mjg5LTMuNzI0ODM1LTE0LjE2MTUzNC0wLjA5MDA1MS0yMC41Mjc1MjJsMTMwLjUxMzQ5Ni0yMjguOTg5MzIxYzUuNjM0MzI0LTkuODcwODEyIDE4LjIwNTY0MS0xMy4yOTU4MTcgMjguMDY1MTk2LTcuNjg1MDMgOS44NzI4NTggNS42MjQwOTEgMTMuMzEyMTkgMTguMTkzMzYxIDcuNjgyOTgzIDI4LjA2NDE3MmwtMTEyLjk3NTA1MSAxOTguMjI2NjkgNzc5LjA3MDYzOCAwLTExNi45NTU3MTItMTk3Ljk1MjQ0NGMtNS43ODM3MjctOS43ODk5Ny0yLjUzNjc3Ni0yMi4zOTA5NjMgNy4yMzQ3NzUtMjguMTc4NzgzIDkuNzQwODUyLTUuNzg1NzczIDIyLjM5MzAxLTIuNTM4ODIzIDI4LjE5NTE1NiA3LjI0ODA3OGwxMzUuMjgwMDU2IDIyOC45OTM0MTRjMy43NjE2NzQgNi4zNjM5NDEgMy44MjMwNzIgMTQuMjQwMzI5IDAuMTU3NTg5IDIwLjY1NjQ1OUM5NTEuMjA5NjcyIDk1Ny4wMjQ2MDkgOTQ0LjM5MzQyOSA5NjAuOTgwNzExIDkzNi45OTkwMTkgOTYwLjk4MDcxMXoiIHAtaWQ9IjIwMzUiIGZpbGw9IiNmZmZmZmYiPjwvcGF0aD48cGF0aCBkPSJNNTExLjc0MzY2MiA1MDguNDc4ODAzYy02Ni4yMDA3NDggMC0xMjAuMDY2NTYzLTUzLjg2Mjc0NS0xMjAuMDY2NTYzLTEyMC4wNzI3MDMgMC02Ni4yMjgzNzcgNTMuODY1ODE1LTEyMC4wOTAwOTkgMTIwLjA2NjU2My0xMjAuMDkwMDk5IDY2LjIwODkzNCAwIDEyMC4wNzM3MjYgNTMuODY0NzkyIDEyMC4wNzM3MjYgMTIwLjA5MDA5OUM2MzEuODE2MzY1IDQ1NC42MTYwNTggNTc3Ljk1MzYxOSA1MDguNDc4ODAzIDUxMS43NDM2NjIgNTA4LjQ3ODgwM3pNNTExLjc0MzY2MiAzMDkuNDY1MTkxYy00My41MTIwMDMgMC03OC45MTUzMjcgMzUuNDA3NDE4LTc4LjkxNTMyNyA3OC45NDA5MSAwIDQzLjUxMDk4IDM1LjQwMzMyNSA3OC45MjM1MTQgNzguOTE1MzI3IDc4LjkyMzUxNCA0My41MTgxNDMgMCA3OC45MjI0OTEtMzUuNDEyNTM0IDc4LjkyMjQ5MS03OC45MjM1MTRDNTkwLjY2NjE1MiAzNDQuODcyNjA4IDU1NS4yNjI4MjggMzA5LjQ2NTE5MSA1MTEuNzQzNjYyIDMwOS40NjUxOTF6IiBwLWlkPSIyMDM2IiBmaWxsPSIjZmZmZmZmIj48L3BhdGg+PC9zdmc+);}
.about_layer04_table_h4 i{ background-image:url(../fonts/0bffcfbef1c1422ab143dfcaa9329552.woff);}

.about_layer04 .about_layer04_table table td:hover .about_layer04_table_h2{ display:none;}
.about_layer04 .about_layer04_table table td:hover .about_layer04_table_h3{ display:block;}
.about_layer04 .about_layer04_table table td:hover .about_layer04_table_h4{ display:block;}
.about_layer04 .about_layer04_table table td:hover::before{ background-color:rgba(0,0,0,0.2);}

.dynamic_layer01{}
.dynamic_layer01 .auto{ width:1100px;}
.dynamic_layer01 ul{ font-size:0px; margin-top:50px;}
.dynamic_layer01 ul li{ position:relative; margin-top:20px; display:inline-block; width:33.33%; height:400px; position:relative; cursor:pointer;}

.dynamic_layer01 ul li .about_fill{ position:absolute; top:0px; bottom:15px; left:15px; right:15px; font-size:14px; border:solid 1px #ddd; border-radius:5px; padding:10px;}
.dynamic_layer01_h1{ height:180px;}
.dynamic_layer01_h1 img{ height:180px;width:100%;}
.dynamic_layer01_h2{ font-size:15px; color:#333; line-height:24px; margin-top:10px; padding:5px 15px;}
.dynamic_layer01_h3{ font-size:12px; color:#999; padding:5px 15px 0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.dynamic_layer01_h4{ font-size:12px; color:#999; padding:5px 15px;}
.dynamic_layer01_h5{ position:absolute; bottom:25px; left:25px;}
.dynamic_layer01_h5 a{ font-size:12px; color:#fff; display:inline-block; font-size:14px; text-align:center; width:100px; height:30px; line-height:30px; border-radius:15px; background:#2c63f6;}
.dynamic_layer01_h5 a:hover{ background:#3b99ff;}
.dynamic_layer01 ul li:hover .dynamic_layer01_h2{ color:#333;}
.dynamic_layer01 ul li:hover .dynamic_layer01_h3{ color:#666;}
.dynamic_layer02{ margin-bottom:50px; margin-top:50px;}

.pages{ text-align:center;}
.pages a{ display:inline-block; padding:5px 8px; margin:5px; border-radius:5px; min-width:28px; background:linear-gradient(#eee,#ddd); color:#555; font-size:12px; text-align:center;}
.pages a:hover,.pages a.active{ background:linear-gradient(#a1bffa,#7c81fd); color:#fff;}
.pages select{ border:solid 1px #ccc; margin:0 5px;}

.video_layer01{ overflow:hidden;}
.video_layer01 .auto{ width:1080px;}
.video_layer01 ul{ font-size:0px; margin-top:50px;}
.video_layer01 ul li{ position:relative; box-shadow: 0px 0px 25px 0px rgba(94,166,233,0.16); margin:15px 45px; display:inline-block; width:450px; height:265px; position:relative; cursor:pointer;}
.video_layer01 ul li .about_fill{ position:absolute; top:0px; bottom:0px; left:0px; right:0px; font-size:14px;}
.video_layer01 ul li .about_fill img{ width:100%; height:100%;}
.video_layer01 ul li .about_fill:hover::before{ z-index:10; content:""; position:absolute; top:0px; bottom:0px; left:0px; right:0px; background-color: rgba(0,0,0,.5);background-position: center center;background-repeat: no-repeat;background-image: url(../fonts/3cb64dea91df4eefb29da8d8d7e8ec85.woff);}
.video_layer01_h{ position:absolute; top:30%; left:25px; right:0px;}
.video_layer01_h1{ font-size:26px; line-height:40px; color:#646977; width:190px;}
.video_layer01_h2{ font-size:14px; line-height:26px; color:#a7a9b2; margin-top:10px;}

.function_layer01{ background-color:#fff; box-shadow:0px 5px 5px #eee;}
.function_layer01_P{ position:fixed; left:0; top:0; right:0; z-index:88;}

.function_nav{ height:60px; text-align:center;}
.function_nav a{ display:inline-block; padding:0 20px; margin:0 7px; color:#555; text-align:center; font-size:14px; line-height:60px; border-bottom:solid 2px transparent;}
.function_nav a.active{ border-bottom:solid 2px #787bfd; box-shadow:0 3px 12px #d2e1f0; background:#fff; color:#787bfd; font-size:16px;}
.function_title{ position:relative; display:none; padding-bottom:20px; text-align:center; font-size:26px; line-height:26px; color:#858FFF;}
.function_title::before{ content:""; position:absolute; bottom:0px; left:calc(50% - 30px); width:60px; height:2px; background:linear-gradient(#858FFF,#a2a4fe);}

.function_item{ padding-bottom:60px; padding-top:60px;}
.function_item .auto{ width:1100px;}
.function_item_box_box{ position:relative;}
.function_item_box_text{ display:flex; align-items:center; flex-wrap:wrap; position:absolute; top:0px; left:0px; bottom:0px; width:480px;}
.function_item_box_text_T{ font-size:28px; line-height:40px; color:#333;margin-left: 19px;font-weight: 600;letter-spacing: .007em;}
.function_item_box_text_B{ font-size:14px; line-height:28px; color:#999; margin-top:20px;}
.function_item_box_text_B p{ margin-bottom:15px; position:relative; font-size:14px; color:#999; line-height:24px; padding-left:20px;}
.function_item_box_text_B p::before{ content:""; position:absolute; top:9px; left:0px; width:6px; height:6px; border-radius:50px; /* background:#bcbdfe; */}
.function_item_box_img{ margin-left:600px;}
.function_item_box_img img{ width:560px; height:340px; max-width:560px;}
.function_item:nth-of-type(even) .function_item_box_text{left:auto; right:10px;}
.function_item:nth-of-type(even) .function_item_box_img{ margin-left:0px; margin-right:400px;}

.function_recommend2{ position:relative; color:#fff;}
.function_recommend2 .bg{}
.function_recommend2 .bg img{ width:100%;}
.function_recommend2 .tabH3{ font-size:20px; line-height:22px; font-weight:bold; margin:50px 0 20px; letter-spacing:2px; position:relative;}
.function_recommend2 .tabH3 span{ display:inline-block; padding:0 20px;}
.function_recommend2 .tabH3:before{ width:4px; height:18px; background:#fff; position:absolute; left:0; top:5px; content:'';}
.function_recommend2 .box{ position:absolute; width:1200px; left:calc(50% - 600px); top:0;}
.function_recommend2 .listUl ul{ overflow:hidden;}
.function_recommend2 .listUl li{ position:relative; overflow:hidden; cursor:pointer;}
.function_recommend2 .listUl li .date{ font-size:13px; line-height:42px; width:85px; padding-left:20px; margin-right:20px; float:left; display:inline-block; position:relative;}
.function_recommend2 .listUl li .date:after{ position:absolute; right:0; top:16px; width:1px; height:14px; background:#fff; content:'';}
.function_recommend2 .listUl li .title{ font-size:13px; letter-spacing:0.5px; line-height:42px; float:left; max-width:450px; display:-webkit-box; display:box; -webkit-box-pack:center; box-pack:center; -webkit-box-orient:vertical; box-orient:vertical; word-break:break-all;}
.function_recommend2 .listUl li .title a{ color:#fff; display:block; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.function_recommend2 .listUl li .txt{ display:none; height:150px; margin-bottom:10px; overflow:hidden; font-size:14px; text-align:justify; padding:0 40px 5px 135px; color:#999; line-height:26px; text-indent:2em; clear:both;}
.function_recommend2 .listUl li .arrow{ cursor:pointer; display:inline-block; float:left; margin:18px 0 0 8px; width:0px; height:0px; border:4px solid transparent; border-left:6px solid #fff;}
.function_recommend2 .listUl li:hover .arrow{ -webkit-animation:arrowRun 0.5s ease; animation:arrowRun 0.5s ease; animation-iteration-count:infinite; }
.function_recommend2 .listUl li a:hover{ color:#fff; opacity:0.8;}
.function_recommend2 .listUl li.acur{}
.function_recommend2 .listUl li.acur a{ color:#fff;}
.function_recommend2 .listUl li.acur .txt{ display:block;}
.function_recommend2 .listUl li.acur .arrow{ border-left:6px solid #2c63f6; transform:rotate(90deg); margin-top:22px;}
/*.function_recommend .listUl ul:nth-child(2n+0){ float:right;}*/
.function_recommend2 .more{ padding:25px 0 0 20px;}
.function_recommend2 .more a{ letter-spacing:1px; display:inline-block; padding:0 20px; color:#ffff; line-height:34px; border:solid 1px #fff; font-size:14px;}
.function_recommend2 .more a:hover{ background:#fff; color:#0774fe;}
@keyframes arrowRun
{
    0% { opacity:0;}
    100% { opacity:1;}
}

.function_recommend{ width:1200px; margin:0 auto; padding-bottom:50px;}
.function_recommend .tabH3{ font-size:22px; line-height:22px; font-weight:bold; position:relative;}
.function_recommend .tabH3 span{ display:inline-block; padding:0 20px;}
.function_recommend .tabH3:before{ width:4px; height:22px; background:#2c63f6; position:absolute; left:0; top:2px; content:'';}
.function_recommend .listUl{ overflow:hidden; margin-left:30px; border-top:solid 1px #bfbfbf; margin-top:25px; letter-spacing:0;}
.function_recommend .listUl ul{ overflow:hidden; width:490px; float:left;}
.function_recommend .listUl li{ position:relative; border-bottom:dashed 1px #d9d9d9; padding:10px 0 0; overflow:hidden;}
.function_recommend .listUl li .date{ font-size:16px; line-height:50px; width:105px; padding-left:10px; margin-right:20px; float:left; display:inline-block; position:relative;}
.function_recommend .listUl li .date:after{ position:absolute; right:0; top:17px; width:1px; height:17px; background:#aaa; content:'';}
.function_recommend .listUl li .title{ margin-bottom:13px; font-size:16px; line-height:22px; height:50px; float:left; min-width:330px; max-width:330px; display:-webkit-box; display:box; -webkit-box-pack:center; box-pack:center; -webkit-box-orient:vertical; box-orient:vertical; overflow:hidden; text-overflow:ellipsis; word-break:break-all; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.function_recommend .listUl li .txt{ display:none; height:150px; margin-bottom:10px; overflow:hidden; font-size:14px; text-align:justify; padding:0 40px 5px 135px; color:#999; line-height:26px; text-indent:2em; clear:both;}
.function_recommend .listUl li .arrow{ cursor:pointer; display:inline-block; float:left; margin:20px 0 0 10px; width:0px; height:0px; border:6px solid transparent; border-left:6px solid #cfcfcf;}
.function_recommend .listUl li .arrow:hover{ border-left:6px solid #2c63f6;}
.function_recommend .listUl li a:hover{ color:#2c63f6;}
.function_recommend .listUl li.acur{}
.function_recommend .listUl li.acur a{ color:#2c63f6;}
.function_recommend .listUl li.acur .txt{ display:block;}
.function_recommend .listUl li.acur .arrow{ border-left:6px solid #2c63f6; transform:rotate(90deg); margin-top:22px;}
.function_recommend .listUl ul:nth-child(2n+0){ float:right;}
.function_recommend .more{ display:none;}

.solution_layer01{}
.solution_layer01 .auto{ width:1000px;}
.solution_layer01 ul{ margin-bottom:100px;}
.solution_layer01 li{ position:relative; min-height:310px; padding:20px 20px; margin-bottom:50px; box-shadow:5px 5px 5px #f8f8f8, -5px -5px 5px #f8f8f8; background-color:#fff;}
.solution_layer01_h1{ position:absolute; top:30px; left:30px; width:385px;}
.solution_layer01_h1 img{ width:385px; height:290px; border-radius:10px;}
.solution_layer01_h1 b{ position:absolute; left:0px; right:0px; top:130px; letter-spacing:2px; color:#fff; font-size:30px; font-weight:normal; text-align:center;}
.solution_layer01_h1 i{ position:absolute; left:0px; right:0px; top:170px; color:#fff; text-transform:uppercase; font-size:16px; text-align:center;}
.solution_layer01_h2{ margin-left:440px; font-size:14px; line-height:28px; color:#999; padding-right:10px; padding-top:20px;}
.solution_layer01_h3{ position:absolute; bottom:50px; left:460px;}
.solution_layer01_h3 a{ padding:5px 20px; background:#787bfd; border-radius:15px; font-size:14px; color:#fff;}
.solution_layer01_h3 a:hover{ background:#2c63f6;}

.solution_page_title{ position:relative; text-align:center; padding:52px 0 0 0; font-size:34px; line-height:26px; color:#333; letter-spacing:2px;}
.solution_page_painpoint{}
.solution_page_ainpoint .auto{ width:1000px;}
.solution_page_painpoint ul{ font-size:0px; margin-top:50px;}
.solution_page_painpoint ul li{display:inline-block; width:50%; height:255px; position:relative;}
.solution_page_painpoint ul li .about_fill{ position:absolute; top:15px; bottom:0px; left:60px; right:60px; font-size:14px;}
.solution_page_painpoint_30.solution_page_painpoint ul li{ width:33%;}
.solution_page_painpoint_30.solution_page_painpoint ul li .about_fill{ left:20px; right:20px;}
.solution_page_painpoint_h1{ text-align:center;}
.solution_page_painpoint_h1 i{ display:inline-block; background:#787bfd; color:#fff; font-size:40px; width:75px; height:75px; line-height:74px;}
.solution_page_painpoint_h2{ text-align:center; font-size:18px; color:#666; font-weight:bold; margin-top:25px;}
.solution_page_painpoint_h3{ font-size:14px; color:#999; line-height:22px; margin-top:20px; padding:0 15px; text-align:justify;}

.solution_page_item{ padding-top:50px; overflow:hidden;}
.solution_page_item .auto{ padding-top:0; overflow:hidden; width:1150px;}
.solution_page_item:nth-child(odd){ background:#f6f9fb;}
.solution_page_item_box{ position:relative;}
.solution_page_item_box_text{ display:flex; align-items:center; flex-wrap:wrap; float:right; height:550px; width:450px;}

.solution_page_item_box_text_B{}
.solution_page_item_box_text_B p{ margin-bottom:15px; position:relative; font-size:14px; color:#999; line-height:24px; padding-left:20px;}
.solution_page_item_box_text_B p::before{ content:""; position:absolute; top:10px; left:0px; width:6px; height:6px; border-radius:50px; background:#bcbdfe;}
.solution_page_item_box_img{ float:left;}
.solution_page_item_box_img img{ width:650px;}
.solution_page_item:nth-of-type(even) .solution_page_item_box_text{ float:left;}
.solution_page_item:nth-of-type(even) .solution_page_item_box_img{ float:right;}

.redsea-pop-sp{ display:none; z-index:9999; width:1065px; height:600px; position:fixed; top:calc(50% - 300px); left:calc(50% - 450px); box-shadow:2px 2px 5px #333333;}
.redsea-pop-sp i{ position:absolute; font-size:26px; cursor:pointer; right:-50px; top:-1px; width:50px; height:50px; line-height:50px; background-color:#fff;}
.redsea-pop-sp i:hover{ background-color:#eee;}
.spbg{ display:none; position:fixed; top:0px; bottom:0px; left:0px; right:0px; z-index:999; background-color:rgba(0,0,0,.5);}

.hTciFH{ right:-10px !important; bottom:60px !important;}

.case-page-Bd{ position:relative;}
.case-page-L{ position:absolute; top:0px; left:0px; width:240px; min-height:500px; background-color:#fff;}
.case-page-R{ margin-left:260px; min-height:750px;}
.case-img-list2{ margin-top:-20px;}
.case-img-list2 li{ padding:10px; cursor:pointer; display:block; overflow:hidden; background-color:#fff; position:relative; margin-bottom:15px;}
.case-img-list2 li:hover{ box-shadow:0 3px 12px #d2e1f0;}
.case-img-list2 li .case-img-list-li-L{ position:absolute; top:0px; left:0px; width:140px; display:flex; align-items:center; justify-content:center; height:100%;}
.case-img-list2 li .case-img-list-li-L img{ width:100%;}
.case-img-list2 li .case-img-list-li-R{ margin-left:140px; padding:10px;}
.case-img-list-li-R-h1{ font-size:20px; color:#111;}
.case-img-list-li-R-h2{ margin-top:15px; color:#888; line-height:22px;}
.case-img-list-li-R-h3{ font-weight:bold; text-align:right;}
.case-img-list-li-R-h3 a{ text-decoration:none; display:inline-block; padding:2px 8px; border-radius:10px; background-color:#aaa; font-size:12px; color:#fff; text-align:center;}
.case-img-list-li-R-h3 a:hover{ background-color:#787bfd;}
.case-img-list2 li:hover .case-img-list-li-R-h3 a{ background-color:#2c63f6;}
.case-page-L-h1{ color:#333; font-weight:bold; font-size:18px; line-height:40px; text-align:center; padding-top:20px; margin-bottom:10px;}
.case-page-L-h1 span{ border-bottom:solid 2px #f3f3f3; display:inline-block;}
.case-page-L-h2{ padding-bottom:30px;}
.case-page-L-h2 .iconfont{ margin-right:5px; display:none;}
.case-page-L-h2 a{ cursor:pointer; text-decoration:none; display:block; height:40px; line-height:40px; font-size:14px; margin-top:5px; text-align:center; color:#888;}
.case-page-L-h2 a.active{ color:#fff; background:#2c63f6; }
.case-page-L-h2 a.active .iconfont{ display:inline-block;}
.case_layer01 .auto{ width:1100px;}

.caseInfo{}
.caseInfo .auto{ width:1100px;}
.caseInfo .titleH3{ text-align:center; font-size:48px; font-weight:bold; padding:95px 0 20px 0; font-family: "SF Pro SC","SF Pro Display","SF Pro Icons","PingFang SC","Helvetica Neue","Helvetica","Arial",sans-serif;}
.caseInfo .titleH3{}
.caseInfo .titleH4{ font-size:22px; height:50px; line-height:50px;}
.caseInfo .titleH4 i{ margin-right:10px; color:#2c63f6; font-size:20px;}

.caseInfo .box1{ font-size:14px; padding:50px 30px; overflow:hidden; border-bottom:dotted 1px #ccc;}
.caseInfo .box1 dl{ width:50%; float:right; line-height:28px;}
.caseInfo .box1 dl .d1{ font-size:22px; color:#000; padding-bottom:10px;}
.caseInfo .box1 dl .d2{ color:#707070;}
.caseInfo .box1 ul{ width:50%; line-height:38px;}
.caseInfo .box1 ul li{}
.caseInfo .box1 ul li span{ font-size:18px; color:#000; display:inline-block; width:60px;}
.caseInfo .box1 ul li .blue{ color:#2c63f6;}

.caseInfo .box2{ font-size:14px; padding:50px 20px; overflow:hidden; border-bottom:dotted 1px #ccc;}
.caseInfo .box2 .leftCont{ width:49%; float:left; box-sizing:border-box; padding-right:60px;}
.caseInfo .box2 .leftCont ul{ overflow:hidden; padding-left:10px; margin-bottom:20px;}
.caseInfo .box2 .leftCont li{ position:relative; padding:8px 0 8px 15px; width:33%; float:left; box-sizing:border-box; color:#707070;}
.caseInfo .box2 .leftCont li:before{ content:""; position:absolute; top:13px; left:0px; width:6px; height:6px; border-radius:50px; background:#2c63f6;}
.caseInfo .box2 .leftCont .list02{ overflow:hidden;}
.caseInfo .box2 .leftCont .list02 li{ position:relative; padding:6px 0 6px 15px; line-height:22px; color:#707070; width:100%; float:none;}
.caseInfo .box2 .leftCont .list02 li:before{ content:""; position:absolute; top:13px; left:0px; width:6px; height:6px; border-radius:50px; background:#2c63f6;}

.caseInfo .box2 .rightCont{ width:51%; float:right;}
.caseInfo .box2 .rightCont ul{ overflow:hidden; padding-left:30px;}
.caseInfo .box2 .rightCont li{ position:relative; padding:8px 0 8px 15px; line-height:22px; color:#707070;}
.caseInfo .box2 .rightCont li .p1{ padding-bottom:3px;}
.caseInfo .box2 .rightCont li .p2{ }
.caseInfo .box2 .rightCont li:before{ content:""; position:absolute; top:15px; left:0px; width:6px; height:6px; border-radius:50px; background:#2c63f6;}

.caseInfo .box3{ padding:50px 20px; overflow:hidden;}
.caseInfo .box3 li{ width:33%; float:left; box-sizing:border-box; padding:10px 15px;}
.caseInfo .box3 li img{ width:100%;}

.newsInfo{ overflow:hidden;}
.newsInfo .auto{ width:1200px; letter-spacing:1.5px;}
.newsInfo .leftCont{ width:860px; float:left; background:#fff;}
.newsInfo .leftCont .titleH3{ font-size:30px; padding:35px 0 30px; margin:0; line-height:42px;}
.newsInfo .leftCont .timeP{ border-bottom:solid 1px #e1e5ec; height:45px; padding-bottom:10px; font-size:14px; color:#999;}
.newsInfo .leftCont .timeP p{ display:inline-block; float:left; padding-right:25px; margin-right:25px;}
.newsInfo .leftCont .timeP p.lastP{ position:relative;}
.newsInfo .leftCont .timeP p.lastP:before{ content:''; position:absolute; left:-25px; top:2px; width:1px; height:15px; background:#e1e5ec;}
.newsInfo .leftCont .mainTxt{ padding:20px 0; font-size:16px;}
.newsInfo .leftCont .mainTxt p{ margin:0 0 15px 0; line-height:40px !important; font-size:16px;}
.newsInfo .leftCont .mainTxt h3{ font-size:18px;}
.newsInfo .leftCont .nextPage{ line-height:30px; padding-bottom:30px;}
.newsInfo .leftCont .nextPage a{ color:#2c63f6; font-size:16px;}
.newsInfo .leftCont .nextPage a:hover{ color:#2c63f6; text-decoration:underline;}

.newsInfo .rightCont{ width:280px; float:right; padding-bottom:40px;}
.newsInfo .rightCont .info1,.newsInfo .rightCont .info2,.newsInfo .rightCont .hotTabBox{ border:solid 1px #fff; border-top:solid 4px #2c63f6; margin:40px 0 0;}
.newsInfo .rightCont .titleH3{ height:54px; line-height:54px; font-size:16px; border-bottom:solid 1px #d6d6d6; font-weight:bold; margin:0 15px;}
.newsInfo .rightCont .titleH3 .arrow{ font-size:12px; margin-left:3px;}
.newsInfo .rightCont ul{ padding:10px 15px 20px;}
.newsInfo .rightCont ul li{ line-height:26px; padding:15px 0 10px 0; position:relative;}
.newsInfo .rightCont ul li a{ color:#333; font-size:15px; padding-left:17px; display:block;}
.newsInfo .rightCont ul li .t1 a{ padding-left:0;}
.newsInfo .rightCont ul li span{ display:block; font-size:12px; color:#999; letter-spacing:0; padding-left:17px;}
.newsInfo .rightCont ul li .iconBox{ position:absolute; cursor:pointer; left:0; top:22px; width:0px; height:0px; border:6px solid transparent; border-left:6px solid #cfcfcf;}
.newsInfo .rightCont ul li .iconBox:hover{ border-left:6px solid #2c63f6;}
.newsInfo .rightCont ul li .txt{ display:none; margin:0 0 2px; text-indent:2em; padding:8px 0 0 15px; font-size:14px; line-height:26px; color:#999;}
.newsInfo .rightCont ul li a:hover{ color:#2c63f6;}
.newsInfo .rightCont ul li.acur{}
.newsInfo .rightCont ul li.acur a{ color:#2c63f6;}
.newsInfo .rightCont ul li.acur .txt{ display:block;}
.newsInfo .rightCont ul li.acur .iconBox{ border-left:6px solid #2c63f6; transform:rotate(90deg); top:26px;}
.newsInfo .rightCont p{ display:block; line-height:44px; text-align:center; font-size:14px; color:#999; border-top:solid 1px #e1e5ec;}
.newsInfo .rightCont p a{ color:#999;}
.newsInfo .rightCont p a:hover{ color:#2c63f6;}
.newsInfo .rightCont .hotTabBox{ overflow:hidden; padding-bottom:5px;}
.newsInfo .rightCont .hotTabBox ul{ padding-top:15px;}
.newsInfo .rightCont .hotTabBox li{ float:left; margin:0 10px 10px 0; min-width:63px; height:24px; line-height:24px; padding:0; text-align:center;}
.newsInfo .rightCont .hotTabBox li a{ border-radius:5px; letter-spacing:0; background:#f3f3f3; color:#999; padding:0; font-size:12px; padding:0 10px;}
.newsInfo .rightCont .hotTabBox li a:hover{ color:#333;}
.newsInfo .rightCont .hotTabBox li.acur a{ background:#797ffa; color:#fff;}
.newsInfo .rightCont .hotTabBox li:nth-child(3n+0){ margin-right:0;}

.backTop{ position:fixed; display:none; right:10px; bottom:20px; cursor:pointer; width:42px; height:42px; line-height:42px; }
.backTop i{ display:block; height:42px; background:#fff; text-align:center; border:solid 1px #eaedf1;}
.backTop i:hover{ background:#2e75f8; color:#fff; border-color:#2e75f8;}

.redsea-pop{display:none;overflow:hidden; border-radius:15px; z-index:99999;background-color:#fff;width:350px;height:350px; box-shadow:0 2px 30px rgba(0,0,0,0.1);
    position: fixed;top:200px;left:calc(50% - 175px);}
.redsea-pop s{position: absolute;right: 0px;top:0px;width:50px;height:50px; line-height:50px;text-align: center; font-weight:bold; cursor: pointer; color:#2e75f8;}
.redsea-pop s img{ margin-top:19px;}
.redsea-pop-icon{text-align: center;padding:80px 0 20px;overflow: hidden;}
.redsea-pop-icon i{display: inline-block;width: 80px;height: 80px;background-size:80px 80px;background-image: url(../fonts/popicon1.svg);background-position: center center;}
.redsea-pop-text{font-size: 20px;color: #333;text-align: center;}
.redsea-pop-text-2{text-align: center;font-size: 14px;color: #999;margin-top: 15px;}

.redsea-pop-sp{display:none;z-index:1001;background-color:#fff;width: 1065px;height: 600px;border:solid 1px #eee;position: fixed;top:50px;left:calc(50% - 550px);box-shadow:2px 2px 5px #333333;}
.redsea-pop-sp s{position: absolute;right: -50px;top:-1px;width: 50px;height: 50px;background-image: url(../fonts/popicon3.svg);background-size:50px 50px;background-repeat: no-repeat;cursor: pointer;background-color: #fff;}
.redsea-pop-sp s:hover{background-color: #eee;}

.industry-list{}
.industry-list li{ min-height:210px; margin-top:20px; background:#fff; position:relative; padding:20px 45px 20px 388px;}
.industry-list li .photo{ position:absolute; left:30px; top:25px;}
.industry-list li .photo img{ width:337px; height:195px;}
.industry-list li .title{ font-size:22px; line-height:32px; font-weight:400; color:#333;}
.industry-list li .txt{ font-size:14px; line-height:24px; height:72px; color:#666; overflow:hidden; margin:17px 0; text-align:justify;}
.industry-list li .date{ font-size:14px; color:#666; padding-top:10px;}

.industry-content{ overflow:hidden;}
.industry-content .auto{ width:1200px; letter-spacing:1.5px;}
.industry-content .leftCont{ width:860px; float:left;}

.industry-content .rightCont{ width:280px; float:right; padding-bottom:40px;}
.industry-content .rightCont .info1,.industry-content .rightCont .info2,.industry-content .rightCont .hotTabBox{ margin-top:20px; border:solid 1px #e1e5ec; border-top:solid 4px #2c63f6; background:#fff;}
.industry-content .rightCont .info2{ margin-top:40px;}
.industry-content .rightCont .titleH3{ line-height:32px; padding:11px 0; font-size:20px; font-weight:400; border-bottom:solid 1px #e1e5ec; margin:0 15px; color:#333;}
.industry-content .rightCont ul{ padding:10px 15px 20px;}
.industry-content .rightCont ul li{ line-height:26px; padding:15px 0 10px; position:relative;}
.industry-content .rightCont ul li a{ color:#333; font-size:15px;}
.industry-content .rightCont ul li span{ display: block; font-size:12px; color:#999; letter-spacing:0;}
.industry-content .rightCont ul li a:hover{ color:#2c63f6;}
.industry-content .rightCont p{ display:block; line-height:44px; text-align:center; font-size:14px; color:#999; border-top:solid 1px #e1e5ec;}
.industry-content .rightCont p a{ color:#999;}
.industry-content .rightCont p a:hover{ color:#2c63f6;}
.industry-content .rightCont .hotTabBox{ overflow:hidden; padding-bottom:5px;}
.industry-content .rightCont .hotTabBox ul{ padding-top:15px;}
.industry-content .rightCont .hotTabBox li{ float:left; margin:0 10px 10px 0; height:28px; line-height:28px; padding:0; text-align:center; }
.industry-content .rightCont .hotTabBox li a{ border-radius:5px; padding:0 12px; letter-spacing:0; background:#f3f3f3; color:#999; font-size:12px; display:block;}
.industry-content .rightCont .hotTabBox li a:hover{ color:#333;}
.industry-content .rightCont .hotTabBox li.acur a{ background:#2c63f6; color:#fff;}
/*.industry-content .rightCont .hotTabBox li:nth-child(3n+0){ margin-right:0;}*/

.industry-category{ background:#fff; width:1170px; margin:35px auto 10px; padding:15px;}
.industry-category .hd{ position:relative; padding:10px 0 0 70px;}
.industry-category .hd h3{ position:absolute; left:20px; top:13px; font-size:20px; font-weight:bold;}
.industry-category .hd{ overflow:hidden;}
.industry-category .hd ul{}
.industry-category .hd ul li{ display:inline-block; padding:0 5px; margin-bottom:10px; font-size:16px;}
.industry-category .hd ul li a{ display:inline-block; padding:0 20px; color:#666; height:28px; line-height:28px;}
.industry-category .hd ul li a:hover,.industry-category .hd ul li a.acur{ color:#2c63f6; background:#cee0ff;}

.industry-related{ padding-bottom:50px;}
.industry-related .tabH3{ font-size:22px; line-height:22px; font-weight:bold; position:relative;}
.industry-related .tabH3 span{ display:inline-block; padding:0 20px;}
.industry-related .tabH3:before{ width:4px; height:22px; background:#2c63f6; position:absolute; left:0; top:2px; content:'';}
.industry-related .listUl{ overflow:hidden; margin-left:30px; border-top:solid 1px #bfbfbf; margin-top:25px; letter-spacing:0;}
.industry-related .listUl li{ position:relative; border-bottom:dashed 1px #d9d9d9; padding:10px 0; overflow:hidden;}
.industry-related .listUl li .date{ font-size:16px; line-height:50px; width:105px; padding-left:10px; margin-right:20px; float:left; display:inline-block; position:relative;}
.industry-related .listUl li .date:after{ position:absolute; right:0; top:17px; width:1px; height:17px; background:#aaa; content:'';}
.industry-related .listUl li .title{ font-size:16px; line-height:22px; line-height:50px; float:left; display:inline-block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:430px;}
.industry-related .listUl li .txt{ display:none; font-size:14px; padding:0 260px 5px 135px; color:#999; line-height:26px; text-indent:2em; clear:both;}
.industry-related .listUl li .arrow{ cursor:pointer; display:inline-block; float:left; margin:20px 0 0 10px; width:0px; height:0px; border:6px solid transparent; border-left:6px solid #cfcfcf;}
.industry-related .listUl li .arrow:hover{ border-left:6px solid #2c63f6;}
.industry-related .listUl li a:hover{ color:#2c63f6;}
.industry-related .listUl li.acur{}
.industry-related .listUl li.acur a{ color:#2c63f6;}
.industry-related .listUl li.acur .txt{ display:block;}
.industry-related .listUl li.acur .arrow{ border-left:6px solid #2c63f6; transform:rotate(90deg); margin-top:22px;}
.industry-labelBox{ position:relative; padding:0 0 40px 90px; color:#333;}
.industry-labelBox dt{ font-size:14px; padding:0 10px; border:solid 1px #8180ff; height:22px; line-height:22px; display:inline-block; margin:0 7px;}
.industry-labelBox .name{ position:absolute; left:0; top:0; padding:0; margin:0; border:none; font-size:16px; font-weight:bold;}

.current{ height:20px; line-height:20px; font-size:14px; padding:60px 0 0  20px; background:url('../images/current.png') no-repeat left 63px;}
.current a{}
.current span{ color:#2c63f6;}

.tag-content{ overflow:hidden;}
.tag-content .auto{ width:1042px; letter-spacing:1.5px;}

.tag-listUl{ overflow:hidden;}
.tag-listUl ul{ padding:100px 0; overflow:hidden;}
.tag-listUl li{ float:left; margin: 0 0 40px 0; min-width:260px; height:46px; line-height:42px; padding:0; text-align:center;}
.tag-listUl li a{ display:block; height:46px; border-radius:5px; letter-spacing:0; background:#f3f3f3; color:#999; font-size:22px; padding:0 20px; margin:0 20px;}
.tag-listUl li a:hover{ color:#333;}
.tag-listUl li.acur a{ background:#797ffa; color:#fff;}
.tag-listUl li:nth-child(4n+0){ margin-right:0;}

.tagIndex-listUl{}
.tagIndex-listUl h3{ font-size:22px; color:#333; line-height:32px; margin:80px 0 40px; border-left:solid 5px #2c63f6; padding-left:25px;}
.tagIndex-listUl ul{ overflow:hidden; }
.tagIndex-listUl li{ float:left; margin: 0 30px 30px 0; width:237px; text-align:center;}
.tagIndex-listUl li a{ display:block; height:42px; line-height:42px; background:#ebebff; color:#2c63f6; font-size:17px; padding:0 20px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.tagIndex-listUl li a:hover{ color:#fff; background:#2c63f6;}
.tagIndex-listUl li.acur a{ background:#797ffa; color:#fff;}
.tagIndex-listUl li:nth-child(4n+0){ margin-right:0;}

.news-rightBanner{ border-radius:30px; background:#fff; margin:20px 0 30px; box-shadow:0 2px 14px rgba(0,0,0,.2);}
.news-rightBanner .ban ul{ padding:0 !important;}
.news-rightBanner .ban{ position:relative; overflow:hidden; width:250px;}
.news-rightBanner .ban .t1{ min-height:410px;}
.news-rightBanner .ban p{ border-top:none !important;}
.news-rightBanner .ban li{ width:250px; border-bottom:none !important; position:relative; padding:0 !important; float:left;}
.news-rightBanner .ban li img{ width:100%;}
.news-rightBanner .ban li .t2{ display:none;}
.news-rightBanner .ban li .t2 a{ background:#2c63f6; font-size:14px; width:130px; height:34px; line-height:34px; text-align:center; color:#fff; display:block; margin:0 auto; border-radius:20px;}
.news-rightBanner .ban li .t2 a:hover{ background:#3b99ff; color:#fff;}
.news-rightBanner .hd{ text-align:center; padding-top:20px;}
.news-rightBanner .hd ul{ display:inline-block;}
.news-rightBanner .hd ul li{ width:24px; height:4px; padding:0 !important; margin:0 5px; cursor:pointer; float:left; text-indent:-5000px; background:#dadbdd; border-radius:3px;}
.news-rightBanner .hd ul li.on{ background:#2b62f6;}
.news-rightBanner .yuyueBtn{ position:relative; padding:0px 0 30px 0; overflow:hidden;}
.news-rightBanner .yuyueBtn p{ border-top:none; color:#333;}
.news-rightBanner .yuyueBtn a{ margin-right:10px; width:110px; height:30px; line-height:30px; font-size:12px; color:#fff; display:inline-block; border-radius:5px;}
.news-rightBanner .yuyueBtn a.a1{ background:#2c63f6; border:solid 1px #2c63f6; color:#fff;}
.news-rightBanner .yuyueBtn a.a2{ border:solid 1px #abc1fb; color:#0068f3; float:right;}
.news-rightBanner .yuyueBtn a:hover{ background:#3b99ff; border-color:#3b99ff; color:#fff !important;}

.news-rightBanner .listUl ul{ margin:10px 15px 20px; border-top:solid 1px #dce1e7;}
.news-rightBanner .listUl ul li{ line-height:26px; padding:15px 0 10px; position:relative;}
.news-rightBanner .listUl ul li a{ color:#333; font-size:15px;}
.news-rightBanner .listUl ul li span{ display: block; font-size:12px; color:#999; letter-spacing:0;}
.news-rightBanner .listUl ul li a:hover{ color:#2c63f6;}

.register_box{ background-image:url('../images/register_bg.jpg'); background-size:100% 100%;}
.register_box .auto{ height:1030px;}
.register_box .box{ width:420px; border-radius:15px; background:rgba(255,255,255,0.8); right:50px; top:130px; box-shadow:0 5px 20px rgba(199,222,253,1);}
.register_box .title{font-size:28px;letter-spacing:1px;font-weight:bold;padding: 35px 0 0 45px;line-height:46px;color:#000;}
.register_box .tips{font-size:14px;color:#666;padding: 0 0 25px 45px;letter-spacing:1px;}
.register_box .listFrom{ margin:0 35px; position:relative;}
.register_box .listFrom li{ color:#999; position:relative;}
.register_box .listFrom li .name{ display:none; color:#333; font-size:16px; line-height:40px;}
.register_box .listFrom li .textBox{ height:40px; border:solid 1px #e5e6e8; border-radius:25px; background:#fff; margin:0 0 20px 0; padding-left:25px; position:relative;}
.register_box .listFrom li .textBox i{ display:none; width:50px; height:48px; line-height:48px; color:#ccc; position:absolute; left:0; top:0; text-align:center; font-size:20px !important;}
.register_box .listFrom li .text{ width:90%; height:40px; line-height:40px; font-size:16px; border:none; color:#999;}
.register_box .listFrom li .text::-webkit-input-placeholder{ color:#ccc;}
.register_box .listFrom li .textBox:hover{ border-color:#2c63f6;}
.register_box .listFrom li .textBox:hover i{ color:#999;}
.register_box .listFrom li .tooltip{ top:-35px !important; left:120px !important; color:red; width:160px; text-align:right;}
.register_box .listFrom li .yzm{ position:absolute; right:0; top:0px; font-size:12px; border-radius:7px; height:40px; line-height:40px; color:#6a8af8; cursor:pointer; width:120px; text-align:center;}
.register_box .listFrom li .yzm:hover{ color:#3b99ff;}
.register_box .listFrom li .yzmTips{ position:absolute; width:200px; display:none; top:55px; left:160px; color:red;}
.register_box .listFrom li.codeLi{}
.register_box .listFrom li.codeLi .tooltip{ left:60px !important; z-index:8;}
.register_box .btnGo{ height:40px; line-height:40px; text-align:center; margin:0 35px 30px; font-size:16px; color:#fff; border-radius:55px; background:#2c63f6;}
.register_box .btnGo .iconfont{ display:none; font-size:30px; float:left; margin:0 10px 0 135px;}
.register_box .btnGo:hover{ background:#3b99ff;}
.register_box .leftIcon,.register_box .rightIcon{ position:absolute; display:none;}
.register_box .leftIcon{ left:0; bottom:0; width:263px; height:349px; background:url("../images/register-lefticon.png") no-repeat left top; background-size: auto 249px;}
.register_box .rightIcon{ right:0; top:35px; width:242px; height:383px; background:url("../images/register-righticon.png") no-repeat right top; background-size: auto 283px;}

.register_box .adTxt{ position:absolute; left:0; top:21.5%; letter-spacing:1px;}
.register_box .adTxt .p1{ font-size:42px; color:#010101; line-height:40px;}
.register_box .adTxt .p2{ font-size:52px; letter-spacing:2px; color:#2c63f6; font-weight:bold; line-height:40px; padding:30px 0 25px;}
.register_box .adTxt .p3{ font-size:18px; color:#666;}
.register_box .adTxt .p3 span{ margin-top:17px; display:block; position:relative; padding-left:20px;}
.register_box .adTxt .p3 span:before{ position:absolute; left:0; top:5px; content:''; width:8px; height:8px; border-radius:50%; background:#666;}

.register_box .copyRight{ text-shadow:1px 2px rgba(0,128,239,0.6); letter-spacing:1px; position:absolute; left:0; right:0; bottom:-70px; color:#fff; text-align:center;}
.register_box .copyRight b{ display:block; font-size:16px; margin-bottom:10px;}

.help_content{ width:1200px; margin:0 auto; padding:50px 0;}
.help_sidebar{ width:230px; float:left;}
.help_sidebar li{ height:56px; line-height:56px; font-size:16px; border-bottom:solid 1px #ececec;}
.help_sidebar li a{ position:relative; padding-left:25px; display:block; height:56px; color:#333;}
.help_sidebar li a:before{ position:absolute; left:0; top:18px; content:''; width:4px; height:23px; background:#fff;}
.help_sidebar li a:hover,.help_sidebar li.acur a{ color:#1365f0;}
.help_sidebar li a:hover:before,.help_sidebar li.acur a:before{ background:#1365f0;}

.help_rightSidebar{ width:900px; float:right;}
.help_rightSidebar li{ height:56px; line-height:56px; font-size:18px;}
.help_rightSidebar li a{ color:#333;}
.help_rightSidebar li a:hover{ color:#2c63f6;}

.help_rightNews{ border-top:solid 5px #787bfd; margin:0 0 15px 0; background:#fff;}
.help_rightNews .titleH3{ height:54px; line-height:54px; font-size:20px; border-bottom:solid 1px #d6d6d6; margin:0 15px;}
.help_rightNews .titleH3 .arrow{ font-size:12px; margin-left:3px;}
.help_rightNews ul{ padding:10px 15px 20px;}
.help_rightNews ul li{ line-height:26px; padding:15px 0 10px 0; position:relative;}
.help_rightNews ul li a{ color:#333; font-size:15px; padding-left:17px; display:block;}
.help_rightNews ul li span{ display:block; font-size:12px; color:#999; letter-spacing:0; padding-left:17px;}
.help_rightNews ul li .iconBox{ position:absolute; cursor:pointer; left:0; top:22px; width:0px; height:0px; border:6px solid transparent; border-left:6px solid #cfcfcf;}
.help_rightNews ul li .iconBox:hover{ border-left:6px solid #2c63f6;}
.help_rightNews ul li .txt{ display:none; margin:0 0 2px; text-indent:2em; padding:8px 0 0 15px; font-size:14px; line-height:26px; color:#999;}
.help_rightNews ul li a:hover{ color:#2c63f6;}
.help_rightNews ul li.acur{}
.help_rightNews ul li.acur a{ color:#2c63f6;}
.help_rightNews ul li.acur .txt{ display:block;}
.help_rightNews ul li.acur .iconBox{ border-left:6px solid #2c63f6; transform:rotate(90deg); top:26px;}

.helpResult-content{ overflow:hidden; padding:25px 0;}
.helpResult-content .auto{ width:1200px; letter-spacing:1.5px;}
.helpResult-content .leftCont{ width:840px; float:left; background:#fff;}
.helpResult-content .rightCont{ width:330px; float:right; padding-bottom:40px;}

.help_resultBanner{}
.help_resultBanner img{ width:100%; margin-bottom:15px;}

.help_resultList{}
.help_resultList .total{ padding:65px 60px 30px 60px; font-size:24px; font-weight:bold; color:#333;}
.help_resultList .total span{ color:#2c63f6; margin:0 10px;}
.help_resultList li{ margin:0 10px; background:#fff; position:relative; border-bottom:solid 1px #eef0f6; padding:30px 50px 15px;}
.help_resultList li .photo{ position:absolute; left:50px; top:85px; display:none;}
.help_resultList li .photo img{ width:170px; height:105px;}
.help_resultList li .title{ font-size:22px; line-height:32px; font-weight:400;}
.help_resultList li .title a{ color:#333;}
.help_resultList li .title a:hover{ color:#2c63f6;}
.help_resultList li .txt{ font-size:14px; line-height:28px; color:#999; overflow:hidden; margin:17px 0; text-align:justify;}
.help_resultList li .more{ color:#1f4a90; cursor:pointer;}
.help_resultList li .more:hover{ color:#2c63f6;}
.help_resultList li:nth-child(5){}
.help_resultList li:nth-child(5) .photo{ display:block;}
.help_resultList li:nth-child(5) .txt{ height:108px; padding-left:195px;}

.helpInfo_box{}
.helpInfo_box .bigTitle{ padding:80px 30px 50px 30px; margin:0; font-size:24px; font-weight:bold;}
.helpInfo_box .txtBox{ padding:0 30px;}
.helpInfo_box .txtBox .p1{ overflow:hidden;}
.helpInfo_box .txtBox .photo{ width:62px; height:62px;}
.helpInfo_box .txtBox .name{}
.helpInfo_box .txtBox .p2{ line-height:36px; padding-bottom:50px;}
.helpInfo_box .listUl{ border-top:solid 1px #eef0f6; padding:0 30px;}
.helpInfo_box .listUl .title{ height:56px; line-height:56px; font-weight:bold; font-size:22px; color:#797cf5; padding-left:25px; margin:40px 0 10px;}
.helpInfo_box .listUl .title:before{ position:absolute; left:0; top:20px; content:''; width:4px; height:22px; background:#797cf5;}
.helpInfo_box .listUl ul{ overflow:hidden; padding-bottom:30px;}
.helpInfo_box .listUl li{ height:50px; line-height:50px; font-size:16px; width:45%; float:left;}
.helpInfo_box .listUl li a{ color:#333;}
.helpInfo_box .listUl li a:hover{ color:#2c63f6;}
.helpInfo_box .listUl li:nth-child(2n+0){ float:right;}

/*专题页*/
.topic_banner{ position:relative; overflow:hidden; height:453px; background-color:#3e3a39;}
.topic_banner .txt{ text-align:center; padding-top:160px;}
.topic_banner .txt .t1{ font-size:46px; padding-bottom:20px; line-height:70px; letter-spacing:1px; position:relative; color:#fff; font-weight:100;}
.topic_banner .txt .t2{ color:#fff; letter-spacing:5px; font-size:46px; line-height:76px; margin-left:7px; position:relative; font-weight:600; font-family:"SF Pro SC","SF Pro Display","SF Pro Icons","PingFang SC","Helvetica Neue","Helvetica","Arial",sans-serif;}
.topic_banner .txt .t2 span{ color:#ffc600; margin-right:5px; font-weight:bold;}
.topic_banner .txt .t3{ font-size:16px; padding-top:40px; position:relative;}
.topic_banner .txt .t3 a{ margin-right:10px; width:120px; height:40px; line-height:40px; text-align:center; color:#fff; display:inline-block; border-radius:20px;}
.topic_banner .txt .t3 a.a1{ background:#787bfd;}
.topic_banner .txt .t3 a.a2{ border:solid 1px #fff;}
.topic_banner .txt .t3 a:hover{ background:#2c63f6; border-color:#2c63f6; color:#fff;}

.topic_content{ width:1320px; margin:0 auto;}

.topic_bigTitle{ padding:60px 50px 20px;}
.topic_bigTitle .more{ color:#7d7cff;}
.topic_bigTitle .more:hover{ color:#2c63f6;}

.topic_layer1{ overflow:hidden;}
.topic_layer1 .video{ margin-left:80px;}
.topic_layer1 .titleName{ padding:35px 0 25px 30px;}
.topic_layer1 .txt{ padding-left:30px;}

.topic_layer2{}
.topic_layer2 img{ width:1320px;}

.topic_layer3{}
.topic_layer3 .listUl{ padding:0 50px 30px; overflow:hidden;}
.topic_layer3 .listUl li{ border-bottom:solid 1px #ddd; width:585px; height:110px; padding:25px 0; float:left;}
.topic_layer3 .listUl li .photo{ float:left;}
.topic_layer3 .listUl li .photo img{ width:140px; height:110px;}
.topic_layer3 .listUl li .title{ font-size:16px; line-height:20px; font-weight:400; margin-top:5px;}
.topic_layer3 .listUl li .title a{ color:#333;}
.topic_layer3 .listUl li .title a:hover{ color:#2c63f6;}
.topic_layer3 .listUl li .txt{ font-size:13px; line-height:22px; color:#888; overflow:hidden; margin:10px 0; text-align:justify;}
.topic_layer3 .listUl li .more{ color:#7d7cff; cursor:pointer; margin-left:10px;}
.topic_layer3 .listUl li .more:hover{ color:#2c63f6;}
.topic_layer3 .listUl li .iconfont{ font-size:14px !important;}
.topic_layer3 .listUl li:nth-child(2n+0){ float:right;}
.topic_layer3 .listUl li:nth-child(5n+0){ border-bottom:none;}
.topic_layer3 .listUl li:nth-child(5n+1){ border-bottom:none;}
.topic_layer3 .listUl li:first-child{ border-bottom:solid 1px #ddd;}

.topic_layer4{}
.topic_layer4 .listUl{ padding:0 80px 30px; overflow:hidden;}
.topic_layer4 .listUl li{ border-right:solid 1px #e1e1e1; width:450px; height:110px; padding:25px 60px 25px 60px; float:left; position:relative;}
.topic_layer4 .listUl li .index{ left:0; top:20px; background:url('../images/numbg.png') no-repeat center top; width:32px; height:32px; line-height:30px; padding-right:7px;}
.topic_layer4 .listUl li .title{ font-size:16px; line-height:20px; font-weight:400;}
.topic_layer4 .listUl li .title a{ color:#333;}
.topic_layer4 .listUl li .title a:hover{ color:#2c63f6;}
.topic_layer4 .listUl li .txt{ font-size:13px; line-height:22px; color:#888; overflow:hidden; margin:15px 0; text-align:justify;}
.topic_layer4 .listUl li .more{ color:#7d7cff; cursor:pointer; margin-left:10px;}
.topic_layer4 .listUl li .more:hover{ color:#2c63f6;}
.topic_layer4 .listUl li .iconfont{ font-size:14px !important;}
.topic_layer4 .listUl li:nth-child(2n+0){ float:right; border-right:none; padding-right:0;}

.topic_layer5{}
.topic_layer5 .listUl{ padding:0 30px; overflow:hidden;}
.topic_layer5 .listUl li{ background:#fff; width:293px; height:370px; margin:0 10px 40px;  float:left; box-shadow:0 2px 15px rgba(20,76,186,0.1); }
.topic_layer5 .listUl li .photo{}
.topic_layer5 .listUl li .photo img{ width:293px; height:146px;}
.topic_layer5 .listUl li .title{ font-size:16px; line-height:28px; font-weight:400;}
.topic_layer5 .listUl li .title a{ color:#333;}
.topic_layer5 .listUl li .title a:hover{ color:#2c63f6;}
.topic_layer5 .listUl li .txt{ font-size:13px; line-height:24px; color:#888; overflow:hidden; margin:10px 0 15px; text-align:justify;}

.topic_layer6{}
.topic_layer6 .listUl{ padding:20px 50px 0; overflow:hidden;}
.topic_layer6 .listUl li{ background:#fff; width:367px; height:350px; margin:0 18px 40px;  float:left; box-shadow:0 2px 15px rgba(20,76,186,0.1); }
.topic_layer6 .listUl li .photo{}
.topic_layer6 .listUl li .photo img{ width:367px; height:146px;}
.topic_layer6 .listUl li .title{ font-size:16px; line-height:28px; font-weight:bold; border-bottom:solid 1px #d4d4d4;}
.topic_layer6 .listUl li .title a{ color:#333;}
.topic_layer6 .listUl li .title a:hover{ color:#2c63f6;}
.topic_layer6 .listUl li .txt{ font-size:13px; line-height:24px; color:#888; overflow:hidden; text-align:justify;}
.topic_layer6 .hd{ position:relative;}
.topic_layer6 .hd ul{ display:none;}
.topic_layer6 .hd .prev,.topic_layer6 .hd .next{ position:absolute; top:-230px; display:inline-block; text-align:center; width:38px; height:38px; line-height:38px; border-radius:50%; color:#b4b4b4;}
.topic_layer6 .hd .prev:hover,.topic_layer6 .hd .next:hover{ color:#fff; background:#2c63f6; }
.topic_layer6 .hd .iconfont{ font-size:26px; font-weight:bold;}
.topic_layer6 .hd .prev{ left:20px;}
.topic_layer6 .hd .next{ right:30px;}

.topic_layer7{}
.topic_layer7 .listUl{ padding:0 50px 30px; overflow:hidden;}
.topic_layer7 .listUl li{ width:125px; height:35px; line-height:34px; float:left; margin:20px 39px 10px; color:#999;}
.topic_layer7 .listUl li a{ display:block; height:35px; padding:0 10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; background:#f3f3f3; border-radius:5px;}
.topic_layer7 .listUl li a:hover{ background:#797ffa; color:#fff;}

.topic_layer8{}
.topic_layer8 .listUl{ padding:0 50px 30px 80px; overflow:hidden;}
.topic_layer8 .listUl li{ border-bottom:dotted 1px #d9d9d9; width:390px; height:130px; padding:25px 40px 25px 120px; float:left; position:relative;}
.topic_layer8 .listUl li .date{ left:0; top:28px; font-size:13px; font-weight:bold; line-height:15px; border-right:solid 1px #aaa; width:100px;}
.topic_layer8 .listUl li .title{ font-size:13px; line-height:20px; font-weight:bold;}
.topic_layer8 .listUl li .title a{ color:#333;}
.topic_layer8 .listUl li .title a:hover{ color:#2c63f6;}
.topic_layer8 .listUl li .txt{ font-size:12px; line-height:22px; color:#888; overflow:hidden; margin:15px 0; text-align:justify;}
.topic_layer8 .listUl li .more{ color:#7d7cff; cursor:pointer; margin-left:10px;}
.topic_layer8 .listUl li .more:hover{ color:#2c63f6;}
.topic_layer8 .listUl li .iconfont{ font-size:14px !important;}
.topic_layer8 .listUl li:nth-child(2n+0){ float:right;}
.topic_layer8 .listUl li:nth-child(5n+0){ border-bottom:none;}
.topic_layer8 .listUl li:nth-child(5n+1){ border-bottom:none;}

/*功能页新样式*/
.function-current{ position:relative; padding:120px 0 90px; text-align:center; font-size:28px; font-weight:600; line-height:26px; color:#000; letter-spacing:2px;}
.function-current2{ position:relative; padding:120px 0 90px; text-align:center; font-size:34px; font-weight:600; line-height:26px; color:#333; letter-spacing:4px;}

.function-contentList2{}
.function-contentList2 .auto{ width:1100px;}
.function-contentList2 li{ width:1100px; padding:30px 0; position:relative;}
.function-contentList2 li .txt{ display:flex; align-items:center; flex-wrap:wrap; position:absolute; top:0px; left:0px; bottom:0px; width:420px;}
.function-contentList2 li .txt2{ display:block; align-items:normal;}
.function-contentList2 li .txt2 .title{ margin:50px 0 15px 0;}
.function-contentList2 li .txt .title{ font-size:26px; position:relative; line-height:40px; color:#1365f0; display:inline-block; letter-spacing:1px; font-weight:bold;}
.function-contentList2 li .txt .title .name{ z-index:2; position:relative;}
.function-contentList2 li .txt .title .num{ position:absolute; letter-spacing:-5px; font-family:puhuitiHeavy; font-size:140px; color:#f2f4f9; right:-95px; bottom:35px; z-index:1; font-weight:bold;}
.function-contentList2 li .txt .intro{ font-size:14px; line-height:28px; color:#999; margin-top:20px;}
.function-contentList2 li .txt .intro p{ margin-bottom:15px; text-align:justify; position:relative; font-size:14px; color:#999; letter-spacing:1px; line-height:24px; padding-left:20px;}
.function-contentList2 li .txt .intro p::before{ content:""; position:absolute; top:9px; left:0px; width:6px; height:6px; border-radius:50px; background:#1365f0;}

.function-contentList2 li .txt .intro2{ position:relative; z-index:8; cursor:pointer; letter-spacing:1px; font-size:14px; line-height:28px; color:#999; margin-top:20px; padding:0 0 0 20px;}
.function-contentList2 li .txt .intro2 .p1{ margin-bottom:5px;}
.function-contentList2 li .txt .intro2 .iconfont{ margin-right:7px; color:#333; font-size:20px; float:left;}
.function-contentList2 li .txt .intro2 .p2{ font-size:13px; color:#999; padding:0 0 0px 25px; line-height:20px;}
.function-contentList2 li .txt .intro2 .p3{ color:#333; font-size:12px; line-height:22px; text-align:justify; margin:0 0 5px 2px;}
.function-contentList2 li .txt .intro2:hover .p1{}
.function-contentList2 li .txt .intro2:hover .p1 b,.function-contentList li .txt .intro2:hover .p1 .iconfont{ color:#1365f0 !important;}

.function-contentList2 li .txt .intro3{ cursor:pointer; display:none; margin-bottom:20px; letter-spacing:1px; background:#f4f8fd; border-radius:10px; font-size:14px; line-height:28px; color:#999; padding:20px;}
.function-contentList2 li .txt .intro3 .p1{ color:#1365f0; line-height:35px; margin-bottom:8px;}
.function-contentList2 li .txt .intro3 .iconfont{ margin-right:7px; font-size:20px; float:left; display:inline-block; width:35px; height:35px; line-height:35px; border-radius:50%; background:#1365f0; text-align:center; color:#fff;}
.function-contentList2 li .txt .intro3 .p2{ color:#1365f0; font-size:12px; position:relative; padding-left:13px; margin:10px 0 0 2px;}
.function-contentList2 li .txt .intro3 .p2::before{ content:""; position:absolute; top:11px; left:0px; width:5px; height:5px; border-radius:50px; background:#1365f0;}
.function-contentList2 li .txt .intro3 .p3{ color:#333; font-size:12px; line-height:22px; text-align:justify; margin:0 0 5px 2px;}

.function-contentList2 li .txt .fTitle{ color:#1365f0;}
.function-contentList2 li .photo{ margin-left:500px; display:flex; align-items:center; flex-wrap:wrap;}
.function-contentList2 li .photo img{ width:630px; max-width:630px;}
.function-contentList2 li:nth-of-type(even) .txt{left:auto; right:-10px;}
.function-contentList2 li:nth-of-type(even) .photo{ margin-left:-20px; margin-right:400px;}

.function-contentList{}
.function-contentList .auto{ width:1100px;}
.function-contentList li{ margin:60px 0; position:relative;}
.function-contentList li .txt{ display:flex; align-items:center; flex-wrap:wrap; position:absolute; top:0px; left:0px; bottom:0px; width:480px;}
.function-contentList li .txt .title{ font-size:26px; line-height:40px; color:#333; margin:0 0 20px 0px; letter-spacing:1px;}
.function-contentList li .txt .intro{ font-size:14px; line-height:28px; color:#999; margin-top:20px;}
.function-contentList li .txt .intro p{ margin-bottom:15px; position:relative; font-size:14px; color:#999; line-height:24px; padding-left:20px;}
.function-contentList li .txt .intro p::before{ content:""; position:absolute; top:9px; left:0px; width:6px; height:6px; border-radius:50px; background:#8680ed;}
.function-contentList li .photo{ margin-left:600px;}
.function-contentList li .photo img{ width:560px; height:340px; max-width:560px;}
.function-contentList li:nth-of-type(even) .txt{left:auto; right:-10px;}
.function-contentList li:nth-of-type(even) .photo{ margin-left:-20px; margin-right:400px;}

.function-video{ margin:70px 0 40px 0; position:relative; background:url("../images/fun-videobg2.png") no-repeat right top; background-size:100% 690px;}
.function-video .auto{ height:690px;}
.function-video .leftBg{ width:150px; height:490px; position:absolute; left:0; top:0; background:url("../images/fun-videobg1.png") no-repeat left top; background-size:150px 490px;}
.function-video .rightBg{ width:690px; height:600px; position:absolute; right:0; top:0;}
.function-video .video{ text-align:center;}
.function-video .video img{ width:650px;}
.function-video .title{ font-size:28px; font-weight:600; text-align:center; color:#333; letter-spacing:1px; padding:150px 0 80px 0;}

.function-video2{ margin:70px 0 40px 0; position:relative; background:url("../images/function-video-bgbig.jpg") repeat-x left bottom #fff;}
.function-video2 .auto{ z-index:5;}
.function-video2 .greyBg{background-image:linear-gradient(to bottom, #fff , #e3ecfe); position:absolute; z-index:1; bottom:186px; top:0; left:0; right:0;}
.function-video2 .leftBg{ width:130px; position:absolute; left:-70px; bottom:200px; z-index:9; -webkit-animation:arrowLeftRun 1.5s linear infinite alternate; animation:arrowLeftRun 1.5s linear infinite alternate;}
.function-video2 .rightBg{ width:220px; position:absolute; right:-105px; bottom:230px; z-index:9; -webkit-animation:arrowRightRun 2s linear infinite alternate; animation:arrowRightRun 2s linear infinite alternate; }
.function-video2 .video{ width:1300px; position:relative; margin-left:-50px; height:580px; background:url("../images/function-videobg.png") no-repeat center center; background-size:100% 100%;}
.function-video2 .video img{ width:720px; margin:110px 0 0 105px;}
.function-video2 .rightTxt{ width:310px; text-align:center; position:absolute; right:80px; bottom:250px; z-index:8; letter-spacing:2px;}
.function-video2 .rightTxt .t1{ font-size:25px;}
.function-video2 .rightTxt .t2{ font-size:35px; font-weight:bold;}
.function-video2 .palyIcon{ width:80px; height:80px; box-shadow:0px 0px 10px 5px rgba(0,0,0,0.1); cursor:pointer; text-align:center; font-size:50px; line-height:80px; left:32%; top:40%; border-radius:50%; background:#fff; color:#306df6; display:inline-block;}
.function-video2 .palyIcon:before{ margin-left:5px;}
.function-video2 .palyIcon:hover{ background:#306df6; color:#fff;}

@keyframes arrowLeftRun
{
    0% { bottom:200px;}
    100% { bottom:190px;}
}
@keyframes arrowRightRun
{
    0% { right:-10 bottom:230px;}
    100% { bottom:240px;}
}
.function-valuable{ }
.function-valuable ul{ display:-webkit-box; display:box;}
.function-valuable li{ position:relative; letter-spacing:1px; -webkit-box-flex:1; -ms-box-flex:1; box-flex:1; -webkit-flex:1; -ms-flex:1; flex:1; height:335px; margin:90px 37px 0; box-shadow:0 2px 24px rgba(28,76,186,0.1); border-radius:5px; background:#fff; text-align:center;}
.function-valuable li .p1{ margin:-40px auto 0; background:linear-gradient(#5382f6, #609cff); background:-webkit-linear-gradient(#5382f6, #609cff); background:-moz-linear-gradient(#5382f6, #609cff); border-radius:50%; width:90px; height:90px; text-align:center;}
.function-valuable li .p1 img{ width:auto !important; height:90px; margin-top:0 !important;}
.function-valuable li .p2{ font-size:20px; color:#333; font-weight:600; padding:30px 0 20px 0;}
.function-valuable li .p3{ padding:0 40px; font-size:14px; text-align:justify; color:#999; line-height:26px;}
.function-valuable li:nth-child(2n) .p1{ background:linear-gradient(#dd7868, #db665f); background:-webkit-linear-gradient(#dd7868, #db665f); background:-moz-linear-gradient(#dd7868, #db665f);}
.function-valuable li:nth-child(3n) .p1{ background:linear-gradient(#6e71e9, #888af9); background:-webkit-linear-gradient(#6e71e9, #888af9); background:-moz-linear-gradient(#6e71e9, #888af9);}

.function-valuable2{ }
.function-valuable2 ul{ padding-left:40px;}
.function-valuable2 li{ float:left; position:relative; letter-spacing:1px; width:500px; height:210px; margin:70px 37px 0; box-shadow:0 2px 24px rgba(28,76,186,0.1); border-radius:5px; background:#fff; text-align:center;}
.function-valuable2 li .p1{ margin:-30px 30px 0;  background:linear-gradient(#5382f6, #609cff); background:-webkit-linear-gradient(#5382f6, #609cff); background:-moz-linear-gradient(#5382f6, #609cff); border-radius:50%; width:90px; height:90px; text-align:center;}
.function-valuable2 li .p1 img{ width:auto !important; height:90px; margin-top:0 !important;}
.function-valuable2 li .p2{ font-size:20px; color:#333; font-weight:600; position:absolute; left:140px; top:30px;}
.function-valuable2 li .p3{ padding:20px 40px; font-size:14px; text-align:justify; color:#999; line-height:26px;}
.function-valuable2 li:nth-child(2n) .p1{ background:linear-gradient(#dd7868, #db665f); background:-webkit-linear-gradient(#dd7868, #db665f); background:-moz-linear-gradient(#dd7868, #db665f);}
.function-valuable2 li:nth-child(3n) .p1{ background:linear-gradient(#f9d36c, #f5b556); background:-webkit-linear-gradient(#f9d36c, #f5b556); background:-moz-linear-gradient(#f9d36c, #f5b556);}
.function-valuable2 li:nth-child(4n) .p1{ background:linear-gradient(#6e71e9, #888af9); background:-webkit-linear-gradient(#6e71e9, #888af9); background:-moz-linear-gradient(#6e71e9, #888af9);}

.function-valuable-new{ }
.function-valuable-new ul{ height:500px;}
.function-valuable-new li{ position:relative; cursor:pointer; letter-spacing:1px; width:326px; height:390px; float:left; margin:80px 37px 0; box-shadow:0 2px 30px rgba(94,166,233,0.2); border-radius:10px; background:#fff; text-align:center;}
.function-valuable-new li .p1{ margin:30px auto 0; background:#f4f7fd; border-radius:50%; width:90px; height:90px; text-align:center;}
.function-valuable-new li .p1 img{ width:auto !important; height:50px; margin-top:20px !important;}
.function-valuable-new li .p2{ font-size:20px; color:#333; font-weight:600; padding:30px 0 20px 0;}
.function-valuable-new li .p3{ padding:0 40px; font-size:12px; text-align:justify; color:#666; line-height:26px;}
.function-valuable-new li:hover{ margin-top:70px; height:410px; color:#fff; background-image:linear-gradient(to bottom, #306df6 , #306df6); }
.function-valuable-new li:hover .p1{}
.function-valuable-new li:hover .p2{ color:#fff; }
.function-valuable-new li:hover .p3{ font-size:13px; color:#fff; }

.function-valuable2-new{ }
.function-valuable2-new ul{ padding-left:40px;}
.function-valuable2-new li{ float:left; position:relative; letter-spacing:1px; width:500px; height:210px; margin:70px 37px 0; box-shadow:0 2px 24px rgba(28,76,186,0.1); border-radius:5px; background:#fff; text-align:center;}
.function-valuable2-new li .p1{ margin:-30px 30px 0;  background:linear-gradient(#5382f6, #609cff); background:-webkit-linear-gradient(#5382f6, #609cff); background:-moz-linear-gradient(#5382f6, #609cff); border-radius:50%; width:90px; height:90px; text-align:center;}
.function-valuable2-new li .p1 img{ width:auto !important; height:90px; margin-top:0 !important;}
.function-valuable2-new li .p2{ font-size:20px; color:#333; font-weight:600; position:absolute; left:140px; top:30px;}
.function-valuable2-new li .p3{ padding:20px 40px; font-size:14px; text-align:justify; color:#999; line-height:26px;}
.function-valuable2-new li:nth-child(2n) .p1{ background:linear-gradient(#dd7868, #db665f); background:-webkit-linear-gradient(#dd7868, #db665f); background:-moz-linear-gradient(#dd7868, #db665f);}
.function-valuable2-new li:nth-child(3n) .p1{ background:linear-gradient(#f9d36c, #f5b556); background:-webkit-linear-gradient(#f9d36c, #f5b556); background:-moz-linear-gradient(#f9d36c, #f5b556);}
.function-valuable2-new li:nth-child(4n) .p1{ background:linear-gradient(#6e71e9, #888af9); background:-webkit-linear-gradient(#6e71e9, #888af9); background:-moz-linear-gradient(#6e71e9, #888af9);}

.function-valuable3{ overflow:hidden; padding-bottom:50px;}
.function-valuable3 ul{}
.function-valuable3 li{ float:left; position:relative; width:530px; height:130px; margin:25px 30px 0; box-shadow:0 2px 24px rgba(94,166,233,0.2); border-radius:10px; background:#fff; }
.function-valuable3 li .p1{ float:left; margin:20px 20px 20px 20px;  background:#f4f7fd; border-radius:50%; width:90px; height:90px; text-align:center;}
.function-valuable3 li .p1 img{ width:auto !important; height:50px; margin-top:20px !important;}
.function-valuable3 li .p2{ font-size:17px; padding-top:20px; color:#333; font-weight:bold;}
.function-valuable3 li .p3{ padding:10px 20px 0 0; font-size:12px; text-align:justify; color:#999; line-height:22px;}
.function-valuable3 li:hover{ background:#2c63f6; box-shadow:0 2px 24px rgba(44,99,246,0.3);}
.function-valuable3 li:hover .p2,.function-valuable3 li:hover .p3{ color:#fff;}

.function-valuable4{ overflow:hidden; padding-bottom:50px;}
.function-valuable4 ul{}
.function-valuable4 li{ float:left; box-sizing:border-box; position:relative; width:530px; height:150px; margin:25px 30px 0; box-shadow:0 2px 24px rgba(94,166,233,0.2); border-radius:10px; background:#fff; }
.function-valuable4 li .p1{ float:left; margin:20px 20px 20px 20px;  background:#f4f7fd; border-radius:50%; width:90px; height:90px; text-align:center;}
.function-valuable4 li .p1 img{ width:auto !important; height:50px; margin-top:20px !important;}
.function-valuable4 li .p2{ font-size:17px; padding-top:20px; color:#333; font-weight:bold;}
.function-valuable4 li .p3{ padding:10px 20px 0 0; font-size:12px; text-align:justify; color:#999; line-height:22px;}
.function-valuable4 li:hover{ background:#2c63f6; box-shadow:0 2px 24px rgba(44,99,246,0.3); transform:scale(1.1, 1.1); transition:all 0.5s;}
.function-valuable4 li:hover .p2,.function-valuable4 li:hover .p3{ color:#fff;}
.function-valuable4 li:hover .p3{ font-size:12px;}

.function-videoBall{ background-image:linear-gradient(to bottom, #f9fbff , #f9fbff); position:relative;}
.function-videoBall .leftBall,.function-videoBall .rightBall{ position:absolute;}
.function-videoBall .leftBall{ left:calc(50% - 650px); bottom:-50px; width:350px;}
.function-videoBall .rightBall{ right:calc(50% - 600px); top:55px; width:100px;}
.function-videoBall .H_title{ padding-top:20px;}

.function-bigPhoto{ background:#f2f5ff; margin:0 auto; text-align:center; padding-bottom:50px; position:relative;}
.function-bigPhoto img{ width:1100px; margin-bottom:20px;}
.function-bigPhoto span{ position:absolute; right:215px; top:150px; font-size:23px; font-weight:bold; color:#333; letter-spacing:1px;}
.function-bigPhoto .gxGif{ position:absolute; left:calc(50% - 550px); bottom:50px; z-index:8;}

.function-bigPhoto-old{ width:1100px; margin:0 auto; text-align:center; padding-top:100px; position:relative;}
.function-bigPhoto-old img{ width:1100px;}
.function-bigPhoto-old span{ position:absolute; right:215px; top:150px; font-size:23px; font-weight:bold; color:#333; letter-spacing:1px;}

.function-salaryList{ width:1250px; margin:0 auto; overflow:hidden; padding:30px 0 0 110px; position:relative; z-index:4;}
.function-salaryList li{ width:250px; height:340px; margin:0 0 0 -10px; position:relative; box-sizing:border-box; padding:0 36px 0 10px; text-align:center; float:left; background:url("../images/salary-bg.png") no-repeat left top; background-size:100% 100%;}
.function-salaryList li .icon{ margin:auto; padding-top:50%;}
.function-salaryList li .icon img{ height:50px; width:auto; margin-bottom:0;}
.function-salaryList li .title{ font-size:16px; letter-spacing:1px; font-weight:bold; color:#2282fa; padding:15px 0 7px;}
.function-salaryList li .en{ font-size:10px; color:#999;}
.function-salaryList li .detail{ display:none; position:absolute; letter-spacing:1px; width:170px; left:27px; top:45px; text-align:center; color:#fff;}
.function-salaryList li .detail .name{ line-height:24px; border-radius:4px; background:#fff; color:#1365f0;}
.function-salaryList li .detail .iconfont{ line-height:24px;}
.function-salaryList li:hover{ background:url("../images/salary-bghover.png") no-repeat left top; color:#fff; background-size:100% 100%;}
.function-salaryList li:hover .detail{ display:block;}
.function-salaryList li:hover .icon,.function-salaryList li:hover .title,.function-salaryList li:hover .en{ display:none;}
.function-salaryList li:last-child:hover .title,.function-salaryList li:last-child:hover .en{ display:block; color:#fff; position:absolute; left:10px; right:35px; text-align:center;}
.function-salaryList li:last-child:hover .title{ bottom:100px;}
.function-salaryList li:last-child:hover .en{ bottom:80px;}
.function-salaryGif{ position:absolute; z-index:3; top:190px; left:calc(50% - 650px);}
.function-salaryGif img{ width:1330px;}

.paas_tiaozhan{}
.paas_tiaozhan dl{ background:#fff; position:relative; padding:0 10px; margin-top:-50px; height:200px; box-shadow:0px 0px 15px 0px rgba(0,84,254,0.1);}
.paas_tiaozhan dl dt{ position:relative; width:33.33%; float:left; cursor:pointer; box-sizing:border-box; padding:30px 40px 0;}
.paas_tiaozhan dl dt .t1{ font-size:18px; color:#333; height:40px; line-height:40px; letter-spacing:2px;}
.paas_tiaozhan dl dt .t1 img{ float:left; margin-right:10px; height:40px;}
.paas_tiaozhan dl dt .t1 .icon2{ display:none;}
.paas_tiaozhan dl dt .t2{ line-height:24px; color:#888; margin-top:10px; letter-spacing:1px;}
.paas_tiaozhan dl dt:before{ position:absolute; width:1px; height:140px; background:#e8e8e8; content:''; right:0; top:30px; }
.paas_tiaozhan dl dt:last-child:before{ display:none;}
.paas_tiaozhan dl dt:hover .t1{ color:#3b99ff;}
.paas_tiaozhan dl dt:hover .t1 .icon2{ display:block;}
.paas_tiaozhan dl dt:hover .t1 .icon1{ display:none;}

.paas_jiazhi{ overflow:hidden; padding-bottom:100px; display:none;}
.paas_jiazhi .H_title{ padding:50px 0 20px;}
.paas_jiazhi dl{ }
.paas_jiazhi dl dt{ position:relative; width:320px; margin-right:120px; float:left; box-sizing:border-box; padding:30px 0 0;}
/*.paas_jiazhi dl dt .t1{ font-size:18px; color:#333; height:40px; line-height:40px; height:50px;}*/
/*.paas_jiazhi dl dt .t1 span{ float:left; font-size:65px; color:#0774fe; line-height:50px; font-family:pangmenzhengdao;}*/
/*.paas_jiazhi dl dt .t1 img{ float:left; height:45px; margin-left:2px;}*/
/*.paas_jiazhi dl dt .t2{ height:42px; line-height:42px; font-size:18px; border-bottom:solid 1px #b4b4b4; color:#333; padding:15px 0 10px; letter-spacing:1px;}*/
/*.paas_jiazhi dl dt .t2 img{ float:left; margin-right:10px; height:42px;}*/ /*旧版样式*/
.paas_jiazhi dl dt .t1{ font-size:18px; color:#333; height:40px; line-height:40px; height:50px; text-align:center;}
.paas_jiazhi dl dt .t1 span{  font-size:65px; color:#333; line-height:50px; font-family:puhuiti;}
.paas_jiazhi dl dt .t1 img{ height:45px; margin-left:2px;}
.paas_jiazhi dl dt .t2{ height:42px; line-height:34px; text-align:center; font-weight:bold; font-size:16px; border-bottom:solid 1px #ddd; color:#333; padding:5px 0; letter-spacing:1px;}
.paas_jiazhi dl dt .t2 img{ display:none; float:left; margin-right:10px; height:42px;}
.paas_jiazhi dl dt .t3{ line-height:24px; color:#888; margin-top:10px; letter-spacing:1px;}
.paas_jiazhi dl dt:last-child{ margin-right:0;}
.paas_jiazhi .numRun{ height:70px; line-height:70px; overflow:hidden; margin-left:100px; cursor:pointer; position:relative;}
.paas_jiazhi .numRun p{ height:70px; text-align:center; font-size:65px; font-family:puhuiti; color:#333;}
.paas_jiazhi .numRun img{ height:28px;}
.paas_jiazhi .rolling1,.paas_jiazhi .rolling2 { height:70px; line-height:70px; font-family:puhuiti; width:40px; display:inline-block; float:left;}
.paas_jiazhi .rolling1{ -webkit-transform:translateY(-210px); -ms-transform:translateY(-210px); transform:translateY(-210px);}
.paas_jiazhi .triangleUp{ position:absolute; left:82px; top:11px;}
.paas_jiazhi .triangleDown{ position:absolute; left:82px; top:11px;}
.paas_jiazhi .bfb{ position:absolute; left:84px; bottom:3px; font-size:30px; line-height:40px; color:#888;}
.paas_jiazhi .startPlay1 {
    -webkit-animation:runing1 1s ease; animation:runing1 1s ease;
    -webkit-transform:translateY(-210px); -ms-transform:translateY(-210px); transform:translateY(-210px);
}
.paas_jiazhi .startPlay2{
    -webkit-animation:runing2 1s ease; animation:runing2 1s ease;
    -webkit-transform:translateY(0px); -ms-transform:translateY(0px); transform:translateY(0px);
}
.paas_jiazhi .runUp {
    -webkit-animation:runUp 0.5s ease; animation:runUp 0.5s ease;
    animation-iteration-count:infinite; /*循环播放*/
}
.paas_jiazhi .runDown{
    -webkit-animation:runDown 0.5s ease; animation:runDown 0.5s ease;
    animation-iteration-count:infinite; /*循环播放*/
}
@keyframes runing1
{
    0% { transform:translateY(0px);}
    100% { transform:translateY(-210px);}
}
@keyframes runing2
{
    0% { transform:translateY(-240px);}
    100% { transform:translateY(0px);}
}
@keyframes runUp
{
    0% { top:21px; opacity:0; height:20px;}
    100% {top:11px; opacity:1; height:28px;}
}
@keyframes runDown
{
    0% { top:0px; opacity:0; height:20px;}
    100% {top:11px; opacity:1; height:28px;}
}


.paas_youshi{ background:url("../images/paas_youshibg.jpg") no-repeat center bottom; height:745px; background-size:100% 100%;}
.paas_youshi .auto{ width:1010px;}
.paas_youshi .H_title{ padding:75px 0 55px;}
.paas_youshi .photo{ text-align:center;}
.paas_youshi .photo img{ width:1200px;}
.paas_youshi .txtBox{ height:360px; position:absolute; text-align:center; font-size:18px; font-family: "微软雅黑 Bold", "微软雅黑 Regular", 微软雅黑, sans-serif;
    letter-spacing:1px; font-weight:700;}
.paas_youshi .txtBox dl{ overflow:hidden;}
.paas_youshi .txtBox dt{ float:left; line-height:70px;}
.paas_youshi .txtBox .title{ line-height:20px; padding:30px 0 0;}
.paas_youshi .txtBox .title span{ display:block; text-transform:uppercase; font-size:11px; color:rgba(255,255,255,0.5); letter-spacing:0.5; padding-top:8px;}
.paas_youshi .txtBox .title b{ display:block; font-size:26px;}
.paas_youshi .txtBox .d1{ width:250px; padding-top:70px;}
.paas_youshi .txtBox .d1 p{ padding-left:60px; text-align:left;}
.paas_youshi .txtBox .d1 .iconfont{ font-size:30px; color:#999; margin-right:20px; float:left;}
.paas_youshi .txtBox .d1 p:hover{ color:#3b99ff;}
.paas_youshi .txtBox .d1 p:hover .iconfont{ color:#3b99ff;}
.paas_youshi .txtBox .d2{ width:400px; color:#fff; line-height:50px;}
.paas_youshi .txtBox .d2 p{ text-align:left; padding-left:35px; cursor:pointer; margin:15px 40px 0px 50px; border-radius:25px;}
.paas_youshi .txtBox .d2 .iconfont{ font-size:22px; color:#fff; margin-right:15px;}
.paas_youshi .txtBox .d2 p:hover{ background:rgba(255,255,255,1); color:#3b99ff;}
.paas_youshi .txtBox .d2 p:hover .iconfont{ color:#02bd77;}
.paas_youshi .txtBox .d3{ width:360px; color:#999; line-height:64px;}
.paas_youshi .txtBox .d3 .title{ padding-top:42px;}
.paas_youshi .txtBox .d3 .title b{ color:#333;}
.paas_youshi .txtBox .d3 .title span{ color:#b3b3b3;}
.paas_youshi .txtBox .d3 p:hover{ color:#3b99ff;}
.paas_youshi .txtBox li{ height:50px; line-height:50px; margin:15px 0px 0px 0px; cursor:pointer;}
.paas_youshi .txtBox li p{ float:left; text-align:left;}
.paas_youshi .txtBox li .p1{ width:190px; padding-left:60px;}
.paas_youshi .txtBox li .p1 .iconfont{ font-size:30px; color:#999; margin-right:20px; float:left;}
.paas_youshi .txtBox li .p2{ width:270px; padding-left:35px; color:#fff; margin:0 40px 0px 50px; border-radius:25px;}
.paas_youshi .txtBox li .p2 .iconfont{ font-size:22px; color:#fff; margin-right:15px;}
.paas_youshi .txtBox li .p3{ width:340px; color:#999; text-align:center;}
.paas_youshi .txtBox li:hover{}
.paas_youshi .txtBox li:hover .p1{ color:#3b99ff; font-weight:bold;}
.paas_youshi .txtBox li:hover .p1 .iconfont{ color:#3b99ff;}
.paas_youshi .txtBox li:hover .p2{ background:rgba(255,255,255,1); color:#3b99ff; font-weight:bold;}
.paas_youshi .txtBox li:hover .p2 .iconfont{ color:#02bd77;}
.paas_youshi .txtBox li:hover .p3{ color:#3b99ff; font-weight:bold;}

.paas_xinyidai{ background:url("../images/paas_xinyidaibg.png") repeat-x left top;}
.paas_xinyidai .auto{}
.paas_xinyidai .H_title{ padding:40px 0;}
.paas_xinyidai .photo{ text-align:center; padding-top:50px; clear:both;}
.paas_xinyidai .photo img{ width:1200px;}
.paas_xinyidai ul{ height:240px;}
.paas_xinyidai ul li{ width:255px; height:240px; position:relative; cursor:pointer; text-align:center; background:#fff; border-radius:10px; float:left; margin-right:60px;}
.paas_xinyidai ul li:last-child{ margin-right:0;}
.paas_xinyidai ul li:hover{ box-shadow:0px 0px 15px 0px rgba(0,84,254,0.2);}
.paas_xinyidai ul li:hover:after{ content:''; border-radius:0 0 10px 10px; position:absolute; left:0; bottom:0; width:100%; height:5px; background:#0866ff;}
.paas_xinyidai ul li .t1{ padding-top:30px;}
.paas_xinyidai ul li .t1 img{ height:70px;}
.paas_xinyidai ul li .t2{ font-size:18px; color:#333; height:30px; line-height:30px; letter-spacing:2px;}
.paas_xinyidai ul li .t3{ line-height:22px; padding:0 30px; color:#888; margin-top:10px; letter-spacing:1px;}
.paas_xinyidai .txtBox{ margin:60px auto 0; width:1010px; position:relative; height:800px;}
.paas_xinyidai .txtBox .bigTitle{ position:absolute; left:40%; top:17px; color:#046cff; font-size:17px; text-align:center; width:210px; font-weight:bold;}
.paas_xinyidai .txtBox .bigTitle i{ font-weight:normal; margin-right:5px; font-size:18px;}
.paas_xinyidai .txtBox .subTitle{ color:#fff; letter-spacing:1px; font-size:14px; font-weight:bold;}
.paas_xinyidai .txtBox dl{}
.paas_xinyidai .txtBox dl dt{ cursor:pointer; color:#046cff; margin:10px 0 0 15px; float:left; text-align:center; width:100px; height:24px; line-height:24px; background:#fff; border-radius:15px; box-shadow:0px 0px 15px 0px rgba(0,84,254,0.3);}
.paas_xinyidai .txtBox dl dt:hover{ background:#3b99ff; color:#fff;}
.paas_xinyidai .txtBox .d1{ height:110px; background: url('../images/paas_xydbg1.png') no-repeat left top; background-size:100% 100%;}
.paas_xinyidai .txtBox .d1 dl{ padding:68px 0 0 25px;}
.paas_xinyidai .txtBox .d1 dl dt{ width:112px; margin-right:10px;}
.paas_xinyidai .txtBox .d2{ width:50%; float:left; height:140px; background: url('../images/paas_xydbg2.png') no-repeat left top; background-size:100% 100%;}
.paas_xinyidai .txtBox .d2 dl{ padding-top:10px;}
.paas_xinyidai .txtBox .d2 .subTitle{ padding:35px 0 0 220px;}
.paas_xinyidai .txtBox .d2 dt{ margin:10px 20px 0 25px; width:120px;}
.paas_xinyidai .txtBox .d3{ width:48%; float:right; height:140px; background: url('../images/paas_xydbg3.png') no-repeat left top; background-size:100% 100%;}
.paas_xinyidai .txtBox .d3 dl{ padding-top:10px;}
.paas_xinyidai .txtBox .d3 .subTitle{ padding:35px 0 0 230px;}
.paas_xinyidai .txtBox .d3 dt{ margin:10px 20px 0 25px; width:115px;}
.paas_xinyidai .txtBox .d4{ width:75%; height:190px; clear:both; background: url('../images/paas_xydbg4.png') no-repeat left top; background-size:100% 100%;}
.paas_xinyidai .txtBox .d4 .subTitle{ padding:40px 0 0 350px;}
.paas_xinyidai .txtBox .d4 dl{ padding-top:5px;}
.paas_xinyidai .txtBox .d4 dt{ margin-top:15px; width:108px;}
.paas_xinyidai .txtBox .d5{ width:75%; height:140px; clear:both; background: url('../images/paas_xydbg5.png') no-repeat left top; background-size:100% 100%;}
.paas_xinyidai .txtBox .d5 .subTitle{ padding:35px 0 0 350px;}
.paas_xinyidai .txtBox .d5 dl{ padding-top:8px;}
.paas_xinyidai .txtBox .d5 dt{  width:108px;}
.paas_xinyidai .txtBox .d6{ height:110px; background: url('../images/paas_xydbg6.png') no-repeat left top; background-size:100% 100%;}
.paas_xinyidai .txtBox .d6 .subTitle{ padding:40px 0 0 485px;}
.paas_xinyidai .txtBox .d6 dl{ padding:8px;}
.paas_xinyidai .txtBox .d6 dl dt{ width:115px; margin-right:10px;}
.paas_xinyidai .txtBox .d7{ height:80px; background: url('../images/paas_xydbg7.png') no-repeat left top; background-size:100% 100%;}
.paas_xinyidai .txtBox .d7 .type{ width:220px; height:50px; line-height:48px; margin:5px 40px 0 80px; float:left; color:#046cff; font-size:14px; font-weight:bold;}
.paas_xinyidai .txtBox .d7 .type .iconfont{ margin-right:10px; font-size:20px; float:left; padding-left:50px; font-weight:normal;}
.paas_xinyidai .txtBox .d7 .type:last-child{ margin:5px 0 0 60px;}
.paas_xinyidai .txtBox .d8{ position:absolute; text-align:center; right:0; bottom:220px; width:240px; height:320px; background: url('../images/paas_xydbg8.png') no-repeat left top; background-size:100% 100%;}
.paas_xinyidai .txtBox .d8 dl{}
.paas_xinyidai .txtBox .d8 dl dt{ display:inline-block; float:none; width:96px; margin-left:10px;}
.paas_xinyidai .txtBox .d8 .subTitle{ font-size:13px; padding:78px 0 10px 0;}

.paas_lingxian{}
.paas_lingxian .H_title{ padding:60px 0 40px;}
.paas_lingxian .leftCircle,.paas_lingxian .rightCircle{ position:absolute; z-index:1; width:280px;}
.paas_lingxian .leftCircle img{ width:280px;}
.paas_lingxian .leftCircle{ left:-140px; top:65px; }
.paas_lingxian .rightCircle{ right:-105px; bottom:-80px; width:250px;}
.paas_lingxian .rightCircle img{ width:250px;}
.paas_lingxian .listBox{ position:relative; z-index:3; height:570px; background:#fff; box-shadow:0px 0px 15px 0px rgba(0,84,254,0.1); border-radius:15px;}
.paas_lingxian .hd{ background:#eff7fd; height:50px; line-height:50px; cursor:pointer;}
.paas_lingxian .hd li{ float:left; width:200px; font-size:14px; text-align:center; color:#666; border-top:solid 2px #eff7fd;}
.paas_lingxian .hd li .iconfont{ margin-right:10px;}
.paas_lingxian .hd li:hover,.paas_lingxian .hd li.on{ background:#fff; border-color:#0773fe; color:#0773fe;}
.paas_lingxian .bd{}
.paas_lingxian .bd .photo{ float:right; width:815px; padding-top:20px;}
.paas_lingxian .bd .photo img{ width:815px;}
.paas_lingxian .bd li .leftCont{ width:330px; padding:40px 0 0 30px;}
.paas_lingxian .bd li .leftCont .title{ font-size:17px; font-family: '微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑', sans-serif; line-height:30px; color:#333; letter-spacing:1px;font-weight:700;}
.paas_lingxian .bd li .leftCont .t1{ font-size:13px; color:#0773fe; line-height:20px; text-align:justify;}
.paas_lingxian .bd li .leftCont .intro{ font-size:13px; line-height:24px; color:#666; margin-top:20px;}
.paas_lingxian .bd li .leftCont .intro p{ margin-bottom:15px; position:relative; padding-left:10px;}
.paas_lingxian .bd li .leftCont .intro p::before{ content:""; position:absolute; top:9px; left:0px; width:4px; height:4px; border-radius:50px; background:#1a6df5;}
.paas_lingxian .bd li .leftCont .category{ height:28px; line-height:28px; margin-top:35px;}
.paas_lingxian .bd li .leftCont .category p{ display:block; float:left; width:150px; border-radius:14px; background:#eff7fd; color:#0773fe; margin:0 15px 10px 0; position:relative;}
.paas_lingxian .bd li .leftCont .category .iconfont{ margin:0 10px 0 15px; font-size:14px;}

.paas_case{}
.paas_case .H_title{ padding:70px 0 10px;}
.paas_case .bd{ height:370px; overflow:hidden; position:relative; z-index:4;}
.paas_case .bd ul{ height:532px;}
.paas_case .bd li{ width:570px; height:300px; font-size:13px; color:#999; padding-top:20px; position:relative; margin:20px 20px 0 10px; background:#fff; border-radius:15px; float:left;}
.paas_case .bd li .bg{ position:absolute; left:0; top:0; width:100%; height:100%; z-index:1;}
.paas_case .bd li .bg img{ width:100%; height:100%; border-radius:25px;}
.paas_case .bd li .p1{ position:relative; font-size:17px; letter-spacing:1px; font-family: '微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑', sans-serif; font-weight:700; margin:10px 0 0 -10px; padding-left:30px;  z-index:8; width:237px; height:45px; background:url("../images/paas_casetitle.png") no-repeat left top; background-size:100% 100%; line-height:34px; color:#fff;}
.paas_case .bd li .p1::before{ content:""; position:absolute; top:15px; left:15px; width:6px; height:6px; border-radius:50%; background:#fff;}
.paas_case .bd li .p2{ z-index:8; text-align:justify; position:relative; padding:10px 0 0 30px; width:300px; height:160px; color:#fff; line-height:24px; font-size:13px;}
.paas_case .bd li .p3{ z-index:8; position:absolute; bottom:25px; left:30px;}
.paas_case .bd li .p3 a{ font-size:12px; color:#fff; letter-spacing:1px; width:150px; height:30px; line-height:30px; background:rgba(255,255,255,0.2); border:solid 1px #fff; border-radius:17px; text-align:center; display:block;}
.paas_case .bd li .p3 a:hover{ background:#fff; border-color:#fff; color:#3b99ff;}
.paas_case .hd{ position:absolute; left:0; right:0; bottom:80px; text-align:center;}
.paas_case .hd li{ cursor:pointer; width:5px; height:5px; display:inline-block; text-indent:-5000px; border:solid 1px #0865ff; margin:0 5px; border-radius:50%;}
.paas_case .hd li:hover:hover,.paas_case .hd li.on{ background:#0865ff;}
.paas_case .hd .prev,.paas_case .hd .next{ position:absolute; box-shadow:0px 0px 10px 0px rgba(50,113,252,0.3); top:-210px; display:inline-block; text-align:center; width:28px; height:28px; line-height:28px; border-radius:50%; color:#0865ff;}
.paas_case .hd .prev:hover,.paas_case .hd .next:hover{ color:#fff; background:#0865ff;}
.paas_case .hd .iconfont{ font-size:18px; font-weight:bold;}
.paas_case .hd .prev{ left:-50px;}
.paas_case .hd .next{ right:-50px;}
.paas_case .more{ text-align:center; padding-top:70px;}
.paas_case .more a{ display:inline-block; font-size:14px; width:200px; height:40px; line-height:40px; text-align:center; background:#0865ff; color:#fff; border-radius:5px;}
.paas_case .more a:hover{ background:#3b99ff;}

.redApi_box1{}
.redApi_box1 .H_title{ padding:30px 0 0px;}
.redApi_box1 .photo{ width:978px; margin:0 0 20px 76px; position:relative;}
.redApi_box1 .photo .bg{ width:100%; animation:ballBg 0.5s forwards; animation-play-state:paused;}
.redApi_box1 .photo .subTitle{ animation:ballBg 0.5s forwards; animation-play-state:paused; text-align:center; position:absolute; left:50%; top:43%; font-size:30px; z-index:4; line-height:30px; letter-spacing:2px; font-weight:bold; color:#046cff;}
.redApi_box1 .photo .subTitle span{ display:block; font-size:16px;}
.redApi_box1 .photo ul{ position:absolute; left:0; top:0; width:100%; height:100%;}
.redApi_box1 .photo ul li{ position:absolute; cursor:pointer; text-align:center; width:155px; height:155px; padding-top:45px; box-sizing:border-box; border-radius:50%; color:#fff; background:url("../images/redapi_ksh_libg.png") no-repeat center bottom; background-size:100% 100%;}
.redApi_box1 .photo ul li .icon{}
.redApi_box1 .photo ul li .icon img{ height:30px;}
.redApi_box1 .photo ul li .iconAcur{ display:none;}
.redApi_box1 .photo ul li .iconAcur img{ height:30px;}
.redApi_box1 .photo ul li .title{ padding-top:5px; letter-spacing:1px;}
.redApi_box1 .photo ul li:hover{ background:url("../images/redapi_ksh_liblue.png") no-repeat center bottom; background-size:100% 100%;
    transform:scale(1.1, 1.1);
    transition: all 0.5s;
}
.redApi_box1 .photo ul li:hover .icon{ display:none;}
.redApi_box1 .photo ul li:hover .iconAcur{ display:block;}
.redApi_box1 .photo ul li.b1{ left:135px; top:168px; animation:ball1 0.6s forwards; animation-play-state:paused;}
.redApi_box1 .photo ul li.b2{ left:75px; top:373px; animation:ball2 0.6s forwards; animation-play-state:paused; width:215px; height:215px; padding-top:70px;}
.redApi_box1 .photo ul li.b2 img{ height:40px;}
.redApi_box1 .photo ul li.b2 .title{ padding-top:10px;}
.redApi_box1 .photo ul li.b3{ left:316px; top:240px; animation:ball3 0.6s forwards; animation-play-state:paused; width:180px; height:180px; padding-top:50px;}
.redApi_box1 .photo ul li.b3 img{ height:35px;}
.redApi_box1 .photo ul li.b4{ left:330px; top:472px; animation:ball4 0.6s forwards; animation-play-state:paused;}
.redApi_box1 .photo ul li.b5{ left:482px; top:602px; animation:ball5 0.6s forwards; animation-play-state:paused;}
.redApi_box1 .photo ul li.b6{ left:562px; top:45px; animation:ball6 0.6s forwards; animation-play-state:paused; width:180px; height:180px; padding-top:55px;}
.redApi_box1 .photo ul li.b7{ left:630px; top:297px; animation:ball7 0.6s forwards; animation-play-state:paused; width:190px; height:190px; padding-top:55px;}
.redApi_box1 .photo ul li.b8{ right:142px; bottom:215px; animation:ball8 0.6s forwards; animation-play-state:paused; width:145px; height:145px; padding-top:40px;}
.redApi_box1 .photo ul li.b9{ right:12px; bottom:330px; animation:ball9 0.6s forwards; animation-play-state:paused; padding-top:45px;}
.redApi_box1 .photo ul li.runBall{ animation-play-state:running;}
.redApi_box1 .photo .runBg{ animation-play-state:running;}
@keyframes ballBg{
    from{ opacity:0;} to{ opacity:1;}
}
@keyframes ball1{
    /*from{ opacity:0; left:316px; top:240px;} to{ opacity:1; left:135px; top:168px; }*/
    from{ opacity:0; left:105px; top:268px;} to{ opacity:1; left:135px; top:168px; }
}
@keyframes ball2{
    /*from{ opacity:0; left:336px; top:280px;} to{ opacity:1; left:75px; top:373px;}*/
    from{ opacity:0; left:115px; top:463px;} to{ opacity:1; left:75px; top:373px;}
}
@keyframes ball3{
    /*from{ opacity:0; left:460px; top:310px;} to{ opacity:1; left:316px; top:240px;}*/
    from{ opacity:0; left:300px; top:340px;} to{ opacity:1; left:316px; top:240px;}
}
@keyframes ball4{
    /*from{ opacity:0; left:460px; top:310px;} to{ opacity:1; left:330px; top:472px;}*/
    from{ opacity:0; left:530px; top:492px;} to{ opacity:1; left:330px; top:472px;}
}
@keyframes ball5{
    /*from{ opacity:0; left:460px; top:310px;} to{ opacity:1; left:482px; top:602px;}*/
    from{ opacity:0; left:642px; top:532px;} to{ opacity:1; left:482px; top:602px;}
}
@keyframes ball6{
    /*from{ opacity:0; left:460px; top:310px;} to{ opacity:1; left:562px; top:45px;}*/
    from{ opacity:0; left:422px; top:15px;} to{ opacity:1; left:562px; top:45px;}
}
@keyframes ball7{
    /*from{ opacity:0; left:460px; top:310px;} to{ opacity:1; left:630px; top:297px;}*/
    from{ opacity:0; left:610px; top:177px;} to{ opacity:1; left:630px; top:297px;}
}
@keyframes ball8{
    /*from{ opacity:0; right:352px; bottom:385px;} to{ opacity:1; right:142px; bottom:215px;}*/
    from{ opacity:0; right:62px; bottom:355px;} to{ opacity:1; right:142px; bottom:215px;}
}
@keyframes ball9{
    /*from{ opacity:0; right:352px; bottom:385px;} to{ opacity:1; right:12px; bottom:330px;}*/
    from{ opacity:0; right:-10px; bottom:450px;} to{ opacity:1; right:12px; bottom:330px;}
}


.redApi_box1 .txt{ text-indent:2em; color:#888; letter-spacing:2px; position:relative; font-size:14px; line-height:30px; padding:0 100px 30px;}
/*.redApi_box1 .txt::before{ content:""; position:absolute; top:40px; left:5px; width:9px; height:9px; border-radius:50%; background:#0774fe;}*/

.redApi_box2{ background:url("../images/redapi_dzbg.png") no-repeat center bottom; background-size:100% 100%;}
.redApi_box2 .auto{ width:1080px;}
.redApi_box2 .H_title{ padding:55px 0 0px;}
.redApi_box2 .photo{ text-align:center;}
.redApi_box2 .photo img{ width:1200px;}
.redApi_box2 .txtBox{ margin:0 auto; width:1010px; position:relative;}
.redApi_box2 .txtBox .bgPic{ padding-top:20px;}
.redApi_box2 .txtBox .bigTitle{ position:absolute; left:40%; top:32px; color:#046cff; font-size:20px; letter-spacing:1px; text-align:center; width:210px; font-weight:bold;}
.redApi_box2 .txtBox .subTitle{ color:#fff; line-height:50px; letter-spacing:1px; font-size:14px; font-weight:bold; text-align:center;}
.redApi_box2 .txtBox dl{}
.redApi_box2 .txtBox dl dt{ cursor:pointer; color:#046cff; margin:10px 0 0 15px; float:left; text-align:center; width:100px; height:24px; line-height:24px; background:#fff; border-radius:15px; box-shadow:0px 0px 15px 0px rgba(0,84,254,0.3);}
.redApi_box2 .txtBox dl dt:hover{ background:#3b99ff; color:#fff;}
.redApi_box2 .txtBox .d1{ height:105px; background: url('../images/redapi_dz_txtbg1.png') no-repeat left top; background-size:100% 100%;}
.redApi_box2 .txtBox .d1 dl{ padding:68px 0 0 25px;}
.redApi_box2 .txtBox .d1 dl dt{ width:112px; margin-right:10px;}
.redApi_box2 .txtBox .d2{ position:absolute; left:0; top:130px; width:155px;}
.redApi_box2 .txtBox .d2 dt{ float:inherit; margin:30px 0 0 40px; width:80px;}
.redApi_box2 .txtBox .d2 dt:nth-child(2){ margin-top:85px;}
.redApi_box2 .txtBox .d2 dt:nth-child(3){ margin-top:85px;}
.redApi_box2 .txtBox .d3{ position:absolute; left:160px; top:130px; width:165px;}
.redApi_box2 .txtBox .d3 dl{ margin-left:15px;}
.redApi_box2 .txtBox .d3 dt{ width:65px; margin:5px 10px 30px 0;}
.redApi_box2 .txtBox .d3 dt:last-child{ width:100px; margin:-5px 0 0 20px;}
.redApi_box2 .txtBox .d4{ position:absolute; left:330px; top:130px; width:180px;}
.redApi_box2 .txtBox .d4 dt{ width:140px; margin-top:49px; margin-left:18px;}
.redApi_box2 .txtBox .d4 dt:first-child{ margin-top:30px;}
.redApi_box2 .txtBox .d5{ position:absolute; left:505px; top:130px; width:180px;}
.redApi_box2 .txtBox .d5 dt{ width:140px; margin-left:18px;}
.redApi_box2 .txtBox .d5 dt:nth-child(3),.redApi_box2 .txtBox .d5 dt:nth-child(5),.redApi_box2 .txtBox .d5 dt:nth-child(6),.redApi_box2 .txtBox .d5 dt:nth-child(7){ margin-top:18px;}
.redApi_box2 .txtBox .d6{ position:absolute; left:685px; top:130px; width:320px;}
.redApi_box2 .txtBox .d6 dt{ width:140px;}
.redApi_box2 .txtBox .d6 dt:nth-child(5),.redApi_box2 .txtBox .d6 dt:nth-child(6){ margin-top:18px;}
.redApi_box2 .txtBox .d6 dt:nth-child(9),.redApi_box2 .txtBox .d6 dt:nth-child(10){ margin-top:18px;}
.redApi_box2 .txtBox .d6 dt:nth-child(11),.redApi_box2 .txtBox .d6 dt:nth-child(12){ margin-top:18px;}
.redApi_box2 .txtBox .d6 dt:last-child{ margin:18px 0 0 90px;}
.redApi_box2 .txtBox .d7{ height:145px; position:relative; margin:-30px 80px 10px 80px; background:url('../images/redapi_dz_txtbg3.png') no-repeat left top; background-size:100% 100%;}
.redApi_box2 .txtBox .d7 .bigTitle{ color:#fff; top:96px; left:37.5%; font-size:18px;}
.redApi_box2 .txtBox .d8{ height:203px; position:relative; background:url('../images/redapi_dz_txtbg4.png') no-repeat left top; background-size:100% 100%;}
.redApi_box2 .txtBox .d8 dt{ width:140px; margin-left:50px;}
.redApi_box2 .txtBox .d8 dl{ padding:40px 30px 0 210px;}
.redApi_box2 .txtBox .d8 .t1,.redApi_box2 .txtBox .d8 .t2{ font-weight:bold; font-size:13px; color:#fff; position:absolute;}
.redApi_box2 .txtBox .d8 .t1{ left:50px; bottom:97px;}
.redApi_box2 .txtBox .d8 .t2{ left:465px; bottom:60px; font-size:14px; letter-spacing:2px;}

.redApi_box3{}
.redApi_box3 .H_title{ padding:50px 0 10px;}
.redApi_box3 ul{}
.redApi_box3 li{ margin:60px 0; position:relative;}
.redApi_box3 li .txt{ display:flex; align-items:center; flex-wrap:wrap; position:absolute; top:0px; left:0px; bottom:0px; width:400px;}
.redApi_box3 li .txt .title{ font-size:26px; line-height:40px; color:#333; margin:0 0 20px 0px; letter-spacing:1px;}
.redApi_box3 li .txt .intro{ font-size:14px; line-height:28px; color:#999; margin-top:20px;}
.redApi_box3 li .txt .intro p{ margin-bottom:15px; position:relative; font-size:14px; color:#999; line-height:24px; }
/*.redApi_box3 li .txt .intro p::before{ content:""; position:absolute; top:9px; left:0px; width:6px; height:6px; border-radius:50px; background:#8680ed;}*/
.redApi_box3 li .photo{ margin-left:500px;}
.redApi_box3 li .photo img{ width:660px; height:380px; max-width:660px;}
.redApi_box3 li:nth-of-type(even) .txt{ left:auto; right:60px;}
.redApi_box3 li:nth-of-type(even) .photo{ margin-left:-20px; margin-right:500px;}

.redApi_box4{ background:url("../images/redapi_tabbg.png") repeat-x left bottom; padding-bottom:100px;}
.redApi_box4 .H_title{ padding:20px 0 0;}
.redApi_box4 .intro{ line-height:40px; font-size:14px; text-align:center; color:#666; padding-bottom:40px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    letter-spacing:1px;
}
.redApi_box4 .intro span{ vertical-align:middle;}
.redApi_box4 .intro .num{ font-size:35px; font-family:pangmenzhengdao; margin:0 5px; color:transparent; background-image:linear-gradient(#4592fd, #0d6eff);
    background-clip:text; -webkit-background-clip:text;}
.redApi_box4 .intro2{ display:none; line-height:40px; overflow:hidden; position:relative; margin-top:-25px; font-size:14px; color:#666; padding-bottom:10px; letter-spacing:1px;}
.redApi_box4 .intro2 .txt{ letter-spacing:2px; text-align:center; padding-bottom:20px;}
.redApi_box4 .numBox{ padding-left:150px;}
.redApi_box4 .numBox dt{ height:120px; position:relative; text-align:center; float:left; cursor:pointer;}
.redApi_box4 .numBox dt:after{ position:absolute; content:''; right:0; bottom:60px; width:1px; height:50px; background:#ddd;}
.redApi_box4 .numBox dt:last-child:after{ display:none;}
.redApi_box4 .numRun{ height:60px; overflow:hidden; padding:0 65px 0 54px;}
.redApi_box4 .numRun p{ height:60px; text-align:center; font-size:50px; font-family:puhuiti; color:#227cfe;}
.redApi_box4 .rolling1,.redApi_box4 .rolling2 { height:60px; line-height:60px; font-family:puhuiti; width:24px; display:inline-block;}
.redApi_box4 .rolling1{ -webkit-transform:translateY(-180px); -ms-transform:translateY(-180px); transform:translateY(-180px);}
.redApi_box4 .subTitle{ position:absolute; width:100%; left:0; bottom:27px; font-size:12px; text-align:center;}
.redApi_box4 .jia{ display:none; font-size:24px; font-weight:bold; color:#333; position:absolute; top:10px; margin-left:8px;}
.redApi_box4 .numBox dt:hover{ color:#227cfe;}
.redApi_box4 .numBox dt:hover .jia{ color:#227cfe;}
.redApi_box4 .startPlay1 {
    -webkit-animation:apiNumRun1 1s ease; animation:apiNumRun1 1s ease;
    -webkit-transform:translateY(-180px); -ms-transform:translateY(-180px); transform:translateY(-180px);
}
.redApi_box4 .startPlay2{
    -webkit-animation:apiNumRun2 1s ease; animation:apiNumRun2 1s ease;
    -webkit-transform:translateY(0px); -ms-transform:translateY(0px); transform:translateY(0px);
}
@keyframes apiNumRun1
{
    0% { transform:translateY(0px);}
    100% { transform:translateY(-180px);}
}
@keyframes apiNumRun2
{
    0% { transform:translateY(-210px);}
    100% { transform:translateY(0px);}
}

.redApi_box4 .leftCircle,.redApi_box4 .rightCircle{ position:absolute; z-index:1; width:250px;}
.redApi_box4 .leftCircle img{ width:250px;}
.redApi_box4 .leftCircle{ left:-100px; top:55px; }
.redApi_box4 .rightCircle{ right:-105px; bottom:-80px; width:260px;}
.redApi_box4 .rightCircle img{ width:260px;}
.redApi_box4 .listBox{ position:relative; z-index:3;}
.redApi_box4 .hd{ width:220px; float:left; line-height:46px; padding-top:60px; cursor:pointer;}
.redApi_box4 .hd li{ font-size:14px; color:#666; border-left:solid 2px #dfe9f7; letter-spacing:1px;}
.redApi_box4 .hd li .iconfont{ font-size:18px; margin:10px 8px 0 10px; float:left; display:block; width:26px; height:26px; line-height:26px; border-radius:50%; text-align:center;
    border:solid 2px transparent;}
.redApi_box4 .hd li:hover,.redApi_box4 .hd li.on{ color:#0773fe; border-color:#3284fe;}
.redApi_box4 .hd li:hover .iconfont,.redApi_box4 .hd li.on .iconfont{ box-shadow:0px 0px 5px 0px rgba(0,84,254,0.3); border-color:#fff; color:#fff; background:linear-gradient(to bottom, #408ffd , #0b6cfe);}
.redApi_box4 .bd{ width:980px; height:580px; position:relative; overflow:hidden; border-radius:20px; float:right; background:linear-gradient(to right, #408ffd , #0b6cfe);}
.redApi_box4 .bd .photo2{ float:right; width:700px; margin-top:30px; z-index:8; height:560px; position:relative;}
.redApi_box4 .bd .photo2 img{ width:700px; height:560px; position:absolute; left:0; top:0;}
.redApi_box4 .bd .photo2 .btnPic{ z-index:3;}
.redApi_box4 .bd .photo2 .gif{ z-index:2;}
.redApi_box4 .bd .photo{ width:1030px; margin-top:-50px; z-index:8; height:672px; position:absolute; right:-15px; top:0;}
.redApi_box4 .bd .photo img{ width:1030px; height:672px; position:absolute; left:0; top:0;}
.redApi_box4 .bd .photo .btnPic{ z-index:3;}
.redApi_box4 .bd .photo .gif{ z-index:2;}
.redApi_box4 .bd .yingjian{ padding:70px 70px 0;}
.redApi_box4 .bd .yingjian dt{ position:relative; margin-bottom:50px; z-index:8; letter-spacing:1px;}
.redApi_box4 .bd .yingjian dt .pic img{ width:100%;}
.redApi_box4 .bd .yingjian dt .txt{ position:absolute; left:40px; top:40px; width:45%;}
.redApi_box4 .bd .yingjian dt .txt .title{ color:#333; font-size:17px; font-weight:bold;}
.redApi_box4 .bd .yingjian dt .txt p{ color:#888; font-size:13px; line-height:22px; margin:10px 0;}
.redApi_box4 .bd .yingjian dt .txt a{ display:inline-block; background:#1388fd; padding:0 20px; height:30px; line-height:30px; border-radius:15px; color:#fff;}
.redApi_box4 .bd .yingjian dt .txt a:hover{ background:#11abff;}
.redApi_box4 .bd li .leftCont{ width:330px; padding:50px 0 0 45px; color:#fff;}
.redApi_box4 .bd li .leftCont .title{ font-size:17px; letter-spacing:2px; font-family: '微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑', sans-serif; line-height:30px; font-weight:700;}
.redApi_box4 .bd li .leftCont .t1{ font-size:13px; line-height:20px; text-align:justify;}
.redApi_box4 .bd li .leftCont .pic{ padding:20px 0 40px;}
.redApi_box4 .bd li .leftCont .pic img{ width:250px;}
.redApi_box4 .bd li .leftCont .en{ opacity:0.8; letter-spacing:1px;}
.redApi_box4 .bd li .leftCont .category{ height:26px; line-height:26px; margin-top:15px;}
.redApi_box4 .bd li .leftCont .category p{ display:block; border:solid 1px #fff; width:105px; padding-left:30px; border-radius:14px; color:#fff; margin:0 15px 10px 0; position:relative;}
.redApi_box4 .bd li .leftCont .category p:before{ content:""; position:absolute; top:10px; left:15px; width:5px; height:5px; border-radius:50%; background:#fff;}
.redApi_box4 .bd li .leftCont .category p:last-child{ line-height:18px; height:26px;}
.redApi_box4 .bd li .leftCont .category p:last-child:before{ display:none;}

.redApi_box4 .leftIcon,.redApi_box4 .rightIcon{ position:absolute; z-index:1; width:200px;}
.redApi_box4 .leftIcon img{ width:200px;}
.redApi_box4 .leftIcon{ left:-50px; bottom:-50px; }
.redApi_box4 .rightIcon{ right:-100px; top:-50px; width:260px;}
.redApi_box4 .rightIcon img{ width:260px;}

.jixiao-fourDifficulty{ width:1100px; margin:0 auto; padding-bottom:30px; letter-spacing:1px;}
.jixiao-fourDifficulty ul{ padding-top:50px; height:400px;}
.jixiao-fourDifficulty li{ width:250px; height:360px; border:solid 1px #fff; overflow:hidden; position:relative; cursor:pointer; margin:0 30px 0 0; float:left; border-radius:10px; background-image:linear-gradient(to bottom, #f1f7fe , #fff);}
.jixiao-fourDifficulty li .title{ display:inline-block; position:relative; z-index:4; padding:40px 20px 15px;}
.jixiao-fourDifficulty li .txt{ font-size:17px; font-weight:bold; color:#000; position:relative; z-index:4; background:#f2f8fe;}
.jixiao-fourDifficulty li .num{ font-family:AiDeep; color:#619ef8; font-size:38px; letter-spacing:-2px; position:relative; z-index:3; left:-18px; top:-3px;}
.jixiao-fourDifficulty li .intro{ color:#999; padding:0px 20px; line-height:22px; position:relative; z-index:3;}
.jixiao-fourDifficulty li .photo{ position:absolute; right:-35px; bottom:-15px; z-index:1;}
.jixiao-fourDifficulty li .photo img{ width:100%; height:100%;}
.jixiao-fourDifficulty li:hover{ border:solid 1px #619ef8; height:400px; margin-top:-20px; box-shadow:0px 0px 30px 0px rgba(94,166,233,0.3); }
.jixiao-fourDifficulty li:last-child{ margin-right:0;}

.job-jiagou{ width:1100px; overflow:hidden; position:absolute; left:calc(50% - 550px); top:245px;}
.job-jiagou li{ width:200px; height:215px; margin:0 30px 40px 40px; position:relative; box-sizing:border-box; text-align:center; float:left;}
.job-jiagou li .title{ font-size:16px; letter-spacing:1px; font-weight:bold; color:#000; padding:140px 0 2px;}
.job-jiagou li .title2{ font-size:16px; letter-spacing:1px; font-weight:bold; color:#000; padding:160px 0 2px;}
.job-jiagou li .en{ font-size:10px; color:#999;}
.job-jiagou li .detail{ display:none; position:absolute; letter-spacing:1px; left:32px; top:75px; text-align:left; color:#fff;}
.job-jiagou li .detail dt{ line-height:26px; position:relative; padding-left:15px;}
.job-jiagou li .detail dt:after{ position:absolute; width:4px; height:4px; background:#fff; border-radius:50%; content:''; left:0; top:10px;}
.job-jiagou li:hover{ background:url("../images/job-jiagoubg.png") no-repeat left top; color:#fff; background-size:100% 100%;}
.job-jiagou li:hover .detail{ display:block;}
.job-jiagou li:hover .title,.job-jiagou li:hover .title2,.job-jiagou li:hover .en{ color:#fff;}
.job-jiagou li:hover .title,.job-jiagou li:hover .title2{ padding-top:20px;}
.job-jiagou li:last-child:hover{}
.job-jiagou li:last-child:hover .detail{}

.start_here{ background:url("../images/starthere-bg.jpg") no-repeat left top; overflow:hidden; color:#fff; background-size:100% 100%;}
.start_here .auto{ width:1100px;}
.start_here .function-current{ padding-bottom:50px;}
.start_here .listBox{ position:relative; z-index:3; height:500px; margin-bottom:70px;}
.start_here .hd{ height:70px; line-height:70px; cursor:pointer; border-bottom:solid 2px #dfe4ee;}
.start_here .hd li{ float:left; width:25%; font-size:17px; font-weight:bold; text-align:center; color:#010101; position:relative;}
.start_here .hd li:hover,.start_here .hd li.on{ color:#1365f0;}
.start_here .hd li:hover:after,.start_here .hd li.on:after{ position:absolute; width:70px; height:2px; background:#1365f0; content:''; left:calc(50% - 35px); bottom:-2px;}
.start_here .bd{ padding-top:30px;}
.start_here .bd .photo{ float:left; width:60%; padding-top:20px;}
.start_here .bd .photo img{}
.start_here .bd li .leftCont{ float:right; width:36%; padding-top:20px;}
.start_here .bd li .leftCont .intro{ line-height:24px; color:#000; margin-top:20px;}
.start_here .bd li .leftCont .intro p{ font-size:16px; font-weight:bold; position:relative; padding-left:15px; margin-bottom:3px;}
.start_here .bd li .leftCont .intro p::before{ content:""; position:absolute; top:9px; left:0px; width:5px; height:5px; border-radius:50px; background:#1a6df5;}
.start_here .bd li .leftCont .txt{ font-size:13px; margin-bottom:14px; text-align:justify;}

.painSpot-list{}
.painSpot-list .listBox{ width:1050px; margin:50px auto; box-shadow:0px 0px 25px 0px rgba(94,166,233,0.2);}
.painSpot-list .listBox li{ width:33.33%; height:376px; letter-spacing:1px; position:relative; border-right:solid 1px #e9f3fc; box-sizing:border-box;}
.painSpot-list .listBox li .photo{ position:absolute; z-index:1; opacity:0;}
.painSpot-list .listBox li .photo img{ width:100%;}
.painSpot-list .listBox li .title,.painSpot-list .listBox li .txt{ position:relative; z-index:2; padding:0 40px;}
.painSpot-list .listBox li .title{ font-size:19px; letter-spacing:2px; color:#000; font-weight:bold; padding-top:50px;}
.painSpot-list .listBox li .icon{ margin:30px auto 30px; border-radius:50%; width:80px; height:80px; position:relative; z-index:2;}
.painSpot-list .listBox li .icon img{ width:80px;}
.painSpot-list .listBox li .txt{ font-size:14px; line-height:26px; color:#555; letter-spacing:1px;}
.painSpot-list .listBox li:last-child{ border-right:none;}
.painSpot-list .listBox li:hover .photo{ opacity:1;}
.painSpot-list .listBox li:hover .title,.painSpot-list .listBox li:hover .txt{ color:#fff;}
/*.painSpot-list .listBox li:hover .icon{ background:#fff; width:110px; height:110px; margin-bottom:20px;}*/
/*.painSpot-list .listBox li:hover .icon img{ width:80px; height:80px; margin-top:15px;}*/

.tiaozhan-list{}
.tiaozhan-list .listBox{ width:1100px; margin:50px auto 20px; padding-bottom:70px;}
.tiaozhan-list .listBox li{ display:inline-block; height:340px; letter-spacing:1px; padding:0 15px; float:left;}
.tiaozhan-list .listBox li .div1{ width:210px; height:340px; position:relative; box-shadow:0px 0px 25px 0px rgba(94,166,233,0.2); background:#f5fbfe; border-radius:10px; border:solid 2px #fff;}
.tiaozhan-list .listBox li .div1 .photo{ position:absolute; left:0; bottom:0; z-index:1;}
.tiaozhan-list .listBox li .div1 .photo img{ width:100%;}
.tiaozhan-list .listBox li .div1 .cn{ color:#2966af; font-weight:bold; line-height:40px; padding-top:30px; letter-spacing:3px;}
.tiaozhan-list .listBox li .div1 .en{ color:#2966af; text-transform:uppercase; opacity:0.5;}
.tiaozhan-list .listBox li .div2{ display:none; width:580px; height:344px; padding:30px 50px; box-sizing:border-box; position:relative; box-shadow:0px 0px 25px 0px rgba(94,166,233,0.2); background:#4068fe; border-radius:10px; border:solid 2px #fff;}
.tiaozhan-list .listBox li .div2 .photo{ position:absolute; right:0; bottom:0; z-index:1;}
.tiaozhan-list .listBox li .div2 .photo img{ width:360px;}
.tiaozhan-list .listBox li .div2 .title{ color:#fff; font-weight:bold; line-height:40px; padding:20px 0 35px 0; letter-spacing:3px; position:relative;}
/*.tiaozhan-list .listBox li .div2 .title:after{ position:absolute; width:40px; height:5px; border-radius:5px; background:#fff; content:''; left:0; bottom:20px;}*/
.tiaozhan-list .listBox li .div2 .txt{ color:#fff; line-height:30px; font-size:14px; position:relative; z-index:2; letter-spacing:2px;}
.tiaozhan-list .listBox li .dot{ position:absolute; left:52px; top:100px;}
.tiaozhan-list .listBox li .dot span{ display:block; width:17px; height:3px; float:left; margin-right:7px; border-radius:10px; background:#8ca4fe;}
.tiaozhan-list .listBox li .dot span.acur{ background:#fff;}
.tiaozhan-list .listBox li.on{}
.tiaozhan-list .listBox li.on .div1{ display:none;}
.tiaozhan-list .listBox li.on .div2{ display:block;}

.fenxi-list{}
.fenxi-list .listBox{ width:1300px; margin:50px auto 40px;}
.fenxi-list .listBox li{ width:50%; margin:-2.5% 0 0 1%; float:left; border-radius:10px; box-sizing:border-box;}
.fenxi-list .listBox li .div1{ position:relative;}
.fenxi-list .listBox li .div1 .photo{}
.fenxi-list .listBox li .div1 .photo img{ width:100%;}
.fenxi-list .listBox li .div1 .title{ letter-spacing:2px; color:#2965af; position:absolute; left:145px; top:121px;}
.fenxi-list .listBox li .div1 .intro{ letter-spacing:2px; line-height:22px; text-align:justify; color:#999; position:absolute; left:310px; right:100px; top:95px;}
.fenxi-list .listBox li .div2{ display:none; height:180px; padding:40px 50px 0 110px; box-sizing:border-box; color:#fff; position:relative; box-shadow:0px 0px 25px 0px rgba(94,166,233,0.2); background:url("../images/zhineng-xz-bg.png") no-repeat center top; background-size:100% 100%;}
.fenxi-list .listBox li .div2 .icon{ position:absolute; left:40px; top:70px;}
.fenxi-list .listBox li .div2 .icon img{ width:50px;}
.fenxi-list .listBox li .div2 .title{ line-height:50px; letter-spacing:2px;}
.fenxi-list .listBox li .div2 .txt{ font-size:13px; line-height:24px; letter-spacing:1px;}
.fenxi-list .listBox li:nth-child(2n){ margin-left:-2%;}

.dataNormal-list{ padding-top:50px;}
.dataNormal-list .photo{}
.dataNormal-list .photo img{ width:100%;}
.dataNormal-list .box{ width:1000px; margin:0 auto; position:absolute; top:50px; left:calc(50% - 500px);}
.dataNormal-list .bigTitle{ padding:90px 0 30px 0; letter-spacing:2px;}
.dataNormal-list dl{ letter-spacing:1.5px; width:450px;}
.dataNormal-list dl dt{ width:225px; float:left; padding-top:15px;}
.dataNormal-list dl dt b{ color:#ffd800; margin-left:2px;}

.dataNormal-capacity{ overflow:hidden; background-image:linear-gradient(to bottom, #f5f7fc , #fff);}
.dataNormal-capacity .auto{ width:1100px;}
.dataNormal-capacity .function-current{ padding-bottom:100px;}
.dataNormal-capacity .listBox{ position:relative; z-index:3; height:500px; margin-bottom:20px;}
.dataNormal-capacity .hd{ width:400px; float:left; position:relative; z-index:5;}
.dataNormal-capacity .hd li{ position:relative; width:250px;}
.dataNormal-capacity .hd li .div1{ min-height:70px;}
.dataNormal-capacity .hd li .div1 .icon{ width:70px; float:left;}
.dataNormal-capacity .hd li .div1 .cn{ letter-spacing:2px; color:#000; padding-top:15px; font-size:17px; line-height:26px; font-weight:bold;}
.dataNormal-capacity .hd li .div1 .en{ display:none; color:#ccc; font-size:12px; text-transform:uppercase;}
.dataNormal-capacity .hd li .div2{ display:none; padding:30px 50px 52px 35px; box-sizing:border-box; background:url("../images/capacity-bgaucr.png") no-repeat left top; background-size:100% 100%;}
.dataNormal-capacity .hd li .div2 .icon{ letter-spacing:2px; font-size:17px; line-height:30px; margin-bottom:10px; font-weight:bold;}
.dataNormal-capacity .hd li .div2 .icon img{ width:18px; float:left; margin:7px 10px 0 0; }
.dataNormal-capacity .hd li .div2 .txt{ letter-spacing:1px; padding:3px 0 6px 23px; position:relative;}
.dataNormal-capacity .hd li .div2 .txt .iconfont{ position:absolute; left:0; top:3px; font-size:12px;}
.dataNormal-capacity .hd li:hover,.dataNormal-capacity .hd li.on{ width:100%;}
.dataNormal-capacity .hd li:hover .div1,.dataNormal-capacity .hd li.on .div1{ display:none;}
.dataNormal-capacity .hd li:hover .div2,.dataNormal-capacity .hd li.on .div2{ display:block;}
.dataNormal-capacity .bd{ float:right; width:680px; padding-top:20px; position:relative; z-index:6;}
.dataNormal-capacity .bd li{}
.dataNormal-capacity .bd li img{ width:100%;}
.dataNormal-capacity .leftCircle{ position:absolute; z-index:1; width:280px; left:30%; top:-7%;}
.dataNormal-capacity .rightCircle{ position:absolute; z-index:1; width:200px; right:-7%; bottom:9%;}

.portrait-tab{}
.portrait-tab li{ width:100%; padding:0;}
.portrait-tab .txt li:hover{}
.portrait-tab .txt li.on .intro2{ display:none;}
.portrait-tab .txt li.on .intro3{ display:block;}
.portrait-tab .bd{ overflow:hidden;}
.portrait-tab .bd li{ float:left;}

.talent-tab{}
.talent-tab li{ width:100%; padding:0;}
.talent-tab .txt li:hover{}
.talent-tab .txt li.on .intro2{ display:none;}
.talent-tab .txt li.on .intro3{ display:block;}
.talent-tab .bd{ overflow:hidden;}
.talent-tab .bd li{ float:left;}

.helpIndex{}
.helpIndex .auto{ width:1200px; letter-spacing:1px;}
.helpIndex .leftCont{ width:850px; float:left; background:#fff; padding:25px;}
.helpIndex .rightCont{ width:280px; float:right;}

.helpIndex-banner{ margin-top:50px; position:relative; height:20px; margin-bottom:50px;}
.helpIndex-author{}
.helpIndex-author .photo{ width:50px; height:50px;}
.helpIndex-author .v{ height:15px;}
.helpIndex-author .name{ color:#397ef5;}
.helpIndex-author .p2{}
.helpIndex-author .p2 p{}

.helpIndex-listUl{}
.helpIndex-listUl .title{ height:56px; line-height:56px; font-weight:bold; font-size:20px; color:#333; padding-left:15px; margin:10px 0 10px;}
.helpIndex-listUl .title:before{ position:absolute; left:0; top:20px; content:''; width:4px; height:20px; background:#2c63f6;}
.helpIndex-listUl ul{ overflow:hidden; padding:0 0 10px 15px;}
.helpIndex-listUl li{ width:26%; padding-right:4%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; height:32px; line-height:32px; padding-left:15px; background:url("../images/arrow.png") no-repeat left center; background-size:8px 9px; font-size:13px; float:left;}
.helpIndex-listUl li a{ color:#999;}
.helpIndex-listUl li a:hover{ color:#2c63f6;}
.helpIndex-listUl .line{ height:10px; border-bottom:solid 1px #c9c9c9; margin:0 30px 0 25px;}

.helpIndex-listUl2{}
.helpIndex-listUl2 .title{ height:56px; line-height:56px; font-weight:bold; font-size:20px; color:#333; padding-left:15px; margin:10px 0 0 15px;}
.helpIndex-listUl2 .title:before{ position:absolute; left:0; top:20px; content:''; width:4px; height:20px; background:#2c63f6;}
.helpIndex-listUl2 ul{ overflow:hidden; padding:0 0 10px 15px;}
.helpIndex-listUl2 li{ width:90%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; height:32px; line-height:32px; padding-left:15px; background:url("../images/arrow.png") no-repeat left center; background-size:8px 9px; font-size:13px; float:left;}
.helpIndex-listUl2 li a{ color:#999;}
.helpIndex-listUl2 li a:hover{ color:#2c63f6;}

.helpIndex-ad{}
.helpIndex-ad .hd{ left:0; right:0; bottom:10px;}
.helpIndex-ad .hd li{ cursor:pointer; display:inline-block; width:7px; height:7px; margin-right:3px; border-radius:50%; background:#fff;}
.helpIndex-ad .hd li.on{ background:#397ef5; width:20px; border-radius:5px;}

.helpIndex-rightAd{}
.helpIndex-rightAd .webUrl a{ color:#0068f3;}
.helpIndex-rightAd .webUrl a:hover{ color:#3b99ff;}
.helpIndex-rightAd .t3{ position:relative;}
.helpIndex-rightAd .t3 a{ margin-right:10px; width:115px; height:30px; line-height:30px; color:#fff; display:inline-block; border-radius:5px;}
.helpIndex-rightAd .t3 a.a1{ background:#2c63f6; border:solid 1px #2c63f6; color:#fff;}
.helpIndex-rightAd .t3 a.a2{ border:solid 1px #abc1fb; color:#0068f3; float:right;}
.helpIndex-rightAd .t3 a:hover{ background:#3b99ff; border-color:#3b99ff; color:#fff;}

.canyin-box1{ background:linear-gradient(to bottom, #fff , #eef2fd);}
.canyin-box1 .auto{ width:1100px;}
.canyin-box1 ul{ padding-bottom:80px; overflow:hidden;}
.canyin-box1 li{ float:left; box-sizing:border-box; position:relative; width:515px; height:145px; margin:40px 40px 10px 10px; box-shadow:0 2px 15px rgba(94,166,233,0.1); border-radius:2px; background:#fff; }
.canyin-box1 li .p1{ float:right; margin:35px 15px 20px 15px;  background:#f4f7fd; border-radius:50%; width:80px; height:80px; text-align:center;}
.canyin-box1 li .p1 img{ width:auto !important; height:40px; margin-top:25px !important;}
.canyin-box1 li .p2{ font-size:17px; padding:25px 0 0 20px; color:#333; font-weight:bold;}
.canyin-box1 li .p3{ padding:10px 20px 0 20px; font-size:12px; text-align:justify; color:#999; line-height:24px;}
.canyin-box1 li:hover{ background:#2c63f6; box-shadow:0 2px 24px rgba(44,99,246,0.3); transition:all 0.5s;}
.canyin-box1 li:hover .p2,.canyin-box1 li:hover .p3{ color:#fff;}
.canyin-box1 li:hover .p3{ font-size:12px;}
.canyin-box1 li:nth-child(2n){ margin-right:0;}

.canyin-box2{ margin:0 auto; text-align:center; padding-bottom:50px; position:relative;}
.canyin-box2 img{ width:1000px; margin-bottom:20px;}

.canyin-tabBox{ background:url("../images/tabbg.png") no-repeat left top; overflow:hidden; color:#fff; background-size:100% 100%;}
.canyin-tabBox .auto{ width:1100px; height:100%;}
.canyin-tabBox .bigTitle{ text-align:center; padding:65px 0 0 0; font-size:32px; letter-spacing:2px; color:#333;}
.canyin-tabBox .bigTitle .number{ margin:-5px 0 0 -30px;}
.canyin-tabBox .bigTitle .number img{ height:40px; }
.canyin-tabBox .bigTitle .name{ display:inline-block; line-height:60px; font-weight:bold;}
.canyin-tabBox .listBox{ position:relative; z-index:3; height:calc(100% - 170px);}
.canyin-tabBox .hd{ height:90px; margin:40px 0 0 0; cursor:pointer; border-bottom:solid 1px #dee1e4;}
.canyin-tabBox .hd ul{ }
.canyin-tabBox .hd li{ float:left; width:33%; letter-spacing:1px; line-height:44px; padding-bottom:2px; font-size:18px; font-weight:600; text-align:center; color:#333; position:relative;}
.canyin-tabBox .hd li .photo{}
.canyin-tabBox .hd li .photo img{ height:36px;}
.canyin-tabBox .hd li:hover,.canyin-tabBox .hd li.on{ color:#2b64e9;}
.canyin-tabBox .hd li:hover:after,.canyin-tabBox .hd li.on:after{ position:absolute; width:200px; height:2px; background:#2b64e9; content:''; left:calc(50% - 100px); bottom:-3px;}
.canyin-tabBox .hd li:first-child .box{ padding:0 50px; float:left;}
.canyin-tabBox .hd li:first-child:hover:after,.canyin-tabBox .hd li:first-child.on:after{ left:0;}
.canyin-tabBox .hd li:last-child .box{ padding:0 50px; float:right;}
.canyin-tabBox .hd li:last-child:hover:after,.canyin-tabBox .hd li:last-child.on:after{ left:inherit; right:0;}

.canyin-tabBox .bd{ height:calc(100% - 90px);}
.canyin-tabBox .bd li,.canyin-tabBox .bd ul{ height:100%;}
.canyin-tabBox .bd .photo{ float:right; width:695px; height:100%; position:relative; margin-right:-40px;}
.canyin-tabBox .bd .photo img{ position:absolute; top:calc(50% - 210px);}
.canyin-tabBox .bd li .leftCont{ float:left; width:420px; height:100%; display:flex; align-items:center; flex-wrap:wrap;}
.canyin-tabBox .bd li .leftCont .intro{ line-height:24px; color:#000; letter-spacing:1px;}
.canyin-tabBox .bd li .leftCont .intro p{ font-size:17px; font-weight:bold; position:relative; padding-left:30px; margin-bottom:3px;}
.canyin-tabBox .bd li .leftCont .intro p::before{ content:""; position:absolute; top:5px; left:0px; width:20px; height:18px; background:url("../images/icon-gou.png") no-repeat left center; background-size:100% 100%;}
.canyin-tabBox .bd li .leftCont .txt{ font-size:12px; line-height:22px; color:#6E6F74; padding-left:30px; margin-bottom:30px; text-align:justify;}

.canyin-tabBox .bd li .leftCont2{}
.canyin-tabBox .bd li .leftCont2 .txt{ margin-bottom:10px;}

.canyin-tabBox .hd2 li{ width:25%;}
.canyin-tabBox .bd2{}
.canyin-tabBox .bd2 .photo{ float:left; margin-left:-40px; margin-right:0;}
.canyin-tabBox .bd2 li .leftCont{ float:right;}

.canyin-tabBox .hd3{ text-align:center;}
.canyin-tabBox .hd3 li{ width:25%; display:inline-block; float:inherit;}
.canyin-tabBox .hd3 li:hover:after,.canyin-tabBox .hd3 li.on:after{ width:250px;}

.canyin-case{ height:600px; position:relative; background:url("../images/casebg.png") no-repeat left top; background-size:100% 100%;}
.canyin-case .auto{ width:1100px;}
.canyin-case .function-current2{ color:#fff; padding:70px 0 30px 0;}
.canyin-case .hd{ width:270px; float:left;}
.canyin-case .hd li{ line-height:40px; letter-spacing:2px; border-left:solid 3px transparent; padding-left:30px; font-size:15px; font-weight:bold; color:#fff; cursor:pointer;}
.canyin-case .hd li.on{ border-left:solid 3px #fff; background:rgba(255,255,255,0.2);}
.canyin-case .bd{ width:700px; height:340px; margin-top:50px; float:right; border-radius:10px; background:rgba(255,255,255,0.96); box-shadow:0px 0px 15px 0px rgba(46,102,525,0.1);}
.canyin-case .bd li{ padding:30px 50px;}
.canyin-case .bd li .photo{ border-bottom:solid 1px #dcdde0; padding-bottom:10px;}
.canyin-case .bd li .photo img{ height:70px;}
.canyin-case .bd li .txt{ color:#888; line-height:24px; font-size:13px; padding-top:10px; letter-spacing:1px; text-indent:2em; text-align:justify;}
.canyin-case .bd li .txt p{ margin-top:10px;}

.canyin-message{ background-image:url('../images/register_bg.jpg'); background-size:100% 100%;}
.canyin-message .auto{ height:900px;}
.canyin-message .box{ width:420px; border-radius:15px; background:rgba(255,255,255,0.4); border:solid 1px #fff; right:50px; top:130px; box-shadow:0 5px 25px rgba(46,117,248,1);}
.canyin-message .title{ text-shadow:2px 2px 5px rgba(0,117,255,0.68); font-size:28px;letter-spacing:1px;font-weight:bold; letter-spacing:2px; padding: 35px 0 0 45px;line-height:46px;color:#fff;}
.canyin-message .tips{ text-shadow:2px 2px 5px rgba(0,117,255,0.68); font-size:14px;color:#fff;padding: 0 0 25px 45px;letter-spacing:1px;}
.canyin-message .listFrom{ margin:0 35px; position:relative;}
.canyin-message .listFrom li{ color:#999; position:relative;}
.canyin-message .listFrom li .name{ display:none; color:#333; font-size:16px; line-height:40px;}
.canyin-message .listFrom li .textBox{ height:40px; border:solid 1px #e5e6e8; border-radius:20px; background:#fff; margin:0 0 20px 0; padding-left:25px; position:relative;}
.canyin-message .listFrom li .textBox i{ display:none; width:50px; height:48px; line-height:48px; color:#ccc; position:absolute; left:0; top:0; text-align:center; font-size:20px !important;}
.canyin-message .listFrom li .text{ width:90%; height:40px; line-height:40px; font-size:16px; border:none; color:#999;}
.canyin-message .listFrom li .text::-webkit-input-placeholder{ color:#ccc;}
.canyin-message .listFrom li .textBox:hover{ border-color:#2c63f6;}
.canyin-message .listFrom li .textBox:hover i{ color:#999;}
.canyin-message .listFrom li .tooltip{ top:-35px !important; left:120px !important; color:red; width:160px; text-align:right;}
.canyin-message .listFrom li .yzm{ position:absolute; right:0; top:0px; font-size:12px; border-radius:7px; height:40px; line-height:40px; color:#6a8af8; cursor:pointer; width:120px; text-align:center;}
.canyin-message .listFrom li .yzm:hover{ color:#3b99ff;}
.canyin-message .listFrom li .yzmTips{ position:absolute; width:200px; display:none; top:55px; left:160px; color:red;}
.canyin-message .listFrom li.codeLi{}
.canyin-message .listFrom li.codeLi .tooltip{ left:60px !important; z-index:8;}
.canyin-message .btnGo{ height:40px; line-height:40px; text-align:center; margin:0 35px 30px; font-size:16px; color:#fff; border-radius:55px; background:#2e75f8;}
.canyin-message .btnGo .iconfont{ display:none; font-size:30px; float:left; margin:0 10px 0 135px;}
.canyin-message .btnGo:hover{ background:#3b99ff;}

.canyin-message .adTxt{ position:absolute; left:0; top:25%; letter-spacing:1px;}
.canyin-message .adTxt .p1{ font-size:42px; color:#65f6ff; line-height:40px;}
.canyin-message .adTxt .p2{ font-size:52px; letter-spacing:2px; color:#fff; font-weight:bold; line-height:40px; padding:40px 0 35px;}
.canyin-message .adTxt .p3{ font-size:18px; color:#fff;}
.canyin-message .adTxt .p3 span{ margin-top:17px; display:block; position:relative; padding-left:20px;}
.canyin-message .adTxt .p3 span:before{ position:absolute; left:0; top:5px; content:''; width:8px; height:8px; border-radius:50%; background:#65f6ff;}

.canyin-message .copyRight{ letter-spacing:1px; position:absolute; left:0; right:0; bottom:-70px; color:#fff; text-align:center;}
.canyin-message .copyRight b{ display:block; font-size:16px; margin-bottom:10px;}