/*===================CSS Reset============================*/
@font-face{ font-family: fontR; src: url('../fonts/ReductoCondensedSSiCondensed.ttf');}

*{ 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; font-family: "微软雅黑","microsoft yahei";}
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;}
input:focus,button:focus,textarea:focus,select:focus,video:focus,div:focus{ outline: none;}
::-webkit-input-placeholder { /* WebKit browsers */
  color: #ddd;
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
  color: #ddd;
}

:-ms-input-placeholder { /* Internet Explorer 10+ */
  color: #ddd;
}

/*===================Link Style============================*/
a,a:hover,a:active,a:visited,a:link,a:focus{  outline:none; text-decoration: none;}

/*===================Common Style============================*/
.fl{ float:left;}
.fr{ float:right;}
.container1{ width: 1660px;}
.container2{ width: 1288px;}
.container3{ width: 1176px;}
.wrap{ width: 1300px;margin: 0 auto;}
.container1,.container2,.container3{ padding: 0; margin: 0 auto;}
.ovh{ overflow: hidden;}
.textH{ overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.fontR{ font-family: fontR, "微软雅黑","microsoft yahei";}
.row{ margin-left: 0; margin-right: 0;}
.col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12{ padding-right: 0; padding-left: 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); 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);     width: 80%;    margin: 40px auto;   line-height: 33px;}
.func-list{ display: flex; flex-wrap: wrap; justify-content: center;}
.func-list>li{ text-align: center; width: calc(15.5%); margin-right: 15px; 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%; width: 100%;}
.func-list>li h4{ margin: 20px 0 30px; font-size: 24px; font-weight: 800; color: rgba(18,24,58,1);}

.func-a {
    font-size: 17px;
    text-align: center;
    font-weight: 400;
    color: rgb(68 98 175);
    margin: 10px auto;
}
.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: left;}
.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(../images/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(../images/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); 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 10px;}
.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{ padding-bottom: 102px;}
#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: 40px; color: #fff; cursor: pointer;}
.v-box{ margin-top: 34px; font-size: 17px; font-weight: 500; color: rgba(25,64,176,1); text-align: center;}
.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: 32px; 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;}

/*============================ Other ============================*/
.ls_banner img{ width: 100%; float: left;}

