@charset "utf-8";
/*全局*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,hgroup,footer,header,main,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;vertical-align:baseline;outline-style:none;}
article,aside,canvas,details,embed,figure,figcaption,hgroup,footer,header,main,menu,nav,output,ruby,section,summary{display:block;}
/*html {font-size: 62.5%; 10 ÷ 16 × 100% = 62.5%}*/
body{line-height:1.8;font-family:PingFangSC-Thin,"微软雅黑",Verdana,Sans-serif;color:#333;} 
a,a:link{outline-style:none;color:#333;text-decoration:none;}
a.btn-org,a.btn-org:link{color:#fff;}
a { color: #333;  text-decoration: underline;}
a:active,a:hover{outline-style:none;color:#666;text-decoration:none;}
a:focus{color:#333} 
input{outline-style:none;margin:0;padding:0;}
ol,ul,dl,dt{list-style:none;padding:0;border:0;font-weight: normal;font-style: normal;}
caption,th,td{font-weight:400;vertical-align:middle;}
q,blockquote{quotes:none;}
q:before,q:after,blockquote:before,blockquote:after{content:"";content:none;}
a,img{border:none;outline-style:none;}
.clear,.clearfix{clear:both;} 
:focus{outline-style:none;}
a,label{outline-style:none;}
a{outline-style:none;text-decoration:none;cursor:pointer;}
.pointer{cursor:pointer;}.cursor-def{cursor:default;}.cursor-move{cursor:move;}
button,button:hover,button:active,button:focus{outline-style:none;}
.fb{font-weight:700;} 
.btn,.btn:focus{outline-style:none;}
.text-left {text-align: left;}
.text-right { text-align: right;}
.text-center {text-align: center;}
.tc{text-align:center;margin:0 auto;}
.clearfix:before,
.clearfix:after{  display: table; content: " ";}
.clearfix:after{clear: both;}
.pull-right {float: right }
.pull-left {float: left}

.inline-block{display:inline-block;} 
.table-cell{display:table-cell}
.valign-m{vertical-align:middle;}
.textover{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.textover-r{white-space:normal;word-break:break-all;word-wrap:break-word;overflow:auto;}
/*输入框*/
::-moz-placeholder {color: rgb(150,150,150);opacity: 1;font-size:0.875rem;}
:-ms-input-placeholder { color:rgb(150,150,150);font-size:0.875rem;}
::-webkit-input-placeholder { color: rgb(150,150,150);font-size:0.875rem;}
.container-fluid{margin-right: auto;margin-left: auto;padding-left:0;padding-right:0;}/* max-width: 1200px;*/
ul,li{padding:0;margin:0}

/*分页*/
.page {   margin: 0 auto;    text-align: center;}
.page .pagination { border-radius:0;display: inline-block;margin: 0 0 1.5625rem;padding-left: 0;}
.pagination > li > a, .pagination > li > span {margin-left:0.625rem;color: #333;font-size:0.75rem;}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {z-index: 2;color: #666;background-color: #eee;border-color: #ddd;}  

.mleft20{margin-left:1.25rem;}
.f14{font-size:0.875rem;}
.f16{font-size:1.0rem;}
.f20{font-size:1.25rem;}
.f30{font-size:1.875rem;}
.cw{color:#fff;}

/*.btn-tgreen { font-size:0.875rem; color:#fff; background:#19B441; height:2.25rem;outline-style:none; }
.btn-tgreen:hover{ background:#19B441;  color:#fff; opacity:0.8}
.btn-tgreen:focus{ opacity:0.8 }
.btn.w100p{ width: 100%; }
.btn.w240{ width: 15.0rem; }
.btn_f{background:#fff;color:#0B3070;border:1px solid #fff;}
.btn_b{background:#0B3070;color:#fff;border:1px solid #0B3070;}
.bdr6{border-radius: 0.375rem;}
.w100{width:6.25rem;}
.btn_h44{height:2.75rem;line-height:2.75rem;text-align:center;}
.btn_100{width:6.25rem;}
*/
.gay-btn{text-align:center;}
.btn,.btn:focus{outline-style:none;cursor:pointer}
.btn-blue49 { border: 0;font-size:16px; color:#fff; background:#497CFD; height:40px;outline-style:none; }
.btn-blue49:hover{ background:#497CFD;  color:#fff; opacity:0.8}
.btn-blue49:focus{ opacity:0.8 }

.blue3,a.blue3,a.blue3:link{color:#497CFD}
.w200{width:200px;}
.w250{width:250px;}
.w116{min-width:116px;}
.w80{min-width:80px;}
.btn-blue3{ background:#497CFD }
.section{background-color:#fff;}
.btn-normal{border-radius:4px;padding-left:30px;padding-right:30px;text-align:center;height:50px;line-height:50px;border: 0;color:#fff;}
.btn-bd{border:1px solid #e5e5e5; background:#fff;color:#333;}
.btn-normal.w80{padding-left:16px;padding-right:16px;height:30px;line-height:30px;}
.btn-normal.w116{padding-left:26px;padding-right:26px;height:40px;line-height:40px;}
.btn-default{background:transparent;padding-left:18px;padding-right:18px;font-size:14px;line-height:34px;height:34px;border-radius:4px;color:#fff;border:1px solid #fff;}
.btn-default:hover{background:transparent;opacity:0.8;color:#fff;}
.i-icon {display: inline-block;overflow: hidden;vertical-align:middle;background-size:cover;background-repeat:no-repeat;background-position:center center;  }
.phone-icon{background: url("../img/phone-icon.png");width:46px;height:40px;}
.logo{background-image:url("../img/logo.png");width:52px;height:60px;}
.banner{background-image:url("../img/banner.png");width:1920px;height:400px;}/*600px 2021/8/31*/
.banner-img{background-image:url("../img/banner-img.png");width:239px;height:57px;}/*
.sec0{background-image:url("../img/index.png");width:866px;height:493px;}*/
.sec2{background-image:url("../img/sec1.png");width:916px;height:455px;}
.bg1{background-image:url("../img/bg1.png");height:800px;}/*width:1920px;*/
.bg2{background-image:url("../img/bg2.png");height:730px;background-position:right bottom;}/*width:1920px;*/
.bg3{background-image:url("../img/bg3.png");height:300px;}/*width:1920px;*/
.arrow{background-image:url("../img/arrow.png");width:43px;height:10px;}
.icon-menu{background-image:url("../img/menu.png");width:24px;height:21px;}
.drr{background-image:url("../img/drr.png");width:10px;height:13px;}

.section-btn{margin:60px auto;text-align:center;}
.section-btn .btn-normal.btn-bd{color:#333;border:1px solid #e5e5e5; padding-left:100px;padding-right:100px;}
  
/*nav*/
.navbar-fixed-top, .navbar-fixed-bottom{z-index:999;}
.zay-header a:link{color:#fff;font-size:1rem;cursor:pointer;}
.zay-header a:active,.zz-header a:hover{opacity:0.8}
.navbar-default .navbar-nav > li > a{color:#fff;cursor:pointer;display: inline-block;}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {color: #dee0e7;}
.navbar-nav .on{display:inline-block;height:80px;line-height:80px;border-bottom: 4px solid #fff;}
/*
.navbar-nav .on:after{position:absolute;width:100%;;height:4px;background:#fff;top:96px;bottom:0;content:"";position:absolute;z-index:0;}*/
/*nav*/
.navbar-fixed-top{border:0;}
.navbar{margin-bottom:0;height:80px;line-height:80px;}
.navbar-header{margin-top:10px;}
.navbar-default{background:rgba(0,0,0,0.3);}
.navbar-brand{padding:0} 
.nav > li > a{padding: 10px 0px; }
.nav > li{margin: 0 15px;}
.nav > li:first-child{margin-left:30px;}
.fullpage-wrapper{height: 100%;position: relative;}

.ml16{margin-left:16px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}


/*动画*/
.animated {animation-duration: 1s; animation-fill-mode: both;}
.animated.infinite { animation-iteration-count: infinite;}  
 
@keyframes fadeInLightUp{from{opacity:.5;transform:translate3d(0, -50px, 0)}to{opacity:1;transform:none}}
.fadeInLightUp{animation-name:fadeInLightUp;animation-duration:1.2s}

 @keyframes fadeInLight{from{opacity:.5;transform:translate3d(0, -20px, 0)}to{opacity:1;transform:none}}
 .fadeInLight{animation-name:fadeInLight;animation-duration:1.2s}
 
 @keyframes floatDown{from{transform:translate3d(0, 0, 0)}50%{transform:translate3d(0, -15px, 0)}to{transform:translate3d(0, 0, 0)}}
 .floatDown{animation-name:floatDown;animation-duration:3s;animation-timing-function:ease-in-out}
  
 @keyframes floatUp{from{transform:translate3d(0, 0, 0)}50%{transform:translate3d(0, 10px, 0)}to{transform:translate3d(0, 0, 0)}}
 .floatUp{animation-name:floatUp;animation-duration:2s;animation-timing-function:ease-in-out}
 
 @keyframes slideInRight{from{transform:translate3d(100%, 0, 0);visibility:visible}to{transform:translate3d(0, 0, 0)}}
 .slideInRight{animation-name:slideInRight}
 

.section-inner{max-width:1200px;margin:0 auto;text-align:center;}/*max-width:1200px;*/
.web-name{margin-left:16px;font-size:40px;color:#fff;}
.banner-txt{font-size:70px;color:#fff;text-align:left;margin-top:16px;line-height:1;}
.section1 .section-blk{padding-left:134px;padding-top:180px;}
.section1 .btn-normal{margin-top:40px;}
/* section */
.section{width:100%;text-align:center;background-repeat:no-repeat;background-position:center top;background-size:cover;position:relative;z-index:99; overflow: hidden;}/*height: 100vh;*/
.section1{background-image:url("../img/banner.png?ver=1.0.0");}
.section1.banner{height:800px;}
.banner-1{background-image:url("../img/banner-1.png");}
.section.banner-1{height:400px;}
.banner-2{background-image:url("../img/banner-2.png");}
.section.banner-2,.section.banner-3{height:460px;}
.banner-3{background-image:url("../img/banner-3.png");}
.section.banner-4{height:400px;}
.banner-4{background-image:url("../img/banner-4.png");}
 
.safe-blk-m{display:none;}
/*.section2{background-image:url("../img/banner-2.png");}*/
.section2 .t-mobile-blk{display:none;}
.section2 H2{padding-top:90px;color:#333;font-size:50px;}
.section2 .pic{margin-top:70px;margin-bottom:35px;}
.section2 p{color:#999;font-size:14px;}
.section2 .btn-row{margin-top:20px;margin-bottom:76px;font-size:0;}

.section0.bg0{background:#F6F8FD}/*.section3,*/

.section3 H2{padding-top:80px;padding-bottom:80px;color:#333;font-size:50px;}
.section3 img{width:285px;height:220px;}
.section3 .blk{position:relative;width:285px;height:220px;margin-bottom:80px;}
.section3 p{position:absolute;bottom:0;left:0;right:0;height:44px;color:#fff;font-size:16px;line-height:44px;width:285px;background:rgba(0,0,0,1);}
.section3 .t-1,.section3 .t-2{font-size:18px;color:#333;text-align:left;line-height:1.7}
.section3 .t-2{margin-top:40px;margin-bottom:46px;}

.section4{background-image:url("../img/sec4.png");height:800px;}
.section4 H2{padding-top:130px;padding-bottom:100px;color:#333;font-size:50px;}
.section4 .blk{position:relative;height:340px;/*height:380px width:285px;*/width:100%;padding-bottom:20px;background:rgba(255,255,255,1);border:1px solid rgba(229,229,229,1);}
.section4 .blk img{width:100%;height:182px;}
.section4 .blk p{padding:20px;position:relative;color:#333;font-size:16px;text-align:left;font-weight:500;}
.section4 .blk p:after{content:"";position:absolute;background:#497CFD ;border-bottom:2px solid #497CFD;width:20px;height:2px;margin-top:6px;left:20px;top:46px;right:0;z-index:0;}
.section4 .blk .txt{padding:0 20px;color:#333;font-size:12px;text-align:left;}
.section4 .btn-row{position:absolute;bottom:20px;margin-top:16px;text-align:right;right:20px}

.section5{background: #F6F8FD; }/*padding-bottom:112px;2021/9/2*/
.section5 h2{padding-top:90px;padding-bottom:26px;color:#333;font-size:50px;}
.section5 .title p{padding-bottom:127px;color:#333;font-size:16px;}
.section5 .blk {width:180px;padding-bottom:50px;margin: 0 auto;text-align: center;}
.section5 .blk img{width:180px;height:180px;text-align:center;}
.section5 .blk p{color:#333;font-size:16px;}

.section5 .num-nav{position:relative;display:none;}
.section5 .num-nav:after{width:100%;height:2px;top:20px;content:"";position:absolute;right:0;z-index:-1; border-bottom:2px solid rgba(141,108,159,1);}
.section5 .num-nav-inner {width:1170px;margin:0 auto;text-align:center;}
.section5 .num-nav-inner span{border-radius:50%;font-size:15px;text-align:center;display:inline-block;color:#8D6C9F;width:44px;height:44px;line-height:38px;background:#F6F8FD;border:3px solid rgba(141,108,159,1);}

.section5 .num-nav .btn-row{clear:both;padding-top:50px;}


.section6 {padding-bottom:90px;}
.section6 h2{padding-top:80px;padding-bottom:30px;color:#333;font-size:50px;}
.section6 .title p{width:690px;margin: 0 auto;text-align:center;color:#333;font-size:16px;}
.section6 .title p.txt2{text-align:right;padding-bottom:96px;color:#333;font-size:16px;}
.section6 .txt{color:#333;font-size:16px;}
.section6 .blk p{color:#333;font-size:16px;}
.section6 .btm-txt{margin: 0 auto;text-align:center;color:#333;font-size:14px;padding-top:36px;width:420px;}
.section6 .btn-row{clear:both;padding-top:90px;}


.section7{padding-bottom:120px;}
.section7 .content{width:962px;}
.section7 h2{padding-top:80px;padding-bottom:22px;color:#fff;font-size:50px;}
.section7 .title p{color:#fff;font-size:16px;margin-top:10px;text-align:center;margin: 0 auto;}
.section7 .title {padding-bottom:30px;}
.section7 .blk p.txt1{width:480px;margin: 0 auto;margin-top:90px;text-align:left;color:#fff;font-size:16px;}
.section7 .blk p.txt2{text-align:right;padding-top:30px;color:#fff;font-size:16px;}
.section7 .btn-row{clear:both;padding-top:30px;text-align:right;}
.section7 .btn-row .btn-normal.w116{background:transparent;padding-left:26px;padding-right:26px;height:40px;line-height:40px;color:#fff;border:1px solid rgba(255,255,255,1);}


.section8{padding-bottom:185px;}
.section8  h2{padding-top:100px;padding-bottom:50px;color:#333;font-size:50px;}
.section8 .blk {width:300px;margin: 0 auto;}
.section8 .p-blk{width:300px;height:190px;position:relative;}
.section8 .blk .txt{position:absolute;top:50%;left:50%;width: 300px;margin-left:-150px;margin-top:-20px;color:#fff;font-size:26px;z-index:6;text-align:center;}
.section8 .blk p{color:#333;font-size:16px;text-align:left;margin-top:10px;line-height:1.7;padding-bottom:30px;}
.section8 .btn-row{clear:both;text-align: left;}

.section9,.section9 li,.section9 a,.section9 a:link{color:#fff;}
.section9 li{text-align:left;}
.section9 li.t{font-weight:bold;font-size:16px;}
.section9 .row{padding-top:80px;}/*display:flex;align-items:center;*/
.section9 .row .row{padding-top:0px}/*20px*/
.section9 .logo-blk h2{margin-top:8px;font-size:30px;color:#fff;}
.section9 .logo-blk p{margin-top:16px;font-size:14px;color:#fff;}

.section9 .phone-p{text-align:center;}
.section9 .phone-p p{margin-top:20px;font-size:18px;color:#fff;}
.section9 .ft{padding-top:30px;}

/*line*/
.section_nav .line{margin-left:6px;margin-right:6px;width:14px;height:1px;background:rgba(216,216,216,1);}
.section_nav .section-inner{padding-top:30px;text-align:left;}
.section_nav .n-1{margin-left:6px;}
.section_nav .section-inner a,.section_nav .section-inner a:Link{color:#333}
.section_nav .section-inner a.blue3,.section_nav .section-inner a.blue3:Link{color:#497CFD}

.section10 .title h2{padding-top:30px;padding-bottom:50px;color:#333;font-size:40px;}
.section10 .sub-title{clear:both;font-size:18px;color:#333;width:1000px;margin:0 auto 20px;position:relative;text-align:left;padding-left: 14px;}
.section10 .sub-title:after{position:absolute;width:6px;border-left:6px solid #497cfd;background:#497CFD;top:0px;bottom:0;left:0;content:"";position:absolute;z-index:0;}
.section10 .s-box{width:1000px;min-height:220px;background:#F6F8FD;margin:0 auto 50px;text-align:center;clear:both;}
.section10 .s-p{margin:0;padding:0;font-size:0;}
.section10 .s-left{width:300px;}
.section10 .s-right .s-list{text-align:justify;margin-left:40px;max-width:630px;padding-top:30px;}
.section10 .s-right .s-list li{max-width:630px;text-align:left;}
.section10 .s-box2{text-align:center;}
.section10 .s-content{padding:24px;font-size:14px;color:#333;text-align:center;}
.section10 .s-content p{padding-bottom:20px;text-align:left;}
.section10 .s-content .p2{padding-top:40px;}
.section10 .s-content .t-sub{padding-top:40px;padding-bottom:50px;text-align:center;}
.section10 .sage-m,.section11 .sage-m,.section12 .sage-m{display:none;}

.safe-blk{position:relative;z-index:1;top:192px;text-align:left;width:780px;height:148px;padding:40px;}
.safe-blk h2{font-size:30px;font-family:PingFangSC;font-weight:400;color:rgba(255,255,255,1);line-height:30px;}
.safe-blk p{font-size:18px;margin-top:10px;font-family:PingFangSC;font-weight:400;color:rgba(255,255,255,1);line-height:1.6;}
.safe-mask{position:absolute;top:192px;width:780px;height:148px;background:rgba(0,0,0,1);opacity:0.5;}

.shuangkong-page .safe-mask{height:176px;}

.section11 .r1,.section11 .r2{margin-bottom:30px;}
.section10.section11 .s-box{height:400px;}
.section10.section11 .s-right .s-list{max-width:650px;text-align:justify;padding-top:24px;margin-left: 24px;}
.section10.section11 .s-box2{height:256px;}
.section10.section11 .s-box3{height:auto;}
.section10.section11 .s-box4{height:395px;}
 

.section10.section11 .s-p2{padding-bottom:40px}
.section10.section11 .t-2{font-size:14px;color:#333; margin-top:10px;}
.section10.section11 .gay-nums{clear:both}
.section10.section11 .gay-nums li{float:left;text-align:center;text-align:center;line-height:1;}
.section10.section11 .gay-nums.n3 li{width:33%;}
.section10.section11 .gay-nums.n5 {margin-left:110px;margin-right:110px;}
.section10.section11 .gay-nums.n5 li{width:20%;}

.section10.section11 .s-yinghuan .y-pro{margin:30px auto 60px;display:table;}
.section10.section11 .s-yinghuan .y-pro li{display:table-cell;vertical-align: middle;}
.section10.section11 .y-p1{padding-top:8px;width:110px;height:60px;color:#fff;font-size:14px;background:rgba(73,124,253,1);border-radius:8px;text-align:center;}


.s-jiemian img{margin-right:10px;}

 
.section12 .title h2{padding-top:30px;padding-bottom:50px;color:#333;font-size:40px;}
.section12 .title .t-2{width:740px; text-align: center;margin: 0 auto;font-size:14px;color:#333; margin-top:10px;margin-bottom:50px;line-height:1.8}
.section12  .yj-blk{margin-left:64px;margin-bottom:40px;text-align:left;}
.section12  .yj-blk h3{color:#333;font-size:16px;font-weight:bold;}
.section12  .yj-blk p{color:#333;font-size:14px;margin-top:6px;}
.section12  .yj-blk .y-rt{padding-left:20px;}
.section12 .s-p2{margin-bottom:70px;}

.section12 .yj-blk{display:table}
.section12 .yj-blk .yj-item{display:table-cell;vertical-align:middle;}



/*登录部分*/
.login-page .gay-login-err,.login-page .err-tip{color:red;}
.login-page .login-banner img{width:474px;height:240px;position:absolute;top:224px;left:122px;z-index:2;}

.login-page .login-blk{position:absolute;top:185px;right:50px;background:rgba(255,255,255,.4); width:330px;height:360px;}
.login-page .inner-login{padding:60px 40px;}
.login-page .inner-login .login-hd{font-size:18px;line-height:1;color:#fff;text-align:left;margin-bottom:28px;}
.login-page .inner-login .login-bd{color:#999;font-size:14px;}
.login-page .inner-login .login-bd .gay-ipt{ color: #333;padding-left:20px;width:250px;height:40px;background:rgba(255,255,255,1);border:0;}
.login-page .gay-btn{text-align:center;}
.login-page .gay-login-err{color:red;}
.login-page .login-logo {background: url(../img/logo-login.png) no-repeat center;width: 60px; height: 60px;} 

.login-page .web-name{margin-left:16px;font-size:40px;color:#333;}
.login-page .gay-icon {display: inline-block;overflow: hidden;}
/*header*/
.login-page .gay-header {width:100%;height:90px;line-height:90px;}
.login-page .gay-inner-header {max-width:1200px;text-align:left;margin:0 auto;padding-top:15px}
.login-page .gay-ft {text-align:center;background:#fff;width:100%;height:90px;padding-top:38px;font-size:12px;color:#333;margin:0 auto;}
 /*top*/ 
.login-page .gay-top {background:url(../img/banner-login.png) no-repeat;width:100%;height:720px;background-size: auto;}
.login-page .gay-top .container-fluid {max-width:1200px;}
.login-page .gay-inner-top {width:1200px;margin:0 auto;position:relative;}

/*section0*/
.bg0 {
    background-image: url(../img/bg0.png);
    min-height: 730px;
    background-position: right bottom;
	background-repeat:no-repeat;
}
.section0{margin:0 auto ;padding-bottom:76px;text-align:center;}
.section0 .ttiltle1 {padding:20px;}
.section0 .ttiltle1  img{width:60px;height:60px;border-radius:100%;}
.section0 .ttiltle1  .txt{font-size:18px;}
.section0 .ttiltle1.logow img{width:52px;height:60px;;border-radius:0;}
.section0 .blk{padding-top:40px;position:relative;min-height:440px;margin:20px;border-radius:10px;padding:20px 30px 30px; color: #fff;font-size:14px;background:#5f7ae9}/*rgba(32,69,226,0.7)*/
 
.section0.section2  h2  {padding-bottom: 30px;}
.section0 .tbox1{text-align:left;}
.section0 .tbox2{    position: absolute;
    bottom: 40px;
    left: 50%;
    text-align: center;
    margin-left: -45px;}

.section0 .blk .arr{position:absolute;width:70px;height:80px;
    top: 150px;
    right: -70px;}
.arricon{ background-image: url(../img/arr.png);width:70px;display:inline-block;vertical-align:middle;
    height: 80px;}
/*
.section2.section0 span{display:block}*/
.section2.section0 span{display:block}
.section2.section0 .tbox1 ul li{margin-bottom:0px;}
.section2.section0 .tbox1 ul li  > span{display:inline;color:yellow;}


/*wechat qq*/
.index-contact {
    position: fixed;
    right: 0;
    top: 50%;
    margin-top: -126px;
    z-index: 100;}
.index-contact li .item-blk {
    width: 80px;
    height: 80px;
    text-align: center;
    color: #fff;
    cursor: pointer;
    margin-top: 6px;
    background: #5f7ae9;
    padding: 10px 0;
}
.icon-qq { width: 27px;height: 32px;background: url("../img/icon-qq.png?version=OAVER") no-repeat;}
.icon-phone{width: 32px;height: 32px;background: url("../img/icon-phone.png?version=OAVER") no-repeat;}
.icon-scan{width: 30px;height: 30px;background: url("../img/icon-scan.png?version=OAVER") no-repeat;}
.icon-wechat{width: 32px;height: 32px;background: url("../img/icon-wechat.png?version=OAVER") no-repeat;}

.icon-qq, .icon-phone, .icon-scan,.icon-wechat { display: inline-block;}
.index-contact li .item-blk p{  text-align: center;color: #fff;  font-size: 12px;}


/*2021/8/31*/
.login-blk-rightbox {
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 185px;
    right: 50px;
    background: rgba(255,255,255,.9);
    width: 330px;
    min-height: 360px;
}
.login-blk-rightbox .inner-login{padding:60px 40px;}
.login-blk-rightbox .inner-login .login-hd{font-size:18px;line-height:1; font-weight:600;color: #333333;;text-align:left;margin-bottom:28px;}
.login-blk-rightbox .inner-login .login-bd{color:#999;font-size:14px;}
.login-blk-rightbox .inner-login .login-bd .gay-ipt{ color: #333;padding-left:20px;width:250px;height:40px;background:rgba(0,0,0,.1);border:0;border-radius: 4px;}

 
/* 2021/8/31 .section1 .section-inner{position: relative;}
.section1 .section-blk {padding-left: 30px;}
.section1 .section-blk .banner-txt {font-weight:bold;font-size:46px;line-height:1.4}
.section1 .section-blk .banner-txt .txt1{font-size:20px;line-height:1.4} */

/*.bg3{height: 150px;}*/		
.links{margin-bottom:5px;}
.links a,.links a:link{margin-right:25px;color:#fff;}
.hotline .phone-icon{transform:scale(0.6)}
.banner-img ,.banner-txt{display:none;}
.bg3{height:180px;}
.nav.nav-m{display:none}
.nav.nav-web{display:block}

.section4 .blk{  width:100%; }   
.section3 .blk{  width:100%; height: 100% } 
.section3 img{ width:100%; height:100%}  
.section3 p{ width:100%; overflow: hidden;}
.section4 {min-height:800px;height:auto;}

/*登录适配部分*/
@media (max-width: 767px){
.login-page .gay-top{height:auto;}
.login-page .gay-inner-top{width:100%;;}
.login-page .login-blk{position:relative;top:0;right:auto;margin:0 auto;height:auto;}
.login-page .login-banner img{display:none;}

.section0{
    padding-bottom:20px;}
/*
    font-size: 36px;*/

.section2.section0 .arr{display:none;}
.section2.section0.t-mobile{background:none;}
.bg0{height:auto;}
}

.navbar-nav .btn-default{cursor:pointer;}

/*适配*/
@media(min-width:992px) and (max-width:1024px){

.login-page .gay-top{ background-size: 100%;height:auto;min-height:390px;}
.login-page .gay-inner-top{width:100%;}
.login-page .login-blk{position:absolute;top:20px;right:50px;margin:0 auto;height:auto;}
.login-page .login-banner img{width:237px;height:120px;position:absolute;top:100px;left:122px;z-index:2;}

.section0 .blk{padding-top:40px;position:relative;min-height:440px;margin:0px;border-radius:10px;padding:20px 20px 20px; color: #fff;font-size:14px;background:#5f7ae9}/*rgba(32,69,226,0.7)*/
 
.section0 .blk .arr{position:absolute;top: 150px;width:56px; height: 64px; right: -45px;}
.arricon{ background-image: url(../img/arr.png);display:inline-block;vertical-align:middle;width:56px; height: 64px;background-size:cover;}
 

}

@media(min-width:768px) and (max-width:991px){
.login-page .gay-top{ background-size: 100%;height:auto;min-height:300px;}
.login-page .gay-inner-top{width:100%;}
.login-page .login-blk{position:absolute;top:0px;right:50px;margin:0 auto;height:auto;}
.login-page .inner-login{padding:40px;}
.login-page .login-banner img{width:237px;height:120px;position:absolute;top:100px;left:122px;z-index:2;}
} 


@media (max-width:767px){
.nav.nav-web{display:none;}
.nav.nav-m{display:block}
.banner-img ,.banner-txt{display:block; text-align: center; margin: 0 auto;}
.navbar{height:50px; line-height: 25px;}
.navbar-brand{ height: auto;padding: 0;}
.navbar-toggle{border:0;margin-bottom: 0;padding: 0;font-size: 0;margin-top: 0;cursor:pointer;}
.navbar-header {margin-bottom: 12px;margin-top: 12px;padding-left: 24px;}
.nav > li{float:left;}
.navbar-collapse{border-top:0}
.navbar-nav { background: rgba(0,0,0,0.3);margin:-2px -30px 0;padding-bottom:0px;}
.navbar-nav .on{height: auto;line-height: normal;}
.navbar-nav .on:after{top:50px;}
.navbar-nav > li > a{line-height:40px;}
.nav > li:first-child { margin-left: 20px;}
.nav > li {
    margin: 0 10px;
}
/*.navbar-nav button{display:none;}*/
.btn-default{border: 0;padding:10px 0; line-height: 40px; height: 40px;}
.section-btn {margin:15px auto;}
.product-page .section_nav{display:none;}
.web-name {font-size: 18px;margin-left:8px;}
.logo {width: 24px;height: 26px;}
.banner{height: 403px;padding-bottom:0px;}/* 30 */
.section1 {background-image: url(../img/banner-m.png);}

.section-img-m{    position: absolute;top: 100px;left: 50%;margin-left:-53px;}
.book {background-image: url(../img/book.png);width:106px;height:152px;}
.book-txt {background-image: url(../img/banner-m-1.png);width:166px;height:68px;}

.section-inner{width:100%;min-width: 100%;}
.section1 .section-blk {padding-left: 0;padding-top: 280px;text-align: center;}/*background-size:contain; padding-top: 350px; padding-top: 220px;*/
.section1 .banner-img {width: 155px;height: 37px;}
.section1 .banner-txt {font-size: 36px;text-align: center;margin-top: 10px;}
.section1 .btn-normal{margin-top: 26px;}
.section1 .section-blk{position:relative;z-index:2;}
.section1 .mask{background:transparent;position:absolute;top:0;right:0;left:0;height:auto;width:100%;height:410px;}/*rgba(0,0,0,0.1)*/

.section2 .btn-row {margin-top:16px; margin-bottom:42px;}
.section2 p {clear:both; padding-left: 40px;padding-right: 40px;}
.section2 .t-mobile-blk{clear:both;display:block;margin-bottom:18px;}
.section2 .t-mobile-blk .blk{margin-bottom:18px;text-align: left;}
.section2 .t-mobile-blk h3,.section2 .t-mobile-blk p{text-align: justify;font-size:13px;padding-left:15px;padding-right:15px}
.section2 .t-mobile-blk h3{color:#333;font-weight:bold;}
.section2 .t-mobile-blk p{color:#666;}
.section2 .pic{display:none;}
.section2.t-mobile {background:url("../img/t-mobile.png");width:100%;background-position:top right;}
.section2 span{display:block}

.section2.section0 H2 {padding-top: 50px;font-size: 30px;}
.section2 H2{padding-top: 30px;padding-bottom:20px;font-size: 32px;}/*28*/
.section3 H2{padding-top: 50px;padding-bottom:30px;font-size: 32px;}
.section4 h2{padding-top: 50px;padding-bottom: 40px;font-size: 32px;}
.section5 h2{padding-top: 50px;padding-bottom: 18px;font-size: 32px;}
.section6 h2{padding-top: 50px;padding-bottom: 20px;font-size: 32px;}
.section7 h2{padding-top: 50px;padding-bottom: 28px;font-size: 32px;}
.section8 h2{padding-top: 50px;padding-bottom: 30px;font-size: 32px;}


.section3{padding-bottom: 30px;}
.section3 p{width:100%; bottom: 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.section3 .blk{margin-bottom: 20px;}

.section4{height:auto;padding-bottom:54px;}
.section4 span.g{display:none;}
.section4 span.t{display:block;margin-top:10px;font-size: 28px;}
.section4 .blk{padding-bottom:26px;margin-bottom: 24px;}

.section4 .btn-row {position: relative; bottom: auto;text-align: center;right: auto;}

.section5 .num-nav{display: none;}
.section5{padding-bottom:40px;}
.section3 .blk,.section4 .blk,.section4 .blk img,.section5 .blk img{width:100%;height:100%;}
.section5 .blk{width:auto;padding-bottom:30px;}
.section5 .title p {padding-bottom: 24px;}

.section6 {padding-bottom: 50px;}
.section6 .btm-txt{width:auto;text-align: left;}
.section6 .btn-row { padding-top: 20px;}
.section6 .title p.txt2{padding-top: 30px;  padding-bottom: 30px;    text-align:right;}
.section6 .title p{width:auto;text-align: left;}

.section2 img,.section3 img,.section6  img,.section7  img{width:100%;height: auto;text-align: center;}
.section7 .title p{font-size:14px;}
.section7 .blk p.txt1 {width:auto;margin: 0 auto;margin-top: 20px;font-size: 15px;}
.section7 .btn-row{text-align: center;}
.section7 {padding-bottom: 50px;}

.section8 .btn-row{text-align: center;}
.section8 .blk{padding-bottom:60px;}
.section8{padding-bottom:0;}
.bg1,.bg2,.bg3{width:100%;height:auto;}
.logo-blk,.section9 .col-md-6{display:none;}
.section9 .ft{padding-left:30px;padding-right:30px;}
.section9 .row{padding-top:40px;}
.section9 li{text-align:left;line-height:1.8;padding-left:15px;}
.section9 .phone-p{padding-top:0px;}/*40px*/
.section9 .ft{padding-bottom:30px;}
 
/* 产品中心 */
.section.banner-1{display:none;}
.product-page .container {padding-right:24px; padding-left: 24px;}
.product-page .section3{background: url(../img/banner-1.png) repeat-y center center;}
.product-page .section3 H2 {padding-top: 100px;color: #fff;}
.product-page .section3 .t-1,.product-page  .section3 .t-2{color: #fff;}

/* 安全&双控 */
.safe-page .section.banner-2,.shuangkong-page .section.banner-3,.yiju-page .section.banner-4{ height:260px;}
.safe-page .banner-2{url("../img/banner-2-m.png")}
.safe-page .safe-mask,.safe-page .safe-blk,.shuangkong-page .safe-mask,.shuangkong-page .safe-blk,.yiju-page .safe-blk,.yiju-page .safe-mask,.yiju-page .section12 .title{display:none;}
.safe-page .safe-blk-m,.shuangkong-page .safe-blk-m,.yiju-page .safe-blk-m{width: 100%;text-align: center;margin: 0 auto;height: 260px;display: table;vertical-align: middle;margin-top: 110px;}
.yiju-page .safe-blk-m{margin-top:70px;}
.safe-page .safe-blk-m h2,.yiju-page .safe-blk-m h2{font-size: 36px;color:#fff;}
.shuangkong-page .safe-blk-m h2{font-size: 30px;color:#fff;}
.safe-page .safe-blk-m p,.yiju-page .safe-blk-m p{text-align:left;font-size: 16px;color:#fff;margin-top:12px;padding-left:24px;padding-right:24px;}
.shuangkong-page .safe-blk-m p{text-align:left;font-size: 14px;color:#fff;margin-top:4px;padding-left:24px;padding-right:24px;}
.safe-page .safe-blk-m p{text-align: center;}
.yiju-page .safe-blk-m p{line-height:24px;}

.safe-page .title,.safe-page .section_nav,.shuangkong-page .title,.shuangkong-page .section_nav,.yiju-page .section_nav{display:none;}
.safe-page .section10 .container,.shuangkong-page .section10 .container,.yiju-page .section12 .container{padding-top:30px;padding-right: 24px;padding-left: 24px;}

.section10 .sage-m,.section11 .sage-m,.section12 .sage-m{display:block;}
.section10 .s-box1,.section10 .s-box2,.section11 .s-box1,.section11 .s-box2,.section11 .s-box3,.section11 .s-box4{display:none}
.section10 .sage-m .s-list{margin-top:10px;margin-bottom:40px;font-size:15px;}
.section10 .sage-m  img{width:100%;height:100%;} 
.section10 .sage-m .blk2{font-size:14px;color:#333;line-height:2;}
.section10 .sage-m .blk2 .p2{margin-top:40px;}
.section10 .sub-title{margin-bottom:18px;}
.section10 .sage-m .blk2 .s-p2{margin-top:20px;margin-bottom:30px;}
.shuangkong-page .section10 .sage-m .s-list{ text-align: justify;}
.shuangkong-page .section10.section11 .t-2{margin-bottom:10px;}
.shuangkong-page .section10 .sage-m .s-yinghuan img{width:81px;height:81px;}
.shuangkong-page .s-items{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;align-content:center;}
/*display:flex;flex-direction:row;align-items:flex-start;flex-wrap:wrap; flex-wrap:wrap-reverse;justify-content:space-between;align-content:center;*/
.sage-m-none{display:none;}

/*依据库*/
.yiju-page .banner-4{url("../img/banner-4-m.png")}
.yiju-page .yj-blk{margin-left:0px;margin-bottom:40px;text-align:left;}
.yiju-page .section12 .s-p2{margin-bottom:30px;margin-left:-9px;}

}

@media screen and (orientation:portrait) and (device-width:768px){
.container > .navbar-header{ margin-left: 10px;}
.container > .navbar-collapse{  margin-right: 10px;}
 .navbar-right{   margin-right: -30px;}
/*
.section1 {background-image: url(../img/banner-m.png);}*/
.section1 {background-image: url(../img/banner-pad.png);}
.section0.section2 h2,.section2 H2,.section3 H2,.section4 H2,.section5 h2,.section6 h2{font-size:32px}
.section.section8 .col-xs-12{width:33%;}
.section.section4 .col-xs-12 {width:50%;margin-bottom:20px}
}/*竖屏*/



@media screen and (orientation:landscape) and (min-device-width:500px){


}/*横屏*/