@charset "utf-8";*{margin:0;padding:0}

body,html{height:100%}

li{list-style:none}

body{font-family:"microsoft yahei";background:#fff}

a{ text-decoration:none; color:#333;}

.fl{ float:left;}

.fr{ float:right;}







#swiper-container-v{width:100%;max-width:640px;height:100%}

.swiper-slide-v{width:100%;height:100%;background:#fff;overflow:hidden}





img{display:block}

.pic{ width:500px; height:500px; display:none;}





.swiper-pagination-bullet{width:8px;height:8px;}

.swiper-pagination-bullet-active{opacity:1}



/*第一屏*/



.swiper-slide1{ background:url(../images/bg.jpg) repeat #fff;}



.top{ width:100%; height:4em;}

.top .top_r{ height:4em; float:right; padding-right:1em;}

.top .top_r a{ display:block; float:left; margin:1em 0.5em; font-size:14px; width:30px; height:30px; border-radius:50%; text-align:center; line-height:30px;}

.top .top_r .en{ border:1px solid #00a787; color:#00a787}

.top .top_r .cn{ border:1px solid #ff6600; color:#ff6600}





.logo{width:16em; margin:0 auto; padding-top:1em;display:block;animation-name:logo;-webkit-animation:logo 0.7s linear 0s normal none;-moz-animation:logo 0.7s linear 0s normal none;animation:logo 0.7s linear 0s normal none;}

.logo img{width:100%;}

@-webkit-keyframes logo{from{opacity:0;-webkit-transform:scale(0,0);} to{opacity:1;-webkit-transform:scale(1,1);} }

@-moz-keyframes logo{from{opacity:0;-moz-transform:scale(0,0);} to{opacity:1;-moz-transform:scale(1,1);} }

@keyframes logo{from{opacity:0;transform:scale(0,0);} to{opacity:1;transform:scale(1,1);} }



.xcy{ width:70%; margin:0 auto; padding-top:2em;}

.xcy img{ width:100%;}



.icon{ width:80%; padding-top:3em; margin:0 auto;}

.icon img{ width:100%;}



/*向下滚动*/

.arrow-box{position:absolute;bottom:-45px;left:0;right:0;margin:0 auto;/*width:50%;height:90px;border-radius:100%;background:#f6f6f6;z-index:900*/}

#array{ opacity:1;animation:array 3s cubic-bezier(0.5,0,0.1,1) infinite;-webkit-animation:array 3s cubic-bezier(0.5,0,0.1,1) infinite; position:absolute;bottom:10px;left:57%;margin-left:-30px;width:24px;height:19px;cursor:pointer;overflow:hidden; z-index:99;}

@keyframes array{ %0,%100{bottom:10px; opacity:1;} 50%{bottom:60px; opacity:.5} }

@-webkit-keyframes array{ %0,%100{bottom:10px; opacity:1;} 50%{bottom:60px; opacity:.5} }





/*第二屏*/



.swiper-slide2{ background:url(../images/lt.jpg) left top no-repeat #fff;}

.title{ width:100%; height:5em; text-align:center; padding-top:1em;}

.title .tit{ font-size:1.6em; color:#109dff; font-weight:normal; line-height:1.7em;}

.title P{ font-size:1em; color:#999;}



/*.swiper-slide2 .title .tit{ animation:abti 1.2s cubic-bezier(1, 0.57, 0.48, 1.25) 0s both;-webkit-animation:abti 1.2s cubic-bezier(1, 0.57, 0.48, 1.25) 0s both; -moz-animation:abti 1.2s cubic-bezier(1, 0.57, 0.48, 1.25) 0s both; -o-animation:abti 1.2s cubic-bezier(1, 0.57, 0.48, 1.25) 0s both;opacity:1;}



@keyframes abti

{0% { opacity:0; transform: scale(9); -ms-transform: scale(9); -webkit-transform: scale(9); -o-transform: scale(9); -moz-transform: scale(9);}

100%{ opacity:1; transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -moz-transform: scale(1);}}

@-webkit-keyframes abti

{0% { opacity:0; transform: scale(9); -ms-transform: scale(9); -webkit-transform: scale(9); -o-transform: scale(9); -moz-transform: scale(9);}

100%{ opacity:1; transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -moz-transform: scale(1);}}

@-moz-keyframes abti

{0% { opacity:0; transform: scale(9); -ms-transform: scale(9); -webkit-transform: scale(9); -o-transform: scale(9); -moz-transform: scale(9);}

100%{ opacity:1; transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -moz-transform: scale(1);}}

@-o-keyframes abti

{0% { opacity:0; transform: scale(9); -ms-transform: scale(9); -webkit-transform: scale(9); -o-transform: scale(9); -moz-transform: scale(9);}

100%{ opacity:1; transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -moz-transform: scale(1);}}

*/

.sbjs{ width:98%; height:100%; margin:0 auto; background:url(../images/sbbg.png) center top no-repeat; position:relative; padding-top:2em; z-index:9;}

.sbjs a{ color:#fff; display:block; font-size:1em;}

.js_1{ width:5rem; height:5rem; line-height:115px; background-color:#3d94ff; text-align:center; color:#fff; border-radius:50%; position:absolute; right:7%; top:1%; font-size:1.5em;}

.js_2{ width:130px; height:130px; line-height:130px; background-color:#109dff; text-align:center; color:#fff; border-radius:50%; position:absolute; left:7%; top:15%; font-size:1.5em;}

.js_3{ width:80px; height:80px; line-height:80px; background-color:#0072ff; text-align:center; color:#fff; border-radius:50%; position:absolute; left:32%; top:30%; font-size:1.2em;}

.js_4{  width:105px; height:105px; line-height:105px;  background-color:#0068e9; text-align:center; color:#fff; border-radius:50%; position:absolute; right:25%; top:22%; font-size:1.3em;}

.js_5{ width:150px; height:150px; line-height:52px; background-color:#3d98ff; text-align:center; color:#fff; border-radius:50%; position:absolute; right:30%; top:37%; }

.js_5 a{ font-size:1.6em;display:block; padding-top:26px;}

.js_6{ width:120px; height:120px; line-height:120px; background-color:#3d94ff; text-align:center; color:#fff; border-radius:50%; position:absolute; left:7%; bottom:38%; font-size:1.6em;}

.js_7{ width:100px; height:100px; line-height:100px; background-color:#0072ff; text-align:center; color:#fff; border-radius:50%; position:absolute; right:50%; bottom:32%; font-size:1.2em;}

.js_8{ width:110px; height:110px; line-height:110px; background-color:#1c67f2; text-align:center; color:#fff; border-radius:50%; position:absolute; right:15%; bottom:30%; font-size:1.2em;}



.sbpic{ width:80%; /*height:40em; background:url(../images/sb2.png) center top no-repeat;*/ margin:0 auto; z-index:99; position:relative;}
.sbpic img.sb2{ width:100%; margin:0 auto;}

.more2{ width:30%; position:absolute; left:30%; bottom:6%;}
.more2 img{ width:100%;}


.jsbg{ position:absolute; right:-13px; bottom:0; z-index:-1}





/*第三屏*/



.swiper-slide3{ background:url(../images/bg.jpg) repeat #fff;}





.hero-gallery{margin-bottom:80px;background-size:cover}

.hero-gallery__cell{width:100%;height:36rem;color:#fff;}

.hero-gallery__cell__content{padding:20px 60px 0;max-width:1000px;margin:0 auto;position:relative}

.hero-gallery h1{font-size:3.2em;line-height:1;margin:0;padding-top:40px}

.hero-gallery .tagline{font-size:1.4em;line-height:1;margin:0;color:#444}

.hero-illustration{display:block;width:100%;max-width:200px;margin:0 auto}

.hero-gallery__cell--2{}

.slogan{line-height:1.2;margin:0}

.slogan--easy,.slogan--fun{font-size:2.2em;line-height:1.1}

.slogan--tagline{margin-top:10px;font-size:1.2em;color:#444}

.feature-list{font-size:1.8em;list-style:none;line-height:1.2;margin:0;padding:0}

.feature-list li{margin-bottom:10px}

.by-line{line-height:1.2;margin:0;font-size:1.8em}

.by-line--made{padding-top:20px;margin-bottom:10px;color:#444}



.flickity-page-dots{position:absolute;width:100%;bottom:16%;padding:0;margin:0;list-style:none;text-align:center;line-height:1}

.flickity-rtl .flickity-page-dots{direction:rtl}

.flickity-page-dots .dot{display:inline-block;width:30px;height:3px;margin:0 8px;background:#109dff; filter:alpha(opacity=25);opacity:.25;cursor:pointer}

.flickity-page-dots .dot.is-selected{filter:alpha(opacity=100);opacity:1}





.slide{height:100%; position:relative;z-index:8;}

.slide ul{ display:block; width:100%; margin:0 auto; padding-top:1em; overflow:hidden;}

.slide ul li{ width:40%; height:130px; overflow:hidden; background-color:#f3f3f3; display:block; float:left; position:relative; margin-left:6%; margin-bottom:1.5em;border:3px solid #109dff;border-right-color:#b9e2ff;border-bottom-color:#b9e2ff;border-radius:50%;}

.slide ul li img{ width:100%; height:130px; display:block; border-radius:50%;}

.slide ul li span{ position:absolute; left:20%; top:1.2em; font-size:1.2em; color:#0069eb;}







/*第四屏*/



.swiper-slide4{ background:url(../images/probg.jpg) right top no-repeat #fff;}

.fabg{ position:absolute; left:0; bottom:0; z-index:-1;}



.falist{ width:90%; margin:0 auto; height:auto; overflow:hidden;z-index:10}

.falist ul li{ width:100%; float:left; height:7em;}

.falist ul li .fapic{ width:50%;  height:100%;}

.falist ul li .fapic img{ width:100%; height:100%;}

.falist ul li .fajs{ width:50%; background-color:#f0f0f0; height:100%;  position:relative;}

.falist ul li .fajs h4{ padding:0.5em 1.2em 0 1em; font-size:1.2em; padding-bottom:10px;background:url(../images/xian.jpg) left bottom repeat-x;}

.falist ul li .fajs p{ padding:0 1.5em; font-size:0.6em; padding-top:10px; line-height:24px; height:46px; overflow:hidden;}

.falist ul li .fajs .sj{ position:absolute; left:-12px; top:42%; width:12px; height:23px;}

.falist ul li .fajs .sj2{ position:absolute; right:-12px; top:42%; width:12px; height:23px;}

.falist ul li .fajs .sj img,.falist ul li .fajs .sj2 img{ width:12px; height:23px;}

.more{ width:95%; height:46px; margin:20px auto; font-size:1em; line-height:46px; border:1px solid #dfdfdf; color:#333; text-align:center; border-radius:50px;}

.more a{ display:block;}





/*第五屏*/



.swiper-slide5{ background:url(../images/bg.jpg) repeat #fff;}



.news_title{ height:4em; width:93%; margin:0px auto;}

.news_title li{width:27%; height:2.3em; line-height:2.3em; background:#fff; float:left; display:block; text-align:center; color:#333; font-size:1em; cursor:pointer; margin:0 3%; border-radius:30px;}

.news_title li.on{background:#109dff; color:#fff; }

.news_title li.on a{ color:#fff; }

.news_title li:hover{background:#109dff;}

.news_title li:hover a{ color:#fff !important; }

.aboutpic{ width:90%; margin:0 auto;}

.aboutpic img{ width:100%;}

.about5{ width:90%; margin:0 auto; font-size:0.8em; line-height:2em; padding-top:1.5em; height:27%; overflow:hidden;}





/*第六屏*/



.swiper-slide6{background:#fff}

.sr_a{ width:100%; margin:0 auto;}

.sr_b{ width:85%; margin:0 auto;}

.fuwuti{ width:100%; height:40px; line-height:40px; font-size:20px; color:#109dff;}

.fuwuti span{ font-size:16px; margin:0 15px;}

.sr_b p{ color:#666; font-size:16px; line-height:40px;padding-left:30px;}



.sr_b p.tel{ background:url(../images/tel.jpg) left center no-repeat; background-position:left top 11px;}

.sr_b p.mail{background:url(../images/mail.jpg) left center no-repeat;}

.sr_b p.dz{background:url(../images/dz.jpg) left 10px no-repeat;}





.adress{ width:100%; height:7em;background:url(../images/ftbg.jpg) bottom center no-repeat; position:absolute; bottom:0; z-index:99;}



.adress_c{position:relative;margin-left:auto;margin-right:auto;padding-left:55px;font-size:18px;letter-spacing:1px; color:#fff; text-align:center;}

.adress_c .dz2{ font-size:13px; padding-top:20px; line-height:24px;}

.adress_c .zj{ font-size:16px; margin-top:5px; color:#fff !important; background:url(../images/tel2.png) 7% center no-repeat; z-index:999; background-position: left top 5px; text-indent: 8px;}

.adress_c .zj a{ color:#fff;}

.adress_c .label-points-sm{content:'';position:absolute;left:34px;top:25px;z-index:2;display:block;width:9px;height:9px;background-color:#3466db;border-radius:6px}

.adress_c .label-points{position:absolute;left:24px;top:14px;z-index:1;width:30px;height:30px;border-radius:15px;background-color:#304573;}

.adress_c .label-points{-webkit-transform:scale(.3,.3);-moz-transform:scale(.3,.3);-ms-transform:scale(.3,.3);-o-transform:scale(.3,.3);transform:scale(.3,.3);animation:label-points linear 1.5s infinite;-moz-animation:label-points linear 1.5s infinite;-webkit-animation:label-points linear 1.5s infinite;-o-animation:label-points linear 1.5s infinite}



@keyframes label-points{0%{opacity:0}

50%{opacity:1;-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-ms-transform:scale(1,1);-o-transform:scale(1,1);transform:scale(1,1)}

100%{opacity:0}

}

@-moz-keyframes label-points{0%{opacity:0}

50%{opacity:1;-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-ms-transform:scale(1,1);-o-transform:scale(1,1);transform:scale(1,1)}

100%{opacity:0}

}

@-webkit-keyframes label-points{0%{opacity:0}

50%{opacity:1;-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-ms-transform:scale(1,1);-o-transform:scale(1,1);transform:scale(1,1)}

100%{opacity:0}

}

@-o-keyframes label-points{0%{opacity:0}

50%{opacity:1;-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-ms-transform:scale(1,1);-o-transform:scale(1,1);transform:scale(1,1)}

100%{opacity:0}

}



.adress_c .copy{ font-size:12px; margin-top:10px;}

.adress_c .copy a{ color:#fff;}

.fuwu_3{ width:85%; margin:0 auto;}

.fuwu_3 li{ width:290px; height:30px; line-height:30px; float:left;font-size:14px; color:#616161; display:block;}

.fuwu_3 li span{ width:10px; height:34px; float:right;}

.fuwu_3 li a{ color:#616161; }



.metcont{max-width:640px;margin:0 auto;padding-bottom:48px;position:relative;padding-bottom:0!important;overflow:hidden;background-color:#fff;}



/*内页头部*/




.nytop{width:100%;float:left;height:80px;background-color:#fff;font-size:28px;color:#FFF;line-height:80px; position:fixed; top:0; max-width:640px; border-bottom:1px solid #e1e1e1; z-index:99;}

.nytop .back{width:10%;display:block;float:left;height:2em;padding:1em 0 0 1em;}

.nytop .bt{width:70%; float:left; height:80px;line-height:80px;text-align:center; color:#666; font-size:34px;}

.nytop .bt_home{width:9%; float:right;height:2em;padding:0.8em 0 0 1em;}

.nytop .bt_home img{ width:1.3em; height:1.3em;}

.nytop_c{ width:100%; height:80px;}



/*解决方案*/



.caselist{padding:2em 2em; height:auto; overflow:hidden;}

.caselist ul{ width:100%; height:auto; overflow:hidden;}

.caselist li{ width:100%; float:left; border-bottom:1px dashed #e1e1e1; padding-bottom:1em; padding-top:1em;}

.caselist li img{ width:13em; display:block; float:left;}

.caselist li .fr{ float:right; width:21em;}

.caselist li .fr h2{ font-size:30px;font-weight:normal; margin-bottom:1em;}

.caselist li .fr p{ font-size:22px; line-height:40px; height:80px; overflow:hidden;}

.caselist li .fr h2 a{ color:#109dff; }

.caselist li .fr p a{ color:#7a7a7a;}



/*内页底部*/



.kb{ width:100%; height:7em; height:81px;}

.footer{ width:100%;  height:9em; background:url(../images/ftbg.jpg) bottom center no-repeat; color:#fff !important; position:fixed; bottom:0; left:0;}

.footer_c{position:relative;margin-left:auto;margin-right:auto;padding-left:55px;font-size:18px;letter-spacing:1px; color:#fff; text-align:center;}

.footer_c .dz2{ font-size:20px; padding-top:18px; line-height:24px;}

.footer_c .zj{ font-size:22px; margin:15px 0; color:#fff !important; background:url(../images/tel2.png) 19% center no-repeat; background-position:left 17px top 9px;}

.footer_c .zj a{ color:#fff !important; font-weight:normal; font-family:Arial, Helvetica, sans-serif;}



.footer_c .label-points-sm{content:'';position:absolute;left:38px;top:25px;z-index:2;display:block;width:9px;height:9px;background-color:#3466db;border-radius:6px}

.footer_c .label-points{position:absolute;left:28px;top:14px;z-index:1;width:30px;height:30px;border-radius:15px;background-color:#304573;}

.footer_c .label-points{-webkit-transform:scale(.3,.3);-moz-transform:scale(.3,.3);-ms-transform:scale(.3,.3);-o-transform:scale(.3,.3);transform:scale(.3,.3);animation:label-points linear 1.5s infinite;-moz-animation:label-points linear 1.5s infinite;-webkit-animation:label-points linear 1.5s infinite;-o-animation:label-points linear 1.5s infinite}

.footer_c .copy{ font-size:18px; margin-top:10px;}

.footer_c .copy a{ color:#fff}



/*详情*/



.newsxq{padding:2em 2em; height:auto; overflow:hidden;}

.news_c{ width:92%; margin:0 auto; font-size:15px; line-height:48px;}

.news_c img{ max-width:100%;margin:0 auto;}

.title2{ font-size:36px; text-align:center; line-height:1.8em; border-bottom:1px solid #ccc; padding-bottom:20px;}

.hits{ font-size:18px; color:#999; font-weight:normal; text-align:center; margin-bottom:1em; margin-top:0.5em;}

.newsxq p{font-size:1.4em;color:#333;line-height:2em;}

.news_c table td span{ font-size:24px !important;}






/*产品中心*/



.prolist{ padding:2em 2em; background-color:#fff;}

.prolist ul{ display:block; width:108%; margin-left:-5.5%; overflow:hidden; height:auto;}

.prolist ul li{ width:45%; height:18em; float:left; border:2PX solid #dcdcdc; border-bottom:3px solid #109dff; float:left; margin-left:1.5em; margin-bottom:1.8em;}

.prolist ul li p{ font-size:23px; color:#414141; text-align:center; line-height:3em; height:3em; overflow:hidden;}

.prolist ul li img{ width:100%; height:14em; border-bottom:1px solid #dcdcdc}



/*识别技术*/



.sbjslist{ padding:2em; background-color:#fff;}

.sbjslist ul{ display:block; width:108%; margin-left:-1.5em; overflow:hidden; height:auto;}

.sbjslist ul li{ width:45%; height:14em; float:left; border:2PX solid #dcdcdc; float:left; margin-left:1.5em; margin-bottom:1.8em; position:relative;}

.sbjslist ul li p{ width:100%; font-size:22px; color:#414141; text-align:center; height:50px; line-height:50px; position:absolute; bottom:0px; color:#fff;background: #000; opacity: 0.6;filter: alpha(opacity=60);}

.sbjslist ul li img{ width:100%; height:14em; border-bottom:1px solid #dcdcdc}



/*关于我们*/



.nyabout{ padding:2em; background-color:#fff; height:auto; overflow:hidden;}

.nyabout h2{font-size: 26px;color: #333;font-weight: normal;margin-bottom: 5px;}

.nyabout h4{font-size: 16px;color: #333;font-weight: normal;background: url("../images/a03.jpg")/*tpa=http://www.szfangwei.cn/Public/Web/images/a03.jpg*/ no-repeat left bottom;padding-bottom: 8px;margin-bottom: 30px;white-space: nowrap;}

.nyabout .abtxt{ font-size:1.2em; color:#333; line-height:40px;}
.nyabout .abtxt *{ font-size:inherit; color:inherit; line-height:inherit;}
.nyabout .abtxt table dd{ height:auto !important;}

.nyabout img{ display:block; margin:0 auto; max-width:100%;}



/*新闻列表*/



.newslist{padding:2em 2em; height:auto; overflow:hidden; min-height:600px;}

.newslist li{width:100%;font-size:22px;height:60px;line-height:60px;color:#121212;border-bottom:1px dotted #999;}

.newslist li a{ color:#121212;width:75%; overflow:hidden; display:block;font-size:22px;overflow:hidden;height:52px;line-height:52px;}

.newslist li span{float:right;color:#b1b1b1;}

/*合作伙伴*/



.huoban{padding:2em 2em 15em 2em; background-color:#fff; height:auto; overflow:hidden; min-height:740px; }

.huoban ul{}

.huoban ul li{ width:40%; float:left; margin-left:40px; margin-bottom:30px; border:1px solid #e1e1e1;}

.huoban ul li img{ display:block; margin:0 auto;}





/*服务支持*/



.nyfw{padding:2em; background-color:#fff; height:auto; overflow:hidden;}

.lxfs{ width:100%; height:auto; overflow:hidden;}

.futi{ width:100%; font-size:1.5em; color:#109dff; line-height:40px; font-weight:normal; margin-top:15px;}

.funr{ font-size:1.1em; color:#666; line-height:40px;}

.home_title{text-align:center;padding-top:50px;}

.home_title img{ display:block; margin:0 auto;}



.rhdd{ width:100%; height:auto; overflow:hidden;}

.rhdd dl{float:left;margin:20px 90px 0 0px;}

.rhdd dt{margin-bottom: 20px; font-size:1.5em;}

.rhdd dd{font-size: 16px;color: #333;line-height: 32px;}

.bus{color: #31a0e1;}

.taxi{color: #de6764;}

.metro{color: #9ac047;}

.text{ font-size:1.1em;}



/*下载中心列表*/



.down{ width:100%; height:auto; overflow:hidden; padding:40px 0 40px 0;}

.down li{ width:100%; height:60px; line-height:60px; float:left;font-size:1.4em;color:#616161; display:block;}

.down li span{ width:10px; height:30px; float:right; margin-top:10px;}

.down li a{ color:#616161; }

.down li a:hover{ color:#109dff}





/*loding*/



    .spinner {

        width: 34px;

        height: 34px;

        position: relative;

        margin: 0 auto;

        top: 150px;

    }

    

    .container1 > div,

    .container2 > div,

    .container3 > div {

        width: 10px;

        height: 10px;

        background-color: #01a5ec;

        border-radius: 100%;

        position: absolute;

        -webkit-animation: bouncedelay 1.2s infinite ease-in-out;

        animation: bouncedelay 1.2s infinite ease-in-out;

        -webkit-animation-fill-mode: both;

        animation-fill-mode: both;

    }

    

    .spinner .spinner-container {

        position: absolute;

        width: 100%;

        height: 100%;

    }

    

    .container2 {

        -webkit-transform: rotateZ(45deg);

        transform: rotateZ(45deg);

    }

    

    .container3 {

        -webkit-transform: rotateZ(90deg);

        transform: rotateZ(90deg);

    }

    

    .circle1 {

        top: 0;

        left: 0;

    }

    

    .circle2 {

        top: 0;

        right: 0;

    }

    

    .circle3 {

        right: 0;

        bottom: 0;

    }

    

    .circle4 {

        left: 0;

        bottom: 0;

    }

    

    .container2 .circle1 {

        -webkit-animation-delay: -1.1s;

        animation-delay: -1.1s;

    }

    

    .container3 .circle1 {

        -webkit-animation-delay: -1.0s;

        animation-delay: -1.0s;

    }

    

    .container1 .circle2 {

        -webkit-animation-delay: -0.9s;

        animation-delay: -0.9s;

    }

    

    .container2 .circle2 {

        -webkit-animation-delay: -0.8s;

        animation-delay: -0.8s;

    }

    

    .container3 .circle2 {

        -webkit-animation-delay: -0.7s;

        animation-delay: -0.7s;

    }

    

    .container1 .circle3 {

        -webkit-animation-delay: -0.6s;

        animation-delay: -0.6s;

    }

    

    .container2 .circle3 {

        -webkit-animation-delay: -0.5s;

        animation-delay: -0.5s;

    }

    

    .container3 .circle3 {

        -webkit-animation-delay: -0.4s;

        animation-delay: -0.4s;

    }

    

    .container1 .circle4 {

        -webkit-animation-delay: -0.3s;

        animation-delay: -0.3s;

    }

    

    .container2 .circle4 {

        -webkit-animation-delay: -0.2s;

        animation-delay: -0.2s;

    }

    

    .container3 .circle4 {

        -webkit-animation-delay: -0.1s;

        animation-delay: -0.1s;

    }

    

    @-webkit-keyframes bouncedelay {

        0%, 80%, 100% {

            -webkit-transform: scale(0.0)

        }

        40% {

            -webkit-transform: scale(1.0)

        }

    }

    

    @keyframes bouncedelay {

        0%, 80%, 100% {

            transform: scale(0.0);

            -webkit-transform: scale(0.0);

        }

        40% {

            transform: scale(1.0);

            -webkit-transform: scale(1.0);

        }

    }



.more_loader_spinner img{margin: 0 auto;}



/*识别技术列表*/



.sbjslist2{padding:2em 2%; background-color:#fff;}

.sbjslist2 ul{ display:block; overflow:hidden; height:auto;}

.sbjslist2 ul li{ width:28%; height:11em; float:left; border:2PX solid #dcdcdc; float:left; margin-left:1.4em; margin-bottom:1.8em; padding-top:1.8em; position:relative;}

.sbjslist2 li span{ width:90px; height:81px; display:block; background:url(../images/sbicon.png) 0 0 no-repeat; margin:0 auto;}

.sbjslist2 li h2{ color:#333; text-align:center; margin:1em 0;}



.sbjslist2 li span.ic01{ background-position:-8px 0px;}

.sbjslist2 li span.ic02{ background-position:-134px 0px;}

.sbjslist2 li span.ic03{ background-position:-261px 0px;}

.sbjslist2 li span.ic04{ background-position:-386px 0px;}

.sbjslist2 li span.ic05{ background-position:-513px 0px;}

.sbjslist2 li span.ic06{ background-position:-639px 0px;}

.sbjslist2 li span.ic07{ background-position:-766px 0px;}

.sbjslist2 li span.ic08{ background-position:-892px 0px;}



/*解决方案列表*/



.falist2{ width:90%; margin:0 auto; height:auto; overflow:hidden;z-index:10}

.falist2 ul li{ width:100%; float:left; height:12em;}

.falist2 ul li .fapic{ width:50%;  height:100%;}

.falist2 ul li .fapic img{ width:100%; height:100%;}

.falist2 ul li .fajs{ width:50%; background-color:#f0f0f0; height:100%;  position:relative;}

.falist2 ul li .fajs h4{ padding:0.5em 1.2em 0 1em; font-size:1.2em; padding-bottom:10px;background:url(../images/xian.jpg) left bottom repeat-x;}

.falist2 ul li .fajs p{ padding:0 1.5em; font-size:0.6em; padding-top:10px; line-height:24px; height:46px; overflow:hidden;}

.falist2 ul li .fajs .sj{ position:absolute; left:-12px; top:42%; width:12px; height:23px;}

.falist2 ul li .fajs .sj2{ position:absolute; right:-12px; top:42%; width:12px; height:23px;}

.falist2 ul li .fajs .sj img,.falist ul li .fajs .sj2 img{ width:12px; height:23px;}





/*0718修改解决方案列表*/



.prolist2{ padding:2em 2em; background-color:#fff;}

.prolist2 ul{ display:block; width:108%; margin-left:-5.5%; overflow:hidden; height:auto;}

.prolist2 ul li{ width:45%; height:15em; float:left; border:2PX solid #dcdcdc; border-bottom:3px solid #109dff; float:left; margin-left:1.5em; margin-bottom:1.8em;}

.prolist2 ul li p{ font-size:20px; color:#414141; text-align:center; line-height:3em; height:3em; overflow:hidden;}

.prolist2 ul li img{ width:100%; height:11em; border-bottom:1px solid #dcdcdc}


.downdown{ width:60px; height:60px; margin:5px 0;}
.downdown img{ width:60px; height:60px;}

.cate_des{ width:90%; margin:0 auto;font-size:30px !important; line-height:60px !important;}

.news_c span{ font-size:30px !important; line-height:60px !important; }

.news_c strong{ font-size:30px !important;}

.nyabout span{ font-size:30px !important; line-height:60px !important; }