.product{ background: #ededed;}
.product .wrap{ position: relative;top:-63px;z-index: 111;overflow: hidden;}
.product .hd{ background: url(../images/bg3.jpg) no-repeat center; height: 470px; overflow: hidden;position: relative;}
.product .imgs{ width: 710px;position: absolute;left: 0;top: 50%; transform: translateY(-50%);text-align: center;}
.product .imgs img{ max-width: 100%;}
.product .txt{ position: absolute;right: 0;width: 735px;top: 50%;z-index: 11; text-align: center;transform: translateY(-50%);}
.product .txt h2{ font-size:37px;color: #4778bc;line-height: 77px; background: url(../images/bg6.png) no-repeat center; background-size: contain; width: 77px;margin: 0 auto;}
.product .txt h3{ font-size:33px;color: #4778bc;margin-top: 18px;line-height: 80px; text-align: center;}
.product .txt h5{ font-size:16px;color: #333333;line-height: 26px;text-align: center;}
.product li:nth-child(2n) .txt h2{ background: url(../images/bg4.png) no-repeat center; background-size: contain; color: #fff;}
.product li:nth-child(2n) .hd{ background: url(../images/bg7.jpg) no-repeat center top;}
.product li:nth-child(2n) .txt h5,
.product li:nth-child(2n) .txt h3{ color: #ffffff;}
.product li{ margin-bottom: 30px;}
.product li:nth-child(2) .txt h4{ color: #ffffff;}
.product .bd{ background: #fff;}
.product dl{ overflow: hidden; margin: 0;}
.product dd{ float: left;width: calc((100% - 3px)/4);text-align: center; height: 278px;cursor: pointer;border-right: 1px solid #f3f3f3;border-bottom: 1px solid #f3f3f3;}
.product dd:last-child{ border-right:none;}
.product .dl3 dd{ width: calc((100% - 2px)/3);}
.product .dl2 dd{ width: calc((100% - 2px)/3);} 
.product dd .ico{ height: 110px;margin-top: 40px;margin-bottom: 22px;}
.product dd h4{ font-size:16px;color: #333333;line-height:28px;}
.product dd h6{ font-size:14px;color: #666;line-height:26px;}
.product dd:hover{ background: url(../images/bg5.jpg) no-repeat right bottom #dc4335;}
.product dd:hover h4,
.product dd:hover h6{ color: #fff;}
.product .d1 .ico{ background: url(../images/pico1.png) no-repeat center;}
.product .d2 .ico{ background: url(../images/pico2.png) no-repeat center;}
.product .d3 .ico{ background: url(../images/pico3.png) no-repeat center;}
.product .d4 .ico{ background: url(../images/pico4.png) no-repeat center;}
.product .d5 .ico{ background: url(../images/pico5.png) no-repeat center;}
.product .d6 .ico{ background: url(../images/pico6.png) no-repeat center;}
.product .d7 .ico{ background: url(../images/pico7.png) no-repeat center;}
.product .d8 .ico{ background: url(../images/pico8.png) no-repeat center;}
.product .d9_1 .ico{ background: url(../images/pico9.png) no-repeat center;}
.product .d9 .ico{ background: url(../images/on.png) no-repeat center;}
.product .d10 .ico{ background: url(../images/pico10.png) no-repeat center;}
.product .d11 .ico{ background: url(../images/pico11.png) no-repeat center;}
.product .d12 .ico{ background: url(../images/pico12.png) no-repeat center;}
.product .d13 .ico{ background: url(../images/pico13.png) no-repeat center;}
.product .d14 .ico{ background: url(../images/pico14.png) no-repeat center;}
.product .d15 .ico{ background: url(../images/pico15.png) no-repeat center;}
.product .d16 .ico{ background: url(../images/pico16.png) no-repeat center;}
.product .d17 .ico{ background: url(../images/pico17.png) no-repeat center;}
.product .d18 .ico{ background: url(../images/pico18.png) no-repeat center;}
.product .d19 .ico{ background: url(../images/pico19.png) no-repeat center;}
.product .d20 .ico{ background: url(../images/pico20.png) no-repeat center;}
.product .d21 .ico{ background: url(../images/pico21.png) no-repeat center;}
.product .d22 .ico{ background: url(../images/pico22.png) no-repeat center;}
.product .d23 .ico{ background: url(../images/pico23.png) no-repeat center;}
.product .d24 .ico{ background: url(../images/pico24.png) no-repeat center;}
.product .d25 .ico{ background: url(../images/pico25.png) no-repeat center;}
.product .d26 .ico{ background: url(../images/pico26.png) no-repeat center;}
.product .d27 .ico{ background: url(../images/pico27.png) no-repeat center;}
.product .d28 .ico{ background: url(../images/pico28.png) no-repeat center;}
.product .d29 .ico{ background: url(../images/pico29.png) no-repeat center;}
.product .d30 .ico{ background: url(../images/pico30.png) no-repeat center;}
.product .d31 .ico{ background: url(../images/pico31.png) no-repeat center;}
.product .d32 .ico{ background: url(../images/pico32.png) no-repeat center;}
.product .d33 .ico{ background: url(../images/pico33.png) no-repeat center;}
.product .d34 .ico{ background: url(../images/pico34.png) no-repeat center;}
.product .d35 .ico{ background: url(../images/pico35.png) no-repeat center;}
.product .d1:hover .ico{ background: url(../images/pico1-1.png) no-repeat center;}
.product .d2:hover .ico{ background: url(../images/pico2-1.png) no-repeat center;}
.product .d3:hover .ico{ background: url(../images/pico3-1.png) no-repeat center;}
.product .d4:hover .ico{ background: url(../images/pico4-1.png) no-repeat center;}
.product .d5:hover .ico{ background: url(../images/pico5-1.png) no-repeat center;}
.product .d6:hover .ico{ background: url(../images/pico6-1.png) no-repeat center;}
.product .d7:hover .ico{ background: url(../images/pico7-1.png) no-repeat center;}
.product .d8:hover .ico{ background: url(../images/pico8-1.png) no-repeat center;}
.product .d9_1:hover .ico{ background: url(../images/pico9-1.png) no-repeat center;}
.product .d9:hover .ico{ background: url(../images/off.png) no-repeat center;}
.product .d10:hover .ico{ background: url(../images/pico10-1.png) no-repeat center;}
.product .d11:hover .ico{ background: url(../images/pico11-1.png) no-repeat center;}
.product .d12:hover .ico{ background: url(../images/pico12-1.png) no-repeat center;}
.product .d13:hover .ico{ background: url(../images/pico13-1.png) no-repeat center;}
.product .d14:hover .ico{ background: url(../images/pico14-1.png) no-repeat center;}
.product .d15:hover .ico{ background: url(../images/pico15-1.png) no-repeat center;}
.product .d16:hover .ico{ background: url(../images/pico16-1.png) no-repeat center;}
.product .d17:hover .ico{ background: url(../images/pico17-1.png) no-repeat center;}
.product .d18:hover .ico{ background: url(../images/pico18-1.png) no-repeat center;}
.product .d19:hover .ico{ background: url(../images/pico19-1.png) no-repeat center;}
.product .d20:hover .ico{ background: url(../images/pico20-1.png) no-repeat center;}
.product .d21:hover .ico{ background: url(../images/pico21-1.png) no-repeat center;}
.product .d22:hover .ico{ background: url(../images/pico22-1.png) no-repeat center;}
.product .d23:hover .ico{ background: url(../images/pico23-1.png) no-repeat center;}
.product .d24:hover .ico{ background: url(../images/pico24-1.png) no-repeat center;}
.product .d25:hover .ico{ background: url(../images/pico25-1.png) no-repeat center;}
.product .d26:hover .ico{ background: url(../images/pico26-1.png) no-repeat center;}
.product .d27:hover .ico{ background: url(../images/pico27-1.png) no-repeat center;}
.product .d28:hover .ico{ background: url(../images/pico28-1.png) no-repeat center;}
.product .d29:hover .ico{ background: url(../images/pico29-1.png) no-repeat center;}
.product .d30:hover .ico{ background: url(../images/pico30-1.png) no-repeat center;}
.product .d31:hover .ico{ background: url(../images/pico31-1.png) no-repeat center;}
.product .d32:hover .ico{ background: url(../images/pico32-1.png) no-repeat center;}
.product .d33:hover .ico{ background: url(../images/pico33-1.png) no-repeat center;}
.product .d34:hover .ico{ background: url(../images/pico34-1.png) no-repeat center;}
.product .d35:hover .ico{ background: url(../images/pico35-1.png) no-repeat center;}

.news-banner{ position: relative;}
.news-banner img{ max-width: 100%;}
.news-banner>h1{ width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; position: absolute; top: 0; left: 0; font-size: 48px; font-family: PingFang; font-weight: 500; color: rgba(255,255,255,1);}
.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 a{ display: inline-block; font-size: 20px; color: rgba(29,38,60,1); margin-right: 40px;}
.news-search .container2>p a:hover{ color: #f07f00; font-weight: bold;}
.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;}
.news-page span{  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; background: rgba(22,163,254,1); color: #fff;}
.investment-banner{ position: relative;}
.investment-banner img{ max-width: 100%;}
.investment-banner>h1{ width: 100%; height: 80%; display: flex; justify-content: center; align-items: center; position: absolute; top: 0; left: 0; font-size: 48px; font-family: PingFang; font-weight: 500; color: #122272;}
.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(../images/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: 17px; display: flex;}
.enroll-box table{ width: 100%; border: 1px solid #132c7d;}
.enroll-box table .tab-tit{ color: #2c9ef8;}
.enroll-box table .tab-tit td{ padding: 18px 35px;}
.enroll-box table td p{ line-height: 32px;}
.enroll-box table td:nth-child(2){ padding-right: 0; width: 60%;}
.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: 100px;}
.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 img{ width: 100%;}
.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-cloae{position: absolute;right: 20%;top: 12%;font-size: 40px;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;}*/
.v-share-list li h4{ font-size: 17px; 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(../images/process-b-l1.png) no-repeat; background-size: contain;}
.process-b-l>ul li:nth-child(2) .process-b-l-tt{ width: 116px; height: 149px; background: url(../images/process-b-l2.png) no-repeat; background-size: contain;}
.process-b-l>ul li:nth-child(3) .process-b-l-tt{ width: 116px; height: 149px; background: url(../images/process-b-l3.png) no-repeat; background-size: contain;}
.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: 314px; 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(../images/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(../images/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(../images/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) !important; 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(../images/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(../images/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: 100%;}
.a-layout-box-l-t{ font-size: 32px;}
.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: 90px;}
.a-layout-c-t{ font-size: 22px; font-weight: 500; color: rgba(22,163,254,1); margin: 30px 0 20px;}
.a-layout-c-icon{ display: inline-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;}
.a-layout-c-txt{ font-size: 18px; font-weight: 400; line-height: 38px;}
.a-layout-box-r img{ width: 100%;}
.a-layout-c-txt p{ padding-left: 50px;}
.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(../images/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 li{ width: 20%; float: left;}
.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(../images/system-bg1.png) no-repeat; background-size: cover;}
.system-list li:nth-child(2) p{ background: url(../images/system-bg2.png) no-repeat; background-size: cover;}
.system-list li:nth-child(3) p{ background: url(../images/system-bg3.png) no-repeat; background-size: cover;}
.system-list li:nth-child(4) p{ background: url(../images/system-bg4.png) no-repeat; background-size: cover;}
.system-list li:nth-child(5) p{ background: url(../images/system-bg5.png) no-repeat; background-size: cover;}
.system-list li:nth-child(6) p{ background: url(../images/system-bg6.png) no-repeat; background-size: cover;}
.system-list li:nth-child(7) p{ background: url(../images/system-bg7.png) no-repeat; background-size: cover;}
.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;}
/*.build-box-bref:hover,.date-sys-box-bref:hover,.monitor-box-bref:hover,.net-box-bref:hover,.vr-box-bref:hover{ color: #007AFF;}*/
.build-box-bref:hover,.date-sys-box-bref:hover,.monitor-box-bref:hover,.net-box-bref:hover,.vr-box-bref:hover{}
.cpVideo{ color: #007AFF; font-size: 0; width: 28px; height: 18px; display: inline-block; background: url(../images/video.png) no-repeat; background-size: contain; cursor: pointer;}
@media all and (-ms-high-contrast:none) { 
*::-ms-backdrop,.cpVideo{ position: relative; top: -12px;}
} 
.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);}
.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;}
.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{ padding: 50px 0;}
.news_detail h1{ margin: 25px 0 15px 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;}
.news_detail .share{ margin-bottom: 30px;}
.news_detail .share a{ display: inline-block; margin: 0 10px;}
.news_detail .share a i{ color: #007AFF; font-size: 15px;}
.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;}
.func-list>li:hover .func-list-lay{ top: 0;}

.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;}

.mapWrap{width:100%;min-width:1000px;height:680px;position:relative;overflow:hidden;}
.map_bg{width:100%;min-width:1000px;height:680px;border:#ccc solid 1px;font-size:12px;margin:20px auto;position:absolute;top:0;left:0;z-index:1;overflow:hidden}
.map_main{width:1000px;height:400px;position:absolute;top:100px;left:40%;margin-left:-500px;font-family:"微软雅黑";z-index:99;}
.map_left{width:470px;padding:50px 0;float:left;background-color:#fff;overflow:hidden}
.map_right{width:370px;height:120px;float:right;background-color:#fff;background-image:url(../images/s_search.png);background-repeat:no-repeat;background-position:10px center}
.map_left h2{font-size:18px;color:#f08000;line-height:1.4em;margin:0 0;padding:0 0;text-align:center;font-weight:400}
.map_left h3{font-size:18px;color:#000;margin:0 0;padding:0 0;text-align:center;font-weight:400}
.map_left dl{width:100%;margin-top:24px;overflow:hidden}
.map_left dt{font-size:22px;color:#333;line-height:2.5em;font-weight:600;text-indent:36px;border-bottom:1px solid #d6d6d6;margin-bottom:18px}
.map_left dd{width:398px;margin:0 auto;font-size:14px;color:#333;line-height:2.4em}
.map_right .seo{width:226px;height:90px;float:right;margin:16px 20px 0 0;position:relative}
.map_right .seo>p{font-size:14px;color:#333;line-height:1.5em;margin:0 0;padding:0 0}
.map_right .seo>.search{width:226px;height:28px;position:absolute;left:0;bottom:0}
.map_right .seo>.search>.serL{width:182px;height:28px;border:1px solid #9b9b9b;font-size:12px;color:#999;line-height:26px;text-indent:1em;outline:0}
.map_right .seo>.search>a{width:42px;float:right;background-color:#f08000;color:#fff;font-size:12px;text-align:center;line-height:28px;cursor:pointer}
.map_right .seo>.search>a:hover{background-color:#f00000}
div#map{ margin-top: 0;}
.func-list{ max-width: 100%; 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: 10px;}
.news-pub-date em{ display: inline-block; margin: 0 10px; color: #999;}
.prenext-news{ display: flex; font-size: 14px; 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;}

.fixedtelicon { position: fixed; right: 10px; bottom: 225px; width: 80px; height: 70px; padding-left: 10px; z-index: 999;}
.fixedtelicon .icon { width: 100%; height: 100%; border: 1px solid #e6e6e6; background: #fff; box-sizing: border-box; cursor: pointer; text-align: center; padding-top: 10px; -webkit-transition: all .2s; transition: all .2s;}
.fixedtelicon .icon .img { display: block; width: 22px; height: 22px; background: url(../images/telicon.png) no-repeat 0 0; margin: 0 auto;}
.fixedtelicon:hover .icon { background: #00a0e9; border-color: #00a0e9;}
.fixedtelicon:hover .icon .img { background-position: 0 -22px;}
.fixedtelicon .icon .nam { font-size: 12px; color: #666; line-height: 30px; margin-top: 5px; -webkit-transition: all .2s; transition: all .2s;}
.fixedtelicon:hover .icon .nam { color: #fff;}
.fixedtelicon .laybox { background: #FFF; border: 1px solid #E9E9E9; padding: 28px 28px 30px 30px; position: absolute; top: 0; right: 85px; width: 276px; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 4px; visibility: hidden; opacity: 0; -webkit-transition: all .2s; transition: all .2s;}
.fixedtelicon:hover .laybox { visibility: visible; opacity: 1;}
.fixedtelicon .laybox .conitem { padding-bottom: 16px; margin-bottom: 20px; border-bottom: 1px solid #E9E9E9;}
.fixedtelicon .laybox .conitem .tel { padding-right: 12px; width: 32px; text-align: center; display: table-cell; vertical-align: middle;}
.fixedtelicon .laybox .conitem .tel .phx { background: url(../images/telicon02.png) no-repeat center center; width: 24px; height: 26px; display: inline-block;}
.fixedtelicon .laybox .conitem .txt { display: table-cell; vertical-align: middle;}
.fixedtelicon .laybox .conitem .txt .txt01 { font-size: 12px; color: #4A4A4A; line-height: 18px;}
.fixedtelicon .laybox .conitem .txt .txt02 { font-weight: 500; font-size: 20px; color: #5D6469; line-height: 30px;}
.fixedtelicon .laybox .wechatitem .img { display: table-cell; vertical-align: middle; padding-right: 10px; width: 80px; height: 80px;}
.fixedtelicon .laybox .wechatitem .img img { display: block; width: 100%;}
.fixedtelicon .laybox .wechatitem .txt { display: table-cell; vertical-align: middle;}
.fixedtelicon .laybox .wechatitem .txt .txt01 { font-size: 12px; color: #4A4A4A; line-height: 18px;}
.fixedtelicon .laybox .wechatitem .txt .txt02 { margin-bottom: 2px; font-size: 16px; color: #384049; line-height: 24px;}

.goTop{ display: none; width: 70px; height: 65px; font-size: 12px; color: #666 !important; padding-top: 15px; border: 1px solid #e6e6e6; background: #fff; position: fixed; right: 10px; bottom: 155px; z-index: 999;}
.goTop i{ display: block; width: 100%; height: 12px; background: url(../images/gotop.png) center top no-repeat; background-size: auto 24px; margin-bottom: 10px;}
.goTop:hover{ background: #00A0E9; color: #fff !important; border-color: #00A0E9;}
.goTop:hover i{ background-position: center bottom;}

.twList .box{ display: block; color: #596780; background: #fff; box-shadow: 0 0 20px rgba(47,56,111,.2); margin: 40px 15px 0; border-radius: 10px;}
.twList .box img{ width: 100%;}
.twList .box .txt{ padding: 20px 15px;}
.twList .box .txt span{ display: block;  font-size: 20px; color: #142033; margin-bottom: 10px;}
.twList .box .txt p{ height: 60px; line-height: 30px;}
.twList .box:hover .txt span{ color: #062A8F;}

.wtPart{ padding: 50px 0;}
.wtPart .demeanor-tit{ margin-bottom: 40px;}
.wtPart .list { width: 80%; margin: 0 auto;}
.wtPart .list .item { margin-bottom: 15px; border: 2px solid #dbe4f7; border-radius: 6px; padding-bottom: 8px; background: #fff;}
.wtPart .list .item.on { border-color: rgba(18,34,114,0.5);}
.wtPart .list .item .hd { cursor: pointer; padding: 25px 54px 17px 30px; font-size: 18px; color: #415076; position: relative;}
.wtPart .list .item .hd:after { content: ''; display: block; width: 36px; height: 36px; background: url(../images/quanquan.jpg) no-repeat center; border-radius: 50%; overflow: hidden; -webkit-transition: all .2s; transition: all .2s; position: absolute; right: 12px; top: 19px;}
.wtPart .list .item.on .hd:after { -webkit-transform: rotate(180deg); transform: rotate(180deg);}
.wtPart .list .item:hover .hd { color: #062A8F;}
.wtPart .list .item.on .hd { color: #062A8F;}
.wtPart .list .item .bd { padding-bottom: 12px; padding-right: 46px; padding-left: 30px; display: none;}
.wtPart .list .item .bd p { font-size: 16px; line-height: 1.6; color: #2b354e;}
.wtPart .jbtn { text-align: center; margin: 30px 0;}
.wtPart .jbtn a { display: inline-block; line-height: 40px; background: #062A8F; color: #fff; padding: 0 30px; border-radius: 20px; font-size: 14px;}
.wtPart .jbtn a:hover { opacity: .8;}


/*============================ 媒体查询 ============================*/
.mobHide{ display: block;}
.mobShow{ display: none;}

@media (max-width: 1471px){ 
	.container1{ width: 1288px;}
	.container2{ width: 1176px;}
	.container3{ width: 1070px;}
	.nav-list>li{ margin-left: 40px;}
	.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;}
	.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){ 
	.container1,.container2,.container3,.wrap{ width: 1200px;}
	.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;}
	.product .imgs{ width: 54%;}
	.product .txt{ width: 46%;}
	.mind-btns button.lf{ left: -70px;}
	.mind-btns button.rt{ right: -70px;}
	.pv-video-player{ width: 100% !important; height: 100% !important;}
}

@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: 0;}
	.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;}
	.container1,.container2,.container3,.footer .footer-content,.wrap{ width: 100%; padding: 0 15px;}
}

@media (max-width:1120px) {
	.nav-list>li{ margin-left: 20px;}
}

@media (max-width:834px) {
	.head-top,.head-nav{ display: none;}
	.head-bot>.container1,.head-top>.container1{ display: block;}
	.head-bot{ height: 60px; background: #fff; box-shadow: 0 4px 10px rgba(0,0,0,.1); position: fixed; top: 0; left: 0; z-index: 999;}
	.head-bot .logo{ margin: 10px 0 0 15px;}
	.logo img{ height: 38px;}
	#navToggle{ height: 100%; display: inline-block; float: right;}
	#navToggle span{ display: block; position: relative; width: 30px; height: 30px; background: url(../images/menu.png) no-repeat; background-size: contain; top: 18px; right: 15px;}
	.main{ margin-top: 60px;}
	
}

@media (max-width:767px) {
	.mobHide{ display: none;}
	.mobShow{ display: block;}
	body,button,input,select,textarea{ font-size: 14px;}
	.container1,.container2,.container3,.footer .footer-content,.wrap{ padding: 0;}
	.footer{ height: auto; padding: 0 15px; background: #000;}
	.footer .footer-top{ padding: 15px 0;}
	.footer form{ padding: 0; margin-bottom: 20px;}
	.footer form .inputs input,.footer form .inputs select,.footer form .province{ margin: 15px 0 0;}
	.footer form .province input{ width: 120px; margin: 0;}
	.footer form .footButton{ width: 50%; margin-top: 15px; float: left;}
	.footer .footer-tel .footer-tel-num{ font-size: 36px;}
	.footer .copyright{ font-size: 12px; height: auto; line-height: 18px; padding: 10px 0; position: inherit; margin: 0;}
	.footer .copyright a{ margin-left: 0; display: block;}
	.v-box,.forum-b-l li p,.news-item-r h4 a,.v-share-list li h4,.prenext-news p{ overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
	.why>.container2,.pat-list,.about-list,.layout-box,.news-list,.system-list,.build>.container2,.vr>.container2,.date-sys>.container2,.monitor>.container2,.advantage-list,.pattern-box,.process-t .container2,.process-b .container2,.process-b-l>ul,.enroll-box,.thinks-nav,.v-share-list,.news-box-list li,.prenext-news,.a-about-b-list,.friendly-lis,.a-layout-box,.a-con-list,.a-con-box{ display: block;}
	.why-l,.why-r,.func-list>li,.pat-list>li,.data-box2,.data-box3,.about-list>li,.layout-box-l,.layout-box-r,.news-list li,.footer form .inputs,.footer form .inputs .name,.footer form .inputs .company-name,.footer form .inputs .tel,.footer form .province,.build-l,.advantage-list li,.pattern-list,.vr-l,.vr-r,.date-sys-l,.date-sys-r,.net-cont>p:first-child,.net-box,.net-tit,.monitor-l,.monitor-r,.net-b,.net-box2,.process-t-l,.process-t-r,.process-b-l,.process-b-r,.join-list li,.news-box-list li:first-child div:first-child,.prenext-news p,.fair-b,.a-microsoft-txt,.a-microsoft-txt-en,.a-layout-box-l,.a-layout-box-r,.a-con-box-l,.a-con-box-r{ width: 100%;}
	.why>.container2,.pat,.video,.data,.about,.news,.build,.vr,.date-sys,.date-sys,.monitor,.breach,.advantage,.pattern,.introduce,.process-t,.demeanor,.case,.friendly,.fair,.a-microsoft,.history,.a-layout,.a-con{ padding: 50px 15px;}
	.why-l-b1,.func-b,.func-list-l>li,.pat-b,.video-t>p,.data-b,.about-b,.about-l-t,.layout-b,.forum-b,.news-b,.system-b,.introduce-b,.introduce-cont-box>p,.process-t-l p,.process-b-l-tt p:last-child,.enroll-b,.v-share-b,.a-about-b-list li p:last-child,.honor-b,.friendly-b,.a-layout-b,.a-con-date,.map_left h3{ font-size: 14px !important; line-height: 20px;}
	.func-tit,.pat-tit,.video-tit,.data-tit,.about-tit,.layout-tit,.forum-tit,.news-tit,.system-tit,.build-l-tit,.vr-tit,.date-sys-tit,.net-tit,.monitor-tit,.breach-tit,.advantage-tit,.pattern-tit,.mind-tit,.introduce-tit,.process-t-l h3,.demeanor-tit,.join-tit,.enroll-tit,.thinks-tit,.v-share-tit,.case-tit,.news-banner>h1,.a-about-t-tit,.a-about-b-tit,.honor-tit,.friendly-tit,.fair-tit,.history-tit,.a-layout-tit,.a-con-tit,.map_left h2{ font-size: 26px;}
	.net-cont{ height: auto;}
	.video-lay video,.v-share-lay video{ width: 90%; margin-left: 5%;}
	.video-cloae,.v-share-cloae{ right: 5%; z-index: 9999;}
	.ban-arr-l img,.ban-arr-r img{ width: 30px;}
	.v-arr-l{ left: 32%;}
	.v-arr-r{ right: 32%;}
	.why-l{ padding: 0;}
	.why-l .h3-tit{ font-size: 26px; margin: 20px 0 15px 0;}
	.why-l-b2{ font-size: 14px; line-height: 26px;}
	.func{ padding: 50px 15px 15px;}
	.func-b,.pat-b{ margin: 10px 0 50px 0;width: 100%;}
	.func-list>li,.pat-list>li{ margin: 0 0 15px 0; padding: 0 20px;}
	.func-list>li h4{ font-size: 20px; margin: 15px 0;}
	.func-list-l>li{ margin: 0 10px 10px !important;}
	.video-tit{ margin: 20px 0;}
	.video-t>p{ line-height: 20px;}
	#s1{ padding-bottom: 60px;}
	.v-box,.forum-b-l li p,.news-item-r h4 a{ font-size: 14px; margin-top: 10px;}
	.data-b{ margin: 10px 0 50px 0;}
	.data-box{ padding: 15px 15px 0 15px;}
	.data-box1,.data-box2,.data-box3{ margin-bottom: 30px;}
	.data-box1-num{ justify-content: center; position: inherit; bottom: 0;}
	.about-b,.layout-b{ margin-top: 10px;}
	.about-list{ margin-top: 40px;}
	.about-list>li{ width: 47%; float: left; padding-top: 10px; margin: 0 1.5% 3% 1.5%;}
	.about-l-i{ margin: 0 auto; width: 80px; height: 80px; display: flex; justify-content: center; align-items: center;}
	.about-l-i img{ max-height: inherit; width: 40%;}
	.about-l-t{ margin: 0; padding: 20px 0; height: 100px; overflow: hidden;}
	.layout{ padding: 0 15px 50px 15px;}
	.layout-box-l-t{ font-size: 22px;}
	.layout-box-l-comp{ font-size: 18px; margin: 10px 0;}
	.layout-c-t{ font-size: 16px; margin: 20px 0 10px 0;}
	.layout-c-txt a,.layout-c-txt span:last-child{ font-size: 14px;}
	.forum-b-l li{ width: 30.333%; margin: 0 1% 20px 1%;}
	.forum{ padding: 50px 15px 0 15px;}
	.forum-nav li{ width: 23%; display: flex; justify-content: center; align-items: center; margin: 5% 1%; height: 45px; font-size: 12px; line-height: 18px; padding: 0 5px;}
	.news-b{ margin: 10px 0 50px 0;}
	.news-list li{ margin: 0 0 30px 0; align-items: flex-start;}
	.news-item-r h4 a{ display: block; font-size: 16px; margin: 0;}
	.news-item-r-txt{ font-size: 12px; margin: 5px 0 15px 0;}
	.news-item-r-date{ font-size: 12px;}
	.news-item-r-date i{ font-size: 13px;}
	.product-banner{ padding: 50px 15px 0 15px;}
	.product-banner>.container2>p:first-child{ font-size: 14px;}
	.product-banner>.container2>h1{ font-size: 30px; margin: 20px 0;}
	.product-banner>.container2>p:nth-child(3){ width: 100%; font-size: 14px; line-height: 24px;}
	.system{ padding: 50px 0;}
	.system-line{ height: 4px; margin: 15px auto;}
	.system-list li{ width: 33.333%; float: left; padding: 0 20px;}
	.system-list li h4{ font-size: 14px; height: 40px; line-height: 20px; overflow: hidden;}
	.system-list li p{ margin: 30px auto 10px auto;}
	.build-box-t i, .date-sys-box-t i, .monitor-box-t i, .net-box-t i, .vr-box-t i{ font-size: 20px; margin-right: 10px;}
	.build-box-t span,.date-sys-box-t span,.monitor-box-t span,.net-box-t span,.vr-box-t span{ font-size: 18px;}
	.build-box-bref,.date-sys-box-bref,.monitor-box-bref,.net-box-bref,.vr-box-bref,.build-b{ font-size: 14px; line-height: 24px;}
	.build-box-bref,.date-sys-box-bref,.monitor-box-bref,.net-box-bref,.vr-box-bref{ padding-left: 26px;}
	.vr-l{ margin-bottom: 30px;}
	.vr-b,.date-sys-b,.monitor-b{ font-size: 14px; line-height: 24px; margin: 15px 0 20px 0;}
	.net-cont{ padding: 0 15px;}
	.net-tit{ margin: 30px 0 10px 0;}
	.net-b{ font-size: 14px; line-height: 24px; margin-bottom: 30px;}
	.breach-b{ font-size: 16px; margin: 15px 0 50px 0;}
	.advantage-line,.pattern-line{ height: 4px; margin: 15px auto 30px auto;}
	.ad-txt h4{ font-size: 16px; line-height: 26px;}
	.pattern-list{ margin: 0 0 20px 0;}
	.pattern-box .pattern-list li{ line-height: 40px; font-size: 13px;}
	.pattern-box .pattern-list li:first-child{ font-size: 20px; line-height: 56px;}
	.pattern-box .pattern-list li span{ font-size: 17px;}
	.mind{ padding: 50px 15px 15px;}
	.mind>.container3>p:nth-child(2){ width: 180px; height: 40px; font-size: 16px; line-height: 40px;}
	.mind-box,.pro-data>.container3,.pro-data .data-box{ position: inherit;}
	.mind-box{ width: 80%; margin: -28px 10% 0 10%; padding: 20px 0 0; top: auto;}
	.mind-box>div{ width: 1600px;}
	.mind-btns button{ top: 50%; width: 40px; height: 40px; font-size: 30px; margin-top: -20px;}
	.mind-btns button.lf{ left: -10px;}
	.mind-btns button.rt{ right: -10px;}
	.data-box1-num-r{ font-size: 20px;}
	.product .imgs{ width: auto;position: static;transform: scale(1);}
	.product .txt{ position: static;transform: scale(1);padding: 40px 0; width: auto;}
	.product .hd{ height: auto;background-size: cover !important;padding: 0 15px 45px 15px;}
	.product .txt h2{ font-size: 20px; width: 40px; height: 40px; line-height: 40px;}
	.product .txt h3{ font-size: 26px; line-height: inherit; margin: 20px 0;}
	.product .txt h5{ font-size: 14px; line-height: 24px;}
	.product .dl2 dd,.product .dl3 dd,.product dd{ width: auto;margin: 0;margin-bottom: 10px;float: none;background: #fff; border: none;height: 140px;overflow: hidden;position: relative; background: url(../images/hico4.jpg) no-repeat right bottom #fff; background-size: 30%;}
	.product .bd{ background: #cee3ff;padding: 0 30px 50px;}
	.product dd{ display: flex; justify-content: flex-start; align-items: center; height: 70px !important;}
	.product dd .ico{ float: left; height: 100%;width: 80px; margin: 0; background-size: 30px !important;}
	.product dd .ltxt{ width: auto; text-align: left;}
	.product dd:hover h4,.product dd h4{ font-size: 14px !important;color: #333 !important;line-height: 26px !important;}
	.product dd:hover h6,.product dd h6{ font-size: 12px;color: #999 !important;line-height:auto;}
	.product li:nth-child(2n) .bd{ background: #4778bc;}
	.product .d1:hover .ico{ background: url(../images/pico1.png) no-repeat center;}
	.product .d2:hover .ico{ background: url(../images/pico2.png) no-repeat center;}
	.product .d3:hover .ico{ background: url(../images/pico3.png) no-repeat center;}
	.product .d4:hover .ico{ background: url(../images/pico4.png) no-repeat center;}
	.product .d5:hover .ico{ background: url(../images/pico5.png) no-repeat center;}
	.product .d6:hover .ico{ background: url(../images/pico6.png) no-repeat center;}
	.product .d7:hover .ico{ background: url(../images/pico7.png) no-repeat center;}
	.product .d8:hover .ico{ background: url(../images/pico8.png) no-repeat center;}
	.product .d9:hover .ico{ background: url(../images/pico9.png) no-repeat center;}
	.product .d9_1:hover .ico{ background: url(../images/on.png) no-repeat center;}
	.product .d10:hover .ico{ background: url(../images/pico10.png) no-repeat center;}
	.product .d11:hover .ico{ background: url(../images/pico11.png) no-repeat center;}
	.product .d12:hover .ico{ background: url(../images/pico12.png) no-repeat center;}
	.product .d13:hover .ico{ background: url(../images/pico13.png) no-repeat center;}
	.product .d14:hover .ico{ background: url(../images/pico14.png) no-repeat center;}
	.product .d15:hover .ico{ background: url(../images/pico15.png) no-repeat center;}
	.product .d16:hover .ico{ background: url(../images/pico16.png) no-repeat center;}
	.product .d17:hover .ico{ background: url(../images/pico17.png) no-repeat center;}
	.product .d18:hover .ico{ background: url(../images/pico18.png) no-repeat center;}
	.product .d19:hover .ico{ background: url(../images/pico19.png) no-repeat center;}
	.product .d20:hover .ico{ background: url(../images/pico20.png) no-repeat center;}
	.product .d21:hover .ico{ background: url(../images/pico21.png) no-repeat center;}
	.product .d22:hover .ico{ background: url(../images/pico22.png) no-repeat center;}
	.product .d23:hover .ico{ background: url(../images/pico23.png) no-repeat center;}
	.product .d24:hover .ico{ background: url(../images/pico24.png) no-repeat center;}
	.product .d25:hover .ico{ background: url(../images/pico25.png) no-repeat center;}
	.product .d26:hover .ico{ background: url(../images/pico26.png) no-repeat center;}
	.product .d27:hover .ico{ background: url(../images/pico27.png) no-repeat center;}
	.product .d28:hover .ico{ background: url(../images/pico28.png) no-repeat center;}
	.product .d29:hover .ico{ background: url(../images/pico29.png) no-repeat center;}
	.product .d30:hover .ico{ background: url(../images/pico30.png) no-repeat center;}
	.product .d31:hover .ico{ background: url(../images/pico31.png) no-repeat center;}
	.product .d32:hover .ico{ background: url(../images/pico32.png) no-repeat center;}
	.product .d33:hover .ico{ background: url(../images/pico33.png) no-repeat center;}
	.product .d34:hover .ico{ background: url(../images/pico34.png) no-repeat center;}
	.product .d35:hover .ico{ background: url(../images/pico35.png) no-repeat center;}
	.product dd:hover{ background: url(../images/hico4.jpg) no-repeat right bottom #fff;}	
	.product li{ margin-bottom: 0;}
	.product .wrap{ position: static;top: auto;}
	.investment-banner>h1{ font-size: 26px;}
	.introduce>.container1,.introduce-b,.demeanor>.container1,.enroll>.container2{ padding: 0;}
	.introduce-nav li{ font-size: 13px; line-height: 46px;}
	.introduce-cont{ padding: 20px 15px;}
	.introduce-cont-box>h4{ font-size: 18px;}
	.introduce-b,.introduce-cont-box>p{ margin: 20px 0 30px 0;}
	.introduce-cont-box>div img{ width: calc(33.3% - 10px); margin-right: 0;}
	.process-t-l .process-t-l-why{ font-size: 18px; margin: 15px 0 20px 0;}
	.process-t-r img{ margin-top: 30px;}
	.process-b{ padding: 20px 15px 15px;}
	.process-b-l,.process-b-r{ margin: 0 0 20px 0; padding: 30px 0;}
	.process-b .container2 h4{ display: flex; justify-content: center; align-items: center; font-size: 22px;}
	.process-b .container2 h4 span{ width: 6px; height: 6px; margin: 0 5px;}
	.process-b-l>ul{ padding: 0 10px;}
	.process-b-l>ul li{ width: 33.333%; float: left;}
	.process-b-l>ul li:nth-child(1) .process-b-l-tt,
	.process-b-l>ul li:nth-child(2) .process-b-l-tt,
	.process-b-l>ul li:nth-child(3) .process-b-l-tt{ width: 100px; height: 127px; margin: 20px 0 10px 0;}
	.process-b-l-tt p:first-child{ font-size: 30px; margin-bottom: 5px;}
	.process-b-l>ul li>p{ margin: 5px 0 0; line-height: 18px; white-space: inherit;}
	.process-b .container2 h4{ margin-bottom: 30px;}
	.process-b-r img{ width: 90%; margin: 0 auto;}
	.demeanor-tit,.join-tit{ margin-bottom: 50px;}
	#demeanor{ padding: 0 30px;}
	#demeanor .swiper-slide>div{ padding: 20px 15px 15px;}
	#demeanor .swiper-slide>div h4{ font-size: 20px; margin-bottom: 10px;}
	.demeanor-arrl,.demeanor-arrr{ width: 30px; height: 30px; margin-top: -15px; line-height: 28px; z-index: 99;}
	.demeanor-arrl{ left: -8px;}
	.demeanor-arrr{ right: -8px;}
	.join-list{ padding: 0 15px;}
	.join-list li,.join-list li:first-child,.join-list li:last-child{ margin: 0 0 20px 0; padding: 30px 20px 20px;}
	.join-list li p:first-child{ width: 90px; height: 90px; line-height: 90px;}
	.join-list li h4{ font-size: 26px; margin: 30px 0 15px 0;}
	.join-list li p:last-child{ font-size: 14px; line-height: 24px;}
	.enroll{ padding: 0 15px 30px 15px;}
	.enroll-b{ margin: 15px 0 30px 0;}
	.enroll-box table{ width: 100%; font-size: 14px; margin: 30px 0 0;}
	.enroll-box td{ padding: 5px 10px;}
	.enroll-box table .tab-tit td{ padding-left: 10px; line-height: 20px;}
	.enroll-box table td:nth-child(2){ width: auto;}
	.enroll-box table td p{ line-height: 26px;}
	.customer-banner>.container2{ width: 40%; top: 20%; left: 15px;}
	.customer-banner>.container2 h1{ font-size: 24px;}
	.customer-banner>.container2 p:nth-child(2){ font-size: 14px; line-height: 20px; margin: 15px 0 0; padding-left: 54px;}
	.customer-banner>.container2 p:nth-child(2):before{ width: 40px;}
	.thinks{ padding: 50px 15px 30px 15px;}
	.thinks-box-cont{ padding: 30px 20px;}
	.thinks-box-cont h4{ font-size: 20px; margin-bottom: 20px;}
	.thinks-box-cont p{ font-size: 14px; line-height: 26px;}
	.thinks-box{ margin-bottom: 40px;}
	.thinks-box-cont:before{ border-width: 15px; bottom: -30px; left: 5%;}
	.thinks-box .thinks-box-cont:nth-child(2):before{ left: 22%;}
	.thinks-box .thinks-box-cont:nth-child(3):before{ left: 38%;}
	.thinks-box .thinks-box-cont:nth-child(4):before{ left: 55%;}
	.thinks-box .thinks-box-cont:nth-child(5):before{ right: 20%; left: auto;}
	.thinks-box .thinks-box-cont:nth-child(6):before{ right: 4%; left: auto;}
	.thinks-nav li{ width: 15.16%; float: left; margin: 0 0 0 1.5%;}
	.thinks-nav li p:first-child{ width: 100%; height: auto; margin-bottom: 10px;}
	.thinks-nav li p:last-child{ font-size: 12px;}
	.v-share{ padding: 40px 15px 15px;}
	.v-share-b{ margin: 15px 0;}
	.v-share-list li{ width: 46%; float: left; margin: 4% 2% 0 2%;}
	.v-share-list li h4{ padding: 10px 5px;}
	#cs .swiper-pagination .swiper-pagination-bullet-active{ outline: none;}
	.case-b{ margin: 15px 0 30px 0;}
	.news-banner,.about-banner{ display: flex; justify-content: center; align-items: center; height: 140px;}
	.news-banner img,.about-banner img{ max-width: inherit; height: 100%;}
	.news-search .container2{ height: 50px; padding: 0 15px;}
	.news-search .container2>p a{ font-size: 16px; margin-right: 15px;}
	.news-search-r input{ width: 120px;}
	.news-search-r button{ font-size: 16px;}
	.news-box{ padding-bottom: 50px;}
	.news-box-list li{ padding: 15px 0; margin: 15px;}
	.news-box-list li h4 a{ font-size: 18px; line-height: 28px;}
	.news-box-list li p:nth-child(2){ font-size: 14px; height: 72px; line-height: 24px; overflow: hidden; margin: 10px 0 20px 0;}
	.news-box-list li p:nth-child(3) span,.news-c-l-date span{ font-size: 12px;}
	.news-box-list li p:nth-child(3) i, .news-c-l-date i{ font-size: 14px;}
	.news-box-list li:first-child .news-b-l-r{ margin-top: 20px;}
	.news-page{ margin: 30px auto 0;}
	.news-page a{ width: 38px; height: 33px; font-size: 12px; line-height: 33px;}
	.news-page span{ width: 38px; height: 33px; font-size: 12px; line-height: 33px;}
	.news_detail{ padding: 40px 15px;}
	.news_detail h1{ font-size: 22px; line-height: 30px; padding-bottom: 10px; margin: 0;}
	.news-pub-date em{ margin: 0 5px;}
	.prenext-news{ font-size: 12px;}
	.about-banner{ height: 220px;}
	.about-banner .container2{ width: 100%; padding: 0 15px; left: 0; top: 30px;}
	.about-banner .container2 h1{ font-size: 20px; margin-bottom: 10px;}
	.about-banner .container2 p{ font-size: 14px; line-height: 20px;}
	.about-banner .container2 p:last-child{ width: auto; height: 40px; line-height: 40px; margin-top: 20px;}
	.a-about{ padding: 20px 15px;}
	.a-about-t{ top: 0; padding: 30px 15px 15px;}
	.a-about-t .a-about-t-line{ height: 4px; margin: 15px auto 20px;}
	.a-about-t>p{ font-size: 14px; line-height: 26px;}
	.a-about-b-tit{ margin: 40px 0;}
	.a-about-b-list li{ width: 33.333%; float: left; margin-bottom: 30px;}
	.a-about-b-list li p:first-child{ display: flex; justify-content: center; align-items: center; width: 70px; height: 70px; line-height: inherit;}
	.a-about-b-list li p:first-child img{ max-height: inherit; width: 50%;}
	.a-about-b-list li h4{ font-size: 20px; margin: 20px 0 15px 0;}
	.honor{ margin: 0; padding: 50px 15px 0 15px;}
	.honor-b,.friendly-b{ margin: 15px 0 40px 0;}
	.honor-list1{ margin-bottom: 0;}
	.honor-list1 img,.honor-list2 img{ width: 20%; margin: 0 2%;}
	.friendly-list li{ width: 100%; margin: 0 0 20px 0;}
	.fair-line{ width: 60px; height: 4px; margin: 15px 0 20px 0;}
	.a-microsoft .container2>p:first-child{ font-size: 18px;}
	.a-microsoft-tit{ align-items: center;}
	.a-microsoft-img{ width: 20%; margin-right: 15px;}
	.a-microsoft-tit div:last-child{ margin: 0;}
	.a-microsoft-tit div:last-child h3{ font-size: 18px; margin-bottom: 10px;}
	.a-microsoft-tit div:last-child p{ font-size: 18px;}
	.a-microsoft-txt{ font-size: 14px; line-height: 26px;}
	.a-layout-box-l-t{ font-size: 22px;}
	.a-layout-box-l-comp{ font-size: 16px; margin: 10px 0 15px 0;}
	.a-layout-box-l-online{ margin-bottom: 50px;}
	 .a-layout-c-icon{ width: 30px; height: 30px; line-height: 26px;}
	.a-layout-c-txt{ font-size: 14px;}
	.a-layout-c-txt p{ padding-left: 40px;}
	.a-con .container2{ padding: 0;}
	.a-con-more{ width: 180px; height: 46px; line-height: 46px;}
	.a-con-list{ margin: 20px 0;}
	.a-con-list p{ font-size: 16px; margin: 15px 0;}
	.a-con-list p span:first-child{ width: 30px; height: 30px; display: inline-flex; justify-content: center; align-items: center;}
	.a-con-list p span:first-child img{ max-height: inherit; width: 50%;}
	.a-con-list p:first-child span:last-child, .a-con-list p:last-child a:last-child{ font-size: 18px;}
	.a-con-box-l{ padding: 20px; margin-bottom: 20px;}
	.a-con-box-l>div p{ font-size: 16px; line-height: 30px; margin-bottom: 10px;}
	.a-con-box-r div:first-child,.a-con-box-r>div:last-child{ padding: 20px;}
	.a-con-box-r div:first-child p:last-child{ font-size: 14px; line-height: 30px; margin-left: 20px;}
	.a-con-box-r div:last-child>p{ font-size: 20px; margin-bottom: 15px;}
	.a-con-box-r div:last-child div input{ height: 50px; padding: 0 15px;}
	.a-con-box-r div:last-child div button{ height: 50px; font-size: 16px;}
	.BMap_stdMpType4 .BMap_stdMpZoom,.BMap_noprint{ display: none;}
	.mapWrap{ width: 100%; min-width: inherit; height: inherit; min-height: auto; position: inherit;}
	.map_main{ width: 100%; height: auto; margin: 0; position: inherit; top: auto; left: auto;}
	.map_left{ width: 100%; padding: 30px 15px 15px;}
	.map_left h2{ margin: 20px 0 5px 0;}
	.map_left dl{ margin: 10px 0 0;}
	.map_left dt{ text-indent: inherit; text-align: center; font-size: 18px; margin-bottom: 10px;}
	.map_left dd{ width: 100%; line-height: 26px;}
	.map_right{ width: 100%; margin-bottom: 30px;}
	.map_right .seo{ width: 66%;}
	.map_right .seo>p{ font-size: 12px; line-height: 18px;}
	.map_bg{ min-width: 100%; height: 300px; position: inherit; margin: 0;}
	.twList{ padding: 10px 7px;}
	.twList .box{ margin: 30px 8px 0; box-shadow: 0 0 10px rgba(47,56,111,.2);}
	.twList .box .txt{ padding: 15px 10px;}
	.twList .box .txt span{ font-size: 16px;}
	.twList .box .txt p{ height: 40px; line-height: 20px; font-size: 12px;}
	#player{ width: 80% !important; height: 40% !important; margin: 20% 0 0 10% !important;}
.prenext-news{ padding:10px;}
	.prenext-news p{ padding-top:5px;}
	.prenext-news a{ font-size:14px;}
	
	.wtPart .list{ width: 100%;}
	.wtPart .list .item .hd{ font-size: 16px; padding: 15px 10px 10px;}
	.wtPart .list .item .hd:after{ width: 30px; height: 30px; top: 12px;}
	.wtPart .list .item .bd{ padding: 0 10px;}
	.wtPart .list .item .bd p{ font-size: 14px;}
	
}

/*xin*/
.xiangqing{ text-align:center;}
.pat-more{ display:inline-block; margin-right:15px;}
.business-tit {
    font-size: 24px;
    color: #fff;
    font-weight: bold;
    margin: 20px 0 10px;
	text-align:center;
}
.business-text{
    font-size: 16px;
    color: #fff;
    line-height: 2;
}
.pattern-box table{width:100%;border-collapse:collapse;text-align:center;color:#666;font-size:16px;border-top-color:transparent}
.pattern-box table td,table th{border:1px solid #88d4ef;text-align:center;vertical-align:middle}
.pattern-box table .table-color{color:#f07f00;font-size:20px}
.pattern-box table tr td{padding:10px}
.pattern-box table tr th:nth-child(1){background:#daf5ff;color:#2c3441;font-size:18px;padding:10px 0;line-height:1.4}
.pattern-box table tr:nth-child(1) th{border-color:transparent;border-radius:4px;color:#fff;font-size:26px;border-bottom-color:#88d4ef;background:0 0}
.pattern-box table tr:nth-child(1) th:nth-child(3),.pattern-box table tr:nth-child(1) th:nth-child(4),.pattern-box table tr:nth-child(1) th:nth-child(5),.pattern-box table tr:nth-child(1) th:nth-child(6){width:187px;height:72px;font-weight:500}
.pattern-box table tr:nth-child(1) th:nth-child(3){background:#bbb}
.pattern-box table tr:nth-child(1) th:nth-child(4){background:#dcba7f}
.pattern-box table tr:nth-child(1) th:nth-child(5){background:#ff872e}
.pattern-box table tr:nth-child(1) th:nth-child(6){background:#3c3c70}
/*客户*/
.customer-feed{background:#ecf4f9;padding:60px 0}
.cus-feed-list{display:flex;flex-wrap:wrap;justify-content:flex-start;margin-top:50px}
.cus-feed-list li{width:19%;background:#fff;box-shadow:0 5px 5px 0 rgb(150 150 150 / 14%);border-radius:2px;overflow:hidden;margin-bottom:60px;margin-right:1.2%}
.cus-feed-list li:nth-child(5n){margin-right:0}
.cus-feed-list li>div{position:relative}
.cus-lay{position:absolute;top:0;left:0;width:100%;height:100%}
.cus-feed-list li h6{font-size:14px;color:#333;text-align:center;padding:10px 0;transition:all .2s ease-in-out;line-height:1.2}
.cus-feed-list li img{width:100%;display:block}
.cus-feed-list li:hover h6{background:#f07f00;color:#fff}
.cus-lay{background:rgba(0,0,0,.4);text-align:center;color:#fff;opacity:0;transition:all .3s ease-in-out}
.cus-lay p{margin:8% 0 8%;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;line-height:1.4;padding:0 10px;height:42px;font-family: PingFangSC;}
.cus-lay .v-share-play{display:inline-block;width:50px;height:50px;text-align:center;line-height:50px;border:2px solid #fff;border-radius:50%;font-size:18px;cursor:pointer}
.cus-lay .v-share-play i{position:relative;top:-2px;left:1px}
.cus-feed-list li:hover .cus-lay{opacity:1}
.cus-feed-more{background:#f07f00;display:block;width:160px;text-align:center;color:#fff;font-size:14px;margin:0 auto;padding:16px 0;border-radius:6px}
.cus-feed-more:hover{background:#f19224}
.customer-feed-banner{position:relative}
.customer-feed-banner .container1{position:absolute;left:50%;top:50%;padding:0 50px;transform:translate(-50%,-50%);color:#fff}
.customer-feed-banner .container1 h1{font-size:50px}
.customer-feed-banner .container1 p{font-size:20px;margin-top:20px;opacity:.8;font-weight:100}
/*总部*/
.layout-box1{display:flex;justify-content:space-between;align-items:center;background: url(../images/../images/contactmapc_1.jpg) no-repeat center;background-size: cover; width: 100%;
    padding: 6%;}

.layout-box-l1{ width: 45%;}
.layout-box-l-t1{ font-size: 32px; color: rgba(255,255,255,1);}
.layout-box-l-comp1{ font-size: 22px; font-weight: 400; color: rgba(255,255,255,1); margin: 20px 0 18px;}
.layout-box-l-online1{ width: 30px; height: 5px; background: rgba(22,163,254,1); border-radius: 3px; margin-bottom: 30px;}
.layout-c-t1{ font-size: 22px; font-weight: 500; color: rgba(22,163,254,1); margin: 20px 0;}
.layout-c-txt1{ display: flex; align-items: center;}
.layout-c-txt1 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-txt1 a,.layout-c-txt1 span:last-child{ font-size: 18px; font-weight: 400; color: rgba(255,255,255,1);}
.layout-box-r1{ width: auto; max-height: 55%;}
.layout-box-r1 img{ max-width: 100%; max-height: 100%;}
.layout-c-txt1 {
    display: flex;
    align-items: center;
    margin-top: 30px;
}
.cus-feed-tit,.cus-feed-txt{ display:none;}

/*每日*/
/*客户*/
.customer-feed1{background:#fff;padding:60px 0}
.cus-feed-list1{display:flex;flex-wrap:wrap;justify-content:flex-start;margin-top:50px}
.cus-feed-list1 li{width:19%;background:#fff;box-shadow:0 5px 5px 0 rgb(150 150 150 / 14%);border-radius:2px;overflow:hidden;margin-bottom:60px;margin-right:1.2%}
.cus-feed-list1 li:nth-child(5n){margin-right:0}
.cus-feed-list1 li>div{position:relative}
.cus-lay{position:absolute;top:0;left:0;width:100%;height:100%}
.cus-feed-list1 li h6{font-size:14px;color:#333;text-align:center;padding:10px 0;transition:all .2s ease-in-out;line-height:1.2}
.cus-feed-list1 li img{width:100%;display:block}
.cus-feed-list1 li:hover h6{background:#f07f00;color:#fff}
.cus-lay1{background:rgba(0,0,0,.4);text-align:center;color:#fff;opacity:0;transition:all .3s ease-in-out}
.cus-lay1 p{margin:8% 0 8%;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;line-height:1.4;padding:0 10px;height:42px;font-family: PingFangSC;}
.cus-lay1 .v-share-play{display:inline-block;width:50px;height:50px;text-align:center;line-height:50px;border:2px solid #fff;border-radius:50%;font-size:18px;cursor:pointer}
.cus-lay1 .v-share-play i{position:relative;top:-2px;left:1px}
.cus-feed-list1 li:hover .cus-lay{opacity:1}
.cus-feed-mor1e{background:#f07f00;display:block;width:160px;text-align:center;color:#fff;font-size:14px;margin:0 auto;padding:16px 0;border-radius:6px}
.cus-feed-more1:hover{background:#f19224}
.customer-feed-banner1{position:relative}
.customer-feed-banner1 .container1{position:absolute;left:50%;top:50%;padding:0 50px;transform:translate(-50%,-50%);color:#fff}
.customer-feed-banner1 .container1 h1{font-size:50px}
.customer-feed-banner1 .container1 p{font-size:20px;margin-top:20px;opacity:.8;font-weight:100}
.cus-feed-tit1,.cus-feed-txt1{ display:none;}

/*视频*/
.page-customer-feed .container1{background:#fff;position:relative;top:0px;z-index:1;border-radius:2px;}
.page-customer-feed .container1>h6{font-size: 14px; min-width:86px; text-align:center;color:#fff;padding: 1rem;background:#0081e6;border-radius:4px;float:left;margin-right:10px; }
.page-cus-feed-list li>h6,.page-cus-feed-list li>p{text-align:left}
.page-cus-feed-list{margin-top:0; clear:both; background:#fff;}
.page-cus-feed-list li{margin-top:46px;width:23%;margin-bottom:0;margin-right:2.5%}
.page-cus-feed-list li:nth-child(5n){margin-right:2.5%}
.page-cus-feed-list li:nth-child(4n){margin-right:0}
.page-cus-feed-list li>h6{font-size:15px;padding:14px 8%}
.page-cus-feed-list li:hover h6{background:#fff;color:#333}
.page-cus-feed-list li>p{color:#b5b5b5;padding:0 8% 14px;line-height: 1.4;}
.page-cus-feed-list .cus-lay .v-share-play{margin-top:68px}
.sousou{ float:right; width:300px;}
.kuang{ border:1px solid #ccc; height:35px; line-height:35px; float:left; width:200px;}
.tijiao{ float:left; height:35px; line-height:35px; width:45px; margin-left:10px; }


@media (max-width:767px) {
	.container2 {
    width: 100%;
    padding: 0 .47rem;
    margin: 0 auto;
}
	.business{ margin-bottom:10px;}
	.pat-more{ margin-top:20px;} 
	.business-text{ font-size:14px; line-height:1.5;}
.pattern-box table{width:100%;border-collapse:collapse;text-align:center;color:#666;font-size:12px;border-top-color:transparent;word-break:break-word}
.pattern-box table td,table th{border:1px solid #88d4ef;text-align:center;vertical-align:middle}
.pattern-box table .table-color{color:#f07f00;font-size:16px}
.pattern-box table tr td{padding:10px;line-height:1.5}
.pattern-box table tr th:nth-child(1){background:#daf5ff;color:#2c3441;font-size:16px;padding:10px 6px;line-height:1.4;width:16px}
.pattern-box table tr:nth-child(1) th{border-color:transparent;border-radius:4px;color:#fff;font-size:14px;border-bottom-color:#88d4ef;background:0 0}
.pattern-box table tr:nth-child(1) th:nth-child(3),.pattern-box table tr:nth-child(1) th:nth-child(4),.pattern-box table tr:nth-child(1) th:nth-child(5),.pattern-box table tr:nth-child(1) th:nth-child(6){width:62px;height:40px;font-weight:500;padding:0 10px}
.pattern-box table tr:nth-child(1) th:nth-child(3){background:#bbb}
.pattern-box table tr:nth-child(1) th:nth-child(4){background:#dcba7f}
.pattern-box table tr:nth-child(1) th:nth-child(5){background:#ff872e}
.pattern-box table tr:nth-child(1) th:nth-child(6){background:#3c3c70}
/*客户*/
.v-share-list li>p img{width:100%}
.cus-feed-list{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:50px}
.cus-feed-list li{width:47%;background:#fff;box-shadow:0 5px 5px 0 rgb(150 150 150 / 14%);border-radius:2px;overflow:hidden;margin-bottom:20px}
.cus-feed-list li>div{position:relative}
.cus-lay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.4);text-align:center;color:#fff;display:flex;align-items:center;justify-content:center}
.cus-lay .v-share-play{display:inline-block;width:2.3rem;height:2.3rem;text-align:center;line-height:.6rem;border:2px solid #fff;border-radius:50%;font-size:.18rem;cursor:pointer}
.cus-lay .v-share-play i{position:relative;top:0.5rem;left:1px}
.cus-feed-tit{font-size:.24rem;font-weight:600;padding:10px;color:rgba(25,64,176,1);line-height:1.4}
.cus-feed-txt{color:#666;padding:0 10px 10px;font-size:.12rem;line-height:1.2}
.cus-feed-more{background:#f07f00;display:block;width:3rem;text-align:center;color:#fff;font-size:.14rem;margin:0 auto;padding:16px 0;border-radius:6px;margin-bottom:.5rem}
.cus-feed-banner{text-align:center}
.cus-feed-banner>.container2 p:nth-child(2):before{display:none}
.cus-feed-banner>.container2 p:nth-child(2){padding-left:0}
.cus-feed-page-menu{box-shadow:0 5px 5px 0 rgb(150 150 150 / 14%)}
.cus-feed-page-menu p{display:inline-block;font-size:.36rem;color:#0081e6;padding:.4rem 0 .2rem;border-bottom:4px solid #0081e6}
.cus-feed-page{padding-bottom:.2rem}
.business{text-align:center;margin-bottom:20px}
.business-tit{font-size:18px;color:#fff;margin:20px 0 10px}
.business-text{font-size:16px;color:#fff;line-height:2}
.a-layout-box{background:url(../images/contactmapc_1.jpg) no-repeat right center;background-size:cover}
.a-layout-c-txt a{color:#fff}
.layout-box{display:flex;justify-content:space-between;align-items:center;background:url(../images/contactmapc_1.jpg) no-repeat center;background-size:cover}
.layout-box-l{width:100%;padding:6%}
.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;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;margin-top:30px}
.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-c-txt span:last-child{width:calc(100% - 38px);line-height: 1.3;}
.cus-feed-more{background:#f07f00;display:block;width:10rem;text-align:center;color:#fff;font-size:.14rem;margin:0 auto;padding:16px 0;border-radius:6px;margin-bottom:.5rem}
.cus-lay p{display: none;}
.cus-feed-tit,.cus-feed-txt{ display:block;}

/*每日*/
.v-share-list1 li>p img{width:100%}
.cus-feed-list1{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:50px}
.cus-feed-list1 li{width:47%;background:#fff;box-shadow:0 5px 5px 0 rgb(150 150 150 / 14%);border-radius:2px;overflow:hidden;margin-bottom:20px}
.cus-feed-list1 li>div{position:relative}
.cus-lay1{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.4);text-align:center;color:#fff;display:flex;align-items:center;justify-content:center}
.cus-lay1 .v-share-play{display:inline-block;width:1.8rem;height:1.8rem;text-align:center;line-height:.6rem;border:2px solid #fff;border-radius:50%;font-size:.18rem;cursor:pointer}
.cus-lay1 .v-share-play i{position:relative;top:0;left:1px}
.cus-feed-tit1{font-size:.24rem;font-weight:600;padding:10px;color:rgba(25,64,176,1);line-height:1.4}
.cus-feed-txt1{color:#666;padding:0 10px 10px;font-size:.12rem;line-height:1.2}
.cus-feed-more1{background:#f07f00;display:block;width:3rem;text-align:center;color:#fff;font-size:.14rem;margin:0 auto;padding:16px 0;border-radius:6px;margin-bottom:.5rem}
.cus-feed-banner1{text-align:center}
.cus-feed-banner1>.container2 p:nth-child(2):before{display:none}
.cus-feed-banner1>.container2 p:nth-child(2){padding-left:0}
.cus-feed-page-menu1{box-shadow:0 5px 5px 0 rgb(150 150 150 / 14%)}
.cus-feed-page-menu1 p{display:inline-block;font-size:.36rem;color:#0081e6;padding:.4rem 0 .2rem;border-bottom:4px solid #0081e6}
.cus-feed-page1{padding-bottom:.2rem}
.business1{text-align:center;margin-bottom:20px}
.business-tit1{font-size:18px;color:#fff;margin:20px 0 10px}
.business-text1{font-size:16px;color:#fff;line-height:2}
.a-layout-box1{background:url(../images/contactmapc_1.jpg) no-repeat right center;background-size:cover}
.a-layout-c-txt1 a{color:#fff}
.cus-feed-more1{background:#f07f00;display:block;width:10rem;text-align:center;color:#fff;font-size:.14rem;margin:0 auto;padding:16px 0;border-radius:6px;margin-bottom:.5rem}
.cus-lay1 p{display: none;}
.cus-feed-tit1,.cus-feed-txt1{ display:block;}
.kuang{ height: 3rem;
    line-height: 3rem;}
.sousou{ clear:both; float:left; margin-top:1rem;}
.tijiao{ width:4rem; height:3rem; line-height:3rem; margin-left:0;}
.page-customer-feed .container1>h6{ margin-bottom:1rem;}
	}

@media (max-width: 540px){
.cus-feed-list {
    margin-top: 20px;
}
}