/* 单页公共样式 */
.topgg{align-items: flex-start;padding-left: 12rem;}

.main_box h3{text-align:center;padding-bottom: 1rem;font-size: 2rem;}
.main_box h3+p{color: #888;text-align:center;}
.nav-box{border-bottom: 1px solid #EEEEEE;width: 100%;background: #fff;text-align: center;height: 70px;margin-bottom: 2rem;}
.nav-box .navigation{width: 200px; display: inline-block; padding: 0 15px;text-align: center;cursor: pointer;}
.nav-box .navigation a{font-size: 1.1rem;padding: 19px 10px;line-height:70px;}
.nav-box .active {border-bottom: 2px solid #2c7ffb;height: 69px;}
.nav-box .active a{color:#2c7ffb;}
/* APP下载封面 */
.down-item{width: 220px;height: 460px;margin:2rem 25px 0 0;background-image: url(../img/down_mobile.png);text-align: center;background-size: 100% 100%;}
.down-item h2{padding: 80px 0 1.5rem 0;color: #161e30;}
.down-item .img{width: 118px;height: 118px;margin: 0 auto;}
.down-item .img img{width: 80%;padding-top: 10%;display: none;margin: 0 auto;}
.down-item p{padding: 1rem 1rem 2rem 1rem;text-align: left;font-size: 14px;}
.down-item .applink{width: 120px;line-height: 30px;font-size: 14px;padding: 7px 15px;background-color: #eee;border-radius: 20px;height: 30px;}
.down-item:hover .img{background-image: url(../img/down_biankuang.png) !important;}
.down-item:hover .img img{display: block;}
/* 下载详情页面 */
.app-content p{line-height: 2rem;padding-right: 1rem;}
.siteapp{text-align: center; padding: 2rem;}
.siteapp span{width: 120px;line-height: 30px;font-size: 16px;padding: 12px 20px;background-color: #f53527;border-radius: 20px;height: 30px;color: white;}
.appstore{justify-content: space-around;flex-wrap: wrap;}
.appstore div{width: 120px;padding-top: 2rem;}

/* 定制服务 */
.dz-items{padding: 2rem 0 1rem 0;}
.dz-items .items{flex-wrap: wrap;justify-content:space-around;text-align: center;padding: 2rem 0;}
.dz-items .items dl{width: 21%;padding-bottom: 1rem;transition: transform 0.5s; -webkit-transition: -webkit-transform 0.5s; /* Safari */ }
.dz-items .items dl img{width: 120px;}
.dz-items .items dl dd{padding: 0.5rem 0;font-size: 20px;}
.dz-items .items dl:hover{transform: translate(0px,-14px); -ms-transform: translate(0px,-14px);}
.dz-us{padding: 4rem 0 1rem 0;background-color: #F2F2F2;}
.dz-us .youshi {justify-content: space-around;padding: 2rem 0;}
.dz-us .youshi dl{width:270px;height:320px;text-align: center; background:#FFF;box-shadow:  0px 5px 8px rgba(0, 0, 0, 0.05);border-radius: 10px;padding:40px 27px 0 27px;margin:0px 17px 0px 13px;transition: transform 0.5s; -webkit-transition: -webkit-transform 0.5s; /* Safari */ }
.dz-us .youshi dl dt{width: 70px; height: 70px; margin: 0 auto;}
.dz-us .youshi dl dt img{width: 100%;height: 100%;}
.dz-us .youshi .item{font-size:20px;color:#333;font-weight:bold;padding-top:30px;padding-bottom:16px;margin-bottom:16px;}
.dz-us .youshi .item .desc{font-size: 14px;line-height: 25px;}
.dz-us .youshi dl .border{border: ;}
.dz-us .youshi dl:hover {transform: translate(0px,-12px); -ms-transform: translate(0px,-12px);}
.dzal{padding: 3rem 0 1rem 0;}
.dz-caseitem {padding: 3rem 1rem;}
.dz-caseitem .img{width: 45%;}
.dz-caseitem .desc{width: 45%;}
.dz-caseitem .desc h2{padding: 2rem;}
.dz-caseitem .desc p{text-indent: 2em;font-size: 1.2rem;line-height: 2rem;}
.dz-even >div{flex-direction: row-reverse;justify-content: space-between;}
.dz-odd >div{flex-direction: row;justify-content: space-between;}
.dz-odd {background-color:#F2F2F2;}
.jiaofu{
	background-image: url(../img/dingzhi_xm_bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	overflow: hidden;
}
.jiaofu div:first-child{color: white;padding-top: 3rem;padding-bottom:2rem;}
.jiaofu div:first-child p{color: white;}
.jfnr{flex-wrap: wrap;justify-content: space-around;}
.jfnr dl{width: 280px;height: 160px;padding: 25px 0 0 115px;box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.05);background-repeat: no-repeat;background-position: left top;	margin-bottom: 2rem;}
.jfnr dl:nth-child(1){background-image: url(../img/dingzhi_xm_bg1.png);}
.jfnr dl:nth-child(2){background-image: url(../img/dingzhi_xm_bg2.png);}
.jfnr dl:nth-child(3){background-image: url(../img/dingzhi_xm_bg3.png);}
.jfnr dl:nth-child(4){background-image: url(../img/dingzhi_xm_bg4.png);}
.jfnr dl:nth-child(5){background-image: url(../img/dingzhi_xm_bg5.png);}
.jfnr dl:nth-child(6){background-image: url(../img/dingzhi_xm_bg6.png);}
.jfnr dl:nth-child(7){background-image: url(../img/dingzhi_xm_bg7.png);}
.jfnr dl:nth-child(8){background-image: url(../img/dingzhi_xm_bg8.png);}
.jfnr dl:before {background-color: #01d8b9;height: 4px;width:40px;content: ' ';position: absolute;}
.jfnr dl dt{font-size: 1.5rem;font-weight: bold;margin: 2rem 0 1rem 0;}
.jfnr dl dd{font-size: 12px;color: #999;}
.shouhou{padding: 2rem 0 1rem 0;}
.shouhou .fuwu{justify-content: space-evenly;padding: 1.5rem 0;}
.shouhou .fuwu dl{width: 25%;text-align: center;border: 1px solid #e8ebef;padding: 3rem 0;border-bottom:2px solid #2a7efb;}
.shouhou .fuwu dl{transition: transform 0.5s; -webkit-transition: -webkit-transform 0.5s;}
.shouhou .fuwu dt img{width: 100px;height: 100px;}
.shouhou .fuwu dd{font-size: 18px;color: #333;padding-top: 31px;}
.liucheng{padding: 3rem 0 1rem 0;}
.liucheng img{padding: 2rem;transition: transform 0.5s;-webkit-transition: -webkit-transform 0.5s;-webkit-tap-highlight-color: transparent;}

/* 服务支持 */
.zhichi-items{padding: 2rem 0 1rem 0;}
.zhichi-items .items{flex-wrap: wrap;justify-content:space-around;text-align: center;padding: 2rem 0;}
.zhichi-items .items dl{width: 30%;padding-bottom: 2rem;transition: transform 0.5s; -webkit-transition: -webkit-transform 0.5s; /* Safari */ }
.zhichi-items .items dl img{width: 120px;}
.zhichi-items .items dl dd{padding: 0.5rem 0;font-size: 20px;}
.zhichi-items .items dl:hover{transform: translate(0px,-14px); -ms-transform: translate(0px,-14px);}

/* 资质荣誉 */
.honor {padding: 2rem 0 1rem 0;}
.honor .items{flex-wrap: wrap;justify-content:flex-start;text-align: center;padding: 2rem 0;}
.honor .items dl{width: 19%;margin-bottom: 2rem;padding-bottom: 0.5rem;border-bottom: 1px solid #dfdfdf;  transition: transform 0.5s; -webkit-transition: -webkit-transform 0.5s; /* Safari */margin-right: 1.25%; }
.honor .items dl:nth-child(5n){margin-right:0;}
.honor .items dd{font-size: 1rem; line-height: 2rem;}

/* 联系我们 */
.contactus{padding: 2rem 0 1rem 0;}
.contactus ul{justify-content: space-around;padding: 4rem 3rem 2rem;}
.contactus ul li{width: 22%;border: 1px solid #dfdfdf;display: flex;flex-direction: column;align-items: center;padding: 2rem;}
.contactus ul li img{width:60px;height: 60px;} 
.contactus ul li span{padding: 1rem 0;font-weight: bold;}
.diqu{padding: 2rem 3rem;}

/* 关于我们 */
.aboutus {padding: 2rem;text-align: center;}
.aboutus img,.aboutus video{width: 500px;margin: 0 auto;padding: 1.5rem 0 2rem;}
.aboutus p{padding-bottom: 1.5rem;line-height: 2rem;}

/* 增值服务 */
.danyou{padding-top: 2rem;}
.worry{height: 630px;margin-bottom:2rem;}
.danyou .circle{display:flex;border-radius:50%;justify-content:center;align-items:center;}
.danyou .xbh{width: 170px;height: 170px;top: 65px;left: 225px;position: relative;display: inline-flex;background-color: #fead9b;}
.danyou .xbh2{width: 115px;height: 115px;text-align: center;background-color: #fe5c37;}
.danyou .rumen{width: 220px;height: 220px;top: 0px;right: 180px;position: relative;display: inline-flex;float: right;background-color: #bde291;}
.danyou .rumen2{width: 165px;height: 165px;text-align: center;background-color: #7cc623;}
.danyou .bhyy{width: 225px;height: 225px;top: 405px;left: 80px; position: relative;display: inline-flex;background-color: #d2beff;}
.danyou .bhyy2{width: 175px;height: 175px;text-align: center;background-color: #ad89ff;}
.danyou .lizhi{width: 225px;height: 225px;float: right;top: 395px;right: 40px;position: relative;display: inline-flex;background-color: #f3b18d;}
.danyou .lizhi2{width: 175px;height: 175px;text-align: center;background-color: #e8641b;}
.danyou .rf1{width: 90px;height: 90px;top: 300px;right: 340px;position: relative;display: inline-flex;background-color: #96e3fc;}
.danyou .rf2{width: 60px;height: 60px;top: 0px;position: relative;display: inline-flex;background-color: #facd8a;}
.danyou .rf3{width: 60px;height: 60px;top: 240px;left: 300px;position: relative;display: inline-flex;background-color: #abd46e;}
.danyou .rf4{width: 100px;height: 100px;top: 330px;left: 400px;position: relative;display: inline-flex;background-color: #faa5d1;}
.danyou .rf5{width: 330px;height: 330px;left: 435px;bottom: 100px;position: relative;display: inline-flex;background-color: #9fddf7;}
.danyou .rf6{width: 260px;height: 260px;display: inline-flex;background-color: #3fbcef;}
.danyou .worry h3{color: white;font-size:1.5rem;padding-bottom:0;}
.zzhfw{height: 600px;background-image: url(../img/zengzhi_bg1.png);}
.zzhfw .main_box{padding:3rem 0 1rem;color: white;}
.zzhfw .main_box p{color: white;}
.zzhfw .items{background-color: white;border-radius: 20px;height: 320px;margin-top: 2rem;}
.zzhfw .items li{width: 33.33%;display: flex;flex-direction: column;}
.zzhfw .items li img{width: 70px;}
.zzhfw .items li h4{font-size: 1.6rem;font-weight: bold;color: #333;padding: 2rem 0;}
.zzhfw .items li p{font-size: 0.8rem;color: #888;text-align: center;}
.zzhfw .items li:nth-child(2){border-left:1px solid #2c7ffb;border-right:1px solid #2c7ffb;}
.zzhfw .beizhu{text-align: center;font-size: 12px;}
.fuwuitem{padding: 2rem 0 1rem 0;}
.fuwuitem .items {justify-content: space-around;align-items: flex-start;margin: 2rem;border: 1px solid #dfdfdf;border-bottom:3px solid #2c7ffb;}
.fuwuitem .items dl{width: 33.33%;display: flex;flex-direction: column;align-items: center;height: 256px;margin: 4rem 0 2rem;}
.fuwuitem .items dt{width: 100px;}
.fuwuitem .items .name{font-size: 1.5rem;font-weight: bold;padding: 2rem 0;}
.fuwuitem .items .desc{font-size: 14px;color: #888;}
.fuwuitem .items dl:nth-child(2){border-left:1px solid #dfdfdf;border-right:1px solid #dfdfdf;}
.kuozhan{height: 500px;background-image: url(../img/zhinengyj_bg_pic2.jpg);background-size:contain;}
.kuozhan .main_box{padding: 5rem 0 1rem;}
.kuozhan .main_box h3,.kuozhan .main_box p{color: white;}
.kuozhan ul {align-items: flex-start;justify-content: space-around;padding-top: 5rem;}
.kuozhan ul li{width: 22%;flex-direction: column;justify-content:flex-start; background-color: white;height: 340px;border-radius: 10px;box-shadow: 0 0 5px #ddd;}
.kuozhan ul li img{width: 86px;height: 86px;margin-top: -43px;}
.kuozhan ul li h3{padding: 2rem 0 1rem;color: #333 !important;font-size: 1.6rem;}
.kuozhan ul li span{color: red;font-size: 1rem;letter-spacing: 2px;}
.kuozhan ul li p{color: #888!important;padding: 1rem;line-height: 1.5rem;}
.yingjian{padding: 8rem 0 1rem;}
.hardware{overflow: hidden;padding-top:2rem;text-align: center;}