.amap-logo{ display:none !important}
/*新闻列表*/
.break-nav{ width:100%; overflow:hidden; background:#fff; line-height:77px; margin-top:101px; padding:0px 60px}
.break-left{ float:left; width:auto; overflow:hidden; font-size:16px; color:#999}
.break-left a{ color:#999} 
.break-left a:hover,.break-nav ul li a:hover{ color:#b31b34}
.break-left span{ float:left; width:20px; background:url(../image/icon-27.png) no-repeat center; height:77px; margin-right:10px}
.break-left span a{ display:block; width:100%; overflow:hidden; height:100%}
.break-left p{ float:left; width:auto; }
.break-left p a{ margin:0px 15px}
.break-nav ul{ float:right; width:auto; overflow:hidden; font-size:16px; color:#555}
.break-nav ul li{ float:left; width:auto}
.break-nav ul li a{ color:#555; padding:0px 15px}
.break-nav ul li:last-child a{ padding-right:0px}
.break-nav ul .active a{ color:#b31b34}

.news-show{ width:100%; overflow:hidden; background:url(../image/bg-6.jpg) no-repeat; height:799px}
.news-conent{ width:1440px; margin:110px auto 0px; position:relative}
.news-conent h3{ float:left; width:auto;  font-size:40px; color:#212121; font-weight:bold}
.news-conent .swiper-container {width:100%;margin: 20px auto;box-shadow:0px 0px 7px 3px rgba(0,0,0,0.02);}
.news-conent .swiper-slide { width:100%; overflow:hidden; background:#fff; }
.news-conent .swiper-pagination{top:15px;right:0px; font-size:14px; color:#898989; width:auto; text-align:right; height:20px}
.news-conent .swiper-pagination-current{ font-size:30px; font-weight:bold; color:#b31b34}
.news-left{ float:left; width:54%; overflow:hidden}
.news-left img{ width:100%; height:auto;transition:all 0.4s ease-out}
.news-conent .swiper-slide a:hover .news-left img{transform:scale(1.1)}
.news-right{ float:left; width:46%; overflow:hidden; padding:0px 50px 0px 70px}
.news-date{ float:left; width:100%; overflow:hidden; margin-top:50px;font-family:'dinbold'}
.news-date span{ float:left; width:auto; font-size:80px;color:#ccc; border-bottom:3px #b31b34 solid}
.news-date p{ float:left; width:auto; font-size:18px; color:#b0b0b0; margin-top:49px; margin-left:9px}
.news-title{ float:left; width:100%; overflow:hidden; font-size:24px; font-weight:bold; color:#000; line-height:36px; margin-top:43px}
.news-info{ float:left; width:100%; overflow:hidden; font-size:16px; color:#202020; line-height:24px; margin-top:17px; height:48px}
.news-more{ float:right; width:auto; font-size:16px; color:#202020;background:url(../image/icon-29.png) no-repeat right center; padding-right:20px; margin-top:54px}

.news-conent .swiper-button-prev{ width:60px; height:60px;border-radius:50%; background:#b31b34 url(../image/icon-28.png) no-repeat center;opacity:1;left:-80px}
.news-conent .swiper-button-next{ width:60px; height:60px;border-radius:50%; background:#b31b34 url(../image/icon-4.png) no-repeat center;opacity:1;right:-80px}
.news-conent .swiper-button-prev.swiper-button-disabled,.news-conent .swiper-button-next.swiper-button-disabled{ background-color:#898989}

.news-list{ width:1440px; overflow:hidden; margin:122px auto 0px; border-top:1px #eee solid}
.news-item{ float:left; width:100%; overflow:hidden; padding:60px 0px; border-bottom:1px #eee solid;transition:all 0.4s ease-out}
.item-date{ float:left; width:12%; padding:27px 0px; border-right:1px #f6f6f6 solid; text-align:center;font-family:'dinmedium'}
.item-date span{ width:100%; display:block; font-size:48px; color:#636363;transition:all 0.4s ease-out}
.item-date p{ width:100%; display:block; font-size:18px; color:#636363;transition:all 0.4s ease-out}
.item-right{ float:left; width:88%; overflow:hidden; padding:0px 74px 0px 54px}
.item-right span{ float:left; width:100%; overflow:hidden; font-size:26px; color:#000; margin-top:5px;transition:all 0.3s ease-out}
.item-right p{ float:left; width:100%; overflow:hidden; font-size:16px; color:#818181; line-height:24px; margin-top:15px;transition:all 0.3s ease-out}
.news-list .active{ background:#b31b34}
.news-list .active .item-date{border-color:#c0475b}
.news-list .active .item-date span,.news-list .active .item-date p,.news-list .active .item-right span,.news-list .active .item-right p{ color:#fff}
.news-list .active .item-right span{ margin-top:10px}
.news-list .active .item-right p{ margin-top:18px}

.list-page{ width:100%; overflow:hidden; text-align:center; padding:104px 0px}
.list-page a{ width:38px; height:38px; display:inline-block; overflow:hidden; border:1px #d9d9d9 solid; line-height:38px; text-align:center; margin:0px 6px; font-size:14px; color:#666}
.list-page a:hover{ background:#c7000b; color:#fff}
.list-page .active{background:#c7000b; color:#fff}

/*新闻详情*/
.news-arc{ width:1440px; margin:130px auto 0px; padding-bottom:154px;}
.news-arc h1{ float:left; width:100%; overflow:hidden; text-align:center; font-size:42px; color:#333}
.arc-item{ float:left; width:100%; overflow:hidden; text-align:center; font-size:16px; color:#949494; margin-top:70px}
.arc-item span{ padding:0px 35px; background:url(../image/icon-38.png) no-repeat right center}
.arc-item span:last-child{ background:none}
.arc-item span a{ color:#949494}
.arc-content{ float:left; width:100%; overflow:hidden;border-top:1px #e6e6e6 solid;border-bottom:1px #e6e6e6 solid; margin-top:32px; padding:46px 48px 80px; line-height:40px; font-size:16px; color:#555}
.arc-content img{max-width:100%; padding:40px 0px; height:auto}
.arc-back{ float:left; width:100%; overflow:hidden; text-align:center; margin-top:40px}
.arc-page{ float:left; width:100%; overflow:hidden; margin-top:30px}
.arc-page h3{ float:left; width:100%; overflow:hidden; font-size:24px; color:#333}
.arc-left,.arc-right{ float:left; width:700px; overflow:hidden; background:#fff; margin-top:30px; border:1px #e6e6e6 solid;border-top-width:4px; padding:35px 46px;transition:all 0.4s ease-out}
.arc-left span,.arc-right span{ float:left; width:100%; overflow:hidden; font-size:20px; color:#333;transition:all 0.4s ease-out}
.arc-left a,.arc-right a{ float:left; width:100%; overflow:hidden; font-size:16px; color:#666; line-height:23px; margin-top:6px;transition:all 0.4s ease-out}
.arc-right{ float:right}
.arc-page .active {border-color:#b31b34; margin-top:10px;box-shadow:0px 0px 12px 5px rgba(0,0,0,0.1)}
.arc-page .active span,.arc-page .active a{ color:#b31b34}

.left-piao{ width:42px; position:fixed;left:8%;top:50%; z-index:2345;}
.left-piao span{ float:left; width:100%; height:42px; overflow:hidden;border-radius:5px; background:#b31b34 url(../image/icon-30.png) no-repeat center; cursor:pointer}
.left-piao ul{ float:left; width:100%; margin-top:21px; border-top:1px #e6e6e6 solid; padding-top:10px}
.left-piao ul li{ float:left; width:42px; height:42px; margin-top:7px; position:relative; cursor:pointer}
.left-piao ul .left1 a{ width:100%; height:100%; display:block; background:url(../image/icon-31.png) no-repeat center}
.left-piao ul .left2 a{ width:100%; height:100%; display:block; background:url(../image/icon-32.png) no-repeat center}
.left-piao ul .left3 a{ width:100%; height:100%; display:block; background:url(../image/icon-33.png) no-repeat center}
.left-piao ul .left1 a:hover{background:url(../image/icon-34.png) no-repeat center}
.left-piao ul .left2 a:hover{background:url(../image/icon-35.png) no-repeat center}
.left-piao ul .left3 a:hover{background:url(../image/icon-36.png) no-repeat center}
.left-wx{ width:0px; position:absolute;left:40px;top:-40px; z-index:234;transition:all 0.4s ease; overflow:hidden;opacity:0}
.left-wx img{ float:left; width:120px; height:120px; margin-left:15px}
.left-show{ width:160px;opacity:1}

/*core*/
.core-top{ width:100%; overflow:hidden; height:101px}
.core{ width:100%; overflow:hidden;height:calc(100vh - 101px); background-attachment:fixed; background-position:center; background-repeat:no-repeat; background-size:cover; padding:0px 114px;}
.core:before{content: '';height:100%;display: inline-block;vertical-align: middle;}
.core-item{ width:730px; height:648px; overflow:hidden; background:rgba(179,27,52,0.9); display:inline-block; vertical-align:middle;}
.core-item:before{content: '';height:100%;display: inline-block;vertical-align: middle;}
.core-pannel{overflow:hidden; display:inline-block; vertical-align:middle; text-align:center; width:99%; color:#fff}
.core-num{ float:left; width:100%; overflow:hidden;}
.core-num p{ width:72px; margin:0px auto;height:72px; overflow:hidden; border:3px #fff solid;border-radius:50%;font-family:'dinmedium'}
.core-num p span{ font-size:14px; border-bottom:2px #fff solid; padding:13px 6px 6px ; overflow:hidden; display:inline-block}
.core-num p samp{ width:100%; display:inline-block; font-size:14px; color:#fff}
.core-pannel h3{ float:left; width:100%; overflow:hidden; font-size:48px; font-weight:bold; margin-top:30px}
.core-info{ float:left; width:100%; overflow:hidden; text-align:center; font-size:20px; line-height:30px; margin-top:40px; padding:0px 110px}
.core-sel{ float:left; width:100%; overflow:hidden; text-align:center; margin-top:50px;}
.core-sel a{ width:auto; display:inline-block; border:1px #fff solid; padding:20px 16px; font-size:18px; color:#fff; margin:0px 6px}
.core-sel a:hover{ background:#fff; color:#b31b34}
.section2,.section3{ text-align:right}
.section2 .core-item{ background:rgba(0,0,0,0.6)}
.section3 .core-item{ background:rgba(0,0,0,0.75)}

/*核心技术-网银安全*/
.safe-banner{ width:100%; overflow:hidden; background-attachment:fixed; background-position:center; background-repeat:no-repeat; height:600px }
.safe-banner span{ float:left; width:100%; overflow:hidden; text-align:center; margin-top:237px}
.safe-banner h3{ float:left; width:100%; overflow:hidden; text-align:center; font-size:48px; font-weight:bold; color:#fff; margin-top:14px}

.safe-info{ width:100%; overflow:hidden; background:url(../image/bg-7.jpg); padding:114px 0px 130px}
.safe-head{ width:100%; overflow:hidden; text-align:center}
.safe-head h3{ float:left; width:100%; overflow:hidden; font-size:40px; font-weight:bold; color:#030000; letter-spacing:3px}
.safe-head p{ float:left; width:100%; overflow:hidden; font-size:20px;color:#808080; margin-top:10px; letter-spacing:3px; position:relative;padding-bottom:20px; line-height:30px}
.safe-head p:after{ width:24px; height:4px; position:absolute; content:""; left:50%;bottom:0px; z-index:12; margin-left:-12px; background:#b31b34; }

.safe-main{ width:1440px; overflow:hidden; margin:40px auto 0px; background:#fff;box-shadow:0px 0px 12px 4px rgba(0,0,0,0.04);border-radius:4px; height:422px}
.safe-left{ float:left; width:50%; overflow:hidden}
.safe-left img{ width:100%; height:auto;transition:all 0.4s ease-out; cursor:pointer}
.safe-left img:hover{transform:scale(1.1)}
.safe-right{ float:left; width:50%; overflow:hidden; height:100%; border-bottom:4px #b31b34 solid; padding:80px 0px 80px 53px; font-size:18px; color:#808080; line-height:35px;}
.safe-body{ width:94%; overflow:hidden;}
.safe-right .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.safe-right .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background:#b31b34}

.safe-jh{ width:100%; overflow:hidden; background:url(../image/bg-8.jpg) no-repeat top center; height:716px; padding-top:120px}
.safe-jh ul{ width:1440px; margin:65px auto 0px; text-align:center}
.safe-jh ul li{ float:left; width:330px; height:290px; overflow:hidden; margin-right:40px; background:#fff;border-radius:5px;box-shadow:0px 0px 12px 5px rgba(0,0,0,0.02); display:inline-block; cursor:pointer;transition:all 0.4s ease}
.safe-jh ul li:last-child{margin-right:0px}
.safe-pic{overflow:hidden; margin:88px auto 0px; position:relative; height:83px;transition:all 0.3s ease-out}
.safe-pic img{ position:absolute;left:0px;top:0px; z-index:2;opacity:1;transition:all 0.7s ease-out}
.safe-pic img:last-child{opacity:0;transition:all 0.7s ease-out}
.safe-jh ul li .pic1{ width:87px}
.safe-jh ul li .pic2{ width:82px}
.safe-jh ul li .pic3{ width:82px}
.safe-jh ul li .pic4{ width:77px}
.safe-jh ul li h3{ width:100%; overflow:hidden; text-align:center; font-size:18px; color:#333; margin-top:25px;transition:all 0.3s ease-out}
.safe-jh ul li p{ width:100%; overflow:hidden; text-align:center; font-size:16px; color:#fff; line-height:23px; height:69px; padding:0px 24px;box-sizing:border-box; margin-top:10px; display:none;transition:all 0.3s ease-out}
.safe-jh ul .active{ background:#b31b34;box-shadow:0px 0px 12px 5px rgba(179,27,52,0.2); margin-top:-6px}
.safe-jh ul .active .safe-pic{ margin-top:49px}
.safe-jh ul .active .safe-pic img{opacity:0}
.safe-jh ul .active .safe-pic img:last-child{opacity:1}
.safe-jh ul .active  h3{ color:#fff; font-weight:bold; font-size:18px}
.safe-jh ul .active p{ display:block}

.safe-yt{ width:100%; overflow:hidden; padding:140px 0px; background:#fff}
.safe-yt .safe-head h3{ position:relative; padding-bottom:30px}
.safe-yt .safe-head h3:after{width:24px; height:4px; position:absolute; content:""; left:50%;bottom:0px; z-index:12; margin-left:-12px; background:#b31b34;}
.safe-yt ul{ width:100%; margin:69px auto; text-align:center}
.safe-yt ul li{ width:465px; display:inline-block; margin:0px 10px; background:#fff;box-shadow:0px 4px 12px 9px rgba(0,0,0,0.06); padding-bottom:36px; cursor:pointer}
.yt-pic{width:100%; overflow:hidden}
.yt-pic img{ width:100%; height:auto;transition:all 0.3s ease-out}
.yt-pic img:hover{transform:scale(1.1)}
.safe-yt span{ display:block; width:88%; overflow:hidden; margin:33px auto 0px; font-size:22px; font-weight:bold; color:#333; text-align:left}
.safe-yt p{ display:block; width:88%; overflow:hidden; margin:5px auto 0px; font-size:16px; color:#79848d; text-align:left; line-height:24px; height:48px;}

.safe-banner2{ width:100%; overflow:hidden; background-position:center; background-repeat:no-repeat; height:600px }
.safe-banner2 span{ float:left; width:100%; overflow:hidden; text-align:center; margin-top:237px}
.safe-banner2 h3{ float:left; width:100%; overflow:hidden; text-align:center; font-size:48px; font-weight:bold; color:#fff; margin-top:14px}

.safe-info2{ width:100%; overflow:hidden; background:url(../image/bg-9.jpg) no-repeat top center; background-size:cover; padding:114px 0px 130px; height:822px}
.safe-protect{ width:100%; overflow:hidden; background:#0e0e10; height:806px;transition:all 0.3s ease-out; position:relative}
.safe-bg{ width:100%; height:100%; position:absolute;left:0px;top:0px; z-index:234}
.safe-bgs{ width:100%; height:100%; position:absolute;left:0px;top:0px; z-index:234;opacity:0;transition:all 0.4s ease-out;}
.safe-bg .active{opacity:1}
.safe-promain{ width:100%; height:100%; position:absolute;left:0px;top:0px; z-index:23454; padding-top:103px;}
.safe-protect .safe-head h3,.safe-protect .safe-head p{ color:#fff;}
.safe-protect ul{ width:1440px; margin:33px auto 0px}
.safe-protect ul li{ float:left; width:703px; height:200px; background:#fff;border:1px #c9cee2 solid; margin-top:27px;border-radius:4px;transition:all 0.4s ease-out; cursor:pointer}
.safe-protect ul li:nth-child(2n){ float:right}
.protect-pic{ float:left; width:auto; display:inline; margin:75px 0px 0px 38px; position:relative}
.protect-pic img{ position:absolute;left:0px;top:0px; z-index:2;opacity:1;transition:all 0.7s ease-out}
.protect-pic img:last-child{opacity:0;transition:all 0.7s ease-out}
.safe-protect .tect1{ width:45px}
.safe-protect .tect2{ width:74px}
.safe-protect .tect3{ width:56px; margin-top:78px}
.safe-protect .tect4{ width:60px}
.protect-right{ float:left; display:inline; width:510px; overflow:hidden; margin:75px 0px 0px 16px}
.protect-right  h3{ float:left; width:100%; overflow:hidden; font-size:22px; font-weight:bold;color:#333;transition:all 0.4s ease-out}
.protect-right  p{ float:left; width:100%; overflow:hidden; font-size:16px;color:#79848d; line-height:24px; margin-top:4px;transition:all 0.4s ease-out}
.safe-protect .active{ background:#b31b34;border-color:#ffff}
.safe-protect ul .active .protect-pic img{opacity:0}
.safe-protect ul .active .protect-pic img:last-child{opacity:1}
.safe-protect ul .active .protect-right  h3,.safe-protect ul .active .protect-right  p{ color:#fff}

.safe-tx{ width:100%; overflow:hidden; padding:120px 0px; background:#fff}
.safe-tx .safe-head h3{ position:relative; padding-bottom:30px}
.safe-tx .safe-head h3:after{width:24px; height:4px; position:absolute; content:""; left:50%;bottom:0px; z-index:12; margin-left:-12px; background:#b31b34;}
.safe-ul{ width:1440px; margin:70px auto 0px; height:252px}
.safe-li{ float:left; display:inline; width:266px; height:220px; background:#ececec;border-radius:3px; margin:21px 27px 0px 0px; overflow:hidden; box-shadow:0px 0px 8px 4px rgba(0,0,0,0.02); cursor:pointer;transition:all 0.4s ease-out}
.safe-li:last-child{ margin-right:0px}
.tx-pic{ height:71px; position:relative; margin:54px auto 0px}
.safe-ul .tx1{ width:68px}
.safe-ul .tx2{ width:70px}
.safe-ul .tx3{ width:71px}
.safe-ul .tx4{ width:70px}
.safe-ul .tx5{ width:93px}
.tx-pic img{ position:absolute;left:0px;top:0px; z-index:2;opacity:1;transition:all 0.7s ease-out}
.tx-pic img:last-child{opacity:0;transition:all 0.7s ease-out}
.safe-ul h3{ width:100%; overflow:hidden; text-align:center; font-size:18px; color:#000; margin-top:25px;transition:all 0.4s ease-out}
.safe-ul p{ width:100%; overflow:hidden; text-align:center; font-size:16px; color:#fff; margin-top:15px; line-height:24px; padding:0px 24px;box-sizing:border-box;opacity:0;transition:all 0.4s ease-out}
.safe-ul .active{ background:#b31b34; margin-top:0px; height:252px}
.safe-ul .active .tx-pic img{ position:absolute;left:0px;top:0px; z-index:2;opacity:0}
.safe-ul .active .tx-pic img:last-child{opacity:1}
.safe-ul .active .tx-pic{ margin-top:45px}
.safe-ul .active h3{ margin-top:17px; color:#fff; font-weight:bold; font-size:20px}
.safe-ul .active p{opacity:1}

.safe-cj{ width:100%; overflow:hidden; background:#fbfbfb; padding:100px 0px 114px; position:relative}
.safe-applay{ width:140%; overflow:hidden; margin-top:50px; margin-left:-20%; padding-bottom:30px}
.safe-applay .swiper-container {width:100%;}
.safe-applay .swiper-slide {display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); position:relative;transition:all 0.4s ease; cursor:pointer}
.safe-applay .swiper-slide:before{content:""; width:100%; height:100%; position:absolute;left:0px;top:0px; z-index:234;background:-webkit-linear-gradient(right,rgba(255,255,255,0.96) 57%,rgba(255,255,255,0.6))}
.safe-appimg{ float:left; width:100%; overflow:hidden; position:relative}
.safe-appimg img{ width:100%; height:auto}
.safe-appimg span{ width:100%; height:0px; text-align:center; display:block; line-height:74px; text-align:center; background:#b5253d; font-size:18px; color:#fff; position:absolute;left:0px;bottom:0px; z-index:23;transition:all 0.4s ease}
.safe-applay .swiper-slide-next{-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:74px}
.safe-applay .swiper-slide-next:before{content:""; width:100%; height:100%; position:absolute;left:0px;top:0px; z-index:234;background:-webkit-linear-gradient(right,rgba(255,255,255,0),rgba(255,255,255,0))}
.safe-applay .swiper-slide-active:before{ content:""; width:100%; height:100%; position:absolute;left:0px;top:0px; z-index:234; background:-webkit-linear-gradient(left,rgba(255,255,255,0.96) 57%,rgba(255,255,255,0.6))}
.safe-cj .swiper-pagination{ width:100%}
.safe-cj .swiper-pagination-bullet{ margin:0px 7px; width:15px; height:15px}
.safe-cj .swiper-pagination-bullet-active{ background:#b31b34}

.safe-cj .swiper-button-prev{ width:60px; height:60px; background:#b31b34 url(../image/icon-123.png) no-repeat center;border-radius:50%;transform:rotate(180deg);top:58%;margin-top:-30px;left:26.6%; margin-left:-88px}
.safe-cj .swiper-button-next{ width:60px; height:60px; background:#b31b34 url(../image/icon-123.png) no-repeat center;border-radius:50%;top:58%;margin-top:-30px;right:26.6%;margin-right:-88px}
.safe-cj .swiper-button-prev.swiper-button-disabled{background:#fff url(../image/icon-122.png) no-repeat center;transform:rotate(0deg); opacity:1}
.safe-cj .swiper-button-next.swiper-button-disabled{background:#fff url(../image/icon-122.png) no-repeat center;transform:rotate(180deg); opacity:1}



/*身份证集中核验*/
@keyframes faderight{
0%{right:20px;opacity:1}
100%{right:0px;opacity:0}
}
@keyframes fadeleft{
0%{left:20px;opacity:1}
100%{left:0px;opacity:0}
}
@keyframes faderight2{
0%{right:0px;opacity:1}
100%{right:-10px;opacity:0}
}
@keyframes fadeleft2{
0%{left:0px;opacity:1}
100%{left:-10px;opacity:0}
}
.ident-banner{ width:100%; overflow:hidden; background:url(../image/banner-3.jpg) no-repeat center; height:600px; text-align:center;}
.ident-banner h3{ width:100%; height:100%; overflow:hidden; text-align: center; font-size:48px; font-weight:bold; color:#fff; line-height:600px; background:rgba(0,0,0,0.1)}

.ident-info{ background:none}
.ident-show{ width:1440px; margin:122px auto 0px}
.ident-s1,.ident-s3,.ident-s5{ float:left; overflow:hidden; position:relative}
.ident-s2{ float:left; width:105px; height:355px; background:url(../image/icon-67.png) no-repeat center; position:relative}
.ident-s2 span{ width:30px; height:21px; display:block; position:absolute;right:20px;top:40%; z-index:2; background:url(../image/icon-69.png) no-repeat center;transform:rotate(180deg);animation:faderight 1.5s ease infinite}
.ident-s2 p{ width:30px; height:21px; display:block; position:absolute;left:20px;top:55%; z-index:2; background:url(../image/icon-69.png) no-repeat center;animation:fadeleft 1.5s ease infinite}
.ident-s4{ float:left; width:98px; height:355px; background:url(../image/icon-68.png) no-repeat center; position:relative}
.ident-s4 span{ width:30px; height:21px; display:block; position:absolute;right:20px;top:47%; z-index:2; background:url(../image/icon-69.png) no-repeat center;transform:rotate(180deg);animation:faderight 1.5s ease infinite}
.ident-s4 p{ width:30px; height:21px; display:block; position:absolute;left:20px;top:50%; z-index:2; background:url(../image/icon-69.png) no-repeat center;animation:fadeleft 1.5s ease infinite}
.ident-s6{width:50px; position:absolute;left:29%;top:54%; z-index:2 }
.ident-s6 span{ width:30px; height:21px; display:block; position:absolute;left:0px; z-index:2; background:url(../image/icon-70.png) no-repeat center; margin-top:10px;animation:fadeleft2 1.5s ease infinite}
.ident-s6 p{ width:30px; height:21px; display:block; position:absolute;right:0px; z-index:2; background:url(../image/icon-70.png) no-repeat center;transform:rotate(180deg);animation:faderight2 1.5s ease infinite}
.ident-s7{width:50px; position:absolute;left:62%;top:54%; z-index:2 }
.ident-s7 span{ width:30px; height:21px; display:block; position:absolute;left:0px; z-index:2; background:url(../image/icon-70.png) no-repeat center; margin-top:10px;animation:fadeleft2 1.5s ease infinite}
.ident-s7 p{ width:30px; height:21px; display:block; position:absolute;right:0px; z-index:2; background:url(../image/icon-70.png) no-repeat center;transform:rotate(180deg);animation:faderight2 1.5s ease infinite}

@keyframes kuobig{
0%{background-size:150%}
100%{background-size:200%}
}
.ident-js{ width:100%; overflow:hidden; background:url(../image/list-7.jpg) no-repeat center; height:1008px; position:relative;animation:kuobig 18s linear  infinite alternate}
.ident-js h3{ width:100%; position:absolute;left:0px;bottom:82px; z-index:2; font-size:52px; font-weight:bold; color:#fff}
.ident-js h3 span{ width:1440px; margin:0px auto; overflow:hidden; display:block}

.ident-ys{ width:1440px; margin:136px auto 0px;}
.ident-ys h3{ float:left; width:100%; overflow:hidden; font-size:48px; color:#030000; font-weight:bold; letter-spacing:4px}
.ident-ys p{ float:left; width:100%; overflow:hidden; font-size:20px; color:#808080; letter-spacing:2px; margin-top:16px; position:relative; padding-bottom:26px}
.ident-ys p:after{ width:24px; height:4px; position:absolute; content:""; left:0%;bottom:0px; z-index:12; background:#b31b34; }
.ident-ys ul{ float:left; width:100%; margin-top:21px}
.ident-ys ul li{ float:left; width:700px; position:relative; margin-top:39px; overflow:hidden; cursor:pointer}
.ident-ys ul li:nth-child(2n){ float:right}
.ident-pic{ float:left; width:100%; overflow:hidden}
.ident-pic img{ width:100%; height:auto}
.ident-item{ width:100%; height:100%; overflow:hidden; position:absolute;transition:all 0.4s ease-out}
.ident-item span{ width:100%; display:block; position:absolute;left:0px;bottom:0px; z-index:2; height:96px; line-height:96px; padding-left:48px; font-size:20px; color:#fff;box-sizing:border-box;transition:all 0.4s ease-out}
.ident-item samp{ width:100%; display:block; position:absolute;left:0px;bottom:-100%; z-index:2; height:96px; line-height:96px; padding:0px 48px; font-size:17px; color:#fff; line-height:34px; height:102px;box-sizing:border-box;transition:all 0.4s ease-out}
.ident-ys ul .active .ident-item{ background:rgba(179,27,52,0.95)}
.ident-ys ul .active .ident-item span{top:0px; padding-top:12%; font-size:30px}
.ident-ys ul .active .ident-item samp{top:0px;bottom:0px; padding-top:24%}


/*解决方案*/
.scheme{ width:100%; overflow:hidden;height:calc(100vh - 101px); background-attachment:fixed; background-position:center; background-repeat:no-repeat; background-size:cover; text-align:center}
.scheme:before{content: '';height:100%;display: inline-block;vertical-align: middle;}
.scheme-main{ width:76%; overflow:hidden; vertical-align:middle; display:inline-block; margin:0px auto}
.scheme-body{ width:724px; overflow:hidden; float:right; text-align:left}
.scheme2 .scheme-body{ float:left}
.scheme-body h3{ float:left;  width:100%; overflow:hidden; font-size:48px; font-weight:bold; color:#fff; background:url(../image/icon-72.png) no-repeat left bottom}
.scheme-body p{ float:left;  width:100%; overflow:hidden; font-size:18px; color:#fff; line-height:30px; margin-top:27px}
.scheme-body ul{ float:left; width:100%; overflow:hidden; margin-top:26px}
.scheme-body li{ float:left; width:100%; overflow:hidden; line-height:36px; height:36px; background:url(../image/icon-71.png) no-repeat left center; padding-left:28px; font-size:16px; color:rgba(255,255,255,0.3);}
.scheme-body span{ float:left; width:100%; overflow:hidden; margin-top:44px}
.scheme-body span a{ float:left; width:168px; height:60px; line-height:60px; text-align:center; background:#fff; font-size:18px; color:#b31b34}
.scheme-body span a:hover{ background:#b31b34; color:#fff}

/*解决方案-金融安全*/
@keyframes quan{
0%{transform:rotate(0)}
100%{transform:rotate(360deg)}
}
.solve-banner{ width:100%; overflow:hidden; background:url(../image/list-16.jpg) no-repeat center; height:600px}
.solve-banner h3{ width:100%; height:100%; overflow:hidden; text-align:center; font-size:48px; font-weight:bold; color:#fff; line-height:600px; background:rgba(0,0,0,0.1)}

.solve-fx{ width:100%; overflow:hidden; background: url(../image/bg-14.jpg) no-repeat bottom center; height:947px; padding-top:120px}
.solve-head{ width:1440px; margin:0px auto; overflow:hidden}
.solve-head h3{ float:left; width:100%; overflow:hidden; text-align:center; font-size:40px; font-weight:bold; color:#030000; position:relative; padding-bottom:30px}
.solve-head h3:before{ width:24px; height:4px; position:absolute; content:""; left:50%;bottom:0px; z-index:12; background:#b31b34; margin-left:-12px}
.solve-head p{ float:left; width:100%; overflow:hidden; text-align:center; line-height:32px; font-size:18px; color:#808080; margin-top:45px}
.solve-fx ul{ width:1440px; margin:94px auto 0px}
.solve-fx ul li{ float:left; display:inline; width:452px; height:400px; background:#fff; margin-right:42px;box-shadow:0px 0px 12px 6px rgba(0,0,0,0.03); cursor:pointer; padding:56px 40px 0px 38px;transition:all 0.4s ease-out}
.solve-fx ul li:last-child{ margin-right:0px; float:right}
.solve-fx ul li span{font-family:'dincond'; float:left; width:100%; overflow:hidden; font-size:80px; color:rgba(0,0,0,0.1);transition:all 0.4s ease-out}
.solve-fx ul li h3{float:left; width:100%; overflow:hidden; font-size:24px; color:#333; margin-top:4px; position:relative; padding-bottom:19px;transition:all 0.4s ease-out}
.solve-fx ul li h3:before{ width:30px; height:2px; position:absolute; content:""; left:0%;bottom:0px; z-index:12; background:#b31b34;;transition:all 0.4s ease-out}
.solve-fx ul li p{float:left; width:100%; overflow:hidden; font-size:16px; color:#808080; margin-top:19px; line-height:32px; height:128px;transition:all 0.4s ease-out}
.solve-fx ul .active{ background-image:url(../image/icon-77.png); box-shadow:0px 0px 12px 6px rgba(179,27,52,0.13); margin-top:-4px}
.solve-fx ul .active span{ color:rgba(255,255,255,0.1)}
.solve-fx ul .active h3{ color:#fff}
.solve-fx ul .active h3:before{ background:#fff;}
.solve-fx ul .active p{ color:#fff;}

.solve-td{ width:100%; overflow:hidden; background:#fff; padding:120px 0px 80px}
.td-head{ width:100%; overflow:hidden}
.td-head h3{ float:left; width:100%; overflow:hidden; text-align:center; font-size:48px; font-weight:bold; color:#030000}
.td-head p{ float:left; width:100%; overflow:hidden; text-align:center; font-size:20px;color:#797f8f; margin-top:7px; position:relative; padding-bottom:22px}
.td-head p:before{ width:24px; height:4px; position:absolute; content:""; left:50%;bottom:0px; z-index:12; background:#b31b34; margin-left:-12px}
.solve-td ul{ width:1100px; margin:82px auto 30px; text-align:center}
.solve-td ul li{ width:33.3%; float:left; cursor:pointer; transition:all 0.4s ease; position:relative; height:190px; background:transparent}
.solve-td ul li span{ width:170px; height:170px; display:block; margin:0px auto;border-radius:50%; background:#fff; box-shadow:0px 0px 12px 5px rgba(0,0,0,0.04);transition:all 0.5s ease}
.solve-td ul li:hover span{transform:rotateY(360deg)}
.solve-td ul li .td1{ background:url(../image/icon-73.png) no-repeat center} 
.solve-td ul li .td2{ background:url(../image/icon-74.png) no-repeat center} 
.solve-td ul li .td3{ background:url(../image/icon-75.png) no-repeat center} 
.solve-td ul li .td4{ background:url(../image/icon-76.png) no-repeat center} 
.solve-td ul li h3{ width:100%; overflow:hidden; text-align:center; font-size:20px; color:#333; margin-top:30px;transition:all 0.5s ease}
.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:#b31b34;box-shadow:0px 0px 12px 4px rgba(179,27,52,0.1);border-radius:5px}
.solve-td ul li:hover span{opacity:0}
.solve-td ul li:hover h3{ position:absolute;left:30px;top:0px; margin-top:20px; color:#fff; text-align:left}
.solve-td ul li:hover p{ top:70px;opacity:1}
.solve-td ul.gm-list li{ height:280px}
.solve-td ul.gm-list li p{ font-size:12px; width:90%;left:18px}
.solve-td ul.gm-list li:hover p{top:54px}
.solve-td ul.gm-list li:hover h3{left:18px}
.solve-td .jsafe-new li{ width:25%}
.solve-td .jsafe-new li:hover{background:none;box-shadow:none;border-radius:0px}
.solve-td .jsafe-new li:hover span{opacity:1}
.solve-td .jsafe-new li:hover h3{ position: relative;left:0px;top:0px; margin-top:20px; color:#333; text-align:center}



.solve-pro{ width:100%; overflow:hidden; background:url(../image/bg-16.jpg) no-repeat; height:auto; background-size:cover; padding-bottom:10%}
.solve-pro h3{ width:1440px; overflow:hidden; margin:126px auto 0px; font-size:40px; font-weight:bold; color:#fff; position:relative; padding-bottom:32px}
.solve-pro h3:before{ width:24px; height:4px; position:absolute; content:""; left:0%;bottom:0px; z-index:12; background:#b31b34;}
.solve-pro ul{width:1440px; background:#fff;box-shadow:0px 0px 12px 4px rgba(0,0,0,0.01); margin:88px auto 0px; overflow:hidden}
.solve-pro ul li{ float:left; width:50%; overflow:hidden; position:relative; cursor:pointer}
.solve-pro ul li:nth-child(2),.solve-pro ul li:nth-child(3){ background:#fafafa}
.pro-pic,.pro-pic img{ float:left; width:100%; overflow:hidden; height:auto;padding:10px 0px 20px;box-sizing:border-box}
.pro-item{ width:100%; height:100%; position:absolute;left:0px;top:0px; z-index:1234; background:rgba(3,0,0,0);transition:all 0.4s ease}
.pro-name{ width:100%; overflow:hidden; position:absolute;left:0px;bottom:0px; z-index:12; text-align:center; line-height:100px; font-size:24px; color:#000;transition:all 0.4s ease}
.pro-item p{ float:left; width:100%; overflow:hidden; text-align:center; line-height:30px; height:90px; font-size:16px; color:#fff; padding:0px 106px;box-sizing:border-box; margin-top:100%;transition:all 0.4s ease}
.pro-item samp{ float:left; width:100%; overflow:hidden; text-align:center; height:30px; background: url(../image/icon-26.png) no-repeat center; margin-top:18px;transition:all 0.4s ease}
.solve-pro .active{background:rgba(3,0,0,0.75)}
.solve-pro .active .pro-name{top:20px; color:#fff}
.solve-pro .active p{ margin-top:120px}

.solve-case{ width:100%; overflow:hidden; padding:135px 0px 114px}
.hz-ct{width:1440px; margin:68px auto 0px; }
.hz-ct ul{ float:left; width:100%;border-left:1px #e6e6e6 solid;border-top:1px #e6e6e6 solid}
.hz-ct ul li{ float:left; width:25%;border-bottom:1px #e6e6e6 solid;border-right:1px #e6e6e6 solid; cursor:pointer; position:relative}
.hz-ct ul li img{ width:100%; height:auto;transition:all 0.4s ease-out}
.hz-ct ul li a:hover img{box-shadow:0px 0px 12px 4px rgba(186,19,46,0.2);}
.hz-ct ul li a:hover span{ width:100%; height:100%; position:absolute;left:0px;top:0px; z-index:12;border:1px #ba132e solid}

.solve-1{ width:100%; overflow:hidden; background:url(../image/bg-15.jpg) no-repeat center; height:1010px}
.solve-2{ width:100%; overflow:hidden; margin-top:110px}
.solve-2 h3{ width:100%; overflow:hidden; text-align:center; font-size:40px; font-weight:bold; color:#fff}
.solve-3{ width:100%; overflow:hidden; text-align:center; margin-top:15px; position:relative; line-height:32px; font-size:20px; color:#fff; padding-bottom:18px}
.solve-3:before{ width:24px; height:4px; content:"";left:50%;bottom:0px; position:absolute;margin-left:-12px; background:#b31b34}

.solve-4{ width:1440px; height:508px; overflow:hidden; margin:120px auto 0px; position:relative; cursor:pointer}
.solve4-bg{ float:left; width:391px; height:100%; overflow:hidden; position:relative}
.solve4-bg img{ width:100%; height:100%; position:absolute;left:0px;top:0px; z-index:11;opacity:0}
.solve4-bg img:last-child{opacity:1}

.solve4-left{ width:auto; position:absolute;left:0px;top:0px; z-index:12; height:200px}
.solve4-left .solve4-body{ width:391px; height:100%; overflow:hidden; position:absolute;left:0px;top:0px; z-index:123; padding:0px 30px}
.solve4-left .solve4-body span{ float:left; width:100%; overflow:hidden; height:40px; background:url(../image/icon-125.png) no-repeat right center; margin-top:20px}
.solve4-left .solve4-body h3{ float:left; width:100%; overflow:hidden; font-size:20px; font-weight:bold; color:#fff;  margin-top:4px; text-align:right}
.solve4-left .solve4-body p{ float:left; width:100%; overflow:hidden; font-size:16px; line-height:24px; color:#fff;  margin-top:14px; text-align:left}
.solve4-left .solve4-icon{ width:164px; position:absolute;left:401px;top:50%; z-index:23; height:63px; background:url(../image/icon-131.png) no-repeat left center}


.solve4-right{ width:auto; position:absolute;right:0px;top:0px; z-index:12; height:200px}
.solve4-right .solve4-body{ width:391px; height:100%; overflow:hidden; position:absolute;left:0px;top:0px; z-index:123; padding:0px 30px}
.solve4-right .solve4-body span{ float:left; width:100%; overflow:hidden; height:40px; background:url(../image/icon-126.png) no-repeat left center; margin-top:20px}
.solve4-right .solve4-body h3{ float:left; width:100%; overflow:hidden; font-size:20px; font-weight:bold; color:#fff;  margin-top:4px;}
.solve4-right .solve4-body p{ float:left; width:100%; overflow:hidden; font-size:16px; line-height:24px; color:#fff;  margin-top:14px;}
.solve4-right .solve4-icon{ width:164px; position:absolute;right:401px;top:50%; z-index:23; height:63px; background:url(../image/icon-131.png) no-repeat left center;transform:rotateY(180deg)}

.solve4-bottom1{ width:auto; position:absolute;left:0px;bottom:0px; z-index:12; height:200px}
.solve4-bottom1 .solve4-body{ width:391px; height:100%; overflow:hidden; position:absolute;left:0px;top:0px; z-index:123; padding:0px 30px}
.solve4-bottom1 .solve4-body span{ float:left; width:100%; overflow:hidden; height:40px; background:url(../image/icon-127.png) no-repeat right center; margin-top:20px}
.solve4-bottom1 .solve4-body h3{ float:left; width:100%; overflow:hidden; font-size:20px; font-weight:bold; color:#fff;  margin-top:4px; text-align:right}
.solve4-bottom1 .solve4-body p{ float:left; width:100%; overflow:hidden; font-size:16px; line-height:24px; color:#fff;  margin-top:14px; text-align:left}
.solve4-bottom1 .solve4-icon{ width:164px; position:absolute;left:401px;bottom:50%; z-index:23; height:63px; background:url(../image/icon-131.png) no-repeat left center;transform:rotateX(180deg)}

.solve4-bottom2{ width:auto; position:absolute;right:0px;bottom:0px; z-index:12; height:200px}
.solve4-bottom2 .solve4-body{ width:391px; height:100%; overflow:hidden; position:absolute;left:0px;top:0px; z-index:123; padding:0px 30px}
.solve4-bottom2 .solve4-body span{ float:left; width:100%; overflow:hidden; height:40px; background:url(../image/icon-128.png) no-repeat left center; margin-top:20px}
.solve4-bottom2 .solve4-body h3{ float:left; width:100%; overflow:hidden; font-size:20px; font-weight:bold; color:#fff;  margin-top:4px;}
.solve4-bottom2 .solve4-body p{ float:left; width:100%; overflow:hidden; font-size:16px; line-height:24px; color:#fff;  margin-top:14px;}
.solve4-bottom2 .solve4-icon{ width:164px; position:absolute;right:401px;bottom:50%; z-index:23; height:63px; background:url(../image/icon-131.png) no-repeat left center;transform:rotate(180deg)}

.solve-4 .active .solve4-bg img{ width:100%; height:100%; position:absolute;left:0px;top:0px; z-index:12;opacity:1}
.solve-4 .active .solve4-bg img:last-child{opacity:0}

.solve4-center{ width:100%; height:100%; overflow:hidden; position: absolute;left:0px;top:0px; z-index:10; background:url(../image/icon-132.png) no-repeat center;}
.solve4-center h3{ width:100%; overflow:hidden; position:absolute;left:0px;bottom:140px; text-align:center; font-size:26px; font-weight:bold; color:#fff}
.solve4-center .solve4-cir{ width:420px; height:420px; background:url(../image/icon-133.png) no-repeat; position:absolute;left:50%;top:50%;margin-left:-210px;margin-top:-210px; z-index:23;animation:quan 2s linear infinite}

.ident-new{ width:1440px; margin:75px auto 0px; padding-bottom:200px}
.ident-pannel{ float:left; width:49%; overflow:hidden; background:#fff;box-shadow:0px 0px 12px 4px rgba(0,0,0,0.04); margin-top:22px;border-radius:7px; padding:36px 36px 10px;box-sizing:border-box;transition:all 0.4s ease}
.ident-pannel:nth-child(2n){ float:right}
.ident-pannel span{ float:left; width:100%; overflow:hidden; font-size:50px;color:rgba(0,0,0,0.1);font-family:'dincond';transition:all 0.4s ease}
.ident-pannel h3{ float:left; width:100%; overflow:hidden; font-size:24px;color:#333; position:relative; padding-bottom:20px;transition:all 0.4s ease}
.ident-pannel h3:before{ width:29px; height:2px; content:""; position:absolute;left:0px;bottom:0px; z-index:12; background:#c81022;transition:all 0.4s ease}
.ident-pannel p{ float:left; width:100%; overflow:hidden; font-size:16px;color:#808080; line-height:32px; height:96px;transition:all 0.4s ease; margin-top:15px}
.ident-pannel:hover{ background:#b31b34}
.ident-pannel:hover span{color:rgba(255,255,255,0.1)}
.ident-pannel:hover h3:before{ background:#fff}
.ident-pannel:hover h3,.ident-pannel:hover p{color:#fff}




/*加入我们*/
.join-banner{ width:100%; overflow:hidden; background:url(../image/banner-4.jpg) no-repeat center; height:600px}
.join-banner h3{ width:100%; height:100%; overflow:hidden; text-align: center; font-size:48px; font-weight:bold; color:#fff; line-height:600px}

.join-1{ width:100%; overflow:hidden; background:#fff url(../image/bg-3.png) no-repeat center; padding:182px 0px }
.join-1 h3{ width:100%; overflow:hidden; text-align:center; font-size:48px; font-weight:bold; color:#030000; position:relative; padding-bottom:26px;}
.join-1 h3:before{ width:24px; height:4px; position:absolute; content:""; left:50%;bottom:0px; z-index:12; background:#b31b34; margin-left:-12px}
.join-info{ width:1200px; overflow:hidden; margin:23px auto 0px; font-size:16px; color:#808080; line-height:34px; text-align:center}
.join-zw{ width:100%; overflow:hidden; text-align:center; margin-top:35px}
.join-zw a{ width:200px; height:54px; line-height:54px; text-align:center; display:inline-block; background:#b31b34; font-size:18px; color:#fff}

.join-2{ width:100%; overflow:hidden; position:relative; cursor:pointer}
.join-left{ float:left; width:69.27%; overflow:hidden; position:relative}
.join-2 img{ float:left; width:100%; height:auto;transition:all 0.4s ease-out}
.join-2 img:hover{transform:scale(1.1)}
.join-top{ width:29.84%; position:absolute;right:0px;top:0px; overflow:hidden}
.join-2 span{ width:100%; overflow:hidden; height:0px; line-height:88px; position:absolute;left:0px; bottom:0px; z-index:2; font-size:18px; color:rgba(255,255,255,0.7); text-align:center; background:-webkit-linear-gradient(bottom,rgba(0,0,0,1),rgba(0,0,0,0));transition:all 0.4s ease-out}
.join-bottom{ width:29.84%; position:absolute;right:0px;bottom:0px; overflow:hidden}
.join-left:hover span,.join-top:hover span,.join-bottom:hover span{ height:88px}

.join-3{ width:100%; overflow:hidden; padding:152px 0px 134px; text-align:center}
.join-item{ width:270px; display:inline-block; overflow:hidden; margin:0px 45px; cursor:pointer;transition:all 1s ease}
.join-item span{ width:60px; height:60px; display:block; margin:0px auto; border-radius:50%;transition:all 1s ease}
.join-item .join1{ background:#b31b34 url(../image/icon-78.png) no-repeat center}
.join-item .join2{ background:#b31b34 url(../image/icon-79.png) no-repeat center}
.join-item .join3{ background:#b31b34 url(../image/icon-80.png) no-repeat center}
.join-item .join4{ background:#b31b34 url(../image/icon-81.png) no-repeat center}
.join-item h3{ width:100%; overflow:hidden; text-align:center; font-size:26px; color:#333; margin-top:17px}
.join-item p{ width:100%; overflow:hidden; text-align:center; font-size:16px; color:#808080; margin-top:12px; line-height:26px; height:52px}
.join-item:hover span{transform:rotateY(360deg)}


.join-4{ width:100%; overflow:hidden; background:url(../image/bg-17.jpg) no-repeat center; text-align:center; height:840px;animation:kuobig 18s linear  infinite alternate}
.join-4:before{ height:100%; vertical-align:middle; content:""; display:inline-block;}
.join-center{ width:80%;vertical-align:middle; display:inline-block; text-align:left}
.join-center h3{ float:left; width:100%; overflow:hidden; font-size:48px; font-weight:bold; color:#fff; background:url(../image/icon-82.png) no-repeat left bottom}
.join-center ul{ float:left; width:100%; overflow:hidden; margin-top:52px}
.join-center ul li{ float:left; width:100%; overflow:hidden; line-height:50px; font-size:20px; color:#fff; padding-left:26px; background:url(../image/icon-93.png) no-repeat left center}
.join-center ul li:nth-child(2){ background:url(../image/icon-94.png) no-repeat left center}

.join-zp{ width:100%; overflow:hidden; background:#fff url(../image/bg-18.jpg) no-repeat top center; padding-bottom:116px}
.join-head{ width:1440px; overflow:hidden; margin:110px auto 0px; padding-bottom:28px}
.join-zp h3{float:left; width:auto; overflow:hidden;  font-size:48px; color:#030000; font-weight:bold; position:relative; padding-bottom:28px}
.join-zp h3:before{ width:24px; height:4px; position:absolute; content:""; left:0%;bottom:0px; z-index:12; background:#b31b34;}
.join-zp ul{ float:right; width:auto; overflow:hidden; font-size:20px; color:#222; margin-top:30px}
.join-zp ul li{ float:left; width:auto; overflow:hidden; display:inline; margin-left:20px; cursor:pointer; line-height:40px; transition:all 0.4s ease;border-bottom:2px transparent solid;}
.join-zp ul .active{ border-bottom:2px #b31b34 solid; font-size:24px;}

.join-list{ width:1440px; margin:30px auto 0px}
.zp-item{ float:left; width:460px;background:#fff;box-shadow:0px 0px 12px 4px rgba(0,0,0,0.02); margin-top:30px; margin-right:28px; height:130px; cursor:pointer;transition:all 0.4s ease-out}
.zp-item:nth-child(3n){ margin-right:0px}
.zp-item:before{height:100%; vertical-align:middle; content:""; display:inline-block;}
.zp-left{ width:60%; overflow:hidden;vertical-align:middle; display:inline-block; padding-left:30px}
.zp-left span{ float:left; width:100%; overflow:hidden; font-size:20px; color:#221815;transition:all 0.4s ease-out}
.zp-left p{ float:left; width:100%; overflow:hidden; font-size:16px; color:#221815; margin-top:12px;transition:all 0.4s ease-out}
.zp-right{ float:right; width:116px; position:relative}
.zp-right img{ width:100%; height:auto; position:absolute; z-index:2;top:0px;left:0px;opacity:1;transition:all 0.4s ease-out}
.zp-right img:last-child{opacity:0;transition:all 0.4s ease-out}
.join-list .active{ background:#b31b34;box-shadow:0px 0px 12px 4px rgba(179,27,52,0.06)}
.join-list .active .zp-left span,.join-list .active .zp-left p{ color:#fff}
.join-list .active .zp-right img{opacity:0}
.join-list .active .zp-right img:last-child{ opacity:1}
.zp-more{ margin-top:0px; display:none}
.join-more{ width:100%; overflow:hidden; margin-top:90px; text-align:center}
.join-more a{ width:200px; height:54px; line-height:54px; text-align:center; display:inline-block; background:#b31b34; font-size:18px; color:#fff; cursor:pointer}

.zp-drop{ width:100%;overflow:hidden; position:fixed; z-index:234567;left:0px;top:0px; background:rgba(0,0,0,0.7); height:100%; display:none;opacity:0;transition:all 1.4s ease}
.zp-content{ width:730px; height:500px; position:fixed;left:50%;top:50%; z-index:234234; background:#fff;border-radius:5px;margin-left:-365px; margin-top:-250px; padding:30px 70px}
.zp-title{float:left; width:100%; overflow:hidden; text-align: center; font-size:30px; color:#333; margin:0px; font-weight:normal }
.zp-close{ width:30px; height:30px; position: absolute;right:20px;top:20px; z-index:234; background:url(../image/icon-95.png) no-repeat center; cursor:pointer}
.zp-name{ float:left; width:80%; overflow:hidden; line-height:30px; color:#333; font-size:22px; margin-top:20px}
.zp-pos{ float:right; width:auto;line-height:30px; color:#333; font-size:16px; margin-top:20px; background:url(../image/icon-96.png) no-repeat left center; padding-left:16px}
.zp-main{ float:left; width:100%; overflow-y:scroll; height:250px; margin-top:20px }
.zp-main h4{ float:left; width:100%; overflow:hidden; font-size:18px; color:#666; padding-bottom:10px}
.zp-main p{ float:left; width:97%; overflow:hidden; line-height:28px; font-size:14px; color:#333}
.zp-main .zp-top{ margin-top:20px}
.zp-notice{ float:left; width:100%; overflow:hidden; text-align:center; margin-top:16px; font-size:14px; color:#777}
.zp-add{ float:left; width:100%; overflow:hidden; text-align: center; margin-top:14px}
.zp-add a{ width:160px; height:44px; line-height:44px; text-align:center; display:inline-block; background:#b31b34; font-size:18px; color:#fff; cursor:pointer}
.zp-show{ display:block;opacity:1}

/*产品*/
.product{ width:100%; height:calc(100vh - 101px); overflow:hidden; margin-top:101px; position:relative}
.product-content{ width:100%; height:100%; overflow:hidden; position:absolute;left:0px;top:0px; z-index:12;opacity:0}
.product .default{opacity:1; z-index:23}

.product-body{ width:84%; height:100%; overflow:hidden; margin:0px auto;}
.product-body .swiper-container {width: 100%;height: 100%;}
.product-body .swiper-slide {display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center; background-position:center; background-repeat:no-repeat; background-size:cover; position:relative}
.product-body .swiper-slide h4{ width:70%; position:absolute;left:15%;top:30%; font-size:76px; font-weight:bold; color:#fff; padding-bottom:40px}
.product-body .swiper-slide h4:before{ width:60px; height:12px; content:""; position:absolute;left:0px;bottom:0px; background:#b31b34}

.product-content .product-left{ width:20%; height:100%; overflow:hidden; position:absolute;left:-12%;top:0px; z-index:123; cursor:pointer;transition:all 0.5s ease;-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}
.product-content .product-right{ width:20%; height:100%; overflow:hidden; position:absolute;right:-12%;top:0px; z-index:123; cursor:pointer;transition:all 0.5s ease;-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}
.product-content .product-item{ width:100%; height:100%; overflow:hidden;background-position:center; background-repeat:no-repeat; background-size:cover;position:absolute;left:0%;top:0px; z-index:123;transition:all 1.2s ease}
.product-content .product-prev{left:-100%;transition:all 1.2s ease; z-index:155}
.product-content .product-next{left:100%;transition:all 1.2s ease; z-index:155}
.product-content .active,.product-content .active{left:0%; z-index:156}
.product-left:hover{left:-11%;-webkit-filter: grayscale(100%);-moz-filter: grayscale(0%);
-ms-filter: grayscale(0%);-o-filter: grayscale(0%);filter: grayscale(0%);filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=0);}
.product-right:hover{right:-11%;-webkit-filter: grayscale(100%);-moz-filter: grayscale(0%);
-ms-filter: grayscale(0%);-o-filter: grayscale(0%);filter: grayscale(0%);filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=0);}

@keyframes fades{
 0%{opacity:0}
 100%{opacity:1}
}
.product-nav{width:130px; position:absolute;left:8%;bottom:60px; overflow:hidden; z-index:121;transition:all 0.5s ease}
.product-nav-body{ float:left; width:57%; height:120px; background:#fff; overflow:hidden; padding:0px;transition:all 0.5s ease; margin-left:-57%}
.product-nav-body .swiper-slide{ float:left; width:auto; overflow:hidden; line-height:120px; font-size:16px; color:#030000; padding:0px 24px; background:url(../image/icon-146.png) no-repeat right center; cursor:pointer}
.product-nav-body .swiper-slide:last-child{ background:none}
.product-des{ float:left; width:80px; height:120px; overflow:hidden; background:#b31b34; text-align:center;color:#fff}
.product-des span{ float:left; width:100%; overflow:hidden; font-size:20px; font-weight:bold;box-sizing:border-box; padding:6px 30px 0px; display:block}
.product-des p{ float:left; width:100%; overflow:hidden; font-size:20px; font-weight:bold;box-sizing:border-box; padding:0px 30px}
.product-arr{ float:left; width:50px; height:120px; background:url(../image/icon-124.png) no-repeat center; cursor:pointer;animation:fades 1.5s ease infinite alternate;opacity:1;transition:all 0.5s ease}
.product-nav-body .swiper-slide:hover{ color:#b31b34}

.mousein{width:1600px;}
.mousein .product-nav-body{padding:0px 20px; margin:0px}
.mousein .product-des span{display:none }
.mousein .product-des p{ font-size:24px; padding:20px 20px 0px; line-height:40px }
.mousein .product-arr{opacity:0;animation:none}

.product-slide{ width:360px; background:#fff; height:360px; position:absolute;right:12%;top:50%;margin-top:-180px; overflow:hidden; z-index:2342;opacity:0;transition:all 0.6s ease}
.product-li{ float:left; width:100%; overflow:hidden; height:90px; cursor:pointer}
.product-li span{width:4px; height:24px; background:#b31b34; float:left; margin-top:33px;opacity:0;transition:all 0.4s ease}
.product-li p{ float:left; display:inline; width:240px; overflow:hidden; margin-left:56px; border-bottom:1px #e6e6e6 solid; line-height:89px; font-size:24px; color:#000;transition:all 0.4s ease; position:relative; height:89px}
.product-li p:before{ width:30px; height:100%; position:absolute;right:20px;top:0px;background:url(../image/icon-145.png) no-repeat right center ;opacity:0;transition:all 0.4s ease}
.product-slide .active span{opacity:1}
.product-slide .active p{color:#b31b34}
.product-slide .active p:before{right:0px;opacity:1;}
.product .bloc{ display:none}
.product .show{ display:block}
.slide-active{opacity:1;z-index:2442;}

.zp-pannel{ width:1440px; margin:50px auto 0px}
.zp-data{ float:left; display:inline; width:458px; height:450px; overflow:hidden; background:#fff; border-top:6px #fff solid; border-bottom:2px #b31b34 solid;box-shadow:0px 0px 12px 5px rgba(0,0,0,0.04); margin-right:33px; position:relative; cursor:pointer;transition:all 0.4s ease-out}
.zp-data:nth-child(3){ float:right; margin-right:0px}
.zp-pic{ width:86%; overflow:hidden; margin:20px auto 0px; height:80px; position:relative}
.zp-pic img{ float:left; width:auto; height:100%; position:relative; z-index:12;opacity:1;transition:all 0.4s ease-out}
.zp-pic img:last-child{opacity:0; position:absolute;left:0px;top:0px}
.zp-bottom{ width:86%; position:absolute;left:7%;bottom:5%; overflow:hidden}
.zp-bottom span{ float:left; width:100%; overflow:hidden; font-size:24px; color:#222;transition:all 0.4s ease-out}
.zp-bottom p{ float:left; width:100%; overflow:hidden; font-size:14px; color:#808080; line-height:26px; margin-top:16px;transition:all 0.4s ease-out}
.zp-bottom p em{float:left;width:100%; color:#444; font-weight:bold;transition:all 0.4s ease-out}
.zp-data:hover{transform:translateY(-10px); background:#b31b34;border-top-color:#7d1324}
.zp-data:hover .zp-pic img{opacity:0}
.zp-data:hover .zp-pic img:last-child{opacity:1}
.zp-data:hover .zp-bottom span,.zp-data:hover .zp-bottom p,.zp-data:hover .zp-bottom p em{color:#fff}




/*产品-多功能卡*/
.card-banner{ width:100%; overflow:hidden; background-position:center; background-repeat:no-repeat; height:600px}
.card-banner h3{ width:1440px; overflow:hidden;  margin:180px auto 0px; font-size:48px; font-weight:bold; color:#fff}
.card-banner p{ width:1440px; overflow:hidden;  margin:20px auto 0px; font-size:24px; color:#fff}
.card-banner span{ width:1440px; display:block; margin:80px auto 0px}
.card-banner span a{ float:left; width:180px; height:48px; background:#b31b34; line-height:48px; text-align:center; font-size:16px; color:#fff}
.card-banner span a:hover{background:#fff;color:#b31b34}

.card-gs{ width:100%; overflow:hidden; margin:120px auto 0px}
.card-gs h3{width:1440px; margin:0px auto; overflow:hidden; font-size:36px; font-weight:bold; color:#030000}
.card-info{width:1440px; margin:0px auto; overflow:hidden; font-size:18px; color:#030000; line-height:35px}
.card-info p{ margin-top:32px; padding-bottom:20px}
.card-gs ul{ width:1440px; margin:62px auto 0px}
.card-gs ul li{ float:left; display:inline; width:343px; height:400px; overflow:hidden; background:#fff; border-top:6px #fff solid; border-bottom:2px #b31b34 solid;box-shadow:0px 0px 12px 5px rgba(0,0,0,0.04); margin-right:22px; position:relative; cursor:pointer;transition:all 0.4s ease-out}
.card-gs ul li:nth-child(4){ margin-right:0px}
.card-gs ul .card-li{ width:458px; height:420px}
.card-gs ul .card-li p samp{ font-size:16px; color:#808080; padding-left:30px;transition:all 0.4s ease-out}
.card-pic{ float:left; width:150px; position:relative}
.card-pic img{ width:100%; height:auto; position:absolute; z-index:2;opacity:1;transition:all 0.4s ease-out}
.card-pic img:last-child{ opacity:0;transition:all 0.4s ease-out}
.card-body{ width:100%; overflow:hidden; position:absolute;left:0px;bottom:0px; z-index:2; padding-bottom:30px}
.card-body span{ width:79%; overflow:hidden; margin:0px auto; display:block; font-size:24px; color:#030000;transition:all 0.4s ease-out}
.card-body p{ width:79%; overflow:hidden; margin:20px auto 0px; display:block; font-size:16px; color:#808080; line-height:32px;transition:all 0.4s ease-out}
.card-gs ul .active{ background:#b31b34; margin-top:-10px;border-top:6px #7d1324 solid;box-shadow:0px 0px 12px 5px rgba(179,27,52,0.2)}
.card-gs ul .active .card-pic img{opacity:0}
.card-gs ul .active .card-pic img:last-child{ opacity:1}
.card-gs ul .active .card-body span,.card-gs ul .active .card-body p,.card-gs ul .active .card-body p samp{ color:#fff}

.card-silde{ width:1440px; overflow:hidden; margin:90px auto 0px; border:1px #b31b34 solid}
.card-head{ float:left; width:100%; overflow:hidden;background:#b31b34; padding:9px 9px 0px}
.card-head span{ float:left; width:auto; overflow:hidden; height:80px; line-height:80px; padding:0px 51px; font-size:20px; color:#fff; cursor:pointer}
.card-head .active{ background:#fff; color:#b31b34}
.card-list{ width:84%; overflow:hidden; margin:0px auto; padding:80px 0px 90px}
.card-pannel{ float:left; width:100%; overflow:hidden; display:none}
.card-pannel img{ width:100%; height:auto}
.card-list .active{ display:block}
.card-des{ float:left; width:100%; overflow:hidden; font-size:18px; color:#030000; line-height:36px}
.card-pannel ul{ float:left; width:100%; overflow:hidden; margin-top:60px}
.card-pannel ul li{ float:left; width:100%; overflow:hidden;}
.card-nav{ float:left; width:100%; overflow:hidden; height:40px; line-height:40px; background:#f5f5f5; border-left:4px #b31b34 solid; padding-left:16px; font-size:20px; color:#b31b34}
.card-detail{ float:left; width:100%; overflow:hidden; padding:20px 20px; line-height:32px; font-size:16px; color:#808080}
.card-detail i,.card-des i{width:34px;position:relative;display: inline-block;vertical-align: top;}
.card-detail i:before,.card-des i:before{width:20px;height:20px;border-radius:50%;content:""; position:absolute;left:0px;top:7px; background:#b31b34 url(../image/icon-4.png) no-repeat center; background-size:5px}
.card-left{ float:left; width:100%; overflow:hidden; line-height:32px; font-size:16px; color:#b31b34; font-weight:bold}
.kong{ width:100%; overflow:hidden; height:120px}
.card-jp ul{ margin-top:0px}
.pay-1{ width:1440px; overflow:hidden; margin:115px auto 0px; border-bottom:4px #b31b34 solid; padding-bottom:33px}
.pay-1 h3{ float:left; width:100%; overflow:hidden; font-size:48px; font-weight:bold; color:#030000}
.pay-info{ float:left; width:100%; overflow:hidden; font-size:18px; color:#808080; line-height:36px; margin-top:20px; text-align:justify}

.pay-2{ width:1440px; margin:0px auto}
.pay-item{ float:left; width:100%; overflow:hidden; background:#fff; margin-top:40px;box-shadow:0px 0px 12px 5px rgba(0,0,0,0.01); height:540px; cursor:pointer}
.pay-left{ float:left; width:540px; overflow:hidden; height:100%; background:#fafafa}
.pay-left:before{height:100%; vertical-align:middle; content:""; display:inline-block;}
.pay-left img{ width:100%; height:auto; vertical-align:middle;}
.pay-right{ float:left; width:900px; height:100%; overflow:hidden;text-align:center}
.pay-right:before{height:100%; vertical-align:middle; content:""; display:inline-block; }
.pay-body{ width:82%; overflow:hidden; vertical-align:middle; display:inline-block; text-align:left}
.pay-body h3{ float:left; width:100%; overflow:hidden; font-size:24px; color:#030000; position:relative; padding-bottom:30px}
.pay-body h3:before{ width:24px; height:4px; position:absolute; content:""; left:0%;bottom:0px; z-index:12; background:#b31b34;}
.pay-des{ float:left; width:100%; overflow:hidden; line-height:32px; font-size:16px; color:#808080; margin-top:22px}
.pay-body ul{ float:left; width:100%; overflow:hidden; margin-top:30px}
.pay-body ul li{ float:left; width:100%; overflow:hidden; line-height:37px; font-size:16px; color:#808080; padding-left:23px; background:url(../image/icon-1.jpg) no-repeat 0px 16px}

.pay-ul{ float:left; width:100%; overflow:hidden; margin-top:15px}
.pay-li{ float:left; width:33.3%; overflow:hidden; font-size:16px; color:#333; line-height:40px}

.pay-more{ float:left; width:100%; overflow:hidden; margin-top:24px}
.pay-more a{ float:left; width:180px; height:48px; line-height:48px; text-align:center; background:#b31b34; font-size:16px; color:#fff; cursor:pointer;transition:all 0.4s ease}
.pay-more a:hover{ background:#980820;}

.pay-full{ width:100%; overflow:hidden; position:fixed; left:0px;top:0px; z-index:234523523; text-align:center; background:rgba(0,0,0,0.3); height:100%;opacity:0; visibility:hidden;transition:all 1s ease}
.pay-full:before{ height:100%; content:""; display:inline-block; vertical-align:middle;}
.pay-center{ width:75%; overflow:hidden; display:inline-block; vertical-align:middle; background:#fff; text-align:left; position:relative; height:80%}
.pay-close{ width:50px; height:50px; position:absolute;right:14px;top:14px; z-index:234; background:url(../image/icon-106.png) no-repeat center; background-size:23px; cursor:pointer;transition:all 0.5s ease}
.pay-close:hover{transform:rotate(360deg)}
.pay-full-head{ width:80%; overflow:hidden; margin:100px auto 0px; font-size:36px; font-weight:bold; color:#333}
.payfull-content{ width:96%; overflow:hidden; margin:40px auto 0px; height:60%}
.payfull-nav{width:83%; margin:0px auto; overflow:hidden; height:60px; line-height:60px; background:#b31b34;}
.payfull-nav span{ font-size:24px; color:#fff; margin-left:40px}
.payfull-item{width:83%; margin:0px auto; overflow:hidden; box-sizing:border-box; border:1px #e6e6e6 solid; border-top:none}
.payfull-item ul{ float:left; width:100%; overflow:hidden;}
.payfull-item ul li{ float:left; width:100%; overflow:hidden; line-height:60px; height:60px; font-size:16px; color:#333}
.payfull-item ul li:nth-child(2n+1){ background:#fafafa}
.payfull-item ul li span{ float:left; width:30%; height:60px; border-right:1px #e6e6e6 solid; box-sizing:border-box; padding-left:10%}
.payfull-item ul li p{ float:left; width:70%; height:60px; border-right:1px #e6e6e6 solid; box-sizing:border-box; padding-left:10%}
.payfull-kong{ float:left; width:100%; height:40px}
.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,.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:0px}
.payul-scroll{ float:left; width:100%; overflow:hidden; height:305px}
/*案例*/
.case-banner{ width:100%; overflow:hidden; background:url(../image/banner-5.jpg) no-repeat center; height:599px}
.case-banner h3{ width:100%; height:100%; overflow:hidden; text-align: center; font-size:48px; font-weight:bold; color:#fff; line-height:600px}

.case-nav{ width:100%; overflow:hidden; text-align:center; margin-top:120px}
.case-nav span{ width:200px; height:60px; line-height:60px; text-align:center; display:inline-block; margin:0px 12px; background:#d9d9d9; font-size:20px; color:#030000}
.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:1440px; margin:17px auto 0px}
.case-item{ float:left; width:342px; height:191px; display:inline; background:#fff; margin-right:24px;box-shadow:0px 0px 12px 4px rgba(0,0,0,0.01); margin-top:23px; cursor:pointer; line-height:191px; position:relative;border:1px #fff solid;transition:all 0.4s ease}
.case-item:nth-child(4n){ margin-right:0px}
.case-item img{vertical-align:middle; max-width:100%; min-width:90%; height:auto;transition:all 0.4s ease}
.case-drop{ width:100%; overflow:hidden; position:absolute;left:0px;top:0px; z-index:2345; height:0px;transition:all 0.3s ease; background:#fff;opacity:0;transition:all 0.4s ease}
.case-list .act{border-color:#b31b34;box-shadow:0px 0px 12px 4px rgba(179,27,52,0.1)}	
.case-list .active .case-drop{ display:block;border:1px #b31b34 solid;box-shadow:0px 0px 12px 4px rgba(179,27,52,0.1);top:-20px; height:150%;opacity:1}
.case-list .active .case-drop .case-pic{ width:80%; margin:0px auto; overflow:hidden; border-bottom:1px #e6e6e6 solid; line-height: normal; padding:14px 0px}
.case-list .active .case-drop .case-info{ width:80%; margin:0px auto; overflow:hidden; line-height:28px; font-size:14px; height:84px; color:#808080; margin-top:25px	}
.case-list .active .case-drop .case-more{ width:80%; overflow:hidden; margin:11px auto 0px; font-size:14px; color:#b31b34; line-height:24px; background:url(../image/icon-105.png) no-repeat 34% center}

.case-iframe{ width:100%; overflow:hidden; position:fixed;left:0px;top:0px; z-index:234555; height:100%; display:none;opacity:0;transition:all 0.6s ease}
.case-bg{ width:100%; overflow:hidden; position:fixed;left:0px;top:0px; z-index:234555; height:100%; background:rgba(0,0,0,0.3);display:none;opacity:0}
.case-pop{ width:1440px; height:720px; overflow:hidden; position:absolute;left:50%;top:50%; z-index:23423432;margin-left:-720px;margin-top:-360px; background:#fff url(../image/bg-20.jpg) no-repeat bottom right; padding:120px 120px 0px }
.case-close{ width:33px; height:33px; position:absolute;right:30px;top:30px; z-index:234; background:url(../image/icon-106.png) no-repeat; cursor:pointer;transition:all 0.4s ease}
.case-close:hover{transform:rotate(180deg)}
.case-yh{ float:left; width:360px; height:152px; overflow:hidden; background:#f5f5f5; text-align:center}
.case-yh:before{height:100%; vertical-align:middle; content:""; display:inline-block;}
.case-yh img{max-width:100%;min-width:90%; display:inline-block; vertical-align:middle}
.pop-right{ float:right; width:803px; overflow:hidden}
.pop-right h3{ float:left; width:100%; overflow:hidden; font-size:36px; color:#030000; font-weight:bold; margin-top:16px}
.pop-right p{ float:left; width:100%; overflow:hidden; font-size:16px; color:#808080; margin-top:18px; line-height:30px; height:60px}
.pop-detail{ float:left; width:100%; overflow:hidden; line-height:30px; font-size:16px; color:#808080; border-top:1px #d9d9d9 solid; margin-top:40px; height:290px}
.pop-detail p{ padding:30px 0px 20px}
.pop-detail .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.pop-detail .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background:#b31b34}
.caseshow{ display:block;opacity:1}

/*关于我们*/
.about-banner{ width:100%; overflow:hidden; background:url(../image/banner-6.jpg) no-repeat center; height:600px}
.about-banner h3{ width:100%; height:100%; overflow:hidden; text-align: center; font-size:48px; font-weight:bold; color:#fff; line-height:600px}

.about-info{ width:1440px; overflow:hidden; margin:120px auto 0px; position:relative; border-bottom:1px #e6e6e6 solid; padding-bottom:60px}
.about-info h3{ float:left; width:100%; overflow:hidden; font-size:32px; font-weight:bold; color:#030000}
.about-info ul{ float:left; width:100%; overflow:hidden; border-left:4px #b31b34 solid; margin-top:25px}
.about-info ul li{ float:left; width:100%; overflow:hidden; line-height:32px; font-size:20px; color:#030000; font-weight:bold; padding-left:15px}
.about-pic{ width:720px; overflow:hidden; position:absolute;right:0px;top:60px; z-index:234}
.about-pic img{ width:100%; height:auto;transition:all 0.4s ease-out; cursor:pointer}
.about-pic img:hover{transform:scale(1.1)}
.about-des{ float:left; width:684px; overflow:hidden; line-height:32px; font-size:16px; color:#030000}
.about-des p{ padding:34px 0px 16px}

.about-server{ width:1440px; overflow:hidden; margin:90px auto 0px; border-bottom:1px #e6e6e6 solid; padding-bottom:90px}
.about-server h3{ float:left; width:100%; overflow:hidden; font-size:32px; font-weight:bold; color:#030000}
.about-slide{ float:left; width:100%; overflow:hidden; margin-top:37px; cursor:pointer;height:480px}
.about-item{ float:left; width:14%; overflow:hidden; position:relative;transition:all 0.5s ease-out }
.about-slide img{ float:left;transition:all 0.3s ease-out;-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}
.about-item p{ width:100%; height:100%; display:block; position:absolute;left:0px;bottom:0px; z-index:234; background:-webkit-linear-gradient(bottom,rgba(38,45,62,1) 0%,rgba(38,45,62,0.3) 100%);transition:all 0.5s ease-out}
.about-item p span{ width:100%; overflow:hidden; display:block; position:absolute;left:38px;bottom:38px; z-index:234; font-size:24px; color:#fff}
.about-slide .active{ width:44%}
.about-slide .active img{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);}
.about-slide .active:hover img{transform:scale(1.1)}
.about-slide .active p{ width:100%; height:100%; display:block; position:absolute;left:0px;bottom:0px; z-index:234; background:-webkit-linear-gradient(bottom,rgba(179,27,52,1) 0%,rgba(179,27,52,0) 45%)}

.about-sc{ width:1440px; overflow:hidden; margin:90px auto 0px; border-bottom:1px #e6e6e6 solid; padding-bottom:90px}
.about-sc h3{ float:left; width:100%; overflow:hidden; font-size:32px; font-weight:bold; color:#030000}
.about-1{ float:left; width:100%; overflow:hidden; font-size:16px; color:#030000; line-height:32px; margin-top:22px}
.about-2{ float:left; width:100%; overflow:hidden; margin-top:32px}
.about-2 img{ float:left; width:100%; height:auto;transition:all 0.4s ease-out}
.about-2 img:hover{transform:scale(1.1)}

.about-3{ width:100%; overflow:hidden; background:url(../image/bg-21.jpg) no-repeat; height:614px}
.about-3 h3{ width:1440px; overflow:hidden; margin:120px auto 0px; font-size:36px; color:#fff; font-weight:bold}
.about-3 ul{ width:1440px; overflow:hidden; margin:32px auto 0px}
.about-3 ul li{ float:left; width:20%; overflow:hidden; background:#fff; cursor:pointer; padding-bottom:26px}
.about-3 ul li:nth-child(2n){ background:#fafafa}
.about-3 ul li samp{ float:left; width:100%; overflow:hidden}
.about-3 ul li samp img{ width:100%; height:auto;transition:all 0.4s ease-out}
.about-3 ul li samp img:hover{transform:scale(1.1)}
.about-3 ul li span{ float:left; width:100%; height:30px; line-height:30px; overflow:hidden; padding:0px 10px 0px 30px; margin-top:20px; font-size:22px; color:#030000}
.about-3 ul li p{ float:left; width:100%; height:30px; line-height:30px; overflow:hidden; padding:0px 10px 0px 30px; margin-top:6px; font-size:16px; color:#808080}

.about-4{ width:100%; overflow:hidden; margin:120px auto 0px; padding-bottom:90px}
.about-4 h3{ width:1440px; margin:0px auto; overflow:hidden; font-size:32px; font-weight:bold; color:#030000}
.about-5{ width:1440px; margin:38px auto 0px; position:relative; height:405px}
.about-5 ul{ float:right; width:50%; height:100%;border-top:1px #e6e6e6 solid;box-sizing:border-box}
.about-5 ul li{ float:left; width:100%; height:25%; border:1px #e6e6e6 solid; border-top:none; cursor:pointer;transition:all 0.4s ease-out}
.about-5 .about-simg{ width:50%; position:absolute;left:0px;top:0px; z-index:2;opacity:0; overflow:hidden;transition:all 0.4s ease-out}
.about-5 .about-simg img{transition:all 0.4s ease-out;}
.about-5 .active{opacity:1; z-index:3}
.about-5 .active img:hover{transform:scale(1.1)}
.about-list{ width:100%; height:100%; position:relative}
.about-list h4{ width:100%; height:100%; position:absolute;left:0px;top:0px; z-index:1234;transition:all 0.4s ease-out}
.about-list h4:before{ content:""; vertical-align:middle; display:inline-block; height:100%}
.about-list h4 p{ width:80%; display:inline-block; vertical-align:middle; text-align:left; font-size:16px; color:#030000; line-height:25px;transition:all 0.4s ease-out}
.about-list h4 samp{ width:14%; display:inline-block; vertical-align:middle; font-size:24px; color:#ccc; text-align:center;font-family:'dinpro'; font-weight:normal;transition:all 0.4s ease-out}
.about-5 ul li .act h4{ width:108%; background:#b31b34; left:-4%; height:120%;top:-10%; box-shadow:0px 0px 15px 6px rgba(179,27,52,0.2)}
.about-5 ul li .act h4 samp,.about-5 ul li .act h4 p{ color:#fff} 

.about-6{ width:100%; overflow:hidden; margin:120px auto 0px; padding-bottom:90px}
.about-6 h3{ width:100%; overflow:hidden; text-align:center; font-size:36px; color:#030000; font-weight:bold}
.about-zr{ width:1450px; margin:0px auto}
.zr-item{ float:left; width:25%; overflow:hidden; padding:0px 10px;}
.zr-bg{width:280px; height:280px; overflow:hidden; margin:0px auto; background:url(../image/icon-107.png) no-repeat center; background-size:100%; text-align:center; border-radius:50%;box-shadow:0px 0px 12px 4px  rgba(0,0,0,0.04); margin-top:20px}
.zr-bg:before{ content:""; vertical-align:middle; display:inline-block; height:100%}
.zr-bg img{ vertical-align:middle; display:inline-block;max-width:70%;background:url(../image/icon-108.png) no-repeat bottom center; padding:20px 0px; background-size:100%; height:auto;max-height:70%; width:auto}
.zr-item span{ width:100%; display:block; text-align:center; line-height:23px; height:46px; padding:0px 10px;box-sizing:border-box; font-size:18px; color:#030000; margin-top:30px}

.about-his{ width:100%; overflow:hidden; background:url(../image/bg-22.jpg) no-repeat center; height:870px}
.about-his h3{ width:100%; overflow:hidden; text-align:center; font-size:36px; font-weight:bold; color:#030000; margin-top:120px}
.his-body{ width:1440px; overflow:hidden; margin:60px auto 0px; position:relative}
.his-content{ width:648px; height:320px; margin:20px auto; overflow:hidden; background:#b6263e;border-radius:6px; position:relative;box-shadow:0px 0px 16px 2px rgba(182,38,62,0.45)}
.his-item{ width:80%;overflow:hidden; position:absolute;left:10%;top:60%; z-index:23;opacity:0;transition:all 0.7s ease; background:#b6263e}
.his-item span{ float:left; width:100%; overflow:hidden; text-align:center; font-size:60px; color:#fff;font-family:'dinprob'; background:url(../image/icon-134.png) no-repeat left top}
.his-info{ float:left; width:100%; overflow:hidden; text-align:center; line-height:33px; height:132px; font-size:16px; color:#fff; padding:0px 20px; margin-top:7px}
.his-content .active{ z-index:26;opacity:1;top:60px}

.his-body .swiper-button-prev{ width:60px; height:60px; background:url(../image/icon-135.png) no-repeat;top:30%}
.his-body .swiper-button-next{ width:60px; height:60px; background:url(../image/icon-135.png) no-repeat;top:30%;transform:rotate(180deg)}
.his-body .swiper-button-prev:hover{ background-image:url(../image/icon-136.png);transform:rotate(180deg)}
.his-body .swiper-button-next:hover{ background-image:url(../image/icon-136.png);transform:rotate(0deg)}



.his-nav{ width:100%; overflow:hidden; margin-top:70px;}
.his-nav .swiper-slide{ cursor:pointer}
.his-nav .swiper-slide samp{ float:left; width:25px; height:32px; background:url(../image/icon-138.png) no-repeat; display:inline; margin-left:10px;opacity:0;transition:all 0.4s ease}
.his-nav .his-navs{ float:left; width:100%; overflow:hidden}
.his-nav .his-navs span{ float:left; width:6px; height:6px; background:#808080;border-radius:50%;border:5px #ddd solid; margin-top:25px; display:inline; margin-left:12px ;transition:all 0.4s ease}
.his-nav .his-navs p{ float:left; width:100px; height:16px; background:url(../image/icon-137.png) no-repeat center; margin-top:25px; display:inline; margin-left:25px;transition:all 0.4s ease; position:relative}
.his-nav .his-navs p:before{ width:0%; height:4px; position:absolute;left:0px;top:6px; z-index:23;border-radius:2px; background:#b31b34;transition:all 1s linear}
.his-nav em{ float:left; width:100%; overflow:hidden; margin-top:23px; color:#808080; font-size:18px; font-family:'dinpro';transition:all 0.4s ease}
.his-nav .active samp{opacity:1}
.his-nav .active .his-navs span{ background:#b31b34;border-color:#e7c9ce}
.his-nav .active em{ color:#b31b34; font-weight:bold}
.his-nav .active .his-navs p:before{ width:100%; height:4px; position:absolute;left:0px;top:6px; z-index:23;border-radius:2px; background:#b31b34; }

.about-contact{ width:100%; overflow:hidden; margin:0px; position:relative}
.contact-map{ float:left; width:100%; overflow:hidden; height:720px}
.map-item{ float:left; width:100%; height:100%; display:none}
.contact-map .active{ display:block}
.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
.iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}

.contact-s{ width:708px;  position:absolute;left:360px;top:0px; z-index:2345; padding-bottom:40px}
.contact-s h3{ width:100%; overflow:hidden; font-size:36px; color:#030000; font-weight:bold; margin-top:120px}
.contact-sa{ width:100%; height:360px; overflow:hidden; background:url(../image/bg-24.jpg) no-repeat; margin-top:40px; box-shadow:0px 0px 12px 5px rgba(182,38,62,0.25)}
.contact-sa ul{ width:90%; overflow:hidden; margin:20px auto 0px; border-bottom:1px #ba4458 solid}
.contact-sa ul li{ float:left; width:auto; line-height:62px; font-size:24px; color:#fff; display:inline; margin-right:56px;transition:all 0.4s ease; cursor:pointer}
.contact-sa ul .active{ font-weight:bold; border-bottom:3px #fff solid}
.contact-cont{ width:90%; overflow:hidden; margin:35px auto 0px; padding-left:40px}
.contact-item{ float:left; width:100%; overflow:hidden; display:none}
.contact-item .contact-li{ float:left; width:100%; overflow:hidden; line-height:34px; height:34px; font-size:16px; color:#fff; padding-left:27px}
.contact-item .contact1{ background:url(../image/icon-140.png) no-repeat left 9px}
.contact-item .contact2{ background:url(../image/icon-141.png) no-repeat left 10px}
.contact-item .contact3{ background:url(../image/icon-142.png) no-repeat left 10px}
.contact-item .contact4{ background:url(../image/icon-143.png) no-repeat left 10px}
.contact-item .contact5{ background:url(../image/icon-144.png) no-repeat left 13px}
.contact-cont .active{ display:block}

/*生物识别*/
.banner-ident{ width:100%; overflow:hidden; height:600px; text-align:center; background-size:auto 100%; background-repeat:no-repeat; background-position:center}
.banner-ident:before{ height:100%; content:""; vertical-align:middle; display:inline-block}
.banner-ident h3{ width:90%; display:inline-block; vertical-align:middle; font-size:48px; font-weight:bold; color:#fff}
.ident-1{ width:100%; overflow:hidden;}
.ident-head{ width:75%; overflow:hidden; margin:120px auto 0px}
.ident-head h3{ float:left; width:100%; overflow:hidden; font-size:48px; color:#030000; font-weight:bold; letter-spacing:4px}
.ident-head em{ float:left; width:100%; overflow:hidden; font-size:20px; color:#808080; letter-spacing:4px; margin-top:12px; position:relative; padding-bottom:28px}
.ident-head em:before{ width:24px; height:4px; position:absolute;left:0px;bottom:0px; z-index:23; background:#b31b34; content:""}
.ident-head p{ float:left; width:100%; overflow:hidden; font-size:18px; color:#808080; letter-spacing:4px; margin-top:22px; line-height:32px}
.ident-content{ width:100%; overflow:hidden; margin-top:60px; background:url(../image/icon-154.png) no-repeat top center; text-align:center; padding-bottom:130px; background-size:100%}
.ident-content img{ width:61%; height:auto; margin-top:40px}

.ident-2{ width:100%; overflow:hidden; background: url(../image/ident-3.jpg) no-repeat top center; padding-bottom:100px}
.ident-3{ width:75%; overflow:hidden; margin:140px auto 0px}
.ident-3 ul{ float:left; width:100%; overflow:hidden; text-align:center; padding:0px 5%; box-sizing:border-box}
.ident-3 ul li{ float:left;width:20%; overflow:hidden;  text-align:center; cursor:pointer; height:150px}
.ident-3 ul li span{ width:56px; height:56px;border:2px #373739 solid;border-radius:50%; display:inline-block; margin-top:27px;transition:all 0.5s ease}
.ident-3 ul li .ident1{ background:url(../image/icon-155.png) no-repeat center; background-size:30px}
.ident-3 ul li .ident2{ background:url(../image/icon-157.png) no-repeat center; background-size:30px}
.ident-3 ul li .ident3{ background:url(../image/icon-159.png) no-repeat center; background-size:30px}
.ident-3 ul li .ident4{ background:url(../image/icon-161.png) no-repeat center; background-size:30px}
.ident-3 ul li .ident5{ background:url(../image/icon-163.png) no-repeat center; background-size:30px}
.ident-3 ul li p{ width:100%; overflow:hidden; text-align:center; font-size:16px; color:#808080; margin-top:30px;transition:all 0.5s ease}
.ident-3 ul .active span{ width:75px; height:75px; border-color:#b31b34; margin:0px}
.ident-3 ul .active .ident1{background:url(../image/icon-156.png) no-repeat center}
.ident-3 ul .active .ident2{background:url(../image/icon-158.png) no-repeat center}
.ident-3 ul .active .ident3{background:url(../image/icon-160.png) no-repeat center}
.ident-3 ul .active .ident4{background:url(../image/icon-162.png) no-repeat center}
.ident-3 ul .active .ident5{background:url(../image/icon-164.png) no-repeat center}
.ident-3 ul .active p{ color:#b31b34; font-size:22px}

.ident-4{ width:75%; overflow:hidden; margin:44px auto 0px}
.ident-4 span{ float:left;  overflow:hidden; padding-right:20px;box-sizing:border-box; background:url(../image/icon-165.png) no-repeat right top; height:20px;transition:all 0.5s ease}
.ident-4 span samp{ float:left; width:100%; overflow:hidden; border-top:1px rgba(255,255,255,0.2) solid}
.ident-4 p{ float:left; overflow:hidden;border-top:1px rgba(255,255,255,0.2) solid;transition:all 0.5s ease }
.ident-4.pos1 span{ width:15%}
.ident-4.pos1 p{ width:85%}
.ident-4.pos2 span{ width:33%}
.ident-4.pos2 p{ width:67%}
.ident-4.pos3 span{ width:51%}
.ident-4.pos3 p{ width:49%}
.ident-4.pos4 span{ width:69%}
.ident-4.pos4 p{ width:31%}
.ident-4.pos5 span{ width:87%}
.ident-4.pos5 p{ width:13%}

.ident-5{ width:75%; overflow:hidden; margin:80px auto 0px; height:220px; position: relative}
.ident-ul{width:100%; overflow:hidden; position: absolute;opacity:0; visibility:hidden;transition:all 0.5s ease;left:0px;top:0px; z-index:12}
.ident-ul em{ float:left; width:auto; overflow:hidden; padding-left:14px}
.ident-li{ width:100%; overflow:hidden; position:absolute;left:0px;top:0px; z-index:12; padding-left:434px;box-sizing:border-box}
.ident-li span{ float:left; width:100%; overflow:hidden; font-size:28px; color:rgba(255,255,255,0.7); margin-top:32px}
.ident-li p{ float:left; width:100%; overflow:hidden; font-size:18px; color:rgba(255,255,255,0.7); line-height:32px; margin-top:15px;}
.ident-5 .active{opacity:1; visibility:visible; z-index:13;}

/*交通*/
.jt{ background:url(../image/jiaotong-1.jpg) no-repeat center}
.jt-1{ width:100%; overflow:hidden; background:url(../image/jiaotong-3.jpg) no-repeat center; height:1008px; position:relative;animation:kuobig 18s linear  infinite alternate}
.jt-1 h3{ width:100%; position:absolute;left:0px;bottom:82px; z-index:2; font-size:52px; font-weight:bold; color:#fff}
.jt-1 h3 span{ width:1440px; margin:0px auto; overflow:hidden; display:block}
.jt-1 h3 span em{ font-size:22px}
.jtc{ background:url(../image/jiaotong-5.jpg) no-repeat center; background-size:cover}
.jtc h3{ position:relative; padding-bottom:16px	}
.jtc h3:before{ width:24px; height:4px; position:absolute; content:""; left:50%;bottom:0px; z-index:12; background:#b31b34; margin-left:-12px}

/*国密门禁*/
@keyframes ks1{
0%{opacity:0;left:0px;top:0px}
50%{opacity:1;width:140%; height:140%;left:-20%;top:-20%}
100%{opacity:0;width:180%; height:180%;left:-40%;top:-40%}
}
.gmm-1{ width:100%; overflow:hidden; background: url(../image/bg-14.jpg) no-repeat bottom center; padding-top:120px}
.gmm{ background:url(../image/gmmsafe-1.jpg) no-repeat}
.solve-head .gmm-des{ text-align: justify}
.gmm-img{ float:left; width:100%; overflow:hidden; text-align:center; padding:100px 0px 150px}
.gmm-img img{ width:60%; height:auto}
.solve-td ul li .gmm1{ background:url(../image/gmmsafe-2.png) no-repeat center} 
.solve-td ul li .gmm2{ background:url(../image/gmmsafe-3.png) no-repeat center} 
.solve-td ul li .gmm3{ background:url(../image/gmmsafe-4.png) no-repeat center} 
.gmm-2{ width:100%; overflow:hidden; margin:0px auto; position:relative}
.gmm-2pic,.gmm-2pic img{ float:left; width:100%; overflow:hidden; height:auto}
.gmm-2head{ width:100%; overflow:hidden; text-align:center; position:absolute;left:0px;top:12%; padding-bottom:18px; font-size:40px; font-weight:bold; color:#fff}
.gmm-2head:before{ width:24px; height:4px; background:#b31b34; content:""; position:absolute;left:50%;bottom:0px; z-index:12;transform:translate(-50%)}
.gmm-3{ width:28.125%; position:absolute;left:50%;top:32.6%; z-index:23;transform:translateX(-50%); height:49.61%}
@keyframes gmzq{
0%{transform:rotate(0deg)}
100%{transform:rotate(360deg)}
}
.gmm-cir{ width:100%; overflow:hidden; position:absolute;left:0px;top:0px; height:100%; text-align:center;animation:gmzq 42s linear infinite}
.gmm-cir img{ width:auto; height:100%}
.gmm-3 h3{ width:120px; position:absolute;left:50%;top:50%; z-index:12;transform:translateX(-50%); font-size:26px; font-weight:bold; color:#fff; text-align:center; margin-top:-30px}
.gmm-3 ul{ width:100%; position:absolute;left:0px;top:0px; z-index:1234; height:100%}
.gmm-3 ul li{ height:33px; line-height:33px; position:absolute; z-index:12; font-size:16px; color:#fff; text-align:center}
.gmm-3 ul .gmli1{ width:144px; background:url(../image/gmmsafe-5.png) no-repeat;left:-28%;top:20%} 
.gmm-3 ul .gmli2{ width:118px; background:url(../image/gmmsafe-8.png) no-repeat;right:-28%;top:19%} 
.gmm-3 ul .gmli3{ width:198px; background:url(../image/gmmsafe-6.png) no-repeat;left:-49%;top:43%} 
.gmm-3 ul .gmli4{ width:118px; background:url(../image/gmmsafe-8.png) no-repeat;right:-33%;top:42%} 
.gmm-3 ul .gmli5{ width:185px; background:url(../image/gmmsafe-7.png) no-repeat;left:-43%;top:63%} 
.gmm-3 ul .gmli6{ width:118px; background:url(../image/gmmsafe-8.png) no-repeat;right:-30%;top:63%} 
.gmm-ks{ width:30%; height:32.7%; position:absolute; z-index:1;left:50.5%;transform:translateX(-50%);top:50%;margin-top:-15%;border-radius:50%;}
.gmm-ks span{ width:100%; height:100%; overflow:hidden; position:absolute;left:0px;top:0px; z-index:123;border-radius:50%; display:block; background:-webkit-linear-gradient(left,#4672be,#698cca)}
.gmm-ks:before{width:100%; height:100%; position:absolute; z-index:3;left:0%;top:0%;border-radius:50%; content:""; background:rgba(64,82,121,0.6);animation:ks1 2s linear infinite}
.gmm-ks:after{width:100%; height:100%; position:absolute; z-index:2;left:0%;top:0%;border-radius:50%; content:""; background:rgba(64,82,121,0.6);animation:ks1 2s linear 1s infinite}

/*身份云*/
.syun{ background: url(../image/sfsafe-1.jpg) no-repeat}
.sf-1{ margin-top:44px}
.sf-1 .ident-s1,.sf-1 .ident-s3,.sf-1 .ident-s5{border-radius:30px;box-shadow:0px 5px 15px 5px rgba(0,0,0,0.1)}
.sf-2{ width:1440px; overflow:hidden; margin:0px auto; line-height:32px; font-size:18px; color:#808080; padding:70px 0px 100px }
.sf-2 p{ padding-bottom:25px}
.solve-td ul li .sf1{ background:url(../image/sfsafe-7.png) no-repeat center} 
.solve-td ul li .sf2{ background:url(../image/sfsafe-8.png) no-repeat center} 
.solve-td ul li .sf3{ background:url(../image/sfsafe-9.png) no-repeat center} 
.sf-3{ width:100%; overflow:hidden; background:url(../image/bg-15.jpg) no-repeat center; background-size:cover; padding-bottom:170px}
.sf-3 h3{ width:100%; overflow:hidden; text-align:center; margin-top:120px; font-size:40px; font-weight:bold; color:#fff; position:relative; padding-bottom:24px}
.sf-3 h3:before{ width:24px; height:4px; background:#b31b34; content:""; position:absolute;left:50%;bottom:0px; z-index:12;transform:translate(-50%)}
.sf-4{ width:1440px; overflow:hidden; margin:130px auto 0px; position:relative}
.sf-left{ float:left; width:565px; overflow:hidden}
.sf-item1,.sf-item2,.sf-item3{ float:left; width:100%; overflow:hidden}
.sf-pannel{ float:left; width:391px; height:200px; background:url(../image/icon-130.png) no-repeat; padding:20px 30px 0px; box-sizing:border-box; cursor:pointer;transition:all 0.5s ease}
.sf-pannel samp{ float:left; width:100%; overflow:hidden; text-align:right;opacity:0.7;transition:all 0.5s ease}
.sf-pannel span{ float:left; width:100%; overflow:hidden; text-align:right; margin-top:14px; font-size:20px; font-weight:bold; color:#ccced2;transition:all 0.5s ease}
.sf-pannel p{ float:right;  overflow:hidden; text-align:left; margin-top:10px; font-size:16px; color:#797f8f; line-height:26px;transition:all 0.5s ease}
.sf-item1 p{ width:90%}
.sf-item2 samp{ margin-top:20px}
.sf-item2 p{ width:100%}
.sf-right .sf-pannel samp,.sf-right .sf-pannel span,.sf-right .sf-pannel p{ text-align:left}
.sf-left .sf-icon{ float:left; width:164px; height:63px; background:url(../image/icon-131.png) no-repeat; margin-top:100px}
.sf-left .sf-item2{ margin-top:106px}
.sf-left .sf-item2 .sf-icon{transform:rotateX(180deg); margin-top:50px}

.sf-right{ float:right; width:544px; overflow:hidden; margin-top:158px}
.sf-right .sf-item3{ float:left}
.sf-right .sf-pannel{ float:right}
.sf-right .sf-icon{ float:left; width:142px; height:200px; background:url(../image/sfsafe-6.png) no-repeat center}
@keyframes scroll{
0%{left:-50px; background:-webkit-linear-gradient(left,rgba(198,26,115,0),rgba(198,26,115,0.4))}
50%{left:100%;background:-webkit-linear-gradient(left,rgba(198,26,115,0),rgba(198,26,115,0.4))}
51%{left:100%; background:-webkit-linear-gradient(right,rgba(198,26,115,0),rgba(198,26,115,0.4))}
100%{left:-50px;background:-webkit-linear-gradient(right,rgba(198,26,115,0),rgba(198,26,115,0.4))}
}
.sf-center{ width:392px; height:392px; overflow:hidden; position:absolute;left:50%;transform:translateX(-50%);top:63px; z-index:12;}
.sf-cir{ width:100%; height:100%; overflow:hidden; background:url(../image/sfsafe-5.png) no-repeat;}
.sf-s{ width:145px; height:107px; position:absolute;left:50%;transform:translateX(-50%);top:112px; overflow:hidden}
.sf-s img{ width:100%; height:auto}
.sf-s span{ width:50px; height:100%; position:absolute;left:20px;top:0px;animation:scroll 9s linear infinite}
.sf-center h4{ width:100%; overflow:hidden; position:absolute;left:0px;top:250px; text-align:center; z-index:23; font-size:26px; font-weight:bold; color:#fff}
.sf-4 .active .sf-pannel{ background:url(../image/icon-129.png) no-repeat}
.sf-4 .active .sf-pannel samp{opacity:1}
.sf-4 .active .sf-pannel span,.sf-4 .active .sf-pannel p{ color:#fff}

/*智能*/
.znbanner{ background: url(../image/znbg-1.jpg) no-repeat}
.solve-td ul li .zn1{ background:url(../image/znbg-1.png) no-repeat center} 
.solve-td ul li .zn2{ background:url(../image/znbg-2.png) no-repeat center} 
.solve-td ul li .zn3{ background:url(../image/znbg-3.png) no-repeat center}

.zn-1{ width:100%; overflow:hidden; background:url(../image/znbg-2.jpg) no-repeat; background-size:cover; height:1164px}
.zn-head{ width:100%; overflow:hidden;}
.zn-head h3{ width:100%; overflow:hidden; text-align:center; margin-top:105px; font-size:40px; font-weight:bold; color:#fff; position:relative; padding-bottom:22px}
.zn-head h3:before{ width:24px; height:4px; background:#b31b34; content:""; position:absolute;left:50%;bottom:0px; z-index:12;transform:translate(-50%)}
.zn-head ul{ width:100%; overflow:hidden; margin-top:44px; text-align:center}
.zn-head ul li{ width:240px; line-height:52px; display:inline-block;border-radius:26px; background:#fff; text-align:center; overflow:hidden; font-size:18px; color:#353535; margin:0px 14px;transition:all 0.5s ease; cursor:pointer}
.zn-head ul .active{ background:#b82531; color:#fff}
.zn-conetent{ width:100%; overflow:hidden}
.zn-conetent .zn-pannel{ display:none}
.zn-conetent .active{ display:block}
.zn-conetent .pannel1{ width:82%; overflow:hidden; margin:94px auto 0px; position:relative}
.zn-conetent .znitem1{ float:left; width:27.92%; overflow:hidden; border:1px #4e576a solid;border-radius:7px; padding:10px 32px 25px}
.zn-conetent .zn-item{ background:-webkit-linear-gradient(left,#252d3e,#354361); cursor:pointer;transition:all 0.5s ease}
.zn-conetent .act{ background:-webkit-linear-gradient(left,#cd1725,#aa1f30)}
.zn-conetent .znitem1 h3{ float:left; width:100%; overflow:hidden; font-size:20px; font-weight:bold; color:#fff; margin-top:17px;transition:all 0.5s ease}
.zn-conetent .znitem1 p{ float:left; width:100%; overflow:hidden; font-size:16px;color:rgba(255,255,255,0.6); line-height:27px; margin-top:9px;transition:all 0.5s ease}
.zn-conetent .znitem2{ float:right; width:27.92%; overflow:hidden; border:1px #4e576a solid;border-radius:7px; padding:10px 32px 25px; margin-top:162px}
.zn-conetent .znitem2 h3{ float:left; width:100%; overflow:hidden; font-size:20px; font-weight:bold; color:#fff; margin-top:17px}
.zn-conetent .znitem2 p{ float:left; width:100%; overflow:hidden; font-size:16px;color:rgba(255,255,255,0.6); line-height:27px; margin-top:9px;transition:all 0.5s ease}
.zn-line{ float:left; width:100%; height:20px; background:url(../image/znbg-6.png) no-repeat center; margin-top:13px;transition:all 0.5s ease}
.zn-conetent .znitem3{ float:left; width:27.92%; overflow:hidden; border:1px #4e576a solid;border-radius:7px; padding:30px; margin-top:166px; display:inline; margin-left:3.125%; line-height:28px; font-size:16px; color:#fff; font-weight:bold; margin-right:20%;transition:all 0.5s ease}
@keyframes dow{
0%{opacity:0.2}
50%{opacity:1}
100%{opacity:0.2}
}
.zn-cir{ width:27%; height:auto; position:absolute;left:37%;bottom:60px; z-index:12; background:url(../image/znbg-4.png) no-repeat; background-size:100%; padding-bottom:30%}
.zn-c1{ width:auto; position:absolute;left:-7%;top:9%;transform:rotate(12deg)}
.zn-c1 span{ float:left; width:15px; height:15px; background:url(../image/znbg-5.png) no-repeat;transform:rotate(18deg)}
.zn-c2{ width:auto; position:absolute;right:-11%;top:38%;transform:rotate(180deg)}
.zn-c2 span{ float:left; width:15px; height:15px; background:url(../image/znbg-5.png) no-repeat;transform:rotate(18deg)}
.zn-c3{ width:auto; position:absolute;left:2%;bottom:8%;transform:rotate(-12deg)}
.zn-c3 span{ float:left; width:15px; height:15px; background:url(../image/znbg-5.png) no-repeat;transform:rotate(18deg);}
.zn-cir span:nth-child(1){animation:dow 1s ease infinite}
.zn-cir span:nth-child(2){animation:dow 1s ease 0.2s infinite}
.zn-cir span:nth-child(3){animation:dow 1s ease 0.4s infinite}

.zn-conetent .pannel2{ width:1440px; overflow:hidden; margin:112px auto 0px; position:relative; height:620px; background:url(../image/znbg-7.png) no-repeat center}
.zn-conetent .zn2-item{ cursor:pointer; background:url(../image/icon-130.png) no-repeat; background-size:100% 100%;transition:all 0.5s ease}
.zn-conetent .item1{ width:434px; height:254px; position:absolute;left:0px;top:0px; z-index:12; padding:42px 32px 0px;box-sizing:border-box}
.zn-conetent .item1 h3{ float:left; width:100%; overflow:hidden; text-align:right; font-size:20px; font-weight:bold; color:rgba(255,255,255,0.8);transition:all 0.5s ease}
.zn-conetent .item1 p{ float:left; width:100%; overflow:hidden; text-align:left; font-size:16px; color:rgba(255,255,255,0.5); line-height:28px; margin-top:10px;transition:all 0.5s ease}
.zn-conetent .item2{ width:434px; height:198px; position:absolute;right:0px;top:0px; z-index:12;  padding:40px 32px 0px;box-sizing:border-box}
.zn-conetent .item2 h3{ float:left; width:100%; overflow:hidden;font-size:20px; font-weight:bold; color:rgba(255,255,255,0.8)}
.zn-conetent .item2 p{ float:left; width:100%; overflow:hidden; font-size:16px; color:rgba(255,255,255,0.5); line-height:28px; margin-top:10px}
.zn-conetent .item3{ width:434px; height:198px; position:absolute;left:0px;bottom:0px; z-index:12;  padding:52px 32px 0px;box-sizing:border-box}
.zn-conetent .item3 h3{ float:left; width:100%; overflow:hidden;font-size:20px; font-weight:bold; color:rgba(255,255,255,0.8); text-align:right}
.zn-conetent .item3 p{ float:left; width:100%; overflow:hidden; font-size:16px; color:rgba(255,255,255,0.5); line-height:28px; margin-top:10px; text-align:left}
.zn-conetent .item4{ width:434px; height:198px; position:absolute;right:0px;bottom:0px; z-index:12;  padding:65px 32px 0px;box-sizing:border-box}
.zn-conetent .item4 h3{ float:left; width:100%; overflow:hidden;font-size:20px; font-weight:bold; color:rgba(255,255,255,0.8); }
.zn-conetent .item4 p{ float:left; width:100%; overflow:hidden; font-size:16px; color:rgba(255,255,255,0.5); line-height:28px; margin-top:10px; }
.zn2-center{ width:100%; text-align:center; position:absolute;top:50%;left:0px; z-index:2; font-size:26px; font-weight:bold; color:#fff; margin-top:-13px}
.zn-conetent .def{ background:url(../image/icon-129.png) no-repeat; background-size:100% 100%}
.zn-conetent .def h3,.zn-conetent .def p{color:rgba(255,255,255,1)}
.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:347px; height:347px; position:absolute;left:50%;top:16%;border-radius:50%; background:url(../image/znbg-8.png) no-repeat; background-size:100%; overflow:hidden; line-height:347px; text-align:center; z-index:234;transform:translateX(-50%); font-size:26px; font-weight:bold; color:#fff}