﻿/* CSS Document */

/*---首页---*/
.hCenterBox{ margin: 0 auto;width:100%;margin-top:10%;}
.advertBox{ width:100%;}
.publicity{ width:835px; height: 135px; margin: 0 auto; text-align: center; }
.publicity img{ width:100%;max-width:576px; height: 155px;}
.publicity-sj{ display: none;}

.downloadBtn{ width:700px; margin: 0 auto;margin-top:100px;}
.downloadBtn ul{ display: flex; overflow: inherit;justify-content: center;}
.downloadBtn li{ height: 52px; background: #fff; border-radius: 5px; -webkit-border-radius:5px; -moz-border-radius:5px; line-height: 52px; margin: 0 15px;   cursor: pointer; position: relative;padding:0 17px;}
.downloadBtn li i,.downloadBtn li span{ display: block; float: left;}
.downloadBtn li i{ width:32px; height: 52px; margin-right:0 7px;}
.downloadBtn li span{ line-height: 52px;}
li.hxzbtn1 i{ background: url(../images/h-icon2.png) no-repeat center;}
li.hxzbtn2 i{ background: url(../images/h-icon1.png) no-repeat center;}
li.hxzbtn3 i{ background: url(../images/h-icon3.png) no-repeat center;}
.markinfo2 {display: block;height: 155px;position: absolute;text-align: center;width: 128px;z-index: 10; left: -35px; top:63px;}

 .appleQrCode,.androidQrCode,.wechatQrCode,.appstoreQrCode2,.androidQrCode2{width: 223px;position: absolute;right: 0;top: 0;-webkit-transform: scale(0.23);
    transform: scale(0.23);-webkit-transform-origin: top right;transform-origin: top right;opacity: 0;-webkit-transition: .3s all;
    transition: .3s all;z-index: 2;}
.hxzbtn1:hover .appleQrCode,.hxzbtn3:hover .wechatQrCode,.hxzbtn2:hover .androidQrCode,.androidname:hover .androidQrCode2,.appStorename:hover .appstoreQrCode2{
	width: 223px;position: absolute;right: 0;top: 0;
            transform-origin: top right;-webkit-transition: .3s all;transition: .3s all;-webkit-transform: scale(1);transform: scale(1);opacity: 1;
            z-index: 2;}
.androidname:hover .androidQrCode2,.appStorename:hover .appstoreQrCode2{width:280px;}
.appstoreQrCode2,.androidQrCode2{width:280px;}

.downloadBtn-photo{ display: none;}


/*---功能介绍---*/
.neiBnnerBox,.inquireBox,.fabuBox,.zixunBox,.bannerTow{ width:100%; margin: 0 auto;}
.bannerOne{height:926px; background: url(../images/neibanner1.jpg) no-repeat center top;}
.functionBox,.guanyu{margin-top:37px;}

.neiCenter{margin: 0 auto;width:75%;max-width:1300px; }
.gnshow{max-width:600px;}
.gnshow img{ width:100%;}

.gnsmwen{width: auto;padding-top:13.7%; float: right;}
.gnsmwen .tit{ height: auto; max-width:638px;margin: 0 auto;text-align: center;}
.gnsmwen .tit img{ width: 100%;}
.gcxz{ margin: 0 auto; margin-top:70px;}
.gcxz ul{ display: flex; overflow: inherit;}
.gcxz li{ width:44.2%; margin: 0 3%;   position: relative;}
.gcxz li span{ display: block; width:100%; height: 80px; text-indent: -99; line-height: 0; font-size: 0;border-radius:5px; -webkirt-botder-radius:5px; -moz-border-radius:5px;}
li.androidname span{ background: url(../images/gn-btn1.jpg) no-repeat center;}
li.appStorename span{ background: url(../images/gn-btn2.jpg) no-repeat center;}

.functionBox .gnshow{max-width:527px;float:left; }
.functionBox .gnsmwen{ float: right;}

.inquireBox .gnshow{ float: right; }
.inquireBox .gnsmwenTow{ float: left;}

.fabuBox .gnshow{ float: left;}
.fabuBox .gnsmwenTow{ float: right; width:50%;}

.zixunBox .gnshow{ float: right;}
.zixunBox .gnsmwenTow{ float: left;}



.inquireBox{ padding:100px 0;background: url(../images/neibanner2.jpg) no-repeat center top;}
.fabuBox{ padding:100px 0; background: url(../images/neibanner3.jpg) no-repeat center top;}
.zixunBox{;padding:85px 0; background: url(../images/neibanner4.jpg) no-repeat center top;}
.inquireBox .neiCenter,.fabuBox .neiCenter,.zixunBox .neiCenter{padding-top:90px;box-sizing: border-box;}
.gnsmwenTow{ padding-left:3%;padding-top:21.5%;box-sizing: border-box;}
.gnsmwenTow .tit{ line-height: 40px; font-weight: bold; font-size: 40px;}
.gnsmwenTow .gnjsh{ line-height:36px; margin-top:30px; font-size: 22px;}

.fabuBox .gnsmwenTow{padding-top:17.5%;}
.zixunBox .gnsmwenTow{padding-top:17%;}

.xz-pcms{ width:100%;}
.xz-sjms{ display: none; width:100%;}



/*--关于我们--*/
.bannerTow{height:803px; background: url(../images/neibanner5.jpg) no-repeat center top;}
.aboutOne{ width:82%; color: #fff;padding:6% 0 0 5%;}
.aboutOne .tit{ line-height: 75px; height: 75px; font-size: 50px; font-weight: bold; color: #fff; background: url(../images/line2.png) no-repeat left bottom; padding-bottom:15px;margin-bottom:15px;}
.aboutOne .wen{margin-top: 10px;line-height: 42px; font-size: 16px;}

.aboutTow,.teamBox,.contactBox{ width:100%; margin: 0 auto;}
.aboutTow{  background: url(../images/neibanner6.jpg) no-repeat right bottom; background-size: 29%; padding-bottom:139px;}
.aboutTow .neiCenter,.teamBox .neiCenter{padding-top:109px;}
.abt-tit,.abWem{width: 890px; margin: 0 auto;}
.abWem-move{ display: none;}

.abt-tit{ height: 40px; line-height: 40px; background: url(../images/line3.png) no-repeat center; text-align: center; font-size: 40px; font-weight: bold; color: #055bbd;}
.aboutTow .abt-tit{ background: url(../images/line6.png) no-repeat center; }
.abWem{margin-top:70px;}
.abWem p{ line-height: 56px; /*text-align: center; text-indent: 35px;*/font-size: 22px;}
.teamBox .abt-tit{ background: url(../images/line4.png) no-repeat center;}

.teamBox{padding-bottom:70px;}
.teamWork{ width:100%; margin:63px auto;position: relative; overflow: hidden;}
.teamBox .neiCenter{max-width:1200px;}
.teamWork .hd{ z-index: 99;width:100%; position: relative }
.teamWork .hd a{ display: block; width:17px; height: 28px; position: absolute; margin-top:9%;}
.teamWork .hd a.prev{ background: url(../images/arrow1.jpg) no-repeat; left:0;}
.teamWork .hd a.next{ background: url(../images/arrow2.jpg) no-repeat; right:0;}
.teamWork .bd{ margin: 0 auto;width: 82.7%;max-width:11100px;overflow:hidden;margin-bottom:20px;}
.teamWork .bd ul{ display:block;}
.teamWork .bd li{ width:32.1%;max-width:354px; margin-right:16px; overflow: hidden; float: left;}
.teamWork .bd li img{ width:100%;}


/*--联系我们--*/
.contactBox{ background: url(../images/neibanner7.jpg) no-repeat center top; padding:3.5% 0; box-sizing: border-box;}
.lianxihez{margin-top:60px;width:100%; display: flex;justify-content: space-between;flex-direction: row;flex-wrap: wrap;}
.lianxihez li{ width:31.3%;margin: 0 1%;background: #fff; -webkit-box-shadow: 0 0 10px #e9ecf1;-moz-box-shadow: 0 0 10px #e9ecf1;box-shadow: 0 0 10px #e9ecf1;}
.touchBox{padding:15% 5%;}
.touchBox .tit,.touchBox .wen,.touchBox i{margin: 0 auto;}
.touchBox i{ display: block; width:69px; height: 69px;}
.touchBox .tit{ height: 40px; line-height: 40px; background: url(../images/line5.png) no-repeat center; font-size:24px; font-weight: bold; text-align: center;margin-top:5%;}
.touchBox .wen{margin-top:30px; line-height: 33px; font-size: 16px;width:88%;}
.touchBox .wen p{line-height: 33px; }


.tchupic{ display: none;}

.wenlianxi{ padding:5% 20% 6% 20%; margin: 0 auto;background:rgba(255,255,255,0.5); -webkit-box-shadow: 0 0 10px #e9ecf1;-moz-box-shadow: 0 0 10px #e9ecf1;box-shadow: 0 0 10px #e9ecf1;  overflow: hidden;zoom:1;}

.wxerm{ width:150px; float: left; text-align: center;}
.wxerm img{ width:140px; margin: 0 auto; display: block;}
.lxfs{ width:auto; float: left;margin-left:30px;margin-top:20px;}
.lxfs {line-height: 45px; font-size:20px;}

/*--媒体查询---*/

@media screen and (max-width:1680px){
	.neiCenter{width:85%;}
}
@media screen and (max-width:1440px){
	.neiCenter{width:90%;}
	.gnsmwen{ width:45%;}
	.aboutOne .tit{ font-size: 40px;}
	.abWem{margin-top:35px;}
}
@media screen and (max-width:1366px){
	.neiCenter{width:90%;}
	.gnsmwen{ width:45%;}
	.aboutOne{padding-top:12%;}
	.aboutOne .tit{ font-size: 40px;}
	.aboutTow{padding-bottom: 209px; background-size: 40%; }
	.abt-tit{ font-size: 34px;}
}

@media screen and (max-width:1280px)
{
	.fabuBox .gnsmwenTow{ float: right; width:40%;}
	li.androidname span{background-size: cover;}
	li.appStorename span{background-size: cover;}
	.abt-tit{ font-size: 34px;}
	.abWem p{ font-size: 18px;line-height:32px;}
	.abWem{margin-top:35px;}
}
@media screen and (max-width:1024px)
{
	.fabuBox .gnsmwenTow{ float: right; width:43%;}
	.functionBox .gnshow,.inquireBox .gnshow,.fabuBox .gnshow,.zixunBox .gnshow{ width:390px;}
	.gnsmwenTow .gnjsh{ font-size: 18px;}
	.gnsmwen{ width:52%;}
	.gnsmwenTow .tit{ font-size: 30px;}
	
	.gnsmwenTow{padding-top:14.5%;}
	.fabuBox .gnsmwenTow{padding-top:14%;}
    .zixunBox .gnsmwenTow{padding-top:13.5%;}
	
	li.androidname span{background-size: cover;}
	li.appStorename span{background-size: cover;}
	.aboutOne{padding-top:2%;}
	.abt-tit{ font-size: 32px;}
	.abWem{margin-top:25px;}
	.abWem p{ font-size: 18px;line-height:32px;}
	.touchBox .wen p{ line-height: 28px;}
	.contactBox{ height: auto; padding-bottom:40px;}
	.aboutOne .tit{ font-size: 20px;}
	
}
@media screen and (max-width:980px)
{
	.fabuBox .gnsmwenTow{ float: right; width:50%;}
	.functionBox .gnshow,.inquireBox .gnshow,.fabuBox .gnshow,.zixunBox .gnshow{ width:380px;}
	.gnsmwenTow .gnjsh{ font-size: 16px;}
	.gnsmwen{ width:52%;}
	.gnsmwenTow .tit{ font-size: 24px;}
	
	.gnsmwenTow{padding-top:14.5%;}
	.fabuBox .gnsmwenTow{padding-top:14%;}
    .zixunBox .gnsmwenTow{padding-top:13.5%;}
	
	li.androidname span{background-size: cover;}
	li.appStorename span{background-size: cover;}
	.gcxz{ display: none;}
	.xiazphoto{ display: block; font-size: 17px; width:80%;}
	.aboutOne{padding-top:5%;}
	.abt-tit{ font-size: 28px;}
	.abWem{margin-top:25px;}
	.abWem p{ font-size: 16px; line-height:32px;}
	.aboutOne .wen{ font-size: 16px; line-height: 30px;}
	.touchBox .wen p{ line-height: 25px;}
	.contactBox{ height: auto; padding-bottom:40px;}
	.aboutOne .tit{ font-size: 20px;}
}

@media screen and (max-width:768px) {
	.bannerOne{ height: auto; padding-bottom:10%;}
	.functionBox .gnshow,.inquireBox .gnshow,.fabuBox .gnshow,.zixunBox .gnshow{ width:80%;margin: 0 auto;}
	.publicity{ display: none;}
	.publicity-sj{width:90%; margin: 0 auto;display:block;margin-top:45%;}
    .publicity-sj img{ width:100%; max-width: inherit;}		
	
	.publicity{ width:100%; margin: 0 auto; margin-top:30%;}	
	.downloadBtn{ display: none;}	
	.downloadBtn-photo{ display: block; position: fixed; bottom:18%;width:100%; left: 0;}
	.downloadBtn-photo a{ display: block; height:100%;margin: 0 auto; width:80%; height: 50px; line-height: 50px; text-align: center; color: #444; background: #ffff; border-radius: 5px; -webkit-border-radius:5px; -moz-border-radius:5px; text-transform: uppercase; font-size: 18px; }
	
	.gnshow{ width:100%; text-align: center; float: none !important;}
	.gnsmwen{ width:100%; text-align: center; float: none !important;}
	.functionBox .gnsmwen{float: none;padding-top: 10%;}	
	.fabuBox .gnsmwenTow{ float: none; width:100%;}
	.xz-pcms{ display: none;}
	.xz-sjms{ display: block;}
	.xz-sjms .tit{ text-align: center; font-size: 24px; font-weight:bold; line-height: 0.65rem; width:100%; color: #fff;}
	.xz-sjms .jschy{ margin-top:10px; line-height: 0.45rem; color: #fff; font-size: 16px; text-align: center;}
	.xiazphoto{ margin: 0 auto;margin-top:7%;height: 50px; line-height: 50px; width:100%;  background: #fff; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; text-align: center; font-size: 18px; text-transform: uppercase;}

	.aboutOne{padding:0;margin-top:7%;}
	
	.inquireBox .neiCenter, .fabuBox .neiCenter, .zixunBox .neiCenter{ padding-top:0;}
	.gnsmwenTow {padding-top: 0; text-align: center; padding-left: 0; width:100%; float: none !important;}
	.gnsmwenTow .tit{ text-align: center;}
	.gnsmwenTow .gnjsh{ text-align: center;margin-top:0;}
	.gnshow{margin-top:25px;}
		
	.inquireBox{ padding:50px 0;}
    .fabuBox{ padding:50px 0;}
    .zixunBox{;padding:50px 0;}
	.zixunBox .gnsmwenTow{padding-top:0%;}
	
	.bannerTow{ height: 550px; background-size: cover;}
	.aboutTow .neiCenter, .teamBox .neiCenter{padding-top: 10%;}
	.aboutTow{padding-bottom: 49px;background-size: 70%;}
	.teamWork,.lianxihez{margin-top:8%;}
	.teamWork{margin-bottom:8%;}
	.abt-tit, .abWem{ width: 100%;}	
	.abt-tit{ font-size: 20px;}
	.abWem{ display: none;}
	
	.abWem-move{margin-top:8%; display: block;}
    .abWem-move p{ line-height: 30px; text-align: left; font-size: 14px;}
	
	
	.aboutOne{ width: 100%;}
	.touchBox .tit{ font-size: 18px;margin-top:10px;}
	.touchBox .wen,.aboutOne .wen{ font-size: 14px;margin-top:5px;}
	.touchBox .wen p{ line-height: 25px;}
	.contactBox{ height: auto; padding-bottom:40px;}
	.aboutOne .tit{ font-size: 20px;}
	.gnsmwenTow .tit{ font-size: 20px;}
	.fabuBox .gnsmwenTow,.zixunBox .gnsmwenTow,.inquireBox .gnsmwenTow{padding:10px 0 30px 0;}
	.gnsmwenTow .gnjsh{ line-height: 0.4rem;margin-top:5px;}
	.wenlianxi{ font-size: 16px;line-height: 36px;}
	
	.wenlianxi{padding: 7% 10%;}
	.wxerm{ width:150px;float:none; margin: 0 auto;}
.wxerm img{ width:120px; margin: 0 auto; display: block;}
.lxfs{ float: none;margin-top:0;margin-left: 0;}
.lxfs {line-height: 45px; font-size:16px;}

	
	/*---弹出窗---*/
.bullet{ width:100%;height: 100%; background:url(../images/tmbg.png) repeat;display:none;position: fixed;left: 0;  top: 0; z-index: 99; }
.bulPop{ width:75%; margin: 0 auto;margin-top:3%;margin-left:15%; background: #333333; border-radius:8px; -webkit-border-radius:8px;-moz-border-radius:8px; }
.tchupic{padding:20px 10px 20px 30px; display: block;}
	.ydline{ width:80px; height: 3rem; position: absolute; top:10px; right: -5px; background: url(../images/yindline.png) no-repeat top; background-size: 65%;}
	.ydwen{ overflow: hidden;zoom:1;margin: 5px 0;}
	.ydwen i,.ydwen span{ display: inline-block;}
	.ydwen i{width:0.7rem; height: 0.7rem; margin-left:10px;border-radius:5px; -webkit-border-radius:5px;-moz-border-radius:5px; float: left; background: #fff; padding:2%; }
	.ydwen span{ line-height: 0.7rem; color: #fff; float: left; font-size: 14px;}
	.ydwen i img{ width:100%;}
	.ydico2 i{ width:1.3rem; height: 1.1rem; text-align: center;padding-top:0.2rem;}
	.ydico2 i img{ width:34%; text-align: center;}
	.ydico2 i s{ text-decoration: none; font-size: 8px; text-align: center; font-style: normal; display: block;margin-top:8px; }
	.ydico2 span{ line-height: 1.3rem;}
	
	
}








 