@media screen and (max-width:1660px){
/*新闻列表*/
.news-conent{ width:80%;}
.news-date{ margin-top:40px;}
.news-conent h3{ font-size:38px;}

.news-list{ width:80%; margin:92px auto 0px;}
.list-page{ padding:94px 0px}

/*新闻详情*/
.news-arc{ width:80%; margin:100px auto 0px; padding-bottom:124px;}
.news-arc h1{font-size:36px;}
.arc-item{font-size:16px; margin-top:60px}
.arc-content{ margin-top:32px; padding:40px 40px 70px; line-height:40px; font-size:16px; }
.arc-content img{padding:40px 0px}
.arc-page h3{ font-size:22px; }
.arc-left,.arc-right{width:48%;  margin-top:30px; padding:35px 46px;}
.arc-left span,.arc-right span{ font-size:20px; }
.arc-left a,.arc-right a{font-size:16px; margin-top:6px;}

/*core*/
.core-item{ width:45%; height:auto; padding:6% 0px}
.core-pannel h3{  font-size:44px; margin-top:30px}
.core-info{font-size:20px;  margin-top:30px;}
.core-sel{  margin-top:40px;}
.core-sel a{  padding:16px; font-size:16px;  margin:0px 8px}

/*解决方案*/
.scheme-body{ width:60%;}
.scheme-body h3{ font-size:44px;}

.ident-new{ width:1300px; margin:60px auto 0px; padding-bottom:150px}
.ident-pannel{margin-top:21px;padding:30px 30px 15px;}
.ident-pannel span{font-size:48px;}
.ident-pannel h3{ font-size:22px;padding-bottom:19px;}
.ident-pannel h3:before{ width:28px;}
.ident-pannel p{font-size:15px;line-height:31px; height:93px;margin-top:12px}


/*案例*/
.case-banner,.join-banner,.ident-banner{ background-size:1660px; height:516px}
.case-banner h3,.join-banner h3,.ident-banner h3{ font-size:44px; line-height:516px}

.case-nav{ margin-top:100px}
.case-list{ width:1300px; margin:15px auto 0px}
.case-item{width:307px; height:160px; margin-right:24px; margin-top:23px;line-height:160px; }
.case-list .active .case-drop .case-info{ line-height:24px; font-size:12px;margin-top:15px; height:72px	}
.case-list .active .case-drop .case-more{margin:7px auto 0px; font-size:12px; line-height:22px;}
.case-pop{ width:1300px; height:600px; left:50%;top:50%; margin-left:-650px;margin-top:-300px;  padding:100px 100px 0px }
.case-close{ width:28px; height:28px;right:20px;top:20px; background-size:100%}
.case-yh{width:300px; height:130px;}
.pop-right{ width:760px;}
.pop-right h3{ font-size:32px; margin-top:12px}
.pop-right p{font-size:14px; margin-top:15px; line-height:30px; height:60px}
.pop-detail{ line-height:30px; font-size:14px; margin-top:30px; height:280px}
.pop-detail p{ padding:20px 0px}

/*产品-支付*/
.pay-1{ width:80%; margin:90px auto 0px; padding-bottom:26px}
.pay-1 h3{font-size:44px;}
.pay-info{ font-size:16px; line-height:32px; margin-top:15px}

.pay-2{ width:80%; margin:0px auto}
.pay-item{margin-top:30px; height:500px;}
.pay-left{width:37.5%;}
.pay-right{width:62.5%;}
.pay-body h3{font-size:22px;padding-bottom:20px}
.pay-des{line-height:30px; font-size:14px;margin-top:18px}
.pay-body ul{ margin-top:24px}
.pay-body ul li{  line-height:32px; font-size:14px;}
.pay-li{ width:50%;}

/*产品-多功能卡*/
.card-banner{ background-size:1660px; height:518px}
.card-banner h3{ width:86%; margin:120px auto 0px; font-size:44px; }
.card-banner p{ width:86%;  margin:20px auto 0px; font-size:22px; }
.card-banner span{ width:86%;  margin:60px auto 0px}

.card-gs{ margin:100px auto 0px}
.card-gs h3{width:1300px; font-size:34px;}
.card-info{width:1300px; font-size:18px; line-height:35px}
.card-info p{ margin-top:22px; padding-bottom:15px}
.card-gs ul{ width:1300px; margin:52px auto 0px}
.card-gs ul li{ width:308px; height:340px;  border-top:6px #fff solid; border-bottom:2px #b31b34 solid; margin-right:22px; }
.card-gs ul .card-li{ width:411px}
.card-gs ul .card-li p,.card-gs ul .card-li p samp{ font-size:14px; line-height:30px}
.card-body span{ font-size:22px;}
.card-body p{ margin:20px auto 0px; font-size:16px;  line-height:32px;}

.card-silde{ width:1300px; margin:70px auto 0px;}
.card-head span{  height:70px; line-height:70px; padding:0px 46px; font-size:18px;}
.card-list{ width:90%; padding:70px 0px}
.card-des{font-size:16px;line-height:34px}
.card-pannel ul{ margin-top:50px}
.card-nav{ height:40px; line-height:40px;font-size:20px; }
.card-detail{line-height:30px; font-size:14px;}
.card-detail i:before,.card-des i:before{top:5px}

.zp-pannel{ width:1300px; margin:40px auto 0px}
.zp-data{width:31%; height:430px;  margin-right:3.5%; }
.zp-pic{  height:70px;}
.zp-bottom span{ font-size:20px; }
.zp-bottom p{ font-size:12px;line-height:25px; margin-top:12px;}


/*加入我们*/
.join-1{padding:150px 0px }
.join-1 h3{font-size:44px;padding-bottom:22px;}
.join-info{ width:80%; margin:23px auto 0px; font-size:16px;line-height:34px;}
.join-zw{ margin-top:30px}
.join-zw a{ width:200px; height:54px; line-height:54px; font-size:18px;}
.join-3{padding:130px 0px; width:90%; margin:0px auto}
.join-item{ width:25%; padding:0px 4%; float:left; margin:0px}
.join-item span{ width:60px; height:60px;}
.join-item h3{ font-size:24px; margin-top:14px}
.join-item p{ font-size:14px; margin-top:12px; line-height:26px;}
.join-4{height:700px;}
.join-center h3{ font-size:44px; }
.join-center ul{ margin-top:42px}
.join-center ul li{ line-height:50px; font-size:20px; padding-left:26px;}
.join-zp{ padding-bottom:100px}
.join-head{ width:80%;margin:100px auto 0px;padding-bottom:24px}
.join-head h3{font-size:44px;}
.join-head ul{ font-size:18px}
.join-zp ul .active{ font-size:20px}
.join-list{ width:80%; margin:30px auto 0px}
.zp-item{width:32%; margin-top:30px; margin-right:2%; height:130px; }
.zp-left span{ font-size:18px;}
.zp-left p{font-size:14px; margin-top:12px;}

.join-more{margin-top:70px;}
.join-more a{ width:200px; height:54px; line-height:54px; font-size:18px;}

/*身份证集中核验*/
.safe-info{ padding:100px 0px 120px}
.safe-head h3{ font-size:36px; }
.safe-head p{ font-size:18px;}
.safe-info2{ padding:100px 0px 120px; height:auto}

.ident-show{ width:1300px; margin:100px auto 0px}
.ident-s1,.ident-s3,.ident-s5{height:315px}
.ident-s1 img,.ident-s3 img,.ident-s5 img{ width:auto; height:100%}
.ident-s2{height:315px;}
.ident-s4{height:315px;}

.ident-js,.jt-1{ height:800px; }
.ident-js h3,.jt-1 h3{bottom:70px; font-size:46px;}
.ident-js h3 span,.jt-1 h3 span{ width:80%;}

.ident-ys{ width:1300px; margin:120px auto 0px;}
.ident-ys h3{font-size:44px;}
.ident-ys p{font-size:20px; margin-top:16px;padding-bottom:26px}
.ident-ys ul{margin-top:15px}
.ident-ys ul li{width:48.9%; margin-top:32px; }
.ident-ys ul .active .ident-item span{padding-top:9%; font-size:30px}
.ident-ys ul .active .ident-item samp{bottom:0px; padding-top:22%}

.safe-cj{padding:90px 0px 100px;}
.safe-applay{ margin-top:40px;}


/*核心技术-网银安全*/
.safe-main{ width:1300px; margin:30px auto 0px;  height:381px}
.safe-right{padding:70px 0px 70px 40px; font-size:16px;line-height:32px;}

.safe-banner,.safe-banner2{height:560px }
.safe-banner span,.safe-banner2 span{ margin-top:200px}
.safe-banner h3,.safe-banner2 h3{font-size:44px; margin-top:14px}


.safe-jh{ height:660px; padding-top:100px}
.safe-jh ul{ width:1300px; margin:55px auto 0px;}
.safe-jh ul li{width:295px; height:270px; margin-right:40px; }
.safe-pic{ margin:70px auto 0px; height:83px;}
.safe-pic img{ width:100%; height:auto}
.safe-jh ul .active .safe-pic{ margin-top:42px}

.safe-yt{ padding:120px 0px;}
.safe-yt .safe-head h3{padding-bottom:25px}
.safe-yt ul{ margin:62px auto;}
.safe-yt ul li{ width:26%;}

.safe-protect{ height:800px;}
.safe-bgs{ background-size:cover}
.safe-promain{ padding-top:90px;}
.safe-protect ul{ width:1300px; margin:26px auto 0px}
.safe-protect ul li{width:638px; }
.protect-right{width:480px;}

.safe-tx{padding:100px 0px;}
.safe-tx .safe-head h3{ padding-bottom:27px}
.safe-ul{ width:1300px; margin:60px auto 0px;}
.safe-li{ width:238px;}

/*解决方案-金融安全*/
.solve-banner h3{font-size:44px;}
.solve-fx{ height:910px; padding-top:100px; background-size:cover}
.solve-head{ width:1300px; }
.solve-head p{line-height:30px; font-size:18px; margin-top:40px}
.solve-fx ul{ width:1300px; margin:80px auto 0px}
.solve-fx ul li{width:31%; height:400px;margin-right:3.5%;}
.solve-fx ul .active{ background-size:cover }

.solve-1{ background-size:cover;  height:960px}
.solve-2{ margin-top:100px}
.solve-2 h3{ font-size:36px;}
.solve-3{ margin-top:15px; line-height:32px; font-size:20px;  padding-bottom:18px}

.solve-4{ width:1300px; height:500px;  margin:90px auto 0px;}
.solve4-center{ background-size:26%}
.solve4-center h3{ bottom:150px;  font-size:18px;}
.solve4-center .solve4-cir{ width:340px; height:340px;margin-left:-170px;margin-top:-170px; background-size:100% }
.solve4-bg{ width:100% }
.solve4-left,.solve4-right,.solve4-bottom1,.solve4-bottom2{width:370px; height:190px}
.solve4-left .solve4-body,.solve4-right .solve4-body,.solve4-bottom1 .solve4-body,.solve4-bottom2 .solve4-body{ padding:0px 20px; width:100%}
.solve4-left .solve4-body span,.solve4-right .solve4-body span,.solve4-bottom1 .solve4-body span,.solve4-bottom2 .solve4-body span{ height:40px;  margin-top:20px}
.solve4-left .solve4-body h3,.solve4-right .solve4-body h3,.solve4-bottom1 .solve4-body h3,.solve4-bottom2 .solve4-body h3{ font-size:18px;   margin-top:4px; }
.solve4-left .solve4-body p,.solve4-right .solve4-body p,.solve4-bottom1 .solve4-body p,.solve4-bottom2 .solve4-body p{ font-size:14px; line-height:24px;  margin-top:10px;}
.solve4-left .solve4-icon{ width:150px; left:380px; height:63px; }
.solve4-right .solve4-icon{ width:150px;right:380px; height:63px; }
.solve4-bottom1 .solve4-icon{ width:150px;left:380px;height:63px;}
.solve4-bottom2 .solve4-icon{ width:150px;right:380px;height:63px;}

.solve-td{ padding:110px 0px 70px}
.td-head h3{font-size:44px;}
.td-head p{  font-size:20px; margin-top:7px; padding-bottom:22px}


.solve-pro{ background-size:cover; height:auto; padding-bottom:90px}
.solve-pro h3{ width:1300px; margin:110px auto 0px; font-size:38px;  padding-bottom:30px}
.solve-pro ul{width:1300px;  margin:70px auto 0px;}
.pro-name{  line-height:90px; font-size:22px;}
.pro-item p{ line-height:30px; font-size:16px; padding:0px 106px;}

.solve-case{ padding:120px 0px 110px}
.hz-ct{width:1300px; margin:50px auto 0px; }

/*关于我们*/
.about-banner{ background-size:cover; height:580px}
.about-banner h3{ font-size:44px; line-height:580px}

.about-info{ width:1300px;  margin:100px auto 0px; padding-bottom:50px}
.about-info h3{  font-size:28px;}
.about-info ul{ margin-top:20px}
.about-info ul li{ line-height:30px; font-size:18px; padding-left:15px}
.about-pic{ width:690px; }
.about-des{ width:564px;line-height:32px; font-size:16px;}
.about-des p{ padding:24px 0px 12px}

.about-server{ width:1300px; margin:80px auto 0px; padding-bottom:80px}
.about-server h3{ font-size:30px;}
.about-slide{ margin-top:32px;height:429px}
.about-slide img{ width:572px; height:auto}
.about-item p span{ left:38px;bottom:38px; font-size:22px;}

.about-sc{ width:1300px; margin:80px auto 0px; padding-bottom:80px}
.about-sc h3{  font-size:30px; }

.about-3{ background-size:cover; height:auto; padding-bottom:90px}
.about-3 h3{ width:1300px;  margin:110px auto 0px; font-size:32px;}
.about-3 ul{ width:1300px;  margin:30px auto 0px}
.about-3 ul li{  padding-bottom:22px}
.about-3 ul li span{  height:28px; line-height:28px;  padding:0px 10px 0px 25px; margin-top:16px; font-size:20px; }
.about-3 ul li p{ height:28px; line-height:28px; padding:0px 10px 0px 25px; margin-top:5px; font-size:16px; }

.about-4{  margin:100px auto 0px; padding-bottom:80px}
.about-4 h3{ width:1300px;font-size:30px;}
.about-5{ width:1300px; margin:32px auto 0px;height:366px}
.about-5 .about-simg img{ width:100%; height:auto;}

.about-6{ margin:100px auto 0px; padding-bottom:80px}
.about-6 h3{ font-size:32px;}
.about-zr{ width:1300px;}
.zr-item{width:25%;padding:0px 10px;}
.zr-bg{width:240px; height:240px; margin-top:20px}
.zr-bg img{  padding:20px 0px;}
.zr-item span{ margin-top:25px}

.about-his{ background-size:cover; height:auto; padding-bottom:90px}
.about-his h3{font-size:32px;  margin-top:100px}
.his-body{ width:1300px;  margin:50px auto 0px;}

.contact-map{  height:720px}
.contact-s{ width:708px;left:10%;}
.contact-s h3{ font-size:32px;}

/*生物识别*/
.banner-ident{height:560px;}
.banner-ident h3{font-size:44px;}
.ident-head{margin:100px auto 0px}
.ident-head h3{ font-size:44px; }
.ident-head em{font-size:18px;  margin-top:10px;padding-bottom:24px}
.ident-head p{  font-size:16px; margin-top:20px; line-height:30px}
.ident-content{ margin-top:50px; padding-bottom:110px}
.ident-content img{ width:62%;margin-top:38px}


/*国密门禁*/
.gmm-1{ padding-top:100px}
.gmm-img{ padding:90px 0px 130px}
.gmm-img img{ width:60%;}
.gmm-2head{top:11%; padding-bottom:16px; font-size:36px;}
.gmm-3 h3{ width:100px; font-size:22px;  margin-top:-24px}
.gmm-3 ul .gmli1{left:-36%;} 
.gmm-3 ul .gmli2{right:-36%;} 
.gmm-3 ul .gmli3{left:-54%} 
.gmm-3 ul .gmli4{right:-37%;} 
.gmm-3 ul .gmli5{left:-49%;} 
.gmm-3 ul .gmli6{right:-36%;} 

/*身份云*/
.sf-1{ margin-top:42px}
.sf-2{ width:1300px; font-size:18px;padding:66px 0px 95px }
.sf-3{padding-bottom:160px}
.sf-3 h3{ margin-top:110px; font-size:36px;  padding-bottom:22px}
.sf-4{ width:1300px; margin:120px auto 0px;}
.sf-left{ width:520px;}
.sf-pannel{ width:370px; height:191px; padding:20px 30px 0px; background-size:100%}
.sf-pannel samp{ margin-top:12px}
.sf-pannel span{ margin-top:12px; font-size:18px;}
.sf-pannel p{ margin-top:6px; font-size:14px;  line-height:24px;}
.sf-item1 p{ width:100%}
.sf-left .sf-icon{ width:144px; background-size:100%;}
.sf-left .sf-item2{ margin-top:100px}
.sf-right{width:500px; margin-top:155px}
.sf-right .sf-icon{width:122px; height:191px; background-size:100%}
.sf-center{ width:340px; height:340px;top:80px; }
.sf-cir{ background-size:100%}
.sf-s{ width:120px; height:89px; top:90px;}
.sf-center h4{top:200px; font-size:22px;}
.sf-4 .active .sf-pannel{background-size:100%}

.zn-1{ height:1140px}
.zn-head h3{  margin-top:90px; font-size:38px;padding-bottom:21px}
.zn-head ul{ margin-top:40px;}
.zn-head ul li{ width:230px; line-height:50px; font-size:18px; margin:0px 14px;}

.zn-conetent .pannel1{ width:82%;  margin:80px auto 0px;}
.zn-conetent .znitem1{width:27.92%; padding:10px 32px 25px}

.zn-conetent .znitem1 h3{  font-size:18px; margin-top:14px;}
.zn-conetent .znitem1 p{ font-size:14px;line-height:26px; margin-top:6px;}
.zn-conetent .znitem2{ width:27.92%; padding:10px 32px 25px; margin-top:162px}
.zn-conetent .znitem2 h3{ font-size:18px;  margin-top:14px}
.zn-conetent .znitem2 p{  font-size:14px;line-height:26px; margin-top:6px;}
.zn-line{  margin-top:13px;}
.zn-conetent .znitem3{ width:27.92%; padding:30px; margin-top:166px;  margin-left:3.125%; line-height:26px; }

.zn-cir{ width:27%; left:37%;bottom:60px;padding-bottom:30%}
.zn-c1{left:-12%;top:6%;transform:rotate(12deg)}
.zn-c2{right:-16%;top:38%;transform:rotate(180deg)}
.zn-c3{left:0%;bottom:8%;transform:rotate(-12deg)}

.zn-conetent .pannel2{ width:1300px; margin:100px auto 0px; height:540px; background-size:37% auto  }
.zn-conetent .item1{ width:400px; height:220px;padding:32px 22px 0px;}
.zn-conetent .item1 h3,.zn-conetent .item2 h3,.zn-conetent .item3 h3,.zn-conetent .item4 h3{font-size:19px; }
.zn-conetent .item1 p,.zn-conetent .item2 p,.zn-conetent .item3 p,.zn-conetent .item4 p{font-size:14px; line-height:27px; margin-top:9px;}
.zn-conetent .item2{ width:400px; height:178px; padding:30px 32px 0px;}
.zn-conetent .item3{ width:400px; height:178px;  padding:42px 22px 0px;}
.zn-conetent .item4{ width:400px; height:178px;  padding:55px 22px 0px;}
.zn2-center{  font-size:24px; margin-top:-12px}
.zn-conetent .pannel3 .solve4-left .solve4-body h3,.zn-conetent .pannel3 .solve4-bottom1 .solve4-body h3{ margin-top:44px}
.zn-conetent .pannel3 .solve4-right .solve4-body h3,.zn-conetent .pannel3 .solve4-bottom2 .solve4-body h3{ margin-top:32px}
.pannel3-center{ width:280px; height:280px;top:22%; line-height:280px; font-size:24px;}

.product-body .swiper-slide h4{ width:74%; left:14%;top:26%; font-size:56px;padding-bottom:30px}
.product-body .swiper-slide h4:before{ width:56px; height:10px;}



}
@media screen and (max-width:1500px){
.break-nav{  margin-top:81px;}
/*新闻列表*/
.news-show{ height:650px}
.news-conent{margin:90px auto 0px;}
.news-conent h3{ font-size:36px; }
.news-conent .swiper-container {margin: 20px auto 0px;}
.news-conent .swiper-pagination-current{ font-size:28px; }
.news-right{ padding:0px 50px}
.news-date{  margin-top:20px;}
.news-date span{  font-size:70px;}
.news-date p{ font-size:16px;  margin-top:42px; }
.news-title{ font-size:22px; line-height:32px; margin-top:33px}
.news-more{  font-size:16px;  margin-top:44px}

/*core*/
.core-top{ height:81px}
.core{ padding:0px 74px;height:calc(100vh - 81px)}
.core-pannel h3{  font-size:42px; margin-top:30px}
.core-info{font-size:20px; line-height:30px;  margin-top:30px; padding:0px 90px}

/*解决方案*/
.scheme{height:calc(100vh - 81px);}


/*产品-多功能卡*/
.card-banner{ background-size:1500px; height:467px}
.card-banner h3{ width:82%; font-size:40px; }
.card-banner p{ width:82%;  }
.card-banner span{ width:82%;}

/*核心技术-网银安全*/
.safe-banner,.safe-banner2{height:520px }
.safe-banner span,.safe-banner2 span{ margin-top:190px}
.safe-banner h3,.safe-banner2 h3{font-size:40px; margin-top:14px}

.safe-yt{ padding:100px 0px;}
.safe-yt .safe-head h3{padding-bottom:22px}
.safe-yt ul{ margin:56px auto;}

/*关于我们*/
.about-banner{ height:540px}
.about-banner h3{ font-size:40px; line-height:540px}
.product{  height:calc(100vh - 81px);  margin-top:81px; }

/*国密门禁*/
.gmm-1{ padding-top:90px}
.gmm-img{ padding:80px 0px 110px}
.gmm-img img{ width:70%;}


}

@media screen and (max-width:1440px){
/*新闻列表*/
.news-show{ height:620px}
.news-conent{margin:80px auto 0px;}
.news-conent h3{ font-size:32px; }
.news-conent .swiper-pagination-current{ font-size:26px; }
.news-right{ padding:0px 40px}
.news-date{  margin-top:10px;}
.news-date span{  font-size:60px;}
.news-date p{ font-size:14px;  margin-top:32px; }
.news-title{ font-size:20px; line-height:28px; margin-top:23px}
.news-more{  font-size:14px;  margin-top:34px}

/*案例*/
.case-banner,.join-banner,.ident-banner{ background-size:1440px; height:458px}
.case-banner h3,.join-banner h3,.ident-banner h3{ font-size:38px; line-height:458px}

.case-nav span{ width:180px; height:50px; line-height:50px; margin:0px 12px; font-size:18px;}
.case-nav{ margin-top:80px}
.case-list{ width:1100px; margin:12px auto 0px}
.case-item{width:257px; height:130px; margin-right:24px; margin-top:23px;line-height:130px; }
.case-list .active .case-drop .case-pic{ padding:5px 0px}
.case-list .active .case-drop .case-info{ line-height:22px;margin-top:10px; height:66px	}
.case-list .active .case-drop .case-more{margin:4px auto 0px;}
.case-pop{ width:1100px; height:600px; margin-left:-550px; padding:80px 80px 0px }
.case-yh{width:260px; height:120px;}
.pop-right{ width:660px;}
.pop-right h3{ font-size:28px; margin-top:7px}
.pop-detail{ line-height:30px; font-size:14px; margin-top:50px; height:280px}

/*产品-支付*/
.pay-1{ margin:70px auto 0px; padding-bottom:22px}
.pay-1 h3{font-size:40px;}

/*产品-多功能卡*/
.card-banner{ background-size:1440px; height:450px}
.card-banner h3{ margin:100px auto 0px; font-size:40px; }
.card-banner p{ margin:20px auto 0px; font-size:22px; }
.card-banner span{ margin:60px auto 0px}

.card-gs{ margin:80px auto 0px}
.card-gs h3{width:1100px; font-size:30px;}
.card-info{width:1100px; font-size:16px; line-height:32px}
.card-info p{ margin-top:18px; padding-bottom:12px}
.card-gs ul{ width:1100px; margin:42px auto 0px}
.card-gs ul li{ width:258px; height:340px;  border-top:5px #fff solid; }
.card-gs ul .card-li{ width:344px}
.card-gs ul .card-li p{ line-height:24px}
.card-gs ul .card-li .card-body{padding-bottom:18px}
.card-body span{ font-size:20px;}
.card-body p{ margin:15px auto 0px; font-size:14px;  line-height:28px;}

.card-silde{ width:1100px; margin:60px auto 0px;}
.card-head span{  height:60px; line-height:60px; padding:0px 37px; font-size:16px;}
.card-list{padding:50px 0px}
.card-des{font-size:16px;line-height:32px}
.card-pannel ul{ margin-top:40px}
.card-nav{ height:36px; line-height:36px;font-size:18px; }


.zp-pannel{ width:1100px; margin:30px auto 0px}
.zp-data{ height:370px;  }
.zp-pic{  height:65px;}
.zp-bottom span{ font-size:18px; }
.zp-bottom p{ margin-top:10px;}
.zp-bottom p em{ float:none; width:auto; margin-right:15px}
/*加入我们*/
.join-1{padding:120px 0px }
.join-1 h3{font-size:40px;padding-bottom:20px;}
.join-info{ margin:20px auto 0px; font-size:14px;line-height:32px;}
.join-zw{ margin-top:24px}
.join-zw a{ width:170px; height:50px; line-height:50px; font-size:16px;}
.join-3{padding:110px 0px;}
.join-item h3{ font-size:22px; margin-top:14px}
.join-4{height:600px;}
.join-center h3{ font-size:40px; }
.join-center ul{ margin-top:32px}
.join-center ul li{font-size:18px;}
.join-zp{ padding-bottom:80px}
.join-head{ margin:80px auto 0px;}
.join-head h3{font-size:40px;}
.join-head ul{ font-size:16px}
.join-zp ul .active{ font-size:18px}
.join-list{ margin:25px auto 0px}
.zp-item{ margin-top:25px;}
.join-more{margin-top:60px;}

/*身份证集中核验*/
.safe-info{ padding:90px 0px 110px}
.safe-head h3{ font-size:32px; }
.safe-head p{ font-size:16px; padding-bottom:16px}
.safe-info2{ padding:90px 0px 110px;}
@keyframes faderight2{
0%{right:0px;opacity:1}
100%{right:-6px;opacity:0}
}
@keyframes fadeleft2{
0%{left:0px;opacity:1}
100%{left:-6px;opacity:0}
}
.ident-show{ width:1100px; margin:80px auto 0px}
.ident-s1,.ident-s3,.ident-s5{height:258px}
.ident-s1 img,.ident-s3 img,.ident-s5 img{ width:auto; height:100%}
.ident-s2{ height:258px;}
.ident-s4{height:258px;}
.ident-s6{width:50px;left:27%;top:54%; }
.ident-s7{width:50px;left:61.5%;top:54%; }

.ident-js,.jt-1{ height:700px; }
.ident-js h3,.jt-1 h3{bottom:60px; font-size:42px;}

.ident-ys{ width:1100px; margin:100px auto 0px;}
.ident-ys h3{font-size:40px;}
.ident-ys p{font-size:20px; margin-top:12px;padding-bottom:20px}
.ident-ys ul{margin-top:10px}
.ident-ys ul li{width:48.9%; margin-top:22px; }
.ident-item span{ height:80px; line-height:80px; padding-left:40px; font-size:18px;}
.ident-item samp{ padding:0px 40px; font-size:15px; line-height:32px; height:96px;}
.ident-ys ul .active .ident-item span{padding-top:9%; font-size:26px}
.ident-ys ul .active .ident-item samp{bottom:0px; padding-top:22%}

.safe-cj{padding:80px 0px 90px;}
.safe-applay{ margin-top:30px;}
.safe-appimg span{line-height:60px;font-size:16px;}
.safe-applay .swiper-slide-next span{ height:60px}

/*核心技术-网银安全*/
.safe-main{ width:1100px; margin:30px auto 0px;  height:323px}
.safe-right{padding:50px 0px 50px 30px;}

.safe-banner h3,.safe-banner2 h3{font-size:36px;}

.safe-jh{ height:580px; padding-top:90px}
.safe-jh ul{ width:1100px; margin:42px auto 0px;}
.safe-jh ul li{width:248px; height:240px; margin-right:36px; }
.safe-pic{ margin:56px auto 0px; height:83px;}
.safe-jh ul li .pic1{ width:80px}
.safe-jh ul li .pic2{ width:75px}
.safe-jh ul li .pic3{ width:75px}
.safe-jh ul li .pic4{ width:72px}
.safe-jh ul li h3{ font-size:16px;  margin-top:22px;}
.safe-jh ul li p{  font-size:14px; line-height:22px; height:66px; padding:0px 20px; margin-top:8px; }
.safe-jh ul .active{ margin-top:-6px}
.safe-jh ul .active .safe-pic{ margin-top:32px}
.safe-jh ul .active  h3{ font-size:16px}

.safe-yt{ padding:80px 0px;}

.safe-protect{ height:750px;}
.safe-promain{ padding-top:80px;}
.safe-protect ul{ width:1100px; margin:22px auto 0px}
.safe-protect ul li{width:538px; height:170px;  margin-top:27px;}
.protect-pic{  margin:55px 0px 0px 32px;}
.safe-protect .tect1{ width:45px}
.safe-protect .tect2{ width:74px}
.safe-protect .tect3{ width:56px; margin-top:62px}
.safe-protect .tect4{ width:60px}
.protect-right{width:400px;  margin:60px 0px 0px 16px}
.protect-right  h3{  font-size:20px; }
.protect-right  p{ font-size:14px; line-height:24px; margin-top:4px;}

.safe-tx{padding:80px 0px;}
.safe-tx .safe-head h3{ padding-bottom:24px}
.safe-ul{ width:1100px; margin:50px auto 0px;}
.safe-li{ width:198px; }

/*解决方案-金融安全*/
.solve-banner{ height:560px}
.solve-banner h3{font-size:40px; line-height:560px}

.solve-fx{ height:910px; padding-top:80px; }
.solve-head{ width:1100px; }
.solve-head h3{  font-size:36px; padding-bottom:25px}
.solve-fx ul{ width:1100px; margin:70px auto 0px}


.solve-1{ height:860px}
.solve-2{ margin-top:80px}
.solve-2 h3{ font-size:32px;}
.solve-3{ margin-top:15px; line-height:32px; font-size:18px;  padding-bottom:18px}

.solve-4{ width:1100px; height:480px;  margin:70px auto 0px;}
.solve4-center{ background-size:24%}
.solve4-center h3{ bottom:170px;  font-size:16px;}
.solve4-center .solve4-cir{ width:260px; height:260px;margin-left:-130px;margin-top:-130px; }

.solve4-left,.solve4-right,.solve4-bottom1,.solve4-bottom2{width:340px; height:180px}
.solve4-left .solve4-body,.solve4-right .solve4-body,.solve4-bottom1 .solve4-body,.solve4-bottom2 .solve4-body{ padding:0px 18px;}
.solve4-left .solve4-body span,.solve4-right .solve4-body span,.solve4-bottom1 .solve4-body span,.solve4-bottom2 .solve4-body span{ height:30px;  margin-top:15px}
.solve4-left .solve4-body h3,.solve4-right .solve4-body h3,.solve4-bottom1 .solve4-body h3,.solve4-bottom2 .solve4-body h3{ font-size:16px;   margin-top:4px; }
.solve4-left .solve4-body p,.solve4-right .solve4-body p,.solve4-bottom1 .solve4-body p,.solve4-bottom2 .solve4-body p{ font-size:14px; line-height:24px;  margin-top:10px;}
.solve4-left .solve4-icon{ width:140px; left:340px; height:63px; }
.solve4-right .solve4-icon{ width:140px;right:340px; height:63px; }
.solve4-bottom1 .solve4-icon{ width:140px;left:340px;height:63px;}
.solve4-bottom2 .solve4-icon{ width:140px;right:340px;height:63px;}

.solve-td{ padding:100px 0px 60px}
.td-head h3{font-size:40px;}

.solve-pro{padding-bottom:80px}
.solve-pro h3{ width:1100px; margin:100px auto 0px; font-size:34px;  padding-bottom:24px}
.solve-pro ul{width:1100px;  margin:60px auto 0px;}
.pro-name{  line-height:70px; font-size:20px;}
.pro-item p{ line-height:26px; height:84px; font-size:14px; padding:0px 76px;}

.solve-case{ padding:100px 0px 90px}
.hz-ct{width:1100px; margin:40px auto 0px; }


.ident-new{ width:1100px; margin:50px auto 0px; padding-bottom:120px}
.ident-pannel{margin-top:20px;padding:28px 28px 13px;}
.ident-pannel span{font-size:44px;}
.ident-pannel h3{ font-size:20px;padding-bottom:18px;}
.ident-pannel h3:before{ width:26px;}
.ident-pannel p{font-size:14px;line-height:30px; height:90px;margin-top:10px}

/*关于我们*/
.about-banner{ height:520px}
.about-banner h3{ font-size:38px; line-height:520px}

.about-info{ width:1100px;  margin:80px auto 0px; padding-bottom:50px}
.about-info h3{  font-size:24px;}
.about-info ul{ margin-top:16px}
.about-info ul li{ line-height:28px; font-size:16px; padding-left:15px}
.about-pic{ width:550px; }
.about-des{ width:524px;line-height:30px; font-size:14px;}
.about-des p{ padding:20px 0px 5px}

.about-server{ width:1100px; margin:70px auto 0px; padding-bottom:70px}
.about-server h3{ font-size:28px;}
.about-slide{ margin-top:28px;height:363px}
.about-slide img{ width:484px;}
.about-item p span{ left:32px;bottom:34px; font-size:20px;}

.about-sc{ width:1100px; margin:70px auto 0px; padding-bottom:70px}
.about-sc h3{  font-size:28px; }

.about-3{  padding-bottom:80px}
.about-3 h3{ width:1100px;  margin:100px auto 0px; font-size:30px;}
.about-3 ul{ width:1100px;  margin:30px auto 0px}
.about-3 ul li{  padding-bottom:20px}
.about-3 ul li span{  height:26px; line-height:26px;  padding:0px 10px 0px 21px; margin-top:13px; font-size:18px; }
.about-3 ul li p{ height:26px; line-height:26px; padding:0px 10px 0px 21px; margin-top:5px; font-size:14px; }

.about-4{  margin:90px auto 0px; padding-bottom:70px}
.about-4 h3{ width:1100px;font-size:28px;}
.about-5{ width:1100px; margin:30px auto 0px;height:310px}
.about-list h4 p{ font-size:14px; line-height:25px;}
.about-list h4 samp{ font-size:22px;}

.about-6{ margin:90px auto 0px; padding-bottom:70px}
.about-6 h3{ font-size:28px;}
.about-zr{ width:1100px;}
.zr-bg{width:210px; height:210px; margin-top:20px}
.zr-item span{ font-size:16px; margin-top:22px}

.about-his{ padding-bottom:80px}
.about-his h3{font-size:28px;  margin-top:90px}
.his-body{ width:1100px;  margin:40px auto 0px;}

.contact-map{  height:700px}
.contact-s{ width:650px;}
.contact-s h3{ font-size:28px;}

/*生物识别*/
.banner-ident{height:500px;}
.banner-ident h3{font-size:40px;}
.ident-head{margin:90px auto 0px}
.ident-head h3{ font-size:40px; }

.ident-2{padding-bottom:80px}
.ident-3{ margin:100px auto 0px}
.ident-3 ul li{ height:140px}
.ident-3 ul li span{ width:50px; height:50px; margin-top:24px;}
.ident-3 ul li .ident1,.ident-3 ul li .ident2,.ident-3 ul li .ident3,.ident-3 ul li .ident4,.ident-3 ul li .ident5{ background-size:25px}
.ident-3 ul li p{ font-size:14px; margin-top:24px;}
.ident-3 ul .active span{ width:68px; height:68px; }
.ident-3 ul .active p{ font-size:20px}
.ident-4{ margin:30px auto 0px}
.ident-5{ margin:50px auto 0px; height:200px; }
.ident-ul em img{ width:350px; height:auto}
.ident-li{padding-left:410px;}
.ident-li span{font-size:22px;margin-top:22px}
.ident-li p{font-size:16px;line-height:28px; margin-top:12px; }

/*国密门禁*/
.gmm-1{ padding-top:80px}
.gmm-img{ padding:70px 0px 90px}
.gmm-img img{ width:72%;}
.gmm-2head{top:10%; padding-bottom:15px; font-size:32px;}
.gmm-3 h3{ width:80px; font-size:18px;  margin-top:-18px}
.gmm-3 ul .gmli1{left:-44%;} 
.gmm-3 ul .gmli2{right:-42%;} 
.gmm-3 ul .gmli3{left:-64%} 
.gmm-3 ul .gmli4{right:-44%;} 
.gmm-3 ul .gmli5{left:-56%;} 
.gmm-3 ul .gmli6{right:-39%;} 

/*身份云*/
.sf-1{ margin-top:38px}
.sf-2{ width:1100px; font-size:18px;padding:62px 0px 90px }
.sf-3{padding-bottom:120px}
.sf-3 h3{ margin-top:90px; font-size:32px;  padding-bottom:20px}
.sf-4{ width:1100px; margin:100px auto 0px;}
.sf-left{ width:470px;}
.sf-pannel{ width:340px; height:176px; padding:20px 20px 0px;}
.sf-pannel samp{ margin-top:7px}
.sf-pannel span{ margin-top:11px; font-size:16px;}
.sf-pannel p{ margin-top:5px; font-size:14px;  line-height:24px;}
.sf-left .sf-icon{ width:120px;}
.sf-left .sf-item2{ margin-top:90px}
.sf-right{width:440px; margin-top:153px}
.sf-right .sf-pannel samp{ margin-top:4px}
.sf-right .sf-icon{width:100px; height:176px;}
.sf-center{ width:260px; height:260px;top:110px; }
.sf-s{ width:80px; height:60px; top:70px;}
.sf-center h4{top:150px; font-size:18px;}

.zn-1{ height:1020px}
.zn-head h3{  margin-top:80px; font-size:32px;padding-bottom:20px}
.zn-head ul{ margin-top:30px;}
.zn-head ul li{ width:210px; line-height:48px; font-size:16px; margin:0px 12px;}

.zn-conetent .pannel1{ width:82%;  margin:70px auto 0px;}
.zn-conetent .znitem1{width:28%; padding:10px 22px 22px}
.zn-conetent .znitem1 h3{  font-size:16px; margin-top:12px;}
.zn-conetent .znitem1 p{ font-size:14px;line-height:25px; margin-top:6px;}
.zn-conetent .znitem2{ width:27.92%; padding:10px 22px 22px; margin-top:142px}
.zn-conetent .znitem2 h3{ font-size:16px;  margin-top:12px}
.zn-conetent .znitem2 p{  font-size:14px;line-height:25px; margin-top:6px;}
.zn-line{  margin-top:12px;}
.zn-conetent .znitem3{ width:27.92%; padding:27px; margin-top:146px;  margin-left:4%; line-height:25px; font-size:16px }

.zn-cir{ width:27%; left:37%;bottom:90px;padding-bottom:30%}
.zn-c1{left:-12%;top:6%;transform:rotate(12deg)}
.zn-c2{right:-16%;top:38%;transform:rotate(180deg)}
.zn-c3{left:0%;bottom:8%;transform:rotate(-12deg)}

.zn-conetent .pannel2{ width:1100px; margin:90px auto 0px; height:480px; background-size:32% auto  }
.zn-conetent .item1{ width:370px; height:200px;padding:22px 20px 0px;}
.zn-conetent .item1 h3,.zn-conetent .item2 h3,.zn-conetent .item3 h3,.zn-conetent .item4 h3{font-size:18px; }
.zn-conetent .item1 p,.zn-conetent .item2 p,.zn-conetent .item3 p,.zn-conetent .item4 p{font-size:14px; line-height:26px; margin-top:8px;}
.zn-conetent .item2{ width:370px; height:160px; padding:20px 20px 0px;}
.zn-conetent .item3{ width:370px; height:160px;  padding:32px 20px 0px;}
.zn-conetent .item4{ width:370px; height:160px;  padding:45px 20px 0px;}
.zn2-center{  font-size:20px; margin-top:-10px}
.zn-conetent .pannel3 .solve4-left .solve4-body h3,.zn-conetent .pannel3 .solve4-bottom1 .solve4-body h3{ margin-top:36px}
.zn-conetent .pannel3 .solve4-right .solve4-body h3,.zn-conetent .pannel3 .solve4-bottom2 .solve4-body h3{ margin-top:22px}
.pannel3-center{ width:216px; height:216px;top:28%; line-height:216px; font-size:20px;}

.product-body .swiper-slide h4{ width:76%; left:13%;top:24%; font-size:44px;padding-bottom:28px}
.product-body .swiper-slide h4:before{ width:52px; height:9px;}

}

@media screen and (max-width:1366px){
.ident-js{ height:600px; }
.ident-js h3{bottom:60px; font-size:38px;}

/*核心技术-网银安全*/
.safe-banner,.safe-banner2{height:500px }
.safe-banner span,.safe-banner2 span{ margin-top:170px}
.safe-banner h3,.safe-banner2 h3{font-size:32px; margin-top:14px}

.safe-yt{ padding:70px 0px;}
.safe-yt ul{ margin:50px auto;}
.safe-yt ul li{  margin:0px 10px;padding-bottom:30px;}
.safe-yt span{font-size:20px;}

.solve-td{ padding:90px 0px 56px}
.td-head h3{font-size:36px;}
.td-head p{  font-size:18px; margin-top:7px; padding-bottom:16px}


/*国密门禁*/
.gmm-1{ padding-top:70px}
.gmm-img{ padding:60px 0px 80px}
.gmm-img img{ width:74%;}

.zn-1{ height:860px}
.zn-head h3{  margin-top:70px; font-size:30px;padding-bottom:18px}
.zn-head ul{ margin-top:30px;}
.zn-head ul li{ width:200px; line-height:46px; font-size:16px; margin:0px 12px;}

.zn-conetent .pannel1{ margin:60px auto 0px;}
.zn-conetent .znitem1{width:30%; padding:10px 18px 20px}
.zn-conetent .znitem1 h3{  font-size:14px; margin-top:7px;}
.zn-conetent .znitem1 p{ font-size:12px;line-height:24px; margin-top:6px;}
.zn-conetent .znitem2{ width:30%; padding:10px 18px 20px; margin-top:112px}
.zn-conetent .znitem2 h3{ font-size:14px;  margin-top:10px}
.zn-conetent .znitem2 p{  font-size:12px;line-height:24px; margin-top:6px;}
.zn-line{  margin-top:12px;}
.zn-conetent .znitem3{ width:30%; padding:22px; margin-top:100px;  margin-left:4%; line-height:24px; font-size:14px }

.zn-cir{ width:27%; left:37%;bottom:50px;}
.zn-c1{left:-12%;top:6%;transform:rotate(12deg)}
.zn-c2{right:-16%;top:37%;transform:rotate(180deg)}
.zn-c3{left:-2%;bottom:6%;transform:rotate(-12deg)}

.ident-new{ width:1100px; }
.product-body .swiper-slide h4{ width:78%; left:12%;top:20%; font-size:36px;padding-bottom:25px}
.product-body .swiper-slide h4:before{ width:50px; height:8px;}
}

@media screen and (max-width:1200px){
/*新闻列表*/
.break-nav{ line-height:60px; margin-top:81px; padding:0px 40px}
.break-left span{  height:60px; margin-right:10px}

.news-show{ height:540px}
.news-conent{margin:60px auto 0px;}
.news-conent h3{ font-size:28px; }
.news-conent .swiper-pagination-current{ font-size:24px; }
.news-right{ padding:0px 30px}
.news-date span{  font-size:50px;}
.news-title{ font-size:18px; line-height:28px; margin-top:20px}
.news-info{ font-size:14px; line-height:24px; height:48px}
.news-more{  font-size:14px;  margin-top:24px}

.news-list{ width:80%; margin:62px auto 0px;}
.list-page{ padding:64px 0px}

/*新闻详情*/
.news-arc{ width:80%; margin:80px auto 0px; padding-bottom:100px;}
.news-arc h1{font-size:32px;}
.arc-item{font-size:14px; margin-top:40px}
.arc-content{ margin-top:25px; padding:30px 30px 40px; line-height:34px; font-size:14px; }
.arc-content img{padding:30px 0px}
.arc-back{ margin-top:30px}
.arc-page{ margin-top:24px}
.arc-page h3{ font-size:20px; }
.arc-left,.arc-right{  margin-top:20px; padding:25px 36px;}
.arc-left span,.arc-right span{ font-size:18px; }
.arc-left a,.arc-right a{font-size:14px; margin-top:6px;}

/*core*/
.core-num p{ width:60px;height:60px;  border:2px #fff solid}
.core-num p span{padding:8px 6px 6px ; }
.core-sel{  margin-top:30px;}
.core-sel a{  padding:16px; font-size:14px;  margin:0px 8px}
.core{ padding:0px 54px;}
.core-pannel h3{  font-size:36px; margin-top:30px}
.core-info{font-size:18px; line-height:30px;  margin-top:30px; padding:0px 50px}

/*解决方案*/
.scheme-body h3{ font-size:36px;}
.scheme-body p{  font-size:16px; line-height:30px; margin-top:23px}
.scheme-body ul{margin-top:22px}
.scheme-body li{line-height:34px; height:34px; font-size:14px; }
.scheme-body span{margin-top:24px}
.scheme-body span a{ width:140px; height:50px; line-height:50px; font-size:16px;}

.ident-new{ width:900px; margin:40px auto 0px; padding-bottom:100px}
.ident-pannel{margin-top:20px;padding:28px 28px 18px;}
.ident-pannel span{font-size:40px;}
.ident-pannel h3{ font-size:18px;padding-bottom:17px;}
.ident-pannel h3:before{ width:24px;}
.ident-pannel p{font-size:13px;line-height:28px; height:84px;margin-top:9px}

/*案例*/
.case-banner,.join-banner,.ident-banner{ background-size:1200px; height:375px}
.case-banner h3,.join-banner h3,.ident-banner h3{ font-size:34px; line-height:375px}

.case-nav span{ width:150px; height:44px; line-height:44px; margin:0px 12px; font-size:16px;}
.case-nav{ margin-top:60px}
.case-list{ width:900px;}
.case-item:nth-child(3n){ margin-right:0px}
.case-item:nth-child(4n){ margin-right:24px}
.case-item{width:284px; height:150px;line-height:150px; }
.case-list .active .case-drop .case-info{ line-height:24px;margin-top:14px; height:72px	}
.case-pop{ width:900px; height:500px; margin-left:-450px; margin-top:-250px; padding:60px 60px 0px }
.case-yh{width:220px; height:100px;}
.pop-right{ width:540px;}
.pop-right h3{ font-size:22px; margin-top:0px}
.pop-right p{ margin-top:10px}
.pop-detail{ line-height:30px; font-size:14px; margin-top:50px; height:240px}

/*产品-支付*/
.pay-1{ margin:50px auto 0px;}
.pay-1 h3{font-size:34px;}
.pay-info{ font-size:14px; line-height:28px; margin-top:12px}
.pay-2{ width:80%; margin:0px auto}
.pay-item{margin-top:24px; height:450px;}
.pay-body h3{font-size:20px;padding-bottom:20px}
.pay-des{line-height:28px; font-size:14px;margin-top:12px}
.pay-body ul{ margin-top:15px}
.pay-body ul li{  line-height:28px; font-size:12px;}
.pay-li{ font-size:14px}
/*产品-多功能卡*/
.card-banner{ background-size:1200px; height:375px}
.card-banner h3{ margin:80px auto 0px; font-size:36px; }
.card-banner p{ margin:20px auto 0px; font-size:20px; }
.card-banner span{ margin:50px auto 0px}
.card-banner span a{ float:left; width:160px; height:40px; line-height:40px; font-size:14px;}

.card-gs{ margin:60px auto 0px}
.card-gs h3{width:900px; font-size:26px;}
.card-info{width:900px; font-size:14px; line-height:30px}
.card-info p{ margin-top:12px; padding-bottom:4px}
.card-gs ul{ width:900px; margin:32px auto 0px}
.card-gs ul li{ width:208px; height:280px; }
.card-gs ul .card-li{ width:278px}
.card-body{ padding-bottom:20px}
.card-pic{ width:120px}
.card-body span{ width:82%; font-size:18px;}
.card-body p{ width:82%; margin:15px auto 0px; font-size:12px;  line-height:24px;}

.card-silde{ width:900px; margin:40px auto 0px;}
.card-head span{height:50px; line-height:50px; padding:0px 23px; font-size:16px;}
.card-list{padding:30px 0px}
.card-des{font-size:14px;line-height:28px}
.card-pannel ul{ margin-top:30px}
.card-nav{ height:32px; line-height:32px;font-size:14px; }

.zp-pannel{ width:900px; margin:30px auto 0px}


/*加入我们*/
.join-1{padding:100px 0px; background-size:120% }
.join-1 h3{font-size:36px;}
.join-3{padding:90px 0px;}
.join-item h3{ font-size:20px; margin-top:12px}
.join-4{height:500px;}
.join-center h3{ font-size:34px; background-size:50% }
.join-center ul{ margin-top:30px}
.join-center ul li{font-size:16px;}
.join-zp{ padding-bottom:70px}
.join-head{ margin:70px auto 0px;}
.join-head h3{font-size:36px;}
.join-head ul{ font-size:14px}
.join-zp ul .active{ font-size:16px}
.join-list{ margin:20px auto 0px}
.zp-item{ margin-top:20px;}
.zp-left{ padding-left:20px}
.zp-left span{ font-size:16px}
.zp-right{ width:38%}
.join-more{margin-top:40px;}

/*身份证集中核验*/
.safe-info{ padding:80px 0px 100px}
.safe-head h3{ font-size:28px; }
.safe-info2{ padding:80px 0px 100px;}
.ident-show{ width:900px; margin:60px auto 0px}
.ident-s1,.ident-s3,.ident-s5{height:217px}
.ident-s2{ height:217px; background-size:35%; width:70px}
.ident-s2 span{ background-size:20px;top:35%}
.ident-s2 p{ background-size:20px;top:56%}
.ident-s4{height:217px; width:74px; background-size:37%}
.ident-s4 span{ background-size:20px;}
.ident-s4 p{background-size:20px;}
.ident-s6{left:26%;top:48%; }
.ident-s6 span,.ident-s6 p,.ident-s7 span,.ident-s7 p{ background-size:16px }
.ident-s7{left:59%;top:48%;}

.ident-js,.jt-1{ height:500px; }
.ident-js h3,.jt-1 h3{bottom:50px; font-size:32px;}

.ident-ys{ width:900px; margin:80px auto 0px;}
.ident-ys h3{font-size:36px;}
.ident-ys p{font-size:18px; margin-top:12px;padding-bottom:20px}
.ident-ys ul{margin-top:10px}
.ident-ys ul li{width:48.7%; margin-top:22px; }
.ident-item span{ height:70px; line-height:70px; padding-left:30px; font-size:16px;}
.ident-item samp{ padding:0px 30px; font-size:14px; line-height:30px; height:90px;}
.ident-ys ul .active .ident-item span{padding-top:7%; font-size:24px}
.ident-ys ul .active .ident-item samp{bottom:0px; padding-top:21%}

.safe-cj{padding:70px 0px 80px;}
.safe-applay{ margin-top:30px;}
.safe-appimg span{line-height:50px;font-size:14px;}
.safe-applay .swiper-slide-next span{ height:50px}
.safe-cj .swiper-pagination-bullet{ margin:0px 7px; width:15px; height:15px}
.safe-cj .swiper-button-prev{ width:40px; height:40px;margin-top:-20px;left:28.8%; margin-left:-78px}
.safe-cj .swiper-button-next{ width:40px; height:40px;margin-top:-20px;right:28.8%;margin-right:-78px}


/*核心技术-网银安全*/
.safe-main{ width:900px; margin:20px auto 0px;  height:264px}
.safe-right{padding:30px 0px 30px 20px; font-size:14px;line-height:28px;}

.safe-banner,.safe-banner2{ background-size:1600px}
.safe-banner span img,.safe-banner2 span img{ width:150px; height:auto}
.safe-banner h3,.safe-banner2 h3{font-size:28px;}

.safe-jh{ height:520px; padding-top:70px}
.safe-jh ul{ width:900px; margin:36px auto 0px;}
.safe-jh ul li{width:201px; height:210px; margin-right:32px; }
.safe-pic{ margin:40px auto 0px; height:76px;}
.safe-jh ul li .pic1{ width:74px}
.safe-jh ul li .pic2{ width:69px}
.safe-jh ul li .pic3{ width:69px}
.safe-jh ul li .pic4{ width:66px}
.safe-jh ul li h3{ font-size:16px;  margin-top:18px;}
.safe-jh ul li p{  font-size:14px; line-height:22px; height:44px; padding:0px 20px; margin-top:8px; }
.safe-jh ul .active .safe-pic{ margin-top:26px}

.safe-yt{ padding:60px 0px;}
.safe-yt .safe-head h3{padding-bottom:20px}
.safe-yt ul{ margin:45px auto;}
.safe-yt ul li{padding-bottom:25px;}
.safe-yt span{ margin:28px auto 0px; font-size:18px;}
.safe-yt p{font-size:14px;}

.safe-protect{ height:660px;}
.safe-promain{ padding-top:70px;}
.safe-protect ul{ width:900px; margin:15px auto 0px}
.safe-protect ul li{width:437px; height:150px;  margin-top:25px;}
.protect-pic{  margin:55px 0px 0px 27px;}
.safe-protect .tect1{ width:35px}
.safe-protect .tect1 img{ width:100%; height:auto}
.safe-protect .tect2{ width:64px}
.safe-protect .tect2 img{ width:100%; height:auto}
.safe-protect .tect3{ width:46px; margin-top:62px}
.safe-protect .tect3 img{ width:100%; height:auto}
.safe-protect .tect4{ width:50px}
.safe-protect .tect4 img{ width:100%; height:auto}
.protect-right{width:300px;  margin:45px 0px 0px 14px}
.protect-right  h3{  font-size:18px; }

.safe-tx{padding:70px 0px;}
.safe-tx .safe-head h3{ padding-bottom:22px}
.safe-ul{ width:900px; margin:40px auto 0px; height:202px}
.safe-li{ width:158px; height:170px; margin:16px 27px 0px 0px;}
.tx-pic{ height:42px;  margin:34px auto 0px}
.safe-ul .tx1{ width:48px}
.safe-ul .tx2{ width:50px}
.safe-ul .tx3{ width:51px}
.safe-ul .tx4{ width:50px}
.safe-ul .tx5{ width:63px}
.tx-pic img{ width:100%; height:auto}
.safe-ul h3{font-size:16px;  margin-top:35px;}
.safe-ul p{ font-size:12px; margin-top:12px; line-height:24px; height:48px; padding:0px 16px;}
.safe-ul .active{ height:202px}
.safe-ul .active .tx-pic{ margin-top:25px}
.safe-ul .active h3{ margin-top:17px;  font-size:16px}

/*解决方案-金融安全*/
.solve-banner{ height:500px}
.solve-banner h3{font-size:36px; line-height:500px}

.solve-fx{ height:auto; padding:70px 0px; }
.solve-head{ width:900px; }
.solve-head h3{ font-size:32px; padding-bottom:22px}
.solve-head p{line-height:30px; font-size:16px; margin-top:34px}
.solve-fx ul{ width:900px; margin:60px auto 0px}
.solve-fx ul li{ height:380px;padding:48px 36px;}
.solve-fx ul li span{ font-size:70px;}
.solve-fx ul li h3{font-size:22px;margin-top:4px; padding-bottom:15px;}
.solve-fx ul li p{font-size:14px;  margin-top:12px; line-height:30px; height:150px;}

.solve-1{ height:780px}
.solve-2{ margin-top:70px}
.solve-2 h3{ font-size:28px;}
.solve-3{ margin-top:15px; line-height:30px; font-size:16px;  padding-bottom:15px}

.solve-4{ width:900px; height:420px;  margin:50px auto 0px;}
.solve4-center{ background-size:24%}
.solve4-center h3{ bottom:150px;  font-size:12px;}
.solve4-center .solve4-cir{ width:210px; height:210px;margin-left:-105px;margin-top:-105px; }

.solve4-left,.solve4-right,.solve4-bottom1,.solve4-bottom2{width:280px; height:150px}
.solve4-left .solve4-body,.solve4-right .solve4-body,.solve4-bottom1 .solve4-body,.solve4-bottom2 .solve4-body{ padding:0px 16px;}
.solve4-left .solve4-body span,.solve4-right .solve4-body span,.solve4-bottom1 .solve4-body span,.solve4-bottom2 .solve4-body span{ height:20px;  margin-top:12px; background-size:auto 100%; overflow:hidden}
.solve4-left .solve4-body h3,.solve4-right .solve4-body h3,.solve4-bottom1 .solve4-body h3,.solve4-bottom2 .solve4-body h3{ font-size:14px;   margin-top:7px; }
.solve4-left .solve4-body p,.solve4-right .solve4-body p,.solve4-bottom1 .solve4-body p,.solve4-bottom2 .solve4-body p{ font-size:12px; line-height:21px;  margin-top:6px;}
.solve4-left .solve4-icon{ width:120px; left:270px; height:63px; }
.solve4-right .solve4-icon{ width:120px;right:270px; height:63px; }
.solve4-bottom1 .solve4-icon{ width:120px;left:270px;height:63px;}
.solve4-bottom2 .solve4-icon{ width:120px;right:270px;height:63px;}


.solve-td{ padding:75px 0px 52px}
.td-head h3{font-size:32px;}
.td-head p{  font-size:16px; margin-top:7px; padding-bottom:16px}


.solve-td ul li .td1,.solve-td ul li .td2,.solve-td ul li .td3,.solve-td ul li .td4{ background-size:50%} 
.solve-td ul li .gmm1,.solve-td ul li .gmm2,.solve-td ul li .gmm3{ background-size:50%} 
.solve-td ul li .sf1,.solve-td ul li .sf2,.solve-td ul li .sf3{ background-size:50%} 
.solve-td ul li .zn1,.solve-td ul li .zn2,.solve-td ul li .zn3{ background-size:50%} 
.solve-pro{padding-bottom:70px}
.solve-pro h3{ width:900px; margin:90px auto 0px; font-size:32px;  padding-bottom:20px}
.solve-pro ul{width:900px;  margin:50px auto 0px;}
.pro-name{  line-height:60px; font-size:18px;}
.pro-item p{ line-height:24px; height:72px; font-size:12px; padding:0px 40px;}
.solve-pro .active p{ margin-top:80px}

.solve-case{ padding:80px 0px 70px}
.hz-ct{width:900px; margin:30px auto 0px; }

/*关于我们*/
.about-banner{ height:480px}
.about-banner h3{ font-size:34px; line-height:480px}

.about-info{ width:900px;  margin:60px auto 0px; padding-bottom:40px}
.about-info h3{  font-size:22px;}
.about-info ul{ margin-top:12px}
.about-info ul li{ line-height:24px; font-size:14px; padding-left:12px}
.about-pic{ width:450px; }
.about-des{ width:420px;line-height:26px; font-size:12px;}
.about-des p{ padding:10px 0px 2px}

.about-server{ width:900px; margin:60px auto 0px; padding-bottom:60px}
.about-server h3{ font-size:24px;}
.about-slide{ margin-top:24px;height:297px}
.about-slide img{ width:396px;}
.about-item p span{ left:30px;bottom:32px; font-size:18px;}

.about-sc{ width:900px; margin:60px auto 0px; padding-bottom:60px}
.about-sc h3{  font-size:24px; }
.about-1{ font-size:14px; line-height:30px; margin-top:18px}
.about-2{margin-top:30px}

.about-3{  padding-bottom:70px}
.about-3 h3{ width:900px;  margin:80px auto 0px; font-size:26px;}
.about-3 ul{ width:900px;  margin:24px auto 0px}
.about-3 ul li{  padding-bottom:16px}
.about-3 ul li span{  height:24px; line-height:24px;  padding:0px 10px 0px 15px; margin-top:11px; font-size:16px; }
.about-3 ul li p{ height:40px; line-height:20px; padding:0px 10px 0px 15px; margin-top:5px; font-size:12px;box-sizing:border-box }

.about-4{  margin:80px auto 0px; padding-bottom:60px}
.about-4 h3{ width:900px;font-size:24px;}
.about-5{ width:900px; margin:20px auto 0px;height:253px}

.about-6{ margin:80px auto 0px; padding-bottom:60px}
.about-6 h3{ font-size:24px;}
.about-zr{ width:900px;}
.zr-bg{width:190px; height:190px; margin-top:15px}
.zr-bg img{max-width:50%}
.zr-item span{line-height:21px; height:42px; padding:0px 10px; font-size:14px; margin-top:15px}

.about-his{ padding-bottom:70px}
.about-his h3{font-size:24px;  margin-top:80px}
.his-body{ width:900px;  margin:30px auto 0px;}

.contact-s{ width:600px;}
.contact-s h3{ font-size:24px;}
.contact-sa ul li{line-height:50px; font-size:20px;margin-right:46px;}


/*产品*/
.product-nav{width:100px;}
.product-nav-body{height:90px; width:66%; margin-left:-66%}
.product-nav-body .swiper-slide{ line-height:90px; font-size:14px;padding:0px 20px;}
.product-des{ width:60px; height:90px;}
.product-des span{font-size:14px; padding:7px 20px 0px; }
.product-des p{ font-size:14px;  padding:0px 20px}
.product-arr{ width:40px; height:90px; background-size:20px}
.mousein{ width:100%}

.mousein .product-des p{ font-size:20px; padding:10px 20px 0px; line-height:30px }
.product-slide{ width:240px;height:240px;margin-top:-120px; }
.product-li{ height:60px;}
.product-li span{width:4px; height:24px; margin-top:17px;}
.product-li p{ width:194px; margin-left:22px;line-height:60px; font-size:18px; height:60px}

/*生物识别*/
.banner-ident{height:450px;}
.banner-ident h3{font-size:36px;}
.ident-head{margin:70px auto 0px}
.ident-head h3{ font-size:36px; }
.ident-head em{ font-size:16px;letter-spacing:2px; margin-top:10px;padding-bottom:20px}
.ident-head p{font-size:14px;letter-spacing:2px; margin-top:15px; line-height:28px}
.ident-content{ margin-top:30px; padding-bottom:80px; }
.ident-content img{ width:70%;  margin-top:40px}

.ident-2{padding-bottom:70px}
.ident-3{ margin:80px auto 0px}
.ident-3 ul li{ height:120px}
.ident-3 ul li span{ margin-top:16px;}
.ident-3 ul li .ident1,.ident-3 ul li .ident2,.ident-3 ul li .ident3,.ident-3 ul li .ident4,.ident-3 ul li .ident5{ background-size:22px}
.ident-3 ul li p{ font-size:14px; margin-top:20px;}
.ident-3 ul .active span{ width:62px; height:62px; }
.ident-3 ul .active p{ font-size:18px}
.ident-4{ margin:20px auto 0px}
.ident-5{ margin:30px auto 0px; height:180px; }
.ident-ul em img{ width:300px;}
.ident-li{padding-left:350px;}
.ident-li span{font-size:18px;margin-top:10px}
.ident-li p{font-size:14px;line-height:26px; margin-top:10px; }

/*国密门禁*/
.gmm-1{ padding-top:60px}
.gmm-img{ padding:50px 0px 70px}
.gmm-img img{ width:72%;}
.gmm-2head{font-size:26px;}
.gmm-3 h3{ width:60px; font-size:14px;  margin-top:-15px}
.gmm-3 ul .gmli1{left:-56%;} 
.gmm-3 ul .gmli2{right:-52%;} 
.gmm-3 ul .gmli3{left:-76%} 
.gmm-3 ul .gmli4{right:-55%;} 
.gmm-3 ul .gmli5{left:-67%;} 
.gmm-3 ul .gmli6{right:-49%;}

/*身份云*/
.sf-1{ margin-top:32px}
.sf-2{ width:900px; font-size:16px;padding:50px 0px 70px }
.sf-3{padding-bottom:90px}
.sf-3 h3{ margin-top:70px; font-size:28px;  padding-bottom:18px}
.sf-4{ width:900px; margin:80px auto 0px;}
.sf-left{ width:370px;}
.sf-pannel{ width:270px; height:156px; padding:15px 12px 0px;}
.sf-pannel samp{ margin-top:0px}
.sf-pannel samp img{ width:auto; height:20px}
.sf-pannel span{ margin-top:7px; font-size:14px;}
.sf-pannel p{ margin-top:5px; font-size:12px;  line-height:20px;}
.sf-left .sf-icon{ width:100px; margin-top:80px}
.sf-left .sf-item2{ margin-top:40px}
.sf-left .sf-item2 samp{ margin-top:15px}
.sf-left .sf-item2 .sf-icon{ margin-top:20px}
.sf-right{width:360px; margin-top:100px}
.sf-right .sf-pannel samp{ margin-top:0px}
.sf-right .sf-icon{width:80px; height:156px;}
.sf-center{ width:200px; height:200px;top:79px; }
.sf-s{ width:60px; height:46px; top:50px;}
.sf-center h4{top:110px; font-size:14px;}

.zn-1{ height:720px}
.zn-head h3{  margin-top:60px; font-size:28px;padding-bottom:16px}
.zn-head ul{ margin-top:20px;}
.zn-head ul li{ width:190px; line-height:44px; font-size:14px; margin:0px 10px;}

.zn-conetent .pannel1{ margin:40px auto 0px;}
.zn-conetent .znitem1{width:32%; padding:10px 15px 15px}
.zn-conetent .znitem1 h3{ margin-top:5px;}
.zn-conetent .znitem1 p{line-height:22px; margin-top:4px;}
.zn-conetent .znitem2{ width:32%; padding:10px 15px 15px; margin-top:100px}
.zn-conetent .znitem2 h3{ margin-top:5px}
.zn-conetent .znitem2 p{line-height:22px; margin-top:4px;}
.zn-line{  margin-top:10px;}
.zn-conetent .znitem3{ width:32%; padding:16px; margin-top:60px;  margin-left:4%; line-height:22px;  }

.zn-cir{ width:22%; left:40%;bottom:20px;}
.zn-c1{left:-22%;top:3%;transform:rotate(12deg)}
.zn-c2{right:-24%;top:29%;}
.zn-c3{left:-10%;bottom:20%;transform:rotate(-16deg)}

.zn-conetent .pannel2{ width:900px; margin:70px auto 0px; height:400px; background-size:32% auto  }
.zn-conetent .item1{ width:320px; height:200px;padding:22px 20px 0px;}
.zn-conetent .item1 h3,.zn-conetent .item2 h3,.zn-conetent .item3 h3,.zn-conetent .item4 h3{font-size:16px; }
.zn-conetent .item1 p,.zn-conetent .item2 p,.zn-conetent .item3 p,.zn-conetent .item4 p{font-size:14px; line-height:26px; margin-top:8px;}
.zn-conetent .item2{ width:320px; height:160px; padding:20px 20px 0px;}
.zn-conetent .item3{ width:320px; height:160px;  padding:32px 20px 0px;}
.zn-conetent .item4{ width:320px; height:160px;  padding:45px 20px 0px;}
.zn2-center{  font-size:16px; margin-top:-10px}
.zn-conetent .pannel3 .solve4-left .solve4-body h3,.zn-conetent .pannel3 .solve4-bottom1 .solve4-body h3{ margin-top:36px}
.zn-conetent .pannel3 .solve4-right .solve4-body h3,.zn-conetent .pannel3 .solve4-bottom2 .solve4-body h3{ margin-top:22px}
.pannel3-center{ width:172px; height:172px;top:29.5%; line-height:172px; font-size:14px;}

.solve-td ul{ width:900px; margin:60px auto 0px;}
.solve-td ul li span{ width:120px; height:120px; }
.solve-td ul.gm-list li:hover{ height:330px; margin-top:-50px}
.product-body .swiper-slide h4{ width:80%; left:11%;top:19%; font-size:30px;padding-bottom:22px}
.product-body .swiper-slide h4:before{ width:44px; height:6px;}

}

@media screen and (max-width:1000px){
/*新闻列表*/
.news-show{ height:440px}
.news-conent{margin:50px auto 0px;}
.news-conent h3{ font-size:24px; }
.news-conent .swiper-pagination-current{ font-size:22px; }
.news-right{ padding:0px 20px}
.news-date span{  font-size:40px;}
.news-date p{ margin-top:12px; }
.news-title{ font-size:16px; line-height:24px; margin-top:10px}
.news-info{ font-size:14px; line-height:24px; height:48px}
.news-more{  font-size:14px;  margin-top:14px}
.news-conent .swiper-button-prev{ width:40px; height:40px;left:-60px; background-size:20%}
.news-conent .swiper-button-next{ width:40px; height:40px;right:-60px;background-size:20%}

.news-list{margin:50px auto 0px;}
.news-item{padding:40px 0px;}
.item-date{ width:15%; padding:27px 0px;}
.item-date span{font-size:44px; }
.item-date p{ font-size:18px; }
.item-right{ width:85%;  padding:0px 54px}
.item-right span{font-size:20px; }
.item-right p{  font-size:16px; line-height:24px;}
.news-list .active .item-right span{ margin-top:10px}
.news-list .active .item-right p{ margin-top:12px}
.list-page{ padding:34px 0px}
.list-page a{ width:30px; height:30px;  line-height:30px; }


/*新闻详情*/
.news-arc{margin:60px auto 0px; padding-bottom:80px;}
.news-arc h1{font-size:28px;}
.arc-item{font-size:14px; margin-top:30px}
.arc-content{ margin-top:22px; padding:30px 0px; line-height:32px; font-size:14px; }
.arc-content img{padding:20px 0px}
.arc-back{ margin-top:20px}
.arc-back img{ width:140px; height:auto}
.arc-page{ margin-top:22px}
.arc-page h3{ font-size:18px; }
.arc-left,.arc-right{  margin-top:20px; padding:25px;}
.arc-left span,.arc-right span{ font-size:16px; }
.arc-left a,.arc-right a{font-size:12px; margin-top:6px;}

/*解决方案*/
.scheme-body h3{ font-size:30px; background-size:40%}
.scheme-body p{  font-size:14px;}
.scheme-body ul{margin-top:15px}
.scheme-body li{line-height:32px; height:32px; font-size:14px; }
.scheme-body span{margin-top:20px}
.scheme-body span a{ width:130px; height:40px; line-height:40px; font-size:14px;}

.case-nav{ margin-top:50px}
.case-list{ width:760px;}
.case-item{width:237px; height:130px;line-height:130px; }
.case-pop{ width:760px; margin-left:-380px;padding:50px 50px 0px }
.case-close{ width:20px; height:20px;}
.case-yh{width:210px; height:100px;}
.pop-right{ width:430px;}
.pop-right h3{ font-size:20px; margin-top:0px}


.ident-new{ width:760px; margin:30px auto 0px; padding-bottom:80px}
.ident-pannel{margin-top:18px;padding:24px 24px 16px;}
.ident-pannel span{font-size:36px;}
.ident-pannel h3{ font-size:16px;padding-bottom:12px;}
.ident-pannel h3:before{ width:22px;}
.ident-pannel p{font-size:12px;line-height:26px; height:78px;margin-top:8px}


/*产品-支付*/
.pay-1{ width:86%; margin:40px auto 0px;}
.pay-1 h3{font-size:30px;}
.pay-2{ width:86%;}
.kong{height:80px}

.card-gs{ margin:40px auto 0px}
.card-gs h3{width:760px; font-size:22px;}
.card-info{width:760px; font-size:12px; line-height:24px}
.card-info p{ margin-top:10px; padding-bottom:0px}
.card-gs ul{ width:760px; margin:22px auto 0px}
.card-gs ul li{ width:173px;}
.card-gs ul .card-li{ width:231px}
.card-pic{ width:100px}
.card-body span{font-size:16px;}

.card-silde{ width:760px; margin:30px auto 0px;}
.card-head span{height:40px; line-height:40px; padding:0px 18px; font-size:14px;}
.card-list{padding:20px 0px}
.card-des{font-size:12px;line-height:24px}
.card-pannel ul{ margin-top:20px}
.card-nav{ height:30px; line-height:30px;font-size:14px; }
.card-detail{ padding:20px; line-height:26px; font-size:12px; }
.card-detail i,.card-des i{ width:26px}
.card-detail i:before,.card-des i:before{top:5px; width:16px; height:16px;}
.zp-pannel{ width:768px; margin:26px auto 0px}
.zp-data{ height:420px;  }
.zp-pic{  height:60px;}
.zp-bottom span{ font-size:16px; }
.zp-bottom p em{ margin-right:10px}


/*加入我们*/
.join-1{padding:80px 0px; }
.join-1 h3{font-size:30px;}
.join-zw{margin-top:20px}
.join-zw a{ width:150px; height:44px; line-height:44px; font-size:16px;}

.join-2 span{line-height:60px;font-size:14px; }
.join-left:hover span,.join-top:hover span,.join-bottom:hover span{ height:60px}

.join-3{padding:70px 0px;}
.join-item h3{ font-size:18px; }
.join-item p{line-height:24px; height:auto; font-size:12px}

.join-4{height:400px;}
.join-center h3{ font-size:28px; }
.join-center ul{ margin-top:20px}
.join-center ul li,.join-center ul li:nth-child(2){font-size:14px; line-height:34px; background-position:0px 10px}
.join-zp{ padding-bottom:60px}
.join-head{ margin:60px auto 0px;}
.join-head h3{font-size:30px}
.zp-item{ width:48%; margin-right:4%}
.zp-item:nth-child(3n){ margin-right:4%}
.zp-item:nth-child(2n){ margin-right:0%}

/*身份证集中核验*/
.safe-info{ padding:60px 0px 80px}
.safe-head h3{ font-size:24px; }
.safe-info2{ padding:60px 0px 80px;}
.ident-show{ width:760px; margin:50px auto 0px}
.ident-s1,.ident-s3,.ident-s5{height:177px}
.ident-s2{ height:177px; }
.ident-s4{height:177px; }

.ident-js,.jt-1{ height:450px; }
.ident-js h3,.jt-1 h3{bottom:40px; font-size:30px;}

.ident-ys{ width:760px; margin:60px auto 0px;}
.ident-ys h3{font-size:32px;}
.ident-ys p{font-size:16px; margin-top:12px;padding-bottom:16px}
.ident-ys ul{margin-top:0px}
.ident-ys ul li{width:48.7%; margin-top:22px; }
.ident-item span{ height:60px; line-height:60px; padding-left:20px; font-size:14px;}
.ident-item samp{ padding:0px 20px; font-size:12px; line-height:28px; height:84px;}
.ident-ys ul .active .ident-item span{padding-top:5%; font-size:22px}
.ident-ys ul .active .ident-item samp{ padding-top:19%}


/*核心技术-网银安全*/
.safe-main{ width:760px; margin:20px auto 0px;  height:223px}
.safe-right{padding:20px 0px 20px 20px; font-size:12px;line-height:24px;}
.safe-body{ width:100%;}

.safe-banner,.safe-banner2{height:420px }
.safe-banner span,.safe-banner2 span{ margin-top:150px}
.safe-banner span img,.safe-banner2 span img{ width:140px;}
.safe-banner h3,.safe-banner2 h3{font-size:24px; }

.safe-jh{ height:470px; padding-top:60px}
.safe-jh ul{ width:760px; margin:30px auto 0px;}
.safe-jh ul li{width:172px; height:190px; margin-right:24px; }
.safe-pic{ margin:38px auto 0px; height:72px;}
.safe-jh ul li .pic1{ width:64px}
.safe-jh ul li .pic2{ width:59px}
.safe-jh ul li .pic3{ width:59px}
.safe-jh ul li .pic4{ width:56px}
.safe-jh ul li h3{ font-size:14px;  margin-top:18px;}
.safe-jh ul li p{  font-size:12px; line-height:22px; height:44px; padding:0px 15px; margin-top:4px; }
.safe-jh ul .active{ margin-top:-6px}
.safe-jh ul .active .safe-pic{ margin-top:18px}
.safe-jh ul .active  h3{ font-size:14px; margin-top:10px}

.safe-yt{ padding:50px 0px;}
.safe-yt .safe-head h3{padding-bottom:18px}
.safe-yt ul{ margin:36px auto;}
.safe-yt ul li{padding-bottom:20px;}
.safe-yt span{ margin:22px auto 0px; font-size:16px;}

.safe-protect{ height:560px;}
.safe-promain{ padding-top:60px;}
.safe-protect ul{ width:760px; margin:10px auto 0px}
.safe-protect ul li{width:370px; height:130px;  margin-top:20px;}
.protect-pic{  margin:44px 0px 0px 22px;}
.safe-protect .tect3{ margin-top:48px}
.protect-right{width:250px;  margin:30px 0px 0px 14px}
.protect-right  h3{  font-size:16px; }
.protect-right  p{ font-size:14px; line-height:22px; margin-top:6px;}

.safe-tx{padding:60px 0px;}
.safe-tx .safe-head h3{ padding-bottom:17px}
.safe-ul{ width:760px; margin:20px auto 0px; height:182px}
.safe-li{ width:136px; height:150px; margin:16px 20px 0px 0px;}
.tx-pic{ height:42px;  margin:34px auto 0px}
.safe-ul .tx1{ width:38px}
.safe-ul .tx2{ width:40px}
.safe-ul .tx3{ width:41px}
.safe-ul .tx4{ width:40px}
.safe-ul .tx5{ width:53px}
.safe-ul h3{font-size:14px;  margin-top:30px;}
.safe-ul p{ font-size:12px; margin-top:12px; line-height:24px; height:48px; padding:0px 16px;}
.safe-ul .active{ height:182px}
.safe-ul .active .tx-pic{ margin-top:25px}
.safe-ul .active h3{ margin-top:17px;  font-size:14px}

/*解决方案-金融安全*/
.solve-banner{ height:450px}
.solve-banner h3{font-size:32px; line-height:450px}

.solve-fx{padding:60px 0px; }
.solve-head{ width:760px; }
.solve-head h3{ font-size:28px; padding-bottom:20px}
.solve-head p{line-height:28px; font-size:14px; margin-top:30px}
.solve-fx ul{ width:760px; margin:50px auto 0px}
.solve-fx ul li{ height:380px;padding:30px ;}
.solve-fx ul li span{ font-size:60px;}
.solve-fx ul li h3{font-size:20px;margin-top:4px; padding-bottom:15px;}
.solve-fx ul li p{font-size:14px;  margin-top:12px; line-height:30px; height:180px;}


.solve-1{ height:710px}
.solve-2{ margin-top:60px}
.solve-2 h3{ font-size:24px;}
.solve-3{ margin-top:15px; line-height:30px; font-size:16px;  padding-bottom:15px}

.solve-4{ width:760px; height:400px;  margin:40px auto 0px;}
.solve4-center{ background-size:24%}
.solve4-center h3{ bottom:150px;  font-size:12px;}
.solve4-center .solve4-cir{ width:180px; height:180px;margin-left:-90px;margin-top:-90px; }

.solve4-left,.solve4-right,.solve4-bottom1,.solve4-bottom2{width:240px; height:150px}
.solve4-left .solve4-body,.solve4-right .solve4-body,.solve4-bottom1 .solve4-body,.solve4-bottom2 .solve4-body{ padding:0px 14px;}
.solve4-left .solve4-body span,.solve4-right .solve4-body span,.solve4-bottom1 .solve4-body span,.solve4-bottom2 .solve4-body span{ margin-top:10px;}
.solve4-left .solve4-body h3,.solve4-right .solve4-body h3,.solve4-bottom1 .solve4-body h3,.solve4-bottom2 .solve4-body h3{ font-size:14px;   margin-top:5px; }
.solve4-left .solve4-body p,.solve4-right .solve4-body p,.solve4-bottom1 .solve4-body p,.solve4-bottom2 .solve4-body p{ font-size:12px; line-height:20px;  margin-top:4px;}
.solve4-left .solve4-icon{ width:100px; left:240px; height:63px; }
.solve4-right .solve4-icon{ width:100px;right:240px; height:63px; }
.solve4-bottom1 .solve4-icon{ width:100px;left:240px;height:63px;}
.solve4-bottom2 .solve4-icon{ width:100px;right:240px;height:63px;}


.solve-td{ padding:60px 0px 45px}
.td-head h3{font-size:28px;}
.td-head p{  font-size:16px; margin-top:7px; padding-bottom:16px}
.solve-td ul{ width:90%; margin:40px auto 0px;}
.solve-td ul li span{ width:120px; height:120px; }
.solve-td ul li h3{ font-size:16px;}
.solve-td ul li:hover p{top:60px;}

.solve-pro{padding-bottom:60px}
.solve-pro h3{ width:760px; margin:60px auto 0px; font-size:24px;  padding-bottom:20px}
.solve-pro ul{width:760px;  margin:40px auto 0px;}
.pro-name{  line-height:40px; font-size:16px;}
.pro-item p{ line-height:24px; font-size:12px; padding:0px 20px;}
.solve-pro .active p{ margin-top:60px}

.solve-case{ padding:60px 0px 50px}
.hz-ct{width:760px; margin:20px auto 0px; }

/*关于我们*/
.about-banner{ height:420px}
.about-banner h3{ font-size:30px; line-height:420px}

.about-info{ width:760px;  margin:50px auto 0px; padding-bottom:30px}
.about-info h3{  font-size:20px;}
.about-info ul{ margin-top:10px}
.about-pic{ width:370px; }
.about-des{ width:360px;}

.about-server{ width:760px; margin:50px auto 0px; padding-bottom:50px}
.about-server h3{ font-size:22px;}
.about-slide{ margin-top:22px;height:252px}
.about-slide img{ width:335px;}
.about-item p span{ left:24px;bottom:28px; font-size:16px;}

.about-sc{ width:760px; margin:50px auto 0px; padding-bottom:50px}
.about-sc h3{  font-size:22px; }
.about-2{margin-top:25px}

.about-3{  padding-bottom:50px}
.about-3 h3{ width:760px;  margin:60px auto 0px; font-size:22px;}
.about-3 ul{ width:760px;  margin:22px auto 0px}
.about-3 ul li{  padding-bottom:14px}
.about-3 ul li span{ padding:0px 10px 0px 10px; margin-top:8px; font-size:14px; }
.about-3 ul li p{ padding:0px 10px 0px 10px; }

.about-4{  margin:70px auto 0px; padding-bottom:50px}
.about-4 h3{ width:760px;font-size:22px;}
.about-5{ width:760px; margin:20px auto 0px;height:214px}
.about-list h4 p{ font-size:12px; line-height:23px;}
.about-list h4 samp{ font-size:18px;}

.about-6{ margin:70px auto 0px; padding-bottom:50px}
.about-6 h3{ font-size:22px;}
.about-zr{ width:760px;}
.zr-bg{width:160px; height:160px; margin-top:12px}
.zr-item span{line-height:21px; height:42px; padding:0px 10px; font-size:12px; margin-top:12px}

.about-his{ padding-bottom:60px}
.about-his h3{font-size:20px;  margin-top:70px}
.his-body{ width:760px;  margin:20px auto 0px;}
.his-content{ width:500px; height:320px; margin:15px auto;}
.his-item{ width:86%;left:7%;top:50%;}
.his-item span{  font-size:50px; }
.his-info{ line-height:31px; height:124px; font-size:14px; padding:0px 15px; }
.his-content .active{top:50px}

.contact-s{ width:500px;}
.contact-s h3{ font-size:20px;}
.contact-sa ul li{line-height:40px; font-size:16px;margin-right:36px;}

/*国密门禁*/
.gmm-1{ padding-top:50px}
.gmm-img{ padding:40px 0px 60px}
.gmm-img img{ width:73%;}

/*身份云*/
.sf-1{ margin-top:22px}
.sf-2{ width:760px; font-size:14px;padding:30px 0px 50px }
.sf-3{padding-bottom:70px}
.sf-3 h3{ margin-top:50px; font-size:28px;  padding-bottom:16px}
.sf-4{ width:760px; margin:50px auto 0px;}
.sf-left{ width:320px;}
.sf-pannel{ width:220px; height:115px; padding:8px 8px 0px;}
.sf-pannel samp img{ height:15px}
.sf-pannel span{ margin-top:2px; font-size:14px;}
.sf-pannel p{ margin-top:2px; }
.sf-left .sf-icon{ width:100px; margin-top:60px}
.sf-left .sf-item2{ margin-top:20px}
.sf-left .sf-item2 samp{ margin-top:10px}
.sf-left .sf-item2 .sf-icon{ margin-top:0px}
.sf-right{width:300px; margin-top:80px}
.sf-right .sf-icon{width:80px; height:114px;}
.sf-center{ width:170px; height:170px;top:50px; }
.sf-s{ width:50px; height:38px; top:50px;}
.sf-center h4{top:100px; font-size:12px;}

.zn-1{ height:auto; padding-bottom:50px}
.zn-head h3{  margin-top:50px; font-size:24px;}
.zn-head ul{ margin-top:20px;}
.zn-head ul li{ width:180px; line-height:40px; font-size:14px; margin:0px 10px;}

.zn-conetent .pannel1{ margin:30px auto 0px;}
.zn-conetent .znitem1{width:100%;}
.zn-conetent .znitem2{ width:100%;  margin-top:30px}
.zn-conetent .znitem3{ width:100%; padding:16px; margin-top:30px;  margin-left:0%; line-height:22px;  }
.zn-cir{ display:none}

.zn-conetent .pannel2{ width:760px; margin:40px auto 0px; height:440px; background:none  }
.zn-conetent .item1{ width:360px; height:200px;padding:22px 20px 0px;}
.zn-conetent .item1 h3,.zn-conetent .item2 h3,.zn-conetent .item3 h3,.zn-conetent .item4 h3{font-size:16px; }
.zn-conetent .item1 p,.zn-conetent .item2 p,.zn-conetent .item3 p,.zn-conetent .item4 p{font-size:14px; line-height:26px; margin-top:8px;}
.zn-conetent .item2{ width:360px; height:200px; padding:20px 20px 0px;}
.zn-conetent .item3{ width:360px; height:200px;  padding:32px 20px 0px;}
.zn-conetent .item4{ width:360px; height:200px;  padding:45px 20px 0px;}
.zn2-center{ display:none}
.zn-conetent .pannel3 .solve4-left .solve4-body h3,.zn-conetent .pannel3 .solve4-bottom1 .solve4-body h3{ margin-top:20px}
.zn-conetent .pannel3 .solve4-right .solve4-body h3,.zn-conetent .pannel3 .solve4-bottom2 .solve4-body h3{ margin-top:12px}
.pannel3-center{ width:147px; height:147px;top:31.5%; line-height:147px; font-size:12px;}

.product-body .swiper-slide h4{ width:82%; left:10%;top:17%; font-size:24px;padding-bottom:20px}
.product-body .swiper-slide h4:before{ width:40px; height:4px;}


}

@media screen and (max-width:900px){
/*新闻列表*/
.break-nav{ line-height:50px; margin-top:61px; padding:0px 30px}
.break-left span{  height:50px; margin-right:10px}

.news-show{ height:auto; padding-bottom:50px}
.news-conent{margin:40px auto 0px;}
.news-conent h3{ font-size:22px; }
.news-conent .swiper-pagination-current{ font-size:20px; }
.news-date span{  font-size:30px;}
.news-date p{ margin-top:0px; }
.news-title{ font-size:14px; line-height:22px; margin-top:4px}
.news-info{ font-size:12px; line-height:24px; height:48px; margin-top:12px}
.news-more{  font-size:12px;  margin-top:4px}

/*新闻详情*/
.news-arc{margin:50px auto 0px; padding-bottom:70px;}
.news-arc h1{font-size:24px;}
.arc-item{font-size:14px; margin-top:20px}
.arc-content{ margin-top:18px; padding:20px 0px; line-height:28px; font-size:14px; }
.arc-content img{padding:20px 0px}

/*core*/
.core-top{height:61px}
.core-num p{ width:50px;height:50px; }
.core-num p span{padding:4px 6px 6px ;font-size:12px; }
.core-num p samp{font-size:12px;}
.core-pannel h3{ font-size:30px;  margin-top:20px}
.core-item{ width:55%;}
.core-sel{  margin-top:20px;}
.core-sel a{  padding:11px; font-size:12px;  margin:0px 8px}
.core{ padding:0px 54px;height:calc(100vh - 61px)}
.core-info{font-size:14px; line-height:26px;  margin-top:20px; padding:0px 25px}

/*解决方案*/
.scheme{height:calc(100vh - 61px);}
.scheme-body h3{ font-size:26px; background-size:40%}

.ident-new{ width:90%; margin:20px auto 0px; padding-bottom:50px}
.ident-pannel{margin-top:18px;padding:20px 20px 14px;}
.ident-pannel span{font-size:32px;}
.ident-pannel h3{ font-size:14px;padding-bottom:10px;}
.ident-pannel h3:before{ width:20px;}
.ident-pannel p{line-height:25px; height:100px;margin-top:8px}

/*案例*/
.case-banner,.join-banner,.ident-banner{ background-size:900px; height:282px}
.case-banner h3,.join-banner h3,.ident-banner h3{ font-size:30px; line-height:282px}

.case-nav{ margin-top:30px}
.case-nav span{ width:90px; height:40px; line-height:40px;margin:0px 8px;font-size:14px; }
.case-nav span a{ color:#030000; display:block}
.case-nav span a:hover{background:#b31b34; color:#fff}
.case-nav .active{ background:#b31b34}
.case-nav .active a{ color:#fff}

.case-list{ width:96%; margin:10px auto 0px}
.case-item{width:48%; height:140px; margin-right:0px; margin-top:16px;line-height:140px; }
.case-item:nth-child(2n){ float:right}
.case-item:nth-child(3n),.case-item:nth-child(4n){ margin-right:0px}
.case-list .active .case-drop{top:-10px; height:200%;}
.case-list .active .case-drop .case-pic{ width:90%;padding:10px 0px}
.case-list .active .case-drop .case-info{ width:90%;line-height:24px; margin-top:22px	}
.case-pop{ width:90%; height:90%;left:5%;top:5%; margin-left:0px;margin-top:0px; padding:30px 30px 0px }
.case-yh{width:220px; height:110px;}
.pop-right{ float:left; width:100%;}
.pop-right h3{font-size:22px;margin-top:10px}
.pop-right p{font-size:14px; margin-top:12px; line-height:24px; height:48px;}
.pop-detail{ line-height:24px; font-size:12px;  margin-top:20px; height:210px}
.pop-detail p{ padding:20px 0px}

/*产品-支付*/
.card-gs{ margin:30px auto 0px}
.card-gs h3{width:90%; font-size:18px;}
.card-info{width:90%; }

.card-gs ul{ width:90%; margin:0px auto}
.card-gs ul li{ width:100%; margin-top:20px; height:230px}
.card-gs ul .card-li{ width:100%}
.card-gs ul .card-li:nth-child(1){ height:320px}
.card-gs ul .card-li:nth-child(3){ height:240px}


.card-pic{ width:140px}
.card-body span{ width:90%;font-size:14px;}
.card-body p{ width:90%;}
.card-gs ul .active{ margin-top:20px;}

.card-silde{ width:90%; margin:20px auto 0px;}

.card-head{ padding:6px}
.card-head span{ width:auto;height:30px; line-height:30px; padding:0px 11px; font-size:12px; text-align:center}
.card-list{padding:10px 0px}
.card-des{font-size:12px;line-height:24px}
.card-pannel ul{ margin-top:10px}
.card-detail{ padding:10px; line-height:24px; }

.zp-pannel{ width:90%; margin:26px auto 0px}
.zp-data{ height:440px;  }
.zp-pic{  height:50px;}
	

/*加入我们*/
.join-1{padding:70px 0px; }
.join-1 h3{font-size:26px;}
.join-zw a{ width:120px; height:40px; line-height:40px; font-size:14px;}
.join-3{padding:60px 0px; width:100%}
.join-item{ padding:0px 2%}
.join-item h3{ font-size:16px; }
.join-item p{line-height:23px;}
.join-4{height:350px;}
.join-center h3{ font-size:26px; }
.join-zp{ padding-bottom:50px}
.join-head{ margin:50px auto 0px; }
.join-head h3{font-size:26px;}
.join-more a{ width:150px; height:40px; line-height:40px; font-size:16px;}
.zp-content{ width:90%; height:400px;left:5%;margin-left:0px; margin-top:-200px; padding:20px 30px}
.zp-title{font-size:22px;}
.zp-name{font-size:18px; margin-top:15px}
.zp-pos{ margin-top:15px;}
.zp-main{ height:180px; margin-top:10px }
.zp-main h4{ font-size:16px; }
.zp-main p{ line-height:24px; font-size:12px; }
.zp-main .zp-top{ margin-top:15px}
.zp-add a{ width:140px; height:40px; line-height:40px;font-size:14px; }

/*身份证集中核验*/
.safe-info{ padding:50px 0px 70px}
.safe-head h3{ font-size:22px; }
.safe-info2{ padding:50px 0px 70px;}
@keyframes fadeup{
0%{top:40%;opacity:1}
100%{top:10%;opacity:0}
}
@keyframes fadedown{
0%{top:40%;opacity:1}
100%{top:70%;opacity:0}
}
.ident-show{ width:90%; margin:30px auto 0px}
.ident-s1,.ident-s3,.ident-s5{ width:100%; height:auto}
.ident-s1 img,.ident-s3 img,.ident-s5 img{ width:100%; height:auto}

.ident-s2{width:100%; height:80px; background-size:30px}
.ident-s2 span{ right:38%;top:40%; z-index:2;transform:rotate(90deg);animation:fadeup 1.5s ease infinite }
.ident-s2 p{left:38%;top:40%; z-index:2;transform:rotate(-90deg);animation:fadedown 1.5s ease infinite}

.ident-s4{width:100%; height:80px; background:url(../image/icon-68-1.png) no-repeat center;}
.ident-s4 span{right:43%;top:47%;transform:rotate(90deg);animation:fadeup 1.5s ease infinite}
.ident-s4 p{left:43%;top:50%;transform:rotate(-90deg);animation:fadedown 1.5s ease infinite}
.ident-s6{left:26%;top:52%;}
.ident-s7{left:59%;top:5x%; }

.ident-js,.jt-1{ height:360px; }
.ident-js h3,.jt-1 h3{bottom:40px; font-size:28px;}

.ident-ys{ width:90%; margin:45px auto 0px;}
.ident-ys h3{font-size:28px;}
.ident-ys p{font-size:14px; margin-top:10px;padding-bottom:12px}
.ident-ys ul li{width:48.7%; margin-top:16px; }
.ident-item span{ height:50px; line-height:50px; padding-left:10px; font-size:12px;}
.ident-item samp{ padding:0px 10px; line-height:24px; height:72px; overflow:hidden}
.ident-ys ul .active .ident-item span{padding-top:0%;margin-top:5%; font-size:18px; line-height:30px; height:30px}
.ident-ys ul .active .ident-item samp{ padding-top:0%;margin-top:17%;}

/*核心技术-网银安全*/
.safe-main{ width:90%; margin:20px auto 0px;  height:auto}
.safe-left{ width:100%;border-radius:5px}
.safe-right{ width:100%;padding:20px 0px 20px 20px; height:240px}
.safe-body{ width:100%;}

.safe-banner,.safe-banner2{height:360px; background-size:1200px }
.safe-banner span,.safe-banner2 span{ margin-top:120px}
.safe-banner span img,.safe-banner2 span img{ width:120px;}
.safe-banner h3,.safe-banner2 h3{font-size:20px;}

.safe-jh{ height:auto; padding:50px 0px; background-size:cover}
.safe-jh ul{ width:100%; margin:24px auto 0px;}
.safe-jh ul li{width:20%; height:170px; margin:0px 0px 0px 4%}
.safe-pic{ margin:26px auto 0px; height:72px;}
.safe-jh ul li .pic1{ width:37%}
.safe-jh ul li .pic2{ width:37%}
.safe-jh ul li .pic3{ width:37%}
.safe-jh ul li .pic4{ width:37%}
.safe-jh ul li p{  font-size:12px; line-height:22px; height:44px; padding:0px 10px; margin-top:4px; }
.safe-jh ul .active{ margin-top:-6px}
.safe-jh ul .active .safe-pic{ margin-top:18px}
.safe-jh ul .active  h3{ font-size:14px; margin-top:2px}

.safe-yt{ padding:40px 0px;}
.safe-yt .safe-head h3{padding-bottom:15px}
.safe-yt ul{ margin:32px auto;}
.safe-yt ul li{padding-bottom:15px;}
.safe-yt span{ margin:20px auto 0px; font-size:14px;}
.safe-yt p{font-size:12px;  line-height:23px; height:46px;}


.safe-protect{ height:790px;}
.safe-promain{ padding-top:50px;}
.safe-protect ul{ width:90%;}
.safe-protect ul li{ float:left;width:100%; height:130px;  margin-top:20px;}
.protect-pic{  margin:44px 0px 0px 22px;}
.protect-right{width:80%;  margin:42px 0px 0px 14px}

.safe-tx{padding:50px 0px;}
.safe-ul{ width:100%; margin:20px auto 0px; height:182px}
.safe-li{ width:16%; height:150px; margin:16px 0px 0px 3.3%;}


/*解决方案-金融安全*/
.solve-banner{ height:360px}
.solve-banner h3{font-size:28px; line-height:360px}

.solve-fx{padding:45px 0px; }
.solve-head{ width:90%; }
.solve-head h3{ font-size:24px; padding-bottom:15px}
.solve-head p{line-height:26px; font-size:12px; margin-top:20px}
.solve-fx ul{ width:100%; margin:35px auto 0px}
.solve-fx ul li{ height:340px;padding:20px; width:30%; margin:0px 0px 0px 2.5%}
.solve-fx ul li:last-child{ float:left}
.solve-fx ul li span{ font-size:50px;}
.solve-fx ul li h3{font-size:18px;margin-top:4px; padding-bottom:12px;}
.solve-fx ul li p{ height:180px;}

.solve-1{ height:auto; padding-bottom:30px}
.solve-2{ margin-top:30px}
.solve-2 h3{ font-size:18px; }
.solve-3{  margin-top:12px;line-height:26px; font-size:12px;  padding-bottom:12px}
.solve-4{ width:90%; height:auto;  margin:30px auto 0px;}
.solve4-left{ float:left; width:48%; position: relative;height:120px}
.solve4-left .solve4-body{ width:100%; padding:0px 15px}
.solve4-right{ float:right; width:48%; position: relative;height:120px}
.solve4-right .solve4-body{ width:100%;  padding:0px 15px}
.solve4-bottom1{ float:left; width:48%; position: relative;height:120px; margin-top:20px}
.solve4-bottom1 .solve4-body{ width:100%;  padding:0px 15px}
.solve4-bottom2{  float:right; width:48%; position: relative;height:120px; margin-top:20px}
.solve4-bottom2 .solve4-body{width:100%;  padding:0px 15px}
.solve4-center{ display:none}


.solve-td{ padding:50px 0px 40px}
.td-head h3{font-size:22px;}
.td-head p{  font-size:14px; margin-top:7px; padding-bottom:12px}


.solve-pro{padding-bottom:50px}
.solve-pro h3{ width:90%; margin:40px auto 0px; font-size:20px;  padding-bottom:16px}
.solve-pro ul{width:90%;  margin:30px auto 0px;}
.pro-name{  line-height:40px; font-size:14px;}
.pro-item p{ line-height:22px; font-size:12px; padding:0px 20px; height:66px}
.solve-pro .active p{ margin-top:60px}
.pro-item samp{  margin-top:8px;}

.solve-case{ padding:40px 0px}
.hz-ct{width:90%; margin:20px auto 0px; }

/*关于我们*/
.about-banner{ height:360px}
.about-banner h3{ font-size:26px; line-height:360px}

.about-info{ width:90%;  margin:40px auto 0px; padding-bottom:30px}
.about-pic{ float:left; width:60%; position:static; margin-top:20px }
.about-des{ width:100%;}

.about-server{ width:90%; margin:40px auto 0px; padding-bottom:40px}
.about-server h3{ font-size:20px;}
.about-slide{ margin-top:20px;height:276px}
.about-slide img{ width:356px;}
.about-item p span{ left:20px;bottom:22px; font-size:14px;}

.about-sc{ width:90%; margin:40px auto 0px; padding-bottom:40px}
.about-sc h3{  font-size:20px; }
.about-1{ font-size:12px; line-height:28px; margin-top:12px}
.about-2{margin-top:20px}

.about-3{  padding-bottom:40px}
.about-3 h3{ width:90%;  margin:50px auto 0px; font-size:20px;}
.about-3 ul{ width:90%;  margin:20px auto 0px}
.about-3 ul li{  padding-bottom:12px}

.about-4{  margin:50px auto 0px; padding-bottom:40px}
.about-4 h3{ width:90%;font-size:18px;}
.about-5{ width:90%; margin:16px auto 0px;height:auto}
.about-5 ul{ float:left; width:100%; height:auto;}
.about-5 ul li{height:auto;}
.about-5 .about-simg{ width:100%; position: static; float:left;opacity:1}


.about-list{ float:left;height:auto;}
.about-list h4{float:left; height:80px; position: static;}
.about-list h4 p{ font-size:14px; line-height:24px;}
.about-list h4 samp{ font-size:22px;}
.about-5 ul li .act h4{ width:100%; height:80px;}

.about-6{ margin:50px auto 0px; padding-bottom:40px}
.about-6 h3{ font-size:18px;}
.about-zr{ width:90%;}


.about-his{ padding-bottom:50px}
.about-his h3{font-size:18px;  margin-top:50px}
.his-body{ width:90%;  margin:20px auto 0px;}

.contact-map{ height:380px}
.contact-s{ width:80%;}
.contact-s h3{ font-size:18px; margin-top:30px}
.contact-sa{  height:290px; margin-top:20px; }
.contact-cont{ margin:16px auto 0px; padding-left:10px}
.contact-sa ul li{line-height:40px; font-size:14px; margin-right:16px}
.contact-item .contact-li{font-size:12px;height: auto}

.product{ height:calc(100vh - 61px); margin-top:61px;}

/*生物识别*/
.banner-ident{height:360px;}
.banner-ident h3{font-size:30px;}
.ident-head{margin:50px auto 0px}
.ident-head h3{ font-size:30px; }
.ident-content{ margin-top:0px; padding-bottom:50px; }

.ident-2{padding-bottom:40px}
.ident-3{ margin:60px auto 0px}
.ident-3 ul li{ height:100px}
.ident-3 ul li span{ margin-top:0px;}
.ident-3 ul li .ident1,.ident-3 ul li .ident2,.ident-3 ul li .ident3,.ident-3 ul li .ident4,.ident-3 ul li .ident5{ background-size:20px}
.ident-3 ul .active .ident1,.ident-3 ul .active .ident2,.ident-3 ul .active .ident3,.ident-3 ul .active .ident4,.ident-3 ul .active .ident5{ background-size:20px}
.ident-3 ul li p{ margin-top:14px;}
.ident-3 ul .active span{ width:50px; height:50px; }
.ident-3 ul .active p{ font-size:14px}
.ident-4{ margin:10px auto 0px}
.ident-5{ margin:20px auto 0px; height:160px; }
.ident-ul em img{ width:240px;}
.ident-li{padding-left:280px;}
.ident-li span{font-size:16px;margin-top:0px}
.ident-li p{font-size:12px;line-height:24px; margin-top:12px; }

/*国密门禁*/
.gmm-1{ padding-top:40px}
.gmm-img{ padding:40px 0px 50px}
.gmm-img img{ width:84%;}
.gmm-2head{font-size:22px;}
.gmm-3 h3{ width:40px; font-size:12px;  margin-top:-13px}
.gmm-3 ul .gmli1{left:-76%;} 
.gmm-3 ul .gmli2{right:-62%;} 
.gmm-3 ul .gmli3{left:-110%} 
.gmm-3 ul .gmli4{right:-72%;} 
.gmm-3 ul .gmli5{left:-92%;} 
.gmm-3 ul .gmli6{right:-62%;}

/*身份云*/
.sf-1{ margin-top:20px}
.sf-1 .ident-s1,.sf-1 .ident-s3,.sf-1 .ident-s5{border-radius:9%;}
.sf-2{ width:90%; font-size:12px;padding:30px 0px 40px; line-height:24px }
.sf-3{padding-bottom:50px}
.sf-3 h3{ margin-top:40px; font-size:22px; }
.sf-4{ width:90%; margin:40px auto 0px;}

.zn-1{ padding-bottom:40px}
.zn-head h3{  margin-top:40px; font-size:22px;}
.zn-head ul li{ width:160px; line-height:40px; font-size:14px; margin:0px 10px;}

.zn-conetent .pannel1{ margin:20px auto 0px;}
.zn-conetent .znitem2{ margin-top:20px}
.zn-conetent .znitem3{padding:15px; margin-top:20px;   }

.zn-conetent .pannel2{ width:90%; margin:30px auto 0px; height:auto; }
.zn-conetent .item1{ width:48%; height:200px;padding:15px 15px 0px; float:left; position:relative}
.zn-conetent .item1 h3,.zn-conetent .item2 h3,.zn-conetent .item3 h3,.zn-conetent .item4 h3{font-size:14px; }
.zn-conetent .item1 p,.zn-conetent .item2 p,.zn-conetent .item3 p,.zn-conetent .item4 p{font-size:12px; line-height:24px; margin-top:6px;}
.zn-conetent .item2{ width:48%; height:200px; padding:15px 15px 0px;float:right; position:relative}
.zn-conetent .item3{ width:48%; height:100px;  padding:15px 15px 0px;float:left; position:relative; margin-top:20px}
.zn-conetent .item4{ width:48%; height:100px;  padding:15px 15px 0px;float:right; position:relative; margin-top:20px}
.zn2-center{ display:none}
.pannel3-center,.solve4-left .solve4-icon,.solve4-right .solve4-icon,.solve4-bottom1 .solve4-icon,.solve4-bottom2 .solve4-icon{ display:none}

}

@media screen and (max-width:768px){
/*新闻列表*/
.break-nav{ line-height:40px;  padding:0px 20px}
.break-left span{  height:40px;}
.break-left{ font-size:12px; margin-right:20px}
.break-left p a{ margin:0px 6px}
.break-nav ul{font-size:12px; float:left;}
.break-nav ul li a{ padding:0px 5px}

.news-show{ padding-bottom:30px}
.news-conent{ width:80%; margin:30px auto 0px; }
.news-conent h3{ font-size:20px; }
.news-left{ width:100%; }
.news-right{width:100%;padding:0px 10px;padding-bottom:15px}
.news-date{ margin-top:10px;}
.news-date span{ font-size:30px;}
.news-date p{ margin-top:3px; }
.news-title{font-size:14px; line-height:27px; margin-top:13px}
.news-info{font-size:12px;margin-top:12px}
.news-more{ margin-top:14px}
.news-conent .swiper-button-prev{ width:30px; height:30px;left:-30px; }
.news-conent .swiper-button-next{ width:30px; height:30px;right:-30px;}

.news-list{ width:96%;margin:20px auto 0px;}
.news-item{padding:20px 0px;}
.item-date{ width:30%; padding:15px 0px;}
.item-date span{font-size:20px; }
.item-date p{ font-size:14px; }
.item-right{ width:70%;  padding:0px 15px}
.item-right span{font-size:14px; }
.item-right p{  font-size:14px; line-height:24px; height:72px}

.list-page{ padding:20px 0px}
.list-page a{ width:24px; height:24px;  line-height:24px; }

/*新闻详情*/
.news-arc{ width:90%;margin:30px auto 0px; padding-bottom:40px;}
.news-arc h1{font-size:16px;}
.arc-item{font-size:14px; margin-top:14px}
.arc-item span{ padding:0px; font-size:12px; float:left; width:100%; text-align:left; background:none}
.arc-back{ float:left; width:100%; overflow:hidden; text-align:center; margin-top:40px}
.arc-left,.arc-right{width:100%;  margin-top:15px;padding:15px;}
.arc-left span,.arc-right span{font-size:14px; }
.arc-left a,.arc-right a{font-size:12px; }
.left-piao{ display:none}

/*core*/

.core{padding:0px; text-align: center}
.section2,.section3{ text-align:center}
.core-item{ width:90%; }
.core-num p{ width:50px;height:50px;border:1px #fff solid}
.core-num p span{ border-bottom:2px #fff solid; padding:5px ; }
.core-pannel h3{ font-size:24px;margin-top:15px}
.core-info{ font-size:14px; line-height:25px; margin-top:20px; padding:0px 20px}
.core-sel{ margin-top:10px;}
.core-sel a{ padding:15px; font-size:12px; margin-top:10px}

/*解决方案*/
.scheme-main{ width:90%; }
.scheme-body{ width:100%;}

.scheme-body h3{font-size:20px;}
.scheme-body p{font-size:14px;line-height:24px; margin-top:13px}
.scheme-body ul{  margin-top:14px}
.scheme-body li{ line-height:25px; height:25px;font-size:12px;color:rgba(255,255,255,0.7) }
.scheme-body span{ margin-top:17px}
.scheme-body span a{width:100px; height:30px; line-height:30px;font-size:12px;}

.ident-new{  padding-bottom:40px}
.ident-pannel{padding:15px}
.ident-pannel p{height:200px;}

/*案例*/
.case-banner,.join-banner,.ident-banner{ background-size:cover; height:230px}
.case-banner h3,.join-banner h3,.ident-banner h3{ font-size:24px; line-height:230px}
.case-item img{ min-width:100%;}
.case-item{width:48%; height:100px;line-height:100px; }

.case-list .active .case-drop{top:-20px; height:150%;}
.case-list .active .case-drop .case-pic{ width:94%;padding:2px 0px}
.case-list .active .case-drop .case-info{ width:94%;line-height:24px; height:48px; margin-top:12px	}
.case-list .active .case-drop .case-more{ width:94%;font-size:12px;background:url(../image/icon-105.png) no-repeat 44% center}
.pop-right h3{font-size:18px;}

/*产品-支付*/
.pay-1{ width:90%;margin:30px auto 0px;padding-bottom:24px}
.pay-1 h3{font-size:24px; }
.pay-info{ font-size:14px;line-height:26px; margin-top:10px}
.pay-2{ width:90%;}
.pay-item{margin-top:20px;height:auto;}
.pay-left{width:100%; height:auto; padding:10px 0px}
.pay-right{width:100%; padding:15px}
.pay-body{ width:90%; }
.pay-body h3{font-size:18px;  padding-bottom:15px}
.pay-des{ line-height:24px; font-size:12px;  margin-top:12px}
.pay-body ul{ margin-top:20px}
.pay-body ul li{ line-height:28px; font-size:12px; color:#808080; background:url(../image/icon-1.jpg) no-repeat 0px 11px}
.kong{ height:40px}
.pay-li{ width:100%; font-size:12px}
.pay-more a{ width:120px; height:34px; line-height:34px; font-size:14px; }


.pay-center{ width:94%;height:90%}
.pay-close{ right:10px;top:10px;  background-size:18px;}

.pay-full-head{ width:96%;  margin:40px auto 0px; font-size:22px;}
.payfull-content{ width:98%; margin:20px auto 0px; height:70%}
.payfull-nav{width:97%; height:30px; line-height:30px;}
.payfull-nav span{ font-size:14px; margin-left:20px}
.payfull-item{width:97%;}
.payfull-item ul li{ line-height:30px; height:30px; font-size:12px;}
.payfull-item ul li span{ height:30px; padding-left:2%}
.payfull-item ul li p{ height:30px;  padding-left:2%}
.payfull-kong{  height:20px}
.pay-full .mCSB_scrollTools .mCSB_draggerRail{ display:none}
.pay-full .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.pay-full .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar:hover{ background:#b31b34;opacity:1}
.pay-full-show{ visibility:visible;opacity:1}
.pay-full .mCSB_inside > .mCSB_container{ margin-right:10px}
/*产品-多功能卡*/
.card-banner{ background-size:cover; height:240px}
.card-banner h3{ margin:50px auto 0px; font-size:22px; }
.card-banner p{ margin:20px auto 0px; font-size:14px; }
.card-banner span{ margin:30px auto 0px}
.card-banner span a{ width:140px; height:36px; line-height:36px; font-size:12px;}

.zp-pannel{ width:90%; margin:10px auto 0px}
.zp-data{ width:100%; height:auto;border-top:2px #fff solid;margin-right:0px; margin-top:20px }
.zp-pic{ margin:15px auto 0px; height:40px;}
.zp-bottom{ width:86%; position: relative; margin:20px auto 0px;left:0px;bottom:0px; padding-bottom:15px}
.zp-bottom span{ font-size:16px; }
.zp-bottom p{font-size:12px;line-height:24px; margin-top:10px;}


/*加入我们*/
.join-1{padding:40px 0px; }
.join-1 h3{font-size:22px;}
.join-info{ width:85%; line-height:24px; font-size:12px}
.join-zw a{ width:120px; height:40px; line-height:40px; font-size:14px;}

.join-left{ width:100%;}
.join-top,.join-bottom{ width:100%; position: static; float:left}
.join-2 span{line-height:40px; font-size:12px;}
.join-left:hover span,.join-top:hover span,.join-bottom:hover span{ height:40px}


.join-3{padding:40px 0px 20px;}
.join-item{ padding:0px 2%; width:50%; margin-top:10px}
.join-item h3{ font-size:14px; }
.join-item p{line-height:23px; height:69px}

@keyframes kuobig{
0%{background-size:200%}
100%{background-size:270%}
}
.join-4{height:350px;}
.join-center{ width:88%}
.join-center h3{ font-size:20px; }
.join-center ul{ margin-top:22px}
.join-center ul li{line-height:30px; font-size:12px;  padding-left:26px;}

.join-zp{ padding-bottom:20px}
.join-head{ margin:40px auto 0px; padding-bottom:0px }
.join-head h3{ font-size:20px; padding-bottom:15px}
.join-zp ul{ float:left; width:100%; font-size:14px;  margin-top:12px}
.join-zp ul li{ width:30%; margin-left:0px; margin-right:15px; line-height:40px;transition:all 0.4s ease}
.join-zp ul .active{ font-size:16px;}


.join-list{ margin:10px auto 0px}
.zp-item{ width:100%; margin-top:15px; margin-right:0px; height:130px; }

/*身份证集中核验*/
.safe-info{ padding:40px 0px 50px}
.safe-head h3{ font-size:18px; }
.safe-head p{ font-size:14px; padding:0px 20px 10px; line-height:23px;box-sizing:border-box }
.safe-info2{ padding:40px 0px 50px;}
.ident-js,.jt-1{ height:250px; }
.ident-js h3,.jt-1 h3{bottom:30px; font-size:20px;}

.ident-ys{ margin:30px auto 0px;}
.ident-ys h3{font-size:20px;}
.ident-ys p{font-size:12px; }
.ident-ys ul li{width:100%; }
.ident-item span{ height:40px; line-height:40px;}
.ident-ys ul .active .ident-item span{ font-size:16px; }

.safe-cj{padding:50px 0px 60px;}
.safe-applay{ margin-top:20px;}
.safe-appimg span{line-height:30px;font-size:12px; height:30px}
.safe-applay .swiper-slide:before{background:-webkit-linear-gradient(right,rgba(255,255,255,0) 57%,rgba(255,255,255,0))}

.safe-applay .swiper-slide-active{-webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);-ms-filter: grayscale(0%);-o-filter: grayscale(0%);filter: grayscale(0%);filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=0)}
.safe-applay .swiper-slide-next span{ height:30px}
.safe-cj .swiper-pagination-bullet{ margin:0px 5px; width:10px; height:10px}
.safe-cj .swiper-button-prev,.safe-cj .swiper-button-next{ width:30px; height:30px;}

.safe-banner,.safe-banner2{height:240px; background-size:cover; background-attachment:scroll }
.safe-banner span,.safe-banner2 span{ margin-top:90px}
.safe-banner span img,.safe-banner2 span img{ width:90px;}
.safe-banner h3,.safe-banner2 h3{font-size:18px; margin-top:12px}

.safe-jh{ padding:30px 0px; }
.safe-jh ul{margin:0px auto;}
.safe-jh ul li{width:45%; height:150px; margin:20px 0px 0px 3.3%}
.safe-pic{ margin:26px auto 0px; height:72px;}
.safe-jh ul li h3{ font-size:14px;  margin-top:12px;}
.safe-jh ul li p{  font-size:12px;  height:22px;  }
.safe-jh ul .active{ margin-top:20px}

.safe-yt{ padding:30px 0px;}

.safe-yt ul{ width:90%; margin:0px auto;}
.safe-yt ul li{ width:100%; margin:15px 0px 0px;padding-bottom:12px;}
.safe-yt span{ margin:16px auto 0px;}
.safe-yt p{line-height:20px; height:auto;}

.safe-protect{ height:680px;}
.safe-promain{ padding-top:40px;}
.safe-protect ul li{ height:100px; }
.protect-pic{  margin:37px 0px 0px 16px;}
.safe-protect .tect1{ width:25px}
.safe-protect .tect2{ width:54px}
.safe-protect .tect3{ width:36px; margin-top:36px}
.safe-protect .tect4{ width:40px}

.protect-right{width:70%;  margin:16px 0px 0px 14px}
.protect-right  h3{  font-size:14px; }
.protect-right  p{ font-size:12px; line-height:20px; height:40px; margin-top:6px;}

.safe-tx{padding:30px 0px;}
.safe-ul{margin:14px auto 0px; height:142px; text-align:center}
.safe-li{ width:30%; height:110px; margin:16px 0px 0px 2.5%;}
.tx-pic{ height:42px;  margin:24px auto 0px}
.safe-ul .tx1{ width:28px}
.safe-ul .tx2{ width:30px}
.safe-ul .tx3{ width:31px}
.safe-ul .tx4{ width:30px}
.safe-ul .tx5{ width:43px}
.safe-ul h3{font-size:14px;  margin-top:12px;}
.safe-ul p{  margin-top:5px; line-height:20px; height:20px; padding:0px 12px;}
.safe-ul .active{ height:110px;margin:16px 0px 0px 2.5%;}
.safe-ul .active .tx-pic{ margin-top:12px}
.safe-ul .active h3{ margin-top:6px;  font-size:14px}

/*解决方案-金融安全*/
.solve-banner{ height:240px; background-size:cover}
.solve-banner h3{font-size:24px; line-height:240px}

.solve-fx{padding:30px 0px; }
.solve-head{ width:90%; }
.solve-head h3{ font-size:20px; }
.solve-head p{line-height:24px; margin-top:15px}
.solve-fx ul{margin:10px auto 0px}
.solve-fx ul li{ height:auto;padding:20px; width:90%; margin:17px 0px 0px 5%}
.solve-fx ul li span{ font-size:40px;}
.solve-fx ul li h3{font-size:16px;}
.solve-fx ul li p{font-size:12px;  margin-top:10px; line-height:26px; height:auto;}
.solve-fx ul .active{margin-top:17px}

.solve-2{ width:90%; margin:30px auto 0px}
.solve-4{  margin:20px auto 0px;}
.solve4-left,.solve4-right,.solve4-bottom1,.solve4-bottom2{ width:100%; height:130px; margin-top:20px}
.solve4-left .solve4-body span,.solve4-bottom1 .solve4-body span{ background-position:left center}
.solve4-left .solve4-body h3,.solve4-left .solve4-body p,.solve4-bottom1 .solve4-body p,.solve4-bottom1 .solve4-body h3{ text-align:left}
.solve4-center{ display:none}


.solve-td{ padding:30px 0px 25px}
.td-head h3{font-size:18px;}
.td-head p{  font-size:12px; margin-top:7px; padding-bottom:12px}


.solve-pro{padding-bottom:30px}
.solve-pro h3{  margin:30px auto 0px; font-size:18px; }
.solve-pro ul{ margin:20px auto 0px;}
.solve-pro ul li{ width:100%;}
.pro-name{  line-height:30px; font-size:14px;}
.pro-item samp{  margin-top:4px;}

.solve-case{ padding:30px 0px}
.hz-ct{ margin:20px auto 0px; }
.hz-ct ul li{ width:50%;}

/*关于我们*/
.about-banner{ height:240px}
.about-banner h3{ font-size:20px; line-height:240px}

.about-info{ margin:30px auto 0px; padding-bottom:20px}
.about-info h3{  font-size:18px;}
.about-info ul{ margin-top:10px}

.about-pic{ width:100%; }
.about-des{ line-height:24px;}
.about-des p{ padding:10px 0px 2px}

.about-server{ width:100%; margin:30px auto 0px; padding-bottom:30px}
.about-server h3{ font-size:18px; padding-left:5%}
.about-slide{ margin-top:20px;height:243px}
.about-slide img{ width:323px;}

.about-sc{ margin:30px auto 0px; padding-bottom:30px}
.about-sc h3{  font-size:18px; }
.about-1{ line-height:24px; margin-top:10px}
.about-2{margin-top:15px}

.about-3{  padding-bottom:30px}
.about-3 h3{ margin:40px auto 0px; font-size:18px;}
.about-3 ul{ width:90%;  margin:20px auto 0px}
.about-3 ul li{ width:100%}
.about-3 ul li p{ height:auto}


.about-list h4{ height:auto; padding:10px 0px}
.about-list h4 p{ font-size:12px; line-height:21px;}
.about-list h4 samp{ font-size:18px;}
.about-5 ul li .act h4{ height:auto;}

.about-6{ margin:30px auto 0px; padding-bottom:30px}
.about-6 h3{ font-size:18px;}
.about-zr{ width:100%;}
.zr-item{ width:50%;}
.zr-bg{width:120px; height:120px; margin-top:12px}
.zr-bg img{max-width:50%}

.about-his{padding-bottom:30px}
.about-his h3{  margin-top:30px}
.his-body{ margin:20px auto 0px; overflow:initial }
.his-content{ width:100%; height:240px; margin:0px auto; }
.his-item{top:40%;}
.his-item span{ font-size:30px;}
.his-info{ line-height:25px; height:125px; font-size:12px; }
.his-content .active{top:30px}
.his-body .swiper-button-prev{ width:40px; height:40px; background-size:30px;top:30%; z-index:100;left:-20px}
.his-body .swiper-button-next{ width:40px; height:40px;background-size:30px;top:30%; z-index:100;right:-20px}
.his-body .swiper-button-prev.swiper-button-disabled{ background-size:30px}
.his-body .swiper-button-next.swiper-button-disabled{ background-size:30px}
.his-nav{  margin-top:30px;}

/*产品*/
.product-nav{width:80px; bottom:0px}
.product-nav-body{height:60px; width:70%; margin-left:-70%}
.product-nav-body .swiper-slide{ line-height:60px; font-size:12px;padding:0px 10px;}
.product-des{ width:40px; height:60px;}
.product-des span{font-size:12px; padding:0px 12px 0px; line-height:14px }
.product-des p{ font-size:12px;  padding:0px 12px}
.product-arr{ width:30px; height:60px; background-size:14px}
.mousein{ width:100%}
.mousein .product-des p{ font-size:14px; padding:10px 12px 0px; line-height:20px }
.product-slide{ width:140px;height:140px;margin-top:0px;top:0px;right:9% }
.product-li{ height:35px;}
.product-li span{width:2px; height:20px; margin-top:9px;}
.product-li p{ width:110px; margin-left:15px;line-height:35px; font-size:14px; height:35px}
.product-li p:before{ width:20px;right:15px; background-size:11px}

/*生物识别*/
.banner-ident{height:210px;}
.banner-ident h3{font-size:24px;}
.ident-head{margin:30px auto 0px; width:90%}
.ident-head h3{ font-size:22px; letter-spacing:0px }
.ident-head em{ font-size:12px;padding-bottom:14px}
.ident-head p{ font-size:12px;  letter-spacing:0px; margin-top:12px; line-height:24px}
.ident-content{ padding-bottom:30px; }
.ident-content img{ width:90%;  margin-top:20px}

.ident-2{padding-bottom:30px}
.ident-3{ margin:30px auto 0px; width:90%;}
.ident-3 ul{ padding:0px}
.ident-3 ul li{ height:100px}
.ident-3 ul li span{ width:40px; height:40px;border:1px #373739 solid;}
.ident-3 ul li .ident1,.ident-3 ul li .ident2,.ident-3 ul li .ident3,.ident-3 ul li .ident4,.ident-3 ul li .ident5{ background-size:18px}
.ident-3 ul .active .ident1,.ident-3 ul .active .ident2,.ident-3 ul .active .ident3,.ident-3 ul .active .ident4,.ident-3 ul .active .ident5{ background-size:18px}
.ident-3 ul li p{ margin-top:10px;}
.ident-3 ul .active span{ width:40px; height:40px; }
.ident-3 ul .active p,.ident-3 ul li p{ font-size:12px}
.ident-4{ margin:10px auto 0px; width:90%}
.ident-5{ margin:20px auto 0px; height:380px; width:90% }

.ident-ul em{ width:100%; padding-left:0px}
.ident-ul em img{ width:100%; height:auto}
.ident-li{ float:left; position: relative;padding-left:0px;}
.ident-li span{font-size:16px; margin-top:15px; font-weight:bold}
.ident-li p{font-size:12px; line-height:24px; margin-top:12px; height:auto}
.solve-td .td-safe{padding:0px 20px;box-sizing:border-box}

.solve-td .td-safe li{width:50%; margin-top:20px}
.gmm-2head{font-size:18px;top:7%; padding-bottom:10px}
.gmm-3 h3{ width:40px; font-size:12px;  margin-top:-13px}
.gmm-3 ul .gmli1{ width:130px; background-size:100% 100%; font-size:12px;left:-120%;top:0px} 
.gmm-3 ul .gmli2{width:130px; background-size:100% 100%; font-size:12px;right:-120%;top:0px} 
.gmm-3 ul .gmli3{width:130px; background-size:100% 100%; font-size:12px;left:-120%;top:40%} 
.gmm-3 ul .gmli4{width:130px; background-size:100% 100%; font-size:12px;right:-120%;top:40%} 
.gmm-3 ul .gmli5{width:130px; background-size:100% 100%; font-size:12px;left:-120%;top:81%;} 
.gmm-3 ul .gmli6{width:130px; background-size:100% 100%; font-size:12px;right:-120%;top:81%;}
.gmm-3 h3{ display:none}

/*身份云*/


.sf-3{padding-bottom:40px}
.sf-3 h3{ margin-top:30px; font-size:18px; }
.sf-4{ width:90%; margin:20px auto 0px;}
.sf-left{width:100%; margin-top:0px}
.sf-pannel{ width:100%; height:115px; background-size:100% 100%}
.sf-pannel samp{ text-align:left}
.sf-pannel samp img{ height:20px}
.sf-pannel span{ margin-top:4px; font-size:14px; text-align:left}
.sf-pannel p{ margin-top:2px; text-align:left }
.sf-right{width:100%; margin:0px; margin-top:20px}
.sf-4 .active .sf-pannel{ background-size:100% 100%}
.sf-center,.sf-icon{ display:none }

.zn-1{ padding-bottom:30px}
.zn-head h3{  margin-top:30px; font-size:18px;}
.zn-head ul li{ width:auto; line-height:36px; font-size:12px; margin:0px 3px; padding:0px 12px}

.zn-conetent .pannel1{ margin:16px auto 0px; width:90%}
.zn-conetent .znitem2{ margin-top:16px}
.zn-conetent .znitem3{margin-top:16px;   }

.zn-conetent .item1{ width:100%; height:auto; padding-bottom:12px}
.zn-conetent .item1 h3,.zn-conetent .item2 h3,.zn-conetent .item3 h3,.zn-conetent .item4 h3{font-size:14px; text-align:left }
.zn-conetent .item1 p,.zn-conetent .item2 p,.zn-conetent .item3 p,.zn-conetent .item4 p{ text-align:left}
.zn-conetent .item2{ width:100%; height:auto; padding-bottom:12px; margin-top:20px}
.zn-conetent .item3{ width:100%; height:auto; margin-top:20px;padding-bottom:12px}
.zn-conetent .item4{ width:100%; height:auto; margin-top:20px;padding-bottom:12px}

.his-nav .his-navs span{ margin-top:16px}
.his-nav .his-navs p{ margin-top:-16px; margin-left:38px}

.solve-td ul{ width:90%; margin:32px auto 0px;}
.solve-td ul li{ height:160px; }
.solve-td ul li span{ width:80px; height:80px;}
.solve-td ul li h3{font-size:14px;  margin-top:20px;}
.solve-td ul li p{ width:80%; position:absolute;left:30px;top:90px;opacity:1; line-height:24px; font-size:14px; color:#fff; text-align:left; overflow:hidden;opacity:0;transition:all 0.5s ease}
.solve-td ul li:hover{ background:none;box-shadow:none;}
.solve-td ul li:hover span{opacity:1}
.solve-td ul li:hover h3,.solve-td ul.gm-list li:hover h3{ position:relative;left:0px;top:0px; margin-top:20px;text-align:center; color:#333 }
.solve-td ul li:hover p,.solve-td ul.gm-list li:hover p{opacity:0}
.solve-td ul.gm-list li,.solve-td ul.gm-list li:hover{ height:160px; margin-top:0px}
.product-body .swiper-slide h4{ width:86%; left:8%;top:45%; font-size:25px;}



}


@media screen and (max-width:480px){
.about-slide{height:160px}
.about-slide img{ width:214px;}


}






