@charset "utf-8";
*{margin:0;padding:0;border:0;/* vertical-align:baseline; *//*box-sizing:border-box*/}
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin:0}
div,li,p,ul{margin:0;padding:0}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
body{line-height:1;}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}
address,cite,dfn,em,var{font-style:normal}
small{font-size:12px}
a{text-decoration:none}
abbr[title],acronym[title]{border-bottom:1px dotted;cursor:help}
legend{color:#000}
fieldset,img{border:none}
button,input,select,textarea{font-size:100%}
table{border-collapse:collapse;border-spacing:0}
hr{border:none;height:1px}
html{overflow-y:scroll}
.container1{width:1438px}
.container2{width:1288px}
.container3{width:1176px}
@media (max-width:1471px){
.container1{width:1288px}
.container2{width:1176px}
.container3{width:1070px}
}
@media (max-width:1366px){
.container1{width:1176px}
.container2{width:1070px}
.container3{width:1024px}
}
.clearfix:before{content:'';height:0;clear:both;display:block;overflow:hidden}
.container1,.container2,.container3{padding:0;margin:0 auto}
body{width:100%;overflow:hidden;position:relative}
header{width:100%;font-family:Microsoft YaHei}
.head-top{width:100%;height:36px;background:#f07f00;color:#fff;font-size:15px}
.head-top>.container1{height:100%;padding-left:75px;display:flex;justify-content:space-between;align-items:center}
.head-t-l span:first-child{margin-right:10px}
.head-t-r span i{display:inline-block;font-size:17px;margin-right:8px;position:relative;top:1px}
.head-bot{width:100%;height:110px}
.head-bot>.container1{padding-left:75px;height:100%;display:flex;justify-content:space-between;align-items:center}
.head-bot>.container1,.head-top>.container1{padding:0 75px}
/* .logo{width:22%}
.logo img{max-height:50px} */
.head-nav{width:auto}
.nav-list{display:flex;justify-content:flex-end;font-size:17px;white-space:nowrap}
.nav-list>li>a{color:rgba(43,53,78,1);transition:all .3s ease-in-out}
.nav-list>li>a:hover{color:#f07f00}
.nav-list>li{margin-left:60px}
.banner{width:100%;position:relative}
.banner img{max-width:100%}
#banner .swiper-pagination-bullet{width:12px;height:12px;opacity:.6}
#banner .swiper-pagination-bullet-active{opacity:1}
.ban-arr-l{position:absolute;top:46%;left:20px;font-size:30px;z-index:100;transform:rotate(180deg)}
.ban-arr-r{position:absolute;top:46%;right:20px;z-index:100}
.online1{width:300px;height:90px;position:fixed;right:-184px;top:152px;transition:all .3s ease-in-out;z-index:10}
.online1 a{display:flex;width:100%;height:100%}
.online-l{width:116px;height:100%;background:linear-gradient(121deg,rgba(0,233,254,1),rgba(0,192,253,1),rgba(0,53,247,1));box-shadow:0 0 7px 0 rgba(162,220,246,.22);display:flex;align-items:center;justify-content:center;border-radius:50px 0 0 50px}
.online-l img{width:auto;max-height:45px;margin-right:11px}
.online-l p{width:20px;font-size:20px;color:#fff;line-height:27px}
.online-r{width:184px;height:100%;background:#fff;color:#666;font-size:14px;display:flex;flex-direction:column;justify-content:center;padding-left:8px}
.online-r img{width:16px;height:16px;margin-left:4px}
.online-r p{display:flex;margin:5px 0}
.online2{top:161px}
.online1:hover{right:0}
.why>.container2{display:flex;justify-content:space-between;align-items:center;padding:88px 0 59px}
.why-l{width:45%;padding-right:30px}
.why-l-b1{font-size:16px;font-weight:500;color:rgba(65,80,118,1)}
.why-l .h3-tit{font-size:36px;font-weight:800;color:#12183a;margin:30px 0}
.h3-tit span{color:#1940b0}
.why-l-b2{font-size:16px;font-weight:500;color:rgba(43,53,78,1);line-height:33px}
.why-more{display:inline-block;width:159px;height:44px;text-align:center;line-height:44px;font-size:14px;font-weight:500;color:rgba(255,255,255,1)!important;background:rgba(240,127,0,1);border-radius:5px;margin-top:20px;transition:all .3s ease-in-out}
.why-r{width:53%;text-align:center}
.why-r video{max-width:100%}
.func{padding:66px 0 28px;background:#f7fafc}
.func-tit{font-size:36px;font-weight:800;color:rgba(25,64,176,1);text-align:center}
.func-b{text-align:center;font-size:17px;font-weight:500;color:rgba(65,80,118,1);margin:28px 0 60px}
.func-list{display:flex;flex-wrap:wrap;justify-content:center}
.func-list>li{text-align:center;width:calc(33.33% - 20px);margin-right:30px;margin-bottom:30px;background:#fff;box-shadow:0 19px 49px 0 rgba(237,237,240,1);border-radius:5px;padding:34px 25px 18px;position:relative;overflow:hidden;transition:all .3s ease-in-out}
.func-list>li:nth-child(3n){margin-right:0}
.func-list>li img{max-height:100%}
.func-list>li h4{margin:20px 0 30px;font-size:24px;font-weight:800;color:rgba(18,24,58,1)}
.func-list-l{display:flex;flex-wrap:wrap}
.func-list-l>li{font-size:16px;padding-left:10px;position:relative;margin:0 24px 16px 0}
.func-list-l>li::before{position:absolute;display:block;content:'';width:5px;height:5px;background:rgba(240,127,0,1);border-radius:50%;left:0;top:5px}
.func-list>li:first-child .func-list-l{padding-left:19%}
.func-list>li:nth-child(2) .func-list-l,.func-list>li:nth-child(3) .func-list-l{justify-content:center}
.func-list>li:nth-child(4) .func-list-l{padding-right:2%}
.func-list>li:nth-child(5) .func-list-l>li:first-child{margin-right:30%}
.pat{padding:71px 0 83px;background:url(pat-bg.jpg);background-size:100% 100%}
.pat-tit{text-align:center;font-size:36px;font-weight:500;color:rgba(255,255,255,1)}
.pat-b{text-align:center;font-size:18px;font-weight:400;color:rgba(140,162,229,1);margin:29px 0 69px}
.pat-list{display:flex}
.pat-list>li{width:calc(25% - 6px);margin-right:8px;background:url(pat-list.png);background-size:100% 100%;text-align:center}
.pat-list>li:last-child{margin-right:0}
.pat-list>li h4{font-size:28px;font-weight:500;color:rgba(255,255,255,1);line-height:60px;padding-top:14px}
.pat-list>li p:nth-child(2){font-size:16px;font-weight:500;color:rgba(89,107,235,1);margin:26px 0 20px;padding:0 16%;line-height:26px}
.pat-list-num{font-size:17px;font-weight:500;color:rgba(103,235,255,1)}
.pat-list-num span{font-size:48px}
.pat-list-more{display:inline-block;width:181px;height:47px;background:rgba(25,64,176,1);border-radius:5px;font-size:14px;font-weight:500;color:rgba(255,255,255,1) !important;line-height:47px;text-align:center;margin:39px 0 24px;transition:all .3s ease-in-out}
.pat-more{display:block;width:186px;height:58px;background:rgba(240,127,0,0);border:2px solid rgba(22,163,254,.94);border-radius:5px;font-size:14px;color:rgba(255,255,255,1);text-align:center;line-height:58px;margin:51px auto 0;transition:all .3s ease-in-out}
.video{padding:74px 0 59px}
.video-t>p:first-child{font-size:20px;text-align:center;font-weight:400;color:rgba(118,118,118,1)}
.video-tit{text-align:center;font-size:36px;font-weight:800;color:#1940b0;margin:23px 0 30px}
.video-tit span{color:#026bfb}
.video-t>p:nth-child(3){font-size:14px;font-weight:400;color:rgba(65,80,118,1);text-align:center}
.video-more{display:block;width:161px;height:45px;background:rgba(240,127,0,1);border-radius:5px;font-size:14px;color:#fff;margin:36px auto 43px;text-align:center;line-height:45px;transition:all .3s ease-in-out}
#s1 li>div{position:relative}
#s1 li>div img{max-width:100%;border-radius:5px}
#s1 li>div .v-play{position:absolute;bottom:-25px;left:50%;color:#fff;width:50px;height:50px;background:rgba(240,127,0,1);border-radius:50%;text-align:center;line-height:50px;font-size:17px;margin-left:-25px;transition:all .3s ease-in-out;transform:scale(0);cursor:pointer}
#s1 li:hover .v-play{transform:scale(1)}
.video-lay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);z-index:10000;display:none}
.video-lay video{width:50%;height:50%;margin:10% 0 0 23%;outline:0;border:none}
.video-cloae{position:absolute;right:20%;top:12%;font-size:20px;color:#fff;cursor:pointer}
.v-box{margin-top:34px;font-size:17px;font-weight:500;color:rgba(25,64,176,1);text-align:center}
#s1{padding-bottom:102px}
.v-arr-l,.v-arr-r{position:absolute;bottom:0;width:41px;height:41px;background:rgba(156,156,156,0);border:1px solid rgba(193,215,245,.94);border-radius:50%;font-size:24px;color:#1d1d1d;text-align:center;line-height:36px}
.v-arr-l{left:46%}
.v-arr-r{right:46%}
.data{background:#f6fafd;padding:48px 0 77px}
.data-tit{font-size:36px;font-weight:800;color:rgba(25,64,176,1);text-align:center}
.data-b{font-size:17px;font-weight:500;color:rgba(65,80,118,1);margin:28px 0 62px;text-align:center}
.data-box{background:rgba(255,255,255,1);box-shadow:0 10px 12px 0 rgba(238,243,248,1);border-radius:20px;padding:47px;display:flex;justify-content:space-between;flex-wrap:wrap}
.data-box1{width:100%;text-align:center}
.data-box2,.data-box3{width:49%;margin-top:55px;text-align:center}
.data-box1 .data-box-t{position:relative}
.data-box-t>h4{font-size:20px;font-weight:500;color:rgba(50,64,124,1);text-align:center}
.h4-line{width:50px;height:3px;background:rgba(17,122,198,1);border-radius:2px;margin:20px auto}
.data-box1-num{position:absolute;right:0;bottom:-18px;display:flex}
.data-box1-num-l{text-align:right}
.data-box1-num-l span:first-child{display:block;font-size:9px;font-family:SourceHanSansCN;font-weight:300;color:rgba(64,64,64,1);transform:scale(.75);margin-right:-10px}
.data-box1-num-l span:last-child{font-size:12px;font-family:SourceHanSansCN;font-weight:300;color:rgba(64,64,64,1)}
.data-box1-num-r{font-size:32px;font-family:SourceHanSansCN;font-weight:300;color:rgba(17,122,198,1)}
.data-box img{max-width:100%}
.about{background:#122272;padding:65px 0 72px}
.about-tit{font-size:36px;font-weight:500;color:rgba(255,255,255,1);text-align:center}
.about-b{font-size:17px;font-weight:500;color:rgba(140,162,229,1);text-align:center;line-height:30px;margin-top:28px}
.about-list{display:flex;justify-content:space-between;margin-top:77px}
.about-list>li{width:calc(25% - 27px);background:rgba(19,44,125,1);border-radius:3px;margin-right:35px}
.about-list>li:last-child{margin-right:0}
.about-l-i{width:99px;height:99px;background:rgba(21,49,173,1);border-radius:50%;text-align:center;line-height:99px;margin:40px auto 38px}
.about-l-i img{max-height:100%}
.about-l-t{text-align:center;font-size:17px;font-weight:500;color:rgba(255,255,255,1);line-height:30px;margin-bottom:55px}
.layout{background:#122272;padding-bottom:60px}
.layout-tit{text-align:center;font-size:36px;font-weight:500;color:rgba(255,255,255,1)}
.layout-b{text-align:center;font-size:17px;font-weight:500;color:rgba(140,162,229,1);margin:28px 0 30px}
.layout-box{display:flex;justify-content:space-between;align-items:center}
.layout-box-l{width:45%}
.layout-box-l-t{font-size:35px;font-weight:700;color:rgba(255,255,255,1)}
.layout-box-l-comp{font-size:22px;font-weight:400;color:rgba(255,255,255,1);margin:20px 0 18px}
.layout-box-l-online{width:30px;height:5px;background:rgba(22,163,254,1);border-radius:3px;margin-bottom:30px}
.layout-c-t{font-size:22px;font-weight:500;color:rgba(22,163,254,1);margin:20px 0}
.layout-c-txt{display:flex;align-items:center}
.layout-c-txt span:first-child{display:block;width:38px;height:38px;background:rgba(38,86,224,0);border:2px solid rgba(22,163,254,1);border-radius:50%;text-align:center;line-height:32px;font-size:18px;color:#fff;margin-right:17px}
.layout-c-txt a,.layout-c-txt span:last-child{font-size:18px;font-weight:400;color:rgba(255,255,255,1)}
.layout-box-r{width:auto;max-height:55%}
.layout-box-r img{max-width:100%;max-height:100%}
.Microsoft{width:100%}
.Microsoft img{max-width:100%}
.forum{background:#f6f6f6;padding:74px 0 0 0}
.forum-tit{font-size:36px;font-weight:800;color:#1940b0;text-align:center}
.forum-tit span{color:#026bfb}
.forum-b{font-size:17px;font-weight:500;color:rgba(65,80,118,1);margin-top:29px;text-align:center}
.forum-nav{display:flex;justify-content:center}
.forum-nav li{width:225px;height:80px;background:rgba(255,255,255,1);border:1px solid rgba(226,226,226,1);text-align:center;line-height:80px;font-size:18px;color:rgba(128,128,128,1);margin:64px 29px 82px 0;cursor:pointer}
.forum-nav li:last-child{margin-right:0}
.forum-b-l{display:flex;justify-content:center;flex-wrap:wrap;opacity:0;width:0;height:0;overflow:hidden;transition:opacity .5s ease-in-out}
.forum-box .forum-b-l:first-child{opacity:1;width:100%;height:100%}
.forum-b-l li{width:calc(16.6% - 12px);margin:0 15px 62px 0}
.forum-b-l li:nth-child(6n){margin-right:0}
.forum-b-l li img{max-width:100%}
.forum-b-l li p{font-size:17px;font-weight:500;color:rgba(17,17,17,1);text-align:center;margin-top:18px}
.f-act{border:2px solid rgba(63,147,247,1)!important;color:#3f93f7!important}
.news{padding:51px 0 68px}
.news-tit{font-size:36px;font-weight:800;color:rgba(25,64,176,1);text-align:center}
.news-b{font-size:17px;font-weight:500;color:rgba(65,80,118,1);text-align:center;margin:28px 0 66px}
.news-list{display:flex;justify-content:space-between;flex-wrap:wrap}
.news-list li{width:calc(50% - 55px);margin:0 109px 62px 0;display:flex;align-items:center}
.news-list li:nth-child(2n){margin-right:0}
.news-item-l{width:32%;text-align:center}
.news-item-l img{max-width:100%}
.news-item-r{width:68%;padding-left:19px}
.news-item-r h4 a{display:inline-block;font-size:20px;font-weight:500;color:rgba(25,64,176,1);line-height:30px}
.news-item-r h4 a:hover{color:#16a3fe}
.news-item-r-txt{font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:rgba(65,80,118,1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:15px 0 18px}
.news-item-r-date{font-size:14px;font-weight:500}
.news-item-r-date i{font-size:16px;margin-right:8px}
.news-more{display:block;width:161px;height:45px;background:rgba(240,127,0,1);border-radius:5px;text-align:center;line-height:45px;font-size:14px;font-weight:500;color:rgba(255,255,255,1);margin:0 auto;transition:all .3s ease-in-out}
.index-con{padding-bottom:95px;text-align:center}
.index-con-tit{font-size:36px;font-weight:800;color:rgba(25,64,176,1)}
.index-con-b{font-size:17px;font-weight:500;color:rgba(65,80,118,1);margin:28px 0 51px}
.index-con-tel span:first-child{font-size:22px;font-weight:800;color:rgba(22,163,254,1)}
.index-con-tel span:last-child{font-size:21px;font-family:Roboto;font-weight:500;color:rgba(22,163,254,1);line-height:26px}
.index-con-tel span img{width:21px;max-height:100%}
.index-con-liuyan,.index-con-zixun{display:inline-block;width:169px;height:53px;border-radius:3px;font-size:16px;font-weight:800;color:rgba(255,255,255,1);margin-top:50px;line-height:53px;transition:all .3s ease-in-out}
.index-con-liuyan img,.index-con-zixun img{margin-right:17px;margin-top:-2px}
.index-con-zixun{background:#2d4373;margin-right:18px}
.index-con-liuyan{background:#f07f00}
footer{background:#1e1e1e;padding-top:47px}
.foot-t-list{display:flex;justify-content:space-between;color:#929292}
.foot-t-list a{color:#929292}
.foot-t-i1-t{display:flex}
.foot-t-i1-t p:first-child{margin-right:14px}
.foot-t-i1-t p img{max-height:100%}
.foot-t-i1-t p:last-child span:first-child{display:block;font-size:18px;font-weight:800;margin-bottom:9px}
.foot-t-i1-t p:last-child span:last-child{font-size:22px;font-family:Roboto;font-weight:700;color:rgba(240,127,0,1)}
.foot-t-i1-b{padding-left:51px;margin-top:25px}
.foot-t-i1-b p{font-size:14px;font-weight:500;line-height:30px}
.foot-t-i-t{font-size:18px;font-weight:800;margin-bottom:28px}
.foot-t-list>li>ul>li a{font-size:14px;font-weight:500;line-height:30px;transition:all .3s ease-in-out}
.foot-t-list>li>ul>li a:hover{color:#16a3fe}
.foot-erwei{display:flex;justify-content:center;color:#929292;margin:75px 0 36px}
.foot-erwei>div{margin-right:100px}
.foot-erwei>div:last-child{margin-right:0}
.foot-erwei>div>img{max-height:100%}
.foot-erwei>div>p{font-size:14px;font-weight:500;color:rgba(190,190,190,1);margin-top:11px;text-align:center}
.foot-b{font-size:12px;height:56px;line-height:56px;color:#929292;display:flex;justify-content:space-between}
.foot-b p{font-size:12px;font-weight:400}
.foot-b p a{color:#929292;margin:0 2px}
.news-banner{position:relative}
.news-banner img{max-width:100%}
.news-banner>h1{position:absolute;top:50%;left:50%;font-size:48px;font-family:PingFang;font-weight:500;color:rgba(255,255,255,1);margin:-26px 0 0 -96px}
.news-search{box-shadow:9px 12px 21px 0 rgba(245,246,248,1)}
.news-search .container2{height:65px;display:flex;justify-content:space-between;align-items:center}
.news-search .container2>p{font-size:18px;font-weight:500;color:rgba(29,38,60,1)}
.news-search-r{display:flex;align-items:center}
.news-search-r input{width:188px;height:24px;border-left:1px solid #a3a3a3;text-indent:14px;font-size:14px;font-weight:400;color:rgba(135,135,135,1);outline:0}
.news-search-r input::placeholder{font-size:14px;font-weight:400;color:rgba(135,135,135,1)}
.news-search-r button{outline:0;font-size:20px;color:#1940b0;background:0 0}
.news-box{padding:0 0 75px}
.news-box-list li div:first-child{width:100%}
.news-box-list li p:nth-child(3) i,.news-c-l-date i{font-size:16px;color:#2b354e;margin-right:8px}
.news-box-list li p:nth-child(3) span,.news-c-l-date span{font-size:14px;color:rgba(29,38,60,1)}
.news-c-r img{max-height:100%}
.news-box-list li{display:flex;justify-content:space-between;padding:41px 0 38px;border-top:1px solid #dbe4f7}
.news-box-list li:first-child{border:none}
.news-box-list li .news-b-l-r{display:none}
.news-box-list li:first-child .news-b-l-r{display:block}
.news-box-list li:first-child div:first-child{width:61%}
.news-box-list li h4 a{font-size:22px;font-weight:800;color:#1940b0}
.news-box-list li h4 a:hover{color:#16a3fe}
.news-box-list li p:nth-child(2){font-size:16px;font-weight:300;color:rgba(43,53,78,1);line-height:26px;margin:23px 0 36px}
.news-page{width:400px;background:rgba(255,255,255,1);box-shadow:0 5px 45px 0 rgba(18,24,58,.08);border-radius:5px;display:flex;justify-content:center;margin:73px auto 0;overflow:hidden}
.news-page a{display:inline-block;width:56px;line-height:51px;font-size:14px;font-weight:400;color:rgba(65,80,118,1);text-align:center;transition:all .3s ease-in-out}
.news-page a i{font-size:16px}
.news-page a.ctxt,.news-page a:hover{background:rgba(22,163,254,1);color:#fff}
.investment-banner{position:relative}
.investment-banner img{max-width:100%}
.investment-banner>h1{position:absolute;top:50%;left:50%;font-size:48px;font-family:PingFang;font-weight:500;color:#122272;margin:-86px 0 0 -95px}
.introduce{padding-bottom:79px;background:#f6fafd}
.introduce>.container1{padding:0 40px}
.introduce-tit{text-align:center;font-size:36px;font-weight:800;color:#1940b0}
.introduce-tit span{color:#026bfb}
.introduce-b{text-align:center;font-size:17px;font-weight:500;color:rgba(65,80,118,1);line-height:30px;margin:29px 0 63px;padding:0 15%}
.introduce-box{background:rgba(255,255,255,1);box-shadow:0 19px 49px 0 rgba(237,237,240,1);border-radius:20px;overflow:hidden}
.introduce-nav{display:flex;justify-content:space-between;background:#d3e8fe}
.introduce-nav li{width:16.66%;line-height:70px;font-size:22px;font-weight:800;color:rgba(25,64,176,1);text-align:center;position:relative;cursor:pointer}
.introduce-nav .introduce-act{background:#248df8;color:#fff!important}
.introduce-nav .introduce-act:before{position:absolute;content:'';display:block;border:7px solid transparent;border-top:7px solid #248df8;bottom:-14px;left:50%;margin-left:-7px}
.introduce-cont{padding:56px 111px 89px}
.introduce-cont-box{width:0;height:0;overflow:hidden;opacity:0;transition:opacity .5s ease-in-out}
.introduce-cont .introduce-cont-box:first-child{opacity:1;width:100%;height:100%}
.introduce-cont-box>h4{font-size:24px;font-weight:800;color:rgba(25,64,176,1)}
.introduce-cont-box>p{font-size:18px;font-weight:400;color:rgba(43,53,78,1);margin:26px 0 74px;line-height:30px}
.introduce-cont-box>div{display:flex;justify-content:space-between}
.introduce-cont-box>div img{width:calc(33.3% - 20px);max-height:100%;margin-right:32px}
.introduce-cont-box>div img:last-child{margin-right:0}
.demeanor>.container1{padding:68px 120px 88px;position:relative}
.demeanor-tit{font-size:36px;font-weight:800;color:rgba(25,64,176,1);text-align:center;margin-bottom:70px}
#demeanor .swiper-slide img{width:100%;max-height:100%}
#demeanor .swiper-slide{display:flex;flex-direction:column}
#demeanor .swiper-slide:nth-child(2n){flex-direction:column-reverse}
#demeanor .swiper-slide>div{padding:30px 35px 26px;background:#248df8;position:relative}
#demeanor .swiper-slide>div:before{position:absolute;content:'';display:block;border:7px solid transparent;border-bottom:7px solid #248df8;top:-14px;left:50%;margin-left:-7px}
#demeanor .swiper-slide:nth-child(2n)>div:before{top:initial;border-bottom:7px solid transparent;border-top:7px solid #248df8;bottom:-14px}
#demeanor .swiper-slide>div h4{font-size:22px;font-weight:800;color:rgba(255,255,255,1);margin-bottom:22px;text-align:center}
#demeanor .swiper-slide>div p{font-size:14px;font-weight:400;color:rgba(255,255,255,1);line-height:26px}
.demeanor-arrl,.demeanor-arrr{position:absolute;width:41px;height:41px;background:rgba(156,156,156,0);border:1px solid rgba(193,215,245,.94);border-radius:50%;text-align:center;color:#1d1d1d;font-size:18px;text-align:center;line-height:38px;top:50%;margin-top:-20px;outline:0}
.demeanor-arrl{left:32px}
.demeanor-arrr{right:32px}
.join{background:url(join-bg.jpg);background-size:100% 100%;padding-bottom:88px}
.join-tit{font-size:36px;font-weight:800;color:rgba(25,64,176,1);margin-bottom:73px;text-align:center}
.join-list li{width:calc(33.33% - 65px);background:rgba(255,255,255,1);box-shadow:0 3px 12px 0 rgba(18,24,58,.08);border-radius:10px;padding:49px 46px 73px;float:left;margin-right:95px}
.join-list li:last-child{margin:-84px 0 0}
.join-list li:first-child{margin:84px 95px 0 0}
.join-list li p:first-child{width:113px;height:113px;border-radius:50%;text-align:center;line-height:113px;margin:0 auto}
.join-list li:first-child p:first-child{background:rgba(84,112,251,1)}
.join-list li:nth-child(2) p:first-child{background:#00c2d1}
.join-list li:last-child p:first-child{background:#c472be}
.join-list li h4{font-size:30px;font-weight:800;color:rgba(18,24,58,1);text-align:center;margin:64px 0 26px}
.join-list li p:last-child{font-size:16px;font-weight:400;color:rgba(43,53,78,1);line-height:35px}
.enroll>.container2{padding:0 51px 56px 0}
.enroll{background:#122271}
.enroll-tit{font-size:36px;font-weight:800;color:rgba(255,255,255,1);text-align:center}
.enroll-b{font-size:17px;font-weight:500;color:rgba(255,255,255,1);line-height:36px;text-align:center;padding:0 2%;margin:29px 0 57px}
.enroll-b a{color:#fff}
.enroll-b a img{max-height:100%}
.enroll-box{color:#fff;font-family:Microsoft YaHei;font-size:18px;display:flex}
.enroll-box table{width:calc(50% - 12px);border:1px solid #132c7d;margin-right:21px}
.enroll-box table:last-child{margin-right:0}
.enroll-box table .tab-tit{color:#2c9ef8}
.enroll-box table .tab-tit td{padding:18px 35px}
.enroll-box table td:nth-child(1),.enroll-box table td:nth-child(2){padding-right:0;width:76%}
.enroll-box table tr:nth-child(2n-1){background:#132c7d}
.enroll-box td{padding:16px 35px;line-height:24px}
.customer-banner{position:relative}
.customer-banner img{max-width:100%}
.customer-banner>.container2{position:absolute;left:307px;top:273px}
.customer-banner>.container2 h1{font-size:48px;font-family:PingFang;font-weight:500;color:rgba(255,255,255,1)}
.customer-banner>.container2 p:nth-child(2){padding-left:70px;position:relative;font-size:22px;font-weight:400;color:rgba(181,205,255,1);margin:26px 0 41px}
.customer-banner>.container2 p:nth-child(2):before{position:absolute;left:0;content:'';width:58px;height:2px;background:rgba(255,255,255,1);top:10px}
.customer-banner>.container2 p:nth-child(3){width:526px;font-size:18px;font-weight:400;color:rgba(185,210,244,1);line-height:28px}
.customer-banner>.container2 p:nth-child(4){width:346px;height:58px;background:rgba(22,52,150,0);border:2px solid rgba(22,163,254,.94);border-radius:5px;text-align:center;line-height:56px;font-size:14px;font-weight:800;color:rgba(255,255,255,1);margin-top:233px}
.customer-banner>.container2 p:nth-child(4) span{font-style:italic}
.thinks{background:rgba(236,244,249,1);padding:74px 0 65px}
.thinks-tit{font-size:36px;font-weight:800;color:rgba(25,64,176,1);text-align:center;margin-bottom:43px}
.thinks-box{margin-bottom:63px}
.thinks-box-cont{background:rgba(251,251,253,1);box-shadow:0 10px 20px 0 rgba(150,150,150,.22);border-radius:10px;position:relative;transition:opacity .5s ease-in-out;display:none;padding:50px 41px 50px 27px}
.thinks-box .thinks-box-cont:first-child{display:block}
.thinks-box-cont h4{font-size:24px;font-weight:800;color:rgba(22,163,254,1);text-align:center;margin-bottom:43px}
.thinks-box-cont h4 span{color:#ff7e0e}
.thinks-box-cont p{font-size:16px;font-weight:400;color:rgba(50,51,51,1);line-height:40px;text-indent:30px}
.thinks-box-cont p span{color:#ff7e0e}
.thinks-box-cont:before{position:absolute;content:'';display:block;border:26px solid transparent;border-top:26px solid #fff;bottom:-52px;left:18px}
.thinks-box .thinks-box-cont:nth-child(2):before{left:250px}
.thinks-box .thinks-box-cont:nth-child(3):before{left:475px}
.thinks-box .thinks-box-cont:nth-child(4):before{left:700px}
.thinks-box .thinks-box-cont:nth-child(5):before{left:925px}
.thinks-box .thinks-box-cont:nth-child(6):before{left:1150px}
.thinks-nav{display:flex;justify-content:space-between}
.thinks-nav li{width:calc(16.66% - 56px);margin-right:66px;cursor:pointer}
.thinks-nav li:last-child{margin-right:0}
.thinks-nav li p:first-child{width:131px;height:131px;border-radius:50%;overflow:hidden;margin:0 auto 20px}
.thinks-nav li p:first-child img{max-width:100%}
.thinks-nav li p:last-child{white-space:nowrap;text-align:center}
.v-share{padding:94px 0 25px}
.v-share-tit{font-size:36px;font-weight:800;color:#1940b0;text-align:center}
.v-share-tit span{color:#026bfb}
.v-share-b{font-size:14px;font-weight:400;color:rgba(65,80,118,1);margin:30px 0 78px;text-align:center}
.v-share-list{display:flex;flex-wrap:wrap;justify-content:space-between}
.v-share-list li{width:calc(25% - 13px);background:rgba(255,255,255,1);box-shadow:0 5px 5px 0 rgba(150,150,150,.14);border-radius:5px;overflow:hidden;margin:0 17px 64px 0}
.v-share-list li:nth-child(4n){margin-right:0}
.v-share-list li>p{position:relative;height:79%}
.v-share-list li>p .v-share-play{position:absolute;top:50%;left:50%;color:#fff;width:50px;height:50px;background:rgba(240,127,0,1);border-radius:50%;text-align:center;line-height:50px;font-size:17px;margin-left:-25px;margin-top:-25px;transition:all .3s ease-in-out;transform:scale(0);cursor:pointer}
.v-share-list li:hover .v-share-play{transform:scale(1)}
.v-share-lay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);z-index:10000;display:none}
.v-share-lay video{width:50%;height:50%;margin:10% 0 0 23%;outline:0;border:none}
.v-share-cloae{position:absolute;right:20%;top:12%;font-size:20px;color:#fff;cursor:pointer}
.v-share-list li h4{font-size:17px;font-family:PingFang;font-weight:600;color:rgba(25,64,176,1);text-align:center;padding:18px 0}
.process-t{background:#122272;padding:61px 0 361px}
.process-t .container2{display:flex;justify-content:space-between;align-items:center}
.process-t-l{width:66%}
.process-t-l h3{font-size:36px;font-weight:800;color:rgba(255,255,255,1)}
.process-t-l p{font-size:18px;font-weight:400;color:rgba(140,162,229,1);line-height:32px}
.process-t-l .process-t-l-why{font-size:22px;font-weight:800;color:rgba(22,163,254,1);margin:30px 0}
.process-t-r img{max-width:100%;max-height:100%}
.process-b{background:#f6fafd;padding-bottom:60px}
.process-b .container2{display:flex;justify-content:space-between}
.process-b-l{width:45%;background:rgba(255,255,255,1);box-shadow:0 5px 45px 0 rgba(18,24,58,.08);border-radius:10px;padding:52px 40px 0 45px;margin-right:46px}
.process-b .container2 h4{font-size:26px;font-weight:500;color:rgba(25,64,176,1);position:relative;line-height:28px;text-align:center}
.process-b .container2 h4 span{display:inline-block;width:14px;height:14px;background:rgba(138,209,254,1);border-radius:3px;margin:0 10px}
.process-b-l>ul{display:flex}
.process-b-l>ul li:nth-child(1) .process-b-l-tt{width:116px;height:149px;background:url(process-b-l1.png) no-repeat}
.process-b-l>ul li:nth-child(2) .process-b-l-tt{width:116px;height:149px;background:url(process-b-l2.png) no-repeat}
.process-b-l>ul li:nth-child(3) .process-b-l-tt{width:116px;height:149px;background:url(process-b-l3.png) no-repeat}
.process-b-l-tt{padding:20px 0 0;margin:49px 27px 39px 0}
.process-b-l-tt p{text-align:center}
.process-b-l-tt p:first-child{font-size:40px;font-weight:800;color:rgba(255,255,255,1);margin-bottom:13px}
.process-b-l-tt p:last-child{font-size:16px;font-weight:500;color:rgba(255,255,255,1);line-height:22px}
.process-b-l>ul li>p{font-size:16px;font-weight:400;color:rgba(43,53,78,1);line-height:40px;white-space:nowrap}
.process-b-r{width:53%;padding:47px 30px 58px 37px;background:rgba(255,255,255,1);box-shadow:0 5px 45px 0 rgba(18,24,58,.08);border-radius:10px}
.process-b-r h4{margin-bottom:49px}
.process-b-r img{display:block;max-width:100%}
.process-b-l,.process-b-r{margin-top:-300px}
.case{padding:85px 0 69px;text-align:center}
.case-tit{font-size:36px;font-weight:800;color:rgba(25,64,176,1)}
.case-b{font-size:14px;font-weight:400;color:rgba(65,80,118,1);margin:30px 0 70px}
.case-cont{padding-bottom:68px}
#cs .swiper-wrapper{align-items:center}
#cs .swiper-pagination .swiper-pagination-bullet{margin:0 3px;transition:all .3s ease-in-out;width:12px;height:6px;background:rgba(240,127,0,1);opacity:.3;border-radius:3px}
#cs .swiper-pagination .swiper-pagination-bullet-active{width:17px;background:rgba(240,127,0,1);opacity:1}
#cs li{text-align:center}
#cs li img{max-width:100%}
.about-banner{position:relative}
.about-banner img{max-width:100%}
.about-banner .container2{width:30%;position:absolute;top:115px;left:307px;color:#fff}
.about-banner .container2 h1{font-size:40px;font-weight:500;margin-bottom:38px}
.about-banner .container2 p{font-size:18px;font-weight:400;line-height:28px}
.about-banner .container2 p:last-child{width:304px;height:47px;background:rgba(22,52,150,0);border:2px solid #163496;border-radius:24px;text-align:center;line-height:43px;font-size:14px;font-weight:800;color:rgba(0,126,255,1);margin-top:51px}
.a-about{background:url(about-bg1.jpg) no-repeat;background-size:100% 100%;padding:0 0 74px}
.a-about-t{background:rgba(255,255,255,1);border-radius:5px;padding:39px 52px 43px 49px;position:relative;z-index:10;top:-96px}
.a-about-t-tit{font-size:36px;font-weight:800;color:rgba(25,30,74,1);text-align:center}
.a-about-t .a-about-t-line{width:54px;height:6px;background:linear-gradient(90deg,rgba(2,234,255,1),rgba(49,117,252,1));border-radius:3px;margin:27px auto 45px}
.a-about-t>p{font-size:16px;font-weight:400;color:rgba(71,71,71,1);line-height:30px;text-indent:32px;margin:10px auto}
.a-about-t>p span{color:#ff7e0e}
.a-about-b{color:#fff}
.a-about-b-tit{font-size:36px;font-weight:800;text-align:center;margin:-16px 0 63px}
.a-about-b-list{display:flex;justify-content:space-between}
.a-about-b-list li{text-align:center}
.a-about-b-list li p:first-child{width:90px;height:90px;border:2px solid rgba(255,255,255,.94);border-radius:50%;text-align:center;line-height:82px;margin:0 auto}
.a-about-b-list p img{max-height:100%}
.a-about-b-list p img:last-child{display:none}
.a-about-b-list li h4{font-size:24px;font-weight:800;margin:34px 0 19px}
.a-about-b-list li p:last-child{font-size:16px;font-weight:400}
.a-about-b-list li:hover p:first-child{background:#fff}
.a-about-b-list li:hover p img:first-child{display:none}
.a-about-b-list li:hover p img:last-child{display:inline-block}
.honor{margin-top:34px;background:url(hon-bg.jpg) no-repeat;background-size:100% 100%;text-align:center;padding:41px 0 30px}
.honor-tit{font-size:36px;font-weight:800;color:rgba(25,64,176,1)}
.honor-b{font-size:17px;font-weight:500;color:rgba(65,80,118,1);margin:29px 0 58px}
.honor-list1,.honor-list2{background:url(hon-line.png) bottom no-repeat;padding-bottom:80px;display:flex;justify-content:center}
.honor-list1{margin-bottom:30px}
.honor-list1 img{margin:0 55px;max-width:100%;transition:all .3s ease-in-out}
.honor-list1 img:hover,.honor-list2 img:hover{transform:translateY(-10px)}
.honor-list2 img{margin:0 22px;max-width:100%;transition:all .3s ease-in-out}
.friendly{padding:74px 0 71px;background:#122272}
.friendly-tit{font-size:36px;font-weight:800;color:rgba(255,255,255,1);text-align:center}
.friendly-b{font-size:17px;font-weight:500;color:rgba(255,255,255,1);text-align:center;margin:29px 0 69px}
.friendly-list{display:flex;flex-wrap:wrap;justify-content:space-between}
.friendly-list li{width:calc(33.3% - 17px);margin:0 26px 23px 0;display:flex;background:rgba(255,255,255,1);box-shadow:0 0 5px 0 rgba(236,236,236,.2);border-radius:5px;overflow:hidden;position:relative}
.friendly-list li:nth-child(3n){margin-right:0}
.boxF,.boxS,.boxT,.overlay{width:200px;height:230px;overflow:hidden;border-radius:78px}
.boxF,.boxS{visibility:hidden}
.boxF{transform:rotate(120deg);float:left;-ms-transform:rotate(120deg);-moz-transform:rotate(120deg);-webkit-transform:rotate(120deg)}
.boxS{transform:rotate(-60deg);-ms-transform:rotate(-60deg);-moz-transform:rotate(-60deg);-webkit-transform:rotate(-60deg)}
.boxT{transform:rotate(-60deg);-ms-transform:rotate(-60deg);-moz-transform:rotate(-60deg);-webkit-transform:rotate(-60deg);visibility:visible}
.friendly-l{position:absolute;top:28px;left:-40px}
.friendly-r{padding:30px 20px 32px 190px}
.friendly-r-date{font-size:16px;font-weight:500;color:rgba(71,71,71,1)}
.friendly-line{width:32px;height:2px;background:rgba(55,119,255,1);margin:13px 0 22px}
.friendly-txt{font-size:14px;font-weight:400;color:rgba(71,71,71,1);line-height:22px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.friendly-r-more{display:inline-block;font-size:13px;font-weight:400;color:rgba(55,119,255,1);margin-top:28px}
.friendly-r-more:hover{text-decoration:underline}
.friendly-more{display:block;margin:37px auto 0;width:161px;height:45px;background:rgba(240,127,0,1);border-radius:5px;font-size:14px;color:#fff;text-align:center;line-height:45px;transition:all .3s ease-in-out}
.fair{background:url(fair-bg.jpg);padding:214px 0 240px;background-size:cover}
.fair-tit{font-size:36px;font-weight:800;color:rgba(25,64,176,1)}
.fair-line{width:80px;height:6px;background:rgba(17,122,198,1);border-radius:3px;margin:28px 0}
.fair-b{width:36%;font-size:16px;font-weight:400;color:rgba(43,53,78,1);line-height:26px}
.a-microsoft{background:url(microsoft-bg.jpg) no-repeat;background-size:cover;color:#fff;padding:52px 0 51px}
.a-microsoft .container2>p:first-child{font-size:26px;font-family:SourceHanSansCN;font-weight:300}
.a-microsoft-tit{display:flex;margin:19px 0 36px}
.a-microsoft-img img{width:100%}
.a-microsoft-tit div:last-child{margin-left:32px}
.a-microsoft-tit div:last-child h3{font-size:66px;font-family:SourceHanSansCN;font-weight:300;text-transform:uppercase;margin-bottom:4px}
.a-microsoft-tit div:last-child p{font-size:35px;font-family:SourceHanSansCN;font-weight:300}
.a-microsoft-txt{width:68%;font-size:16px;font-family:SourceHanSansCN;font-weight:300;line-height:34px}
.a-microsoft-txt-en{width:71%;font-size:14px;font-family:SourceHanSansCN;font-weight:300;line-height:22px;margin-top:8px}
.history{padding:104px 0 69px}
.history-tit{font-size:36px;font-weight:800;color:rgba(25,64,176,1);text-align:center;margin-bottom:53px}
.history-box img{max-width:100%}
.a-layout{padding:70px 0 76px;color:#fff;background:#122272}
.a-layout-tit{font-size:36px;font-weight:800;text-align:center}
.a-layout-b{font-size:17px;font-weight:500;color:rgba(140,162,229,1);text-align:center;margin:28px 0 30px}
.a-layout-box{display:flex;justify-content:space-between;align-items:center}
.a-layout-box-l{width:45%}
.a-layout-box-l-t{font-size:35px;font-weight:700}
.a-layout-box-l-comp{font-size:22px;font-weight:400;margin:20px 0 18px}
.a-layout-box-l-online{width:30px;height:5px;background:rgba(22,163,254,1);border-radius:3px;margin-bottom:30px}
.a-layout-c-t{font-size:22px;font-weight:500;color:rgba(22,163,254,1);margin:90px 0 20px}
.a-layout-c-icon{width:38px;height:38px;background:rgba(38,86,224,0);border:2px solid rgba(22,163,254,1);border-radius:50%;text-align:center;line-height:32px;font-size:18px;margin:17px 0}
.a-layout-c-txt{font-size:18px;font-weight:400}
.a-con{padding:90px 0 84px}
.a-con-tit{font-size:36px;font-weight:800;color:rgba(25,64,176,1);text-align:center}
.a-con-date{font-size:17px;font-weight:500;color:rgba(65,80,118,1);text-align:center;margin:30px 0}
.a-con-more{display:block;width:190px;height:59px;background:rgba(2,107,251,1);border-radius:5px;margin:0 auto;line-height:59px;text-align:center;font-size:16px;color:#fff;transition:all .3s ease-in-out}
.a-con-more img{max-height:100%;margin-right:20px}
.a-con-list{display:flex;justify-content:space-between;margin:55px 0 80px}
.a-con .container2{padding:0 80px}
.a-con-list p{font-size:22px;font-weight:500;color:rgba(43,53,78,1)}
.a-con-list p span:first-child{display:inline-block;width:39px;height:39px;background:linear-gradient(-14deg,rgba(23,57,161,1),rgba(20,41,129,1));box-shadow:2px 3px 10px 0 rgba(20,41,129,.46);border-radius:50%;text-align:center;line-height:36px}
.a-con-list p strong{margin:0 14px;font-weight:500}
.a-con-list p span:first-child img{max-height:100%}
.a-con-list p:first-child span:last-child,.a-con-list p:last-child a:last-child{font-size:22px;font-family:Roboto;font-weight:500;color:rgba(238,126,0,1)}
.a-con-box{display:flex;justify-content:space-between}
.a-con-box-l{width:49%;background:rgba(255,255,255,1);box-shadow:1px 20px 30px 0 rgba(216,216,216,.5);border-radius:5px;display:flex;padding:46px 34px 53px;margin-right:32px}
.a-con-box-l p:first-child img{max-height:100%;margin-right:30px;padding-top:12px}
.a-con-box-l>div p{font-size:22px;line-height:46px}
.a-con-box-l>div p span:first-child{display:block;color:#1940b0;font-weight:600}
.a-con-box-l>div p span:last-child{color:#2b354e}
.a-con-box-r{width:49%}
.a-con-box-r div:first-child{display:flex;align-items:center;padding:36px 43px;background:rgba(255,255,255,1);box-shadow:1px 20px 30px 0 rgba(216,216,216,.5);border-radius:5px}
.a-con-box-r div:first-child p:first-child{border:1px solid rgba(217,217,217,.94)}
.a-con-box-r div:first-child p:last-child{width:64%;font-size:18px;font-weight:800;color:rgba(25,64,176,1);line-height:36px;margin-left:30px}
.a-con-box-r>div:last-child{background:rgba(255,255,255,1);box-shadow:1px 20px 30px 0 rgba(216,216,216,.5);border-radius:5px;margin-top:32px;padding:30px 20px 50px 40px}
.a-con-box-r div:last-child>p{font-size:22px;font-weight:800;color:rgba(25,64,176,1);margin-bottom:10px}
.a-con-box-r div:last-child div{display:flex;justify-content:space-between}
.a-con-box-r div:last-child div form{width:100%;display:flex;justify-content:space-between}
.a-con-box-r div:last-child div input{width:80%;height:66px;background:rgba(255,255,255,1);border:1px solid rgba(221,221,221,.94);border-radius:5px;padding-left:20px;outline:0}
.a-con-box-r div:last-child div input::placeholder{font-size:18px;font-weight:300;color:rgba(179,179,179,1)}
.a-con-box-r div:last-child div button{width:18%;height:66px;background:rgba(2,107,251,1);border:1px solid rgba(221,221,221,.94);border-radius:5px;color:#fff;font-size:20px;text-align:center;outline:0}
.product-banner{background:url(product-banner.jpg) no-repeat;background-size:cover;padding:200px 0 0;color:#fff}
.product-banner>.container2>p:first-child{font-size:30px;font-weight:800}
.product-banner>.container2>h1{font-size:55px;font-family:Microsoft YaHei;font-weight:700;margin:15px 0 42px}
.product-banner>.container2>p:nth-child(3){width:53%;font-size:18px;font-weight:400;line-height:36px}
.product-b-more{display:block;width:161px;height:45px;background:rgba(25,64,176,1);border-radius:5px;font-size:14px;text-align:center;line-height:45px;margin:49px 0 98px;color:#fff;transition:all .3s ease-in-out}
.system{text-align:center;background:rgba(255,255,255,1);box-shadow:0 3px 12px 0 rgba(18,24,58,.08);border-radius:5px;padding:56px 0 87px}
.system-tit{font-size:36px;font-weight:800;color:rgba(25,64,176,1)}
.system-line{width:80px;height:6px;background:rgba(17,122,198,1);border-radius:3px;margin:28px auto}
.system-b{font-size:17px;font-weight:500;color:rgba(65,80,118,1)}
.system-list{display:flex;justify-content:space-evenly}
.system-list li p{width:90px;height:100px;line-height:92px;margin:59px auto 13px}
.system-list li h4{font-size:18px;font-weight:500;color:rgba(18,24,58,1)}
.system-list li:nth-child(1) p{background:url(system-bg1.png) no-repeat;background-size:cover}
.system-list li:nth-child(2) p{background:url(system-bg2.png) no-repeat;background-size:cover}
.system-list li:nth-child(3) p{background:url(system-bg3.png) no-repeat;background-size:cover}
.system-list li:nth-child(4) p{background:url(system-bg4.png) no-repeat;background-size:cover}
.system-list li:nth-child(5) p{background:url(system-bg5.png) no-repeat;background-size:cover}
.system-list li p img{padding-top: 30px;}
.build{padding:109px 0 50px}
.build>.container2{display:flex;justify-content:space-between;align-items:center}
.build-l{width:45%}
.build-l-tit{font-size:36px;font-weight:800;color:rgba(25,64,176,1)}
.build-b{font-size:16px;font-weight:400;color:rgba(43,53,78,1);line-height:24px;margin:17px 0 30px}
.build-r img{max-width:100%}
.vr{background:#f6fafd;padding:66px 0 50px}
.vr>.container2{display:flex;justify-content:space-between;align-items:center}
.vr-l{width:56%}
.vr-l img{max-width:100%}
.vr-r{width:41%}
.vr-tit{font-size:36px;font-weight:800;color:rgba(25,64,176,1)}
.vr-b{font-size:16px;font-weight:400;color:rgba(43,53,78,1);margin:17px 0 63px;line-height:24px}
.date-sys>.container2{display:flex;justify-content:space-between;align-items:center}
.date-sys-l{width:45%}
.date-sys-tit{font-size:36px;font-weight:800;color:rgba(25,64,176,1)}
.date-sys-b{font-size:16px;font-weight:400;color:rgba(43,53,78,1);margin:17px 0 63px;line-height:24px}
.date-sys-r{width:46%}
.date-sys-r img{max-width:100%}
.net{background:#f6fafd}
.net-cont{display:flex;flex-wrap:wrap;flex-direction:column;height:970px}
.net-box img{max-width:100%}
.net-cont>p:first-child{width:55%}
.net-cont>p:first-child img{max-width:100%}
.net-box{width:46%}
.net-tit{width:45%;font-size:36px;font-weight:800;color:rgba(25,64,176,1);margin:162px 0 17px}
.net-b{width:45%;font-size:16px;font-weight:400;color:rgba(43,53,78,1);line-height:24px;margin:0 0 50px 0}
.net-box2{width:46%}
.monitor{padding:76px 0 35px}
.monitor>.container2{display:flex;justify-content:space-between}
.monitor-tit{font-size:36px;font-weight:800;color:rgba(25,64,176,1)}
.monitor-b{font-size:16px;font-weight:400;color:rgba(43,53,78,1);line-height:24px;margin:17px 0 40px}
.monitor-l{width:46%}
.monitor-r{width:51%;padding-top:3%}
.monitor-r img{max-width:100%}
.build-box-t i,.date-sys-box-t i,.monitor-box-t i,.net-box-t i,.vr-box-t i{font-size:25px;color:#16a3fe;margin-right:16px;font-weight:900}
.build-box-t span,.date-sys-box-t span,.monitor-box-t span,.net-box-t span,.vr-box-t span{font-size:22px;font-weight:800;color:rgba(25,64,176,1)}
.build-box-bref,.date-sys-box-bref,.monitor-box-bref,.net-box-bref,.vr-box-bref{font-size:16px;font-weight:400;color:rgba(43,53,78,1);line-height:24px;padding-left:41px;margin:12px 0 28px}
.breach{background:#122272;padding:69px 0 116px;text-align:center}
.breach-tit{font-size:36px;font-weight:800;color:rgba(255,255,255,1)}
.breach-b{font-size:25px;font-weight:500;color:rgba(140,162,229,1);margin:33px 0 58px}
.breach-box img{max-width:100%}
.advantage{background:#f6fafd;padding:67px 0 38px}
.advantage-tit{font-size:36px;font-weight:800;color:rgba(25,64,176,1);text-align:center}
.advantage-line{width:80px;height:6px;background:rgba(17,122,198,1);border-radius:3px;margin:30px auto 71px}
.advantage-list{display:flex;justify-content:space-between;flex-wrap:wrap}
.advantage-list li{width:calc(50% - 28px);margin:0 54px 27px 0;background:rgba(255,255,255,1);box-shadow:0 4px 8px 0 rgba(229,255,244,.35);border-radius:5px;padding:25px 33px 25px 27px}
.advantage-list li:nth-child(2n){margin-right:0}
.ad-icon {width: 57px;height: 57px;background: rgba(25,64,176,0);border: 2px solid rgba(209,217,239,.94);border-radius: 8px;float: left;/* text-align: center; *//* line-height: 50px; */transform: rotate(45deg);/* padding: 10px 20px; */padding-top: 10px;padding-left: 10px;}
.ad-icon img{max-width:100%;transform:rotate(-45deg)}
.ad-txt{width:calc(100% - 82px);float:right;margin-left:17px}
.ad-txt h4{font-size:22px;font-weight:800;color:rgba(25,64,176,1);margin-bottom:14px}
.ad-txt p{font-size:14px;font-weight:400;color:rgba(43,53,78,1);line-height:26px}
.pattern{padding:78px 0 113px}
.pattern-tit{font-size:36px;font-weight:800;color:rgba(25,64,176,1);text-align:center}
.pattern-line{width:80px;height:6px;background:rgba(17,122,198,1);border-radius:3px;margin:30px auto 62px}
.pattern-box{display:flex;justify-content:space-between}
.pattern-list{width:calc(25% - 9px);margin-right:12px;border:1px solid #eaeaea;border-radius:3px}
.pattern-box .pattern-list:last-child{margin-right:0}
.pattern-box .pattern-list li{border-bottom:1px solid #eaeaea;font-size:16px;font-weight:400;color:rgba(102,102,102,1);text-align:center;line-height:56px}
.pattern-box .pattern-list li span{display:block;font-size:20px;color:#f07f00;font-weight:800}
.pattern-box .pattern-list li:first-child{font-size:22px;font-weight:500;color:rgba(255,255,255,1);line-height:71px;text-align:center}
.pattern-box .pattern-list:nth-child(1) li:first-child{background:#20b09f}
.pattern-box .pattern-list:nth-child(2) li:first-child{background:#009fc7}
.pattern-box .pattern-list:nth-child(3) li:first-child{background:#ff872e}
.pattern-box .pattern-list:nth-child(4) li:first-child{background:#3c3c70}
.pattern-box .pattern-list li .pattern-more{display:inline-block;width:181px;height:47px;background:rgba(2,107,251,0);border:2px solid rgba(2,107,251,.94);border-radius:5px;line-height:42px;font-size:14px;font-weight:500;color:rgba(2,107,251,1);margin:12px 0;transition:all .3s ease-in-out}
.mind{background:#f6fafd;padding:40px 0 300px}
.mind>.container3{position:relative}
.mind-tit{font-size:36px;font-weight:800;color:rgba(25,64,176,1);text-align:center}
.mind-box{box-shadow:0 10px 20px 0 rgba(150,150,150,.22);height:auto;background:rgba(255,255,255,1);border-radius:20px;position:absolute;left:0;top:97px;width:100%;overflow-x:scroll;padding:26px 43px 0 30px;overflow-y:auto}
.mind>.container3>p:nth-child(2){width:251px;height:50px;background:rgba(25,64,176,1);border-radius:3px;font-size:18px;font-family:Microsoft YaHei;font-weight:300;color:rgba(255,255,255,1);margin:0 auto;text-align:center;line-height:50px;position:relative;top:36px;z-index:10;margin-bottom:40px}
.mind>.container3>p:nth-child(2):before{position:absolute;display:block;content:'';width:2px;height:34px;background:#d1d9ef;left:50%;bottom:-34px}
.mind-box>div{width:2300px;padding-top:36px}
.mind-box>div img{display:block;max-width:100%}
.mind-box>div img:first-child{margin-right:30px}
.pro-data{background:#122272;padding:496px 0 311px}
.pro-data .data-b,.pro-data .data-tit{color:#fff}
.pro-data>.container3{position:relative}
.pro-data .data-box{position:absolute;left:0;top:142px}
.pro-data .data-box{box-shadow:0 0 4px 0 #484949}
.pro-forum{padding:59px 0 40px}
.data_b img{max-width:100%}
.friendly-more:hover,.index-con-liuyan:hover,.news-more:hover,.video-more:hover,.why-more:hover{background:#f06600}
.a-con-more:hover,.index-con-zixun:hover,.pat-list-more:hover,.product-b-more:hover{background:#062a8f;color: #fff;}
.pat-more:hover{background:rgba(25,64,176,1);border-color:rgba(25,64,176,1)}
.pattern-box .pattern-list li .pattern-more:hover{background:rgba(2,107,251,1);color:#fff}
.news_detail{max-width:800px;margin:0 auto;padding:50px 0}
.news_detail h1{margin:25px 0;line-height:1.6;border-bottom:1px solid #ddd;padding-bottom:20px}
.news_detail img{max-width:100%}
.news_detail p{line-height:22px}
.func-list-lay{position:absolute;width:100%;height:100%;background:#00abe2;left:0;top:100%;color:#fff;padding:7% 10% 0;transition:all .3s}
.func-list>li .func-list-lay h4{font-size:20px;color:#fff}
.func-list>li .func-list-lay p{font-size:14px;line-height:2;color: #fff;}
.func-list>li:hover .func-list-lay{top:0}
@media(max-width:1441px){
.thinks-nav li p:last-child{white-space:normal;line-height:20px}
.func-list-l>li{margin:0 8px 16px 0}
.about-banner .container2{width:38%;left:120px;top:50px}
.about-banner .container2 p:last-child{margin-top:30px}
.a-about-t{top:-50px}
.a-about-t .a-about-t-line{margin:27px auto 30px}
.friendly-l{top:18px;left:-58px}
.friendly-r{padding:30px 20px 32px 170px}
.fair{padding:130px 0 150px}
.a-con-box-l>div p{white-space:nowrap}
.customer-banner>.container2{left:134px;top:200px}
.customer-banner>.container2 p:nth-child(4){margin-top:100px}
.thinks-box-cont:before{left:30px}
.thinks-box .thinks-box-cont:nth-child(2):before{left:240px}
.thinks-box .thinks-box-cont:nth-child(3):before{left:450px}
.thinks-box .thinks-box-cont:nth-child(4):before{left:650px}
.thinks-box .thinks-box-cont:nth-child(5):before{left:860px}
.thinks-box .thinks-box-cont:nth-child(6):before{left:1070px}
.process-b-l>ul li>p{font-size:12px}
.layout-c-txt a,.layout-c-txt span:last-child{line-height:22px;font-size:16px}
.join{padding-bottom:60px}
.product-b-more{margin:48px 0 55px}
.net-cont{height:950px}
.pro-data{padding:400px 0 408px}
}
@media(max-width:1367px){
.honor-list1 img{width:calc(25% - 142px)}
.honor-list2 img{width:calc(25% - 66px)}
.about-banner .container2{width:42%;left:120px;top:50px}
.about-banner .container2 p:last-child{margin-top:30px}
.a-about-t{top:-50px}
.a-about-t .a-about-t-line{margin:27px auto 30px}
.friendly-l{top:19px;left:-62px}
.friendly-r{padding:30px 20px 32px 156px}
.fair{padding:120px 0 130px}
.a-con-box-l>div p{white-space:normal}
.a-layout-c-txt{line-height:22px}
.a-con-box-l{padding:35px 34px 38px}
.head-bot>.container1,.head-top>.container1{padding-right:50px}
.process-b-l>ul li>p{line-height:22px;margin-bottom:16px}
.process-b-l{width:46%}
.thinks-box-cont:before{left:30px}
.thinks-box .thinks-box-cont:nth-child(2):before{left:220px}
.thinks-box .thinks-box-cont:nth-child(3):before{left:410px}
.thinks-box .thinks-box-cont:nth-child(4):before{left:600px}
.thinks-box .thinks-box-cont:nth-child(5):before{left:790px}
.thinks-box .thinks-box-cont:nth-child(6):before{left:970px}
.customer-banner>.container2 p:nth-child(3){width:486px}
.customer-banner>.container2{top:150px}
.enroll-box td{padding:16px 32px}
.enroll-box table .tab-tit td{padding-left:30px;white-space:nowrap}
.pattern-box .pattern-list li{font-size:15px}
.net-cont{height:1060px}
.product-banner{padding:150px 0 0}
.foot-b p{font-size:15px}
}
@media(max-width:1280px){
.about-banner .container2{width:42%;left:120px;top:50px}
.about-banner .container2 p:last-child{margin-top:30px}
.a-about-t{top:-50px}
.a-about-t .a-about-t-line{margin:27px auto 30px}
.friendly-l{top:19px;left:-62px}
.friendly-r{padding:30px 20px 32px 156px}
.fair{padding:100px 0 110px}
.a-con-box-l>div p{white-space:normal}
.a-layout-c-txt{line-height:22px}
.about-banner .container2 h1{font-size:38px;margin-bottom:22px}
.about-banner .container2 p{font-size:16px}
.a-con-box-l{padding:34px 34px 38px}
.head-bot>.container1,.head-top>.container1{padding-right:60px}
.customer-banner>.container2 p:nth-child(3){width:420px}
.customer-banner>.container2{top:100px;left:88px}
.join{padding-bottom:40px;background-size:cover}
.product-banner{padding:100px 0 0}
.product-banner>.container2>h1{margin:15px 0 30px}
.product-b-more{margin:30px 0 55px}
.pro-data{padding:400px 0 458px}
}
.inquiry{background:#f5f5f5}
.inquiry h3{font-size:36px;text-align:center;margin-bottom:67px}
.subform{padding-bottom:57px}
.subform .formlist{display:flex;flex-wrap:wrap;justify-content:space-between}
.subform .ipt-row{width:43.75%;display:flex;margin-bottom:33px;align-items:flex-start}
.subform .ipt-row:nth-last-child(1){width:100%}
.subform p{width:113px;font-size:19px;color:#282828;line-height:54px;flex:0 0 auto}
.subform .ipt{width:calc(100% - 113px);box-sizing:border-box;height:54px;border:1px solid #e6e6e6;padding:0 20px;font-size:16px;line-height:54px}
.subform .texta{height:130px;font-family:'Microsoft YaHei'}
.subform .ipt.need,.subform .texta.need{border-color:red}
.subform .choosebox{cursor:pointer;position:relative;background:#fff;color:#898989;position:relative}
.subform .choosebox::after{content:"";display:block;position:absolute;top:50%;right:21px;border:7px solid transparent;width:0;height:0;border-top-color:#555;margin-top:-3px}
.subform .choosebox ul{width:100%;text-align:center;max-height:300px;overflow-y:auto;white-space:nowrap;background:#fff;display:block;left:-1px;top:52px;position:absolute;border:1px solid #e6e6e6;border-top:0;opacity:0;z-index:-5;transform:translateY(-12px);transition:all .5s;box-shadow:0 2px 5px #ddd}
.subform .choosebox:hover ul{z-index:5;top:53px;opacity:1;transform:translateY(0)}
.subform .choosebox li{border-bottom:1px solid #e6e6e6}
.subform .choosebox li:hover{background:#eee}
.subform .city .choosebox{width:185px}
.subform .city .choosebox:nth-child(3){margin-left:auto}
.subform .submit{padding:21px 100px;color:#fff;background:#f07f00;border:0;border-radius:2px;outline:0;font-size:22px;display:block;margin-left:60px}
.subform .submit:active,.subform .submit:focus,.subform .submit:hover{background:#e07801}
.subform .submit{margin:0;margin-left:60px}
.subrow{display:flex;justify-content:center}
.arcode{display:flex;align-items:center}
.arcode .arval{height:35px;margin-right:10px;width:100px}
.arcode p{width:unset;margin-right:10px}
div#map{margin-top:0}
.func-list{max-width:1000px;margin:0 auto}
.mind-btns button{position:absolute;top:400px;background:#fff;border-radius:50%;height:60px;width:60px;font-size:40px;outline:0}
.mind-btns button.lf{left:-100px}
.mind-btns button.rt{right:-100px}
.news-pub-date{text-align:center;font-size:12px;padding:10px 0;margin-bottom:25px}
.news-pub-date span{color:#f07f00}
.prenext-news{display:flex;margin-bottom:15px;margin-top:30px}
.prenext-news a{color:#777}
.prenext-news a:hover{text-decoration:underline;color:#f07f00}
.xg-title{font-weight:600;border-bottom:1px dashed #999;padding-bottom:10px;margin-bottom:10px;font-size:16px;margin-top:50px}
.prenext-news p{width:49%;margin-right:1%;color:#777}



@media (max-width:640px){

.container1,.container3,.container2{ width:100%;}
.product-banner>.container2>h1{ font-size:40px;}
.product-banner>.container2>p:nth-child(3){ width:100%;}
.monitor-r,.monitor-l,.net-tit,.net-b,.net-box2,.net-box,.date-sys-l,.date-sys-rm,.vr-r,.vr-l,.build-l{ width:100%;}
.monitor>.container2,.date-sys>.container2,.vr>.container2,.build>.container2{ display:inherit;}
.ad-txt{    width: calc(100% - 0px); float:none; margin-left:0px;}
.ad-icon{ float:none; margin:auto;}
.ad-txt h4{ font-size:18px; padding-top:25px; text-align:center;}


.pattern-box .pattern-list li .pattern-more{ width:65px;}
.pattern-box .pattern-list li{ font-size:12px;}
.pattern-box .pattern-list li{ line-height:30px;}
.mind-box>div{ width:100%;}
.mind-box>div img{ width:100%;}
.pro-data{ padding-top:30px;}
.product-banner{ background-size: 200%; padding:50px 0px;}
.container2{ width:95%; margin: auto}
.product-banner>.container2>p:first-child{ font-weight:normal; font-size:18px;}
.product-banner>.container2>p:nth-child(3){ font-size:16px;}

.system-list{ display:inherit;}
.system-list li{ width:50%; float:left;}
.system{height: 832px;}

.build{padding: 0px 0 80px;}
.build-l-tit{ text-align:center; line-height:50px;} 
.vr-tit{ text-align:center; padding-top:50px; padding-bottom:20px;} 
.date-sys-b,.vr-b{ margin-bottom:30px;}
.build-box-bref, .date-sys-box-bref, .monitor-box-bref, .net-box-bref, .vr-box-bref{ padding-left:0px;}
.date-sys-tit{ text-align:center; padding-top:50px; padding-bottom:15px;}
.date-sys-r{ width:100%;}

.net-cont{ height:1800px;}

.advantage-list li{ width: calc(49% - 2px);margin: 0 1px 27px 0;padding: 25px 18px 25px 18px;}
.net-cont>p:first-child{ width:100%;}
.net-tit{ margin-top:70px; text-align: center; padding-bottom:15px;}
.monitor-tit{ text-align:center; padding-bottom:20px;}


.forum-nav {display: inherit;margin-top: 8%;}
.forum-nav li {float: left;width: 48%;margin: 2% 1%;}
.forum-box { margin-top: 40px;}
.forum-b-l li {width: calc(30% - 0px);margin: 0 12px 34px 0;}
.forum-b-l li p {font-size: 14px;}

#te_case  p img{ width:100%; height:auto}
#te_case  p.forum-b{ text-align:center; font-size:14px; padding:0px 15px; line-height:25px;} 
#te_case  h4{ display:block; text-align:center;}


}