/*主体*/
.product-title{height: 48px;margin-top: 45px;border-bottom: 1px solid #cccccc;}
.product-title .container{position: relative;}
.pT-mid{text-align: center;display: inline-block;padding-bottom: 14px;border-bottom: 3px solid #006fbb;color: rgb(52, 52, 52);font-size: 26px;width: 150px;position: absolute;left: 0;right: 0;margin: 0 auto;}
.pT-mid i{width: 33px;height: 33px;display: inline-block;margin-right: 10px;background: url(../images/pro.png) no-repeat 100% 100%;vertical-align: top;}
.product-rel{background-color: white;margin-top: 90px;margin-bottom: 60px;}
/*修改b*/
.product-rel .container:after{content: "";display: block;visibility: hidden;clear: both;}
.product-rel .prod_list{width: 197px; float:left;margin-left: 132px;}
.product-rel .prod_list:nth-child(1){margin-left:0;}
.product-rel a{font-size: 13px;color: rgb(28, 28, 28);}
.product-rel .btn {margin-top:20px;}
.product-rel .btn a:nth-child(1) { padding:5px 15px; background-color:#34ACC3; color:#fff; border-radius:5px; }
.product-rel .btn a:nth-child(2) { padding:5px 22px; background:url(../images/qq_1.png) no-repeat; background-size:20px 20px; background-position: 10px 4px; background-color:#AFE3FC; border-radius:5px; margin-left:5px; }
.product-rel .btn a:nth-child(2) span { position:relative; left:10px; }

/*修改e*/
.product-rel a img{width: 181px;height: 181px;margin-bottom: 25px;}
.main_top{background-color: #f4f8fb; background-size:100% 100%;background-repeat: no-repeat;}
.main_top .container{height: 460px;position: relative;left: 0;right: 0;}
.main_top img{height:560px;}
/*修改b*/
.topImg{position: absolute;left: 79px;height: 100%;}
/*修改e*/
.top_info{position: absolute;top: 113px;z-index: 2;}
.top_info li:nth-child(1){font-size: 1.5em;}
.top_info li:nth-child(1) h2{display: inline-block;}
.top_info li:nth-child(1) span{font-size: 50px;display: inline-block;padding-bottom: 11px;border-bottom: 1px solid black;margin-right: 10px;}
.appImg{display: inline-block;background-image: url(../images/appicon.png);background-size: 100% 100%;width: 162px;height: 39px;vertical-align: middle;}
.topMode{margin-top: 38px;margin-bottom:25px;width: 403px;height: 63px;background-image: url(../images/topimg2.png);background-size: 100% 100%;}
.top_info li:nth-child(3){color: rgb(19, 18, 18);font-size: 19px;margin-bottom: 35px;}
.top_info li:nth-child(4) a{display: inline-block;width: 122px;height: 36px;text-align: center;line-height: 36px;margin-right: 14px;border-radius: 5px;border: 1px solid;cursor: pointer;}
.iconS{display: inline-block;width: 17px;height: 13px;background-image: url(../images/jiantou.png);background-size: 100% 100%;margin-left: 6px;}
/*导航栏*/
.nav{background: white;}
.navBar{position: relative;padding-left: 209px;box-sizing: border-box;height: 50px;line-height: 50px;}
.navBar li{float: left;color: rgb(40, 40, 40);font-size: 18px;margin-right: 25px;cursor: pointer;/*width: 85px;*/}
.navBar li:nth-child(1){color: rgb(0, 111, 187);border-bottom: 4px solid rgb(0, 111, 187);}
/*.navBar .focusBar{float: none;position: absolute;bottom: 0;padding-left: 6px;padding-right:6px;margin: 0;width: 68px;box-sizing: border-box;}
.focusBar div{background-color: rgb(0, 111, 187);height:4px;width: 56px;}*/
/*导航下内容*/
.content{padding-top: 65px;}
#inline_men .content{padding-top:0px;}
.product-pro dl{width: 1082px;margin: 0 auto 100px auto;text-align: center;}
.product-pro dt{margin-bottom: 27px;color: rgb(52, 52, 52);font-size: 40px;}
.product-pro dt span{color: #fa0708;}
.product-pro dd:nth-of-type(1){margin-bottom: 36px;color: rgb(53, 53, 52);font-size: 21px;}
.product-pro dd:nth-of-type(2), .product-pro dd:nth-of-type(3){color: rgb(54, 52, 52);font-size: 17px;text-align: left;text-indent: 2em;margin-bottom: 40px;}
.product-pro dd.mb0{margin-bottom: 0;}
/*产品标题*/
.proGood{margin-top:80px;}
.proGood-title{text-align: center;color: rgb(70, 70, 70);font-size: 40px;}
.proGood i{width: 32px;height: 29px;display: inline-block;vertical-align: middle;}
.proGood i:nth-child(1){background-image: url(../images/leftdot.png);background-size: 100% 100%}
.proGood i:nth-child(2){background-image: url(../images/rightdot.png);background-size: 100% 100%}
/*产品介绍灰条*/
.product-gray{height: 1px;background: #d8d9d9;margin-top: 36px;}
.gary-cont{height: 1px;position: relative;}
.garySpe{position: absolute;top: -18px;left: 0;right: 0;margin: 0 auto;background: white;width: 445px;height: 21px;}
.w355{width: 355px;}
.garySpe i{display: inline-block;background-image: url(../images/dot.png);background-size: 100% 100%;width: 10px;height: 10px;position: relative;top: -2px;}
.garySpe span{display: inline-block;margin: 0 27px;color: rgb(70, 70, 70);font-size: 18px;}
.garySpe em{font-size: 24px;color: #f90b0b;}
/*多种介绍*/
.product-more{margin-top: 100px;}
.product-more ul{height: 581px;}
.product-more li{height: 440px;width: 268px;float: left;border: 1px solid #e5e5e5;box-sizing: border-box;    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1), z-index 0s 0.12s;}
.product-more li:nth-of-type(1){width: 393px; height: 480px;margin-top: -23px;border: 1px solid rgb(20, 115, 239);}
.topTitle{height: 74px;background: #f3f3f3;text-align: center;font-size: 24px;padding-top: 39px;padding-bottom: 38px;}
.topTitle img{width: 42px;height: 30px;margin-bottom: 23px;}
.topTitle .img2{display: none;}
/*未选中*/
.bottomCont1{padding-top:40px;text-align: center;padding-left: 35px;padding-right: 39px;font-size: 16px;/*display: none;*/}
.bottomCont1 dt{color: rgb(164, 161, 161);margin-bottom: 35px;}
.bottomCont1 dd{overflow: hidden;width: 109px;position: relative;left: -15px;right: 0;margin: 0 auto;color: rgb(164, 161, 161);margin-bottom: 22px;}
.bottomCont1 i{background-size:100% 100%;width: 6px;height: 6px;display: inline-block;background:url(../images/dot.png) no-repeat;vertical-align: middle;margin-right: 7px;}
.bottomCont1 img{width: 24px;height: 17px;}
.bottomCont1 span{float: right;}
/*已选中*/
.bottomCont2{padding-top: 28px;display: none;}
.bottomCont2 .w280{width: 280px;}
.bottomCont2 .w340{width: 340px;margin-left: 30px;}

.bottomCont2 div.w340>div{margin-right: 5px;width: 80px;}
.bottomCont2 .mt58{margin-top: 58px;margin-left: 58px;}
.h210{height: 210px;}
.bottomCont2-list{overflow: hidden;}
.bottomCont2-list div{float: left;width: 70px;text-align: center;margin-bottom: 30px;}
.bottomCont2-list img{width: 45px;height: 40px;margin-bottom: 17px;}
.bottomCont2-list span{display:block;color: rgb(62, 62, 62);font-size: 16px;}
.bottomCont2 .mt0{margin-top: 0;margin-left: 40px;}
.quickToTalk{margin-top: 44px; margin-left:58px;border-radius: 5px;border: 1px solid rgb(191, 191, 191);color: rgb(23, 23, 23);font-size: 15px;width: 92px;height: 33px;line-height: 33px;text-align: center;cursor: pointer;}
/*支付渠道*/
.payMode dl.bottomCont1 {overflow: hidden;padding-left: 30px;padding-right: 0;}
.payMode dl dt{padding-right: 20px;}
.payMode .bottomCont1 dd{float: left;}
.payMode dd.mr15{margin-right: 15px;}
.payMode .bottomCont1 dd span{width: 96px;display: inline-block;text-align: left;}
/*分享渠道*/
dl.share dd{width: auto;left: 35px;}
.payMode dl.share dd span{width: 66px;}
.product-more .li3 .bottomCont2-list{height: 210px}
.product-more .li3 .bottomCont2-list div{width: 110px;margin-right: 0;}
.midBanner{background: url(../images/submit_img.png) no-repeat 100% 100%;padding-top: 60px;padding-bottom: 18px;height: 223px;box-sizing: border-box;text-align: center;margin-bottom: 40px;}
.midBanner .container div:nth-child(1){font-size: 37px;margin-bottom: 24px;}
.midBanner .container div:nth-child(2){font-size: 26px;color: rgb(253, 81, 18);font-weight: bold;margin-bottom: 10px;margin-top: 40px;}
.getInfo{border-style: solid;border-width: 1px;border-color: rgb(171, 166, 167);background-color: rgb(255, 255, 255);opacity: 0.361;width: 144px;height: 43px;color: rgb(253, 81, 18);font-size: 17px;line-height: 43px;border-radius: 30px;cursor: pointer;}

/*二维码介绍*/
.qrArea-ti {text-align: center;margin-bottom: 50px;}
.qrArea-ti span{display: inline-block;width: 467px;height: 121px;box-sizing: border-box;position: relative;background: url(../images/3mode.jpg) no-repeat 100% 100%;}
.qrArea-ti b{color: #f65c24;font-size: 32px;}
.qrArea-ti i{width: 105px;height: 141px;margin-left: 20px;display: inline-block;background: url(../images/help.png) no-repeat 100% 100%;position: absolute;right: 0;top: 0;}
/*修改b*/
.qrArea-mode:after{content: "";clear: both;visibility: hidden;display: block;}
.qrArea-mode dl{float: left;}
.qrArea-mode dl.ml0{margin-left: 0;}
.modeDl{width: 272px;height: 370px;text-align: center;border: 1px solid #eeecec;position: relative;margin-left: 34px;}
.modeDl .btn {position: absolute;bottom: 35px;left: 10px;right: 0;margin: 0 auto;}
.modeDl .btn a:nth-child(1) { padding:5px 18px; }
.modeDl .btn a:nth-child(2) { padding:5px 23px; background:url(../images/qq_1.png) no-repeat; background-size:20px 20px; background-position: 10px 4px; background-color:#AFE3FC; border-radius:5px; margin-left:5px; }
.modeDl .btn a:nth-child(2) span { position:relative; left:10px; }
.modeDl:nth-child(1) .btn a:nth-child(1) { border:1px solid #3EAFE2; color:#3EAFE2; }
.modeDl:nth-child(2) .btn a:nth-child(1) { border:1px solid #FF9B90; color:#FF9B90; }
.modeDl:nth-child(3) .btn a:nth-child(1) { border:1px solid #7CD8AF; color:#7CD8AF; }
.modeDl:nth-child(4) .btn a:nth-child(1) { border:1px solid #F9BD54; color:#F9BD54; }
/*修改e*/
.modeDl dt{height: 73px;background: #f4f4f4;color: rgb(64, 65, 65);font-size:22px;font-weight: bold;line-height: 73px;}
.modeDl dd{text-align:left;color: rgb(117, 115, 115);font-size:16px;line-height: 1.833;padding:43px 32px 0px 32px;}
.modeDl img{position: absolute;bottom: 22px;left: 10px;right: 0;margin: 0 auto;}
.qrArea-ul{padding-left: 11px;overflow: hidden;}
.qrArea-ul li{float: left;margin-right: 54px;text-align: center;position: relative;}
.qrArea-ul li:nth-last-child(1){margin-right: 0;}
.qrArea-ul li>div{position: relative;}
.qrMask{background: black;opacity: 0.2;border-radius: 100px;height: 100%;position: absolute;top: 0;width: 100%;display: none;}
.qrArea-ul li:nth-child(1)>div:nth-child(1):hover .qrImg{display: block;}
.qrArea-ul li:nth-child(1)>div:nth-child(1):hover .qrMask{display: block;}
.qrArea-ul li:nth-child(2)>div:nth-child(1):hover .qrImg{display: block;}
.qrArea-ul li:nth-child(2)>div:nth-child(1):hover .qrMask{display: block;}
.qrArea-ul li:nth-child(3)>div:nth-child(1):hover .qrImg{display: block;}
.qrArea-ul li:nth-child(3)>div:nth-child(1):hover .qrMask{display: block;}
.qrArea-ul li:nth-child(4)>div:nth-child(1):hover .qrImg{display: block;}
.qrArea-ul li:nth-child(4)>div:nth-child(1):hover .qrMask{display: block;}
.qrImg{position: absolute;top: 95px;left: 0;right: 0;margin: 0 auto;display: none; width: 167px; height: 167px;}
.qrArea-ul i{width: 20px;height: 20px;display: block;position: relative;left: 0;right: 0;margin: 31px auto 16px auto;background-repeat: no-repeat;background-size: 100% 100%;}
.qrArea-ul span{cursor:pointer;display:inline-block;color: white;margin-bottom: 10px;background: black;width: 139px;height: 40px;line-height: 40px;border-radius: 20px;font-size: 16px;}
.qrArea-ul b{font-weight: 100;padding-bottom: 2px;}
.qrArea-ul b:hover{border-bottom: 1px solid white;}
.qrArea-ul button b:hover{border-bottom: 1px solid white;}
.qrArea-ul button{cursor:pointer;width: 139px;height: 40px;line-height: 40px;border-radius: 20px;border: none;font-size: 16px;}
.qrArea-ul li:nth-child(1) i{background-image: url(../images/bluedown.png);}
.qrArea-ul li:nth-child(1) span{background-color: rgb(65, 179, 236);}
.qrArea-ul li:nth-child(1) button{background-color: rgb(227, 243, 251);color: rgb(65, 179, 236);}
.qrArea-ul li:nth-child(2) i{background-image: url(../images/reddown.png);}
.qrArea-ul li:nth-child(2) span{background-color: #ff8173;}
.qrArea-ul li:nth-child(2) button{background-color: #fee6e3;color: #ff897c;}
.qrArea-ul li:nth-child(3) i{background-image: url(../images/gdown.png);}
.qrArea-ul li:nth-child(3) span{background-color: #59ce99;}
.qrArea-ul li:nth-child(3) button{background-color: #ddf8ec;color: #65d19f;}
.qrArea-ul li:nth-child(4) i{background-image: url(../images/ydown.png);}
.qrArea-ul li:nth-child(4) span{background-color: #f8ab26;}
.qrArea-ul li:nth-child(4) button{background-color: #fceed5;color: #f8b03a;}
.gray-title{font-size: 42px;color: rgb(52, 52, 52);text-align: center;margin-top: 139px;}
.w272{width: 272px;}
/*多种功能*/
.speFunc{position: relative;}
.speFunc>img{position: absolute;left: -350px;top: 0;z-index: -1;}
.speFunc ul {height: 600px;padding-top: 36px;margin-top: 50px;}
.speFunc ul li{float: left;margin-right: 38px;margin-bottom: 69px;position: relative;}
.speFunc ul li:hover span{display: block;}
.speFunc .mr0{margin-right: 0;}
.speFunc ul li img{width: 85px;height: 110px;}
.speFunc ul li span{display: block;position: absolute;border-radius: 30px;background-color: rgb(0, 0, 0);opacity: 0.5;width: 130px;height: 123px;font-size: 15px;color: rgb(255, 255, 255);padding-left: 14px;padding-right:14px;padding-top: 40px;padding-bottom:12px;line-height: 1.6;top: -35px;left: -35px;display: none;}
/*多种营销系统*/
.moreSys{background: #f6f6f6;height: 845px;}
.moreSys .mt30{margin-bottom: 30px;}
.moreSys-info{width:193px;height:272px;margin-top:11px;box-sizing:border-box;padding-top: 29px;padding-left: 9px;padding-right: 9px;text-align: center;border: 1px solid rgb(220, 220, 220);border-radius: 10px;}
/*修改b*/
.info-div{padding: 0 39px;}
.info-div:after{content: "";display: block;visibility: hidden;clear: both;}
.info-div div{float: left;margin-left: 39px;}
.info-div div.ml0{margin-left: 0;}
/*修改e*/
.info-dl dt{margin-bottom: 12px;margin-top: 24px; color: rgb(55, 54, 54);font-size: 18px;font-weight: 600;}
.info-dl dd{font-size:13px;color: rgb(97, 94, 94);line-height: 1.5;text-align: left;}
/*个性化定制*/
div.mt90{margin-top: 90px;}
.moreDiy{margin-top: 119px;text-align: center;}
.moreDiy .btn{ margin-top:50px; }
.moreDiy .btn a:nth-child(1) { padding:5px 15px; background-color:#EFEFEF; }
.moreDiy .btn a:nth-child(2) { padding:5px 15px; background-color:#C41305; color:#fff; margin-left:5px; }
.moreDiy .btn a:nth-child(2) img { width:15px; height:15px; }

.dist{background: url(../images/bg.png) no-repeat 100% 100%;margin-bottom: 30px;height: 965px;margin-top:-30px;}
.dist .container{padding-top: 80px;}
.dist .btn { text-align:center; position:relative; top:-20px; }
.dist .btn a:nth-child(1) { padding:5px 23px; background-color:#34ACC3; color:#fff; border-radius:5px; }
.dist .btn a:nth-child(2) { padding:5px 23px; background:url(../images/qq_1.png) no-repeat; background-size:20px 20px; background-position: 10px 4px; background-color:#AFE3FC; border-radius:5px; margin-left:5px; }
.dist .btn a:nth-child(2) span { position:relative; left:10px; }

body div.swiper-container{z-index: 0;}
.dist .swiper-container{padding-top: 50px;box-sizing: border-box;border: 1px solid #a9d0d0;}
.dist .swiper-slide{box-sizing: border-box;padding-left: 125px;padding-right:82px ;}
.dist .slide-diy{position: relative;float: left;margin-right: 30px;}
.dist .slide-diy img{width:214px;height:380px;}
.sMask{position: absolute;opacity: 0.2;background: black;top: 0;height: 100%;width: 100%;display: none;}
.slide-diy:hover #distQr{display: block;}
.slide-diy:hover .sMask{display: block;}
.dist .swiper-slide img#distQr{width:123px;height:123px;position: absolute;top: 112px;left: 0;right: 0;margin: 0 auto;display: none;z-index: 2;}
/*修改b*/
.dist .swiper-button-next{right: 29px;width: 14px;height: 15px;}
.dist .swiper-button-prev{left: 27px;width: 14px;height: 15px;}
/*修改e*/
.dist-txt{text-align: center;color: rgb(138, 198, 198);font-size: 16px;margin-top: 30px;}
/*服务*/
/*.seviceTop{margin-top: 47px;}*/
.seviceMid{padding: 0 10px;margin-bottom: 87px;}
.seviceMid:after{content: "";display: block;visibility: hidden;clear: both;}
.seviceMid .ml0{margin-left: 0;}
.midDl{padding: 15px 9px 0 9px;width: 214px;height: 325px;box-sizing: border-box;border: 1px solid #006fbb;text-align: center;margin-left: 27px;float: left;}
.midDl dt{margin-bottom: 40px;}
.midDl dd{font-size: 14px;color: rgb(61, 60, 60);text-align: left;}
.sevice .swiper-container{margin-bottom: 75px;}
.sevice div.swiper-slide{padding-left: 79px;box-sizing: border-box;}
.sevice .swiper-container a{display: inline-block;margin-right: 18px;}
.sevice .swiper-container a:nth-last-of-type(1){margin-right: 0;}
.sevice .swiper-button-prev{height: 20px;}
.sevice .swiper-button-next{right:0px;height: 20px;}

/*回到顶部*/
#back-to-top{
	height: 50px;
	width: 50px;
	border-radius:50%;
	background:rgba(26,21,27,0.6) url(../images/back_to_top.png) no-repeat center center;
	background-size: 40% 40%;
	position: fixed;
	top: 70%;
	right: 10px;
	bottom: 60px;
    overflow: hidden;
    z-index:10;
    }
	
	/*新闻 start*/
.xwbg_x{ background:url(../images/index_10.jpg) no-repeat center; height:185px; overflow:hidden;}
.xw{ width:550px;}
.xw a:hover{ color:#0064B6;}
.xwl_x{background:url(../images/index_13.jpg) repeat-x; height:40px; line-height:40px; width:500px; margin:10px 25px; text-indent:10px; border-left:3px #0064b6 solid; color:#0064b6; font-size:16px;}
.more_x{ color:#666; margin-right:10px;}
.xwtp_x{ margin:10px 25px;}
.xwt_X{ width:270px; margin-top:15px;}

.xw2_x{ margin:10px 18px; font-size:16px; color:#666; line-height:40px; text-indent:10px;}
.xw2_x ul li{ border-bottom:1px #ccc dashed;}
/*新闻 end*/

/*友情链接 shart*/
.you_x{ background:#a98251; color:#fff; width:100px; text-align:center; margin:20px 10px 20px 20px; line-height:35px;}
.gd_X{white-space:nowrap;overflow:hidden;width:940px; margin-top:20px; line-height:35px;}
.gd_X a{ color:#333; margin:0 10px}
.gd_X a:hover{ color:#0459C6;}
.clear {clear:both;overflow:hidden;}
.l {float:left;}
/*友情链接 end*/

/*轮播图兼容*/
/*分页器*/
.pagination {
    position: absolute;
    z-index: 20;
    bottom: 10px;
    width: 100%;
    text-align: center;
}
.swiper-pagination-switch {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 8px;
    background: #555;
    margin: 0 5px;
    opacity: 0.8;
    border: 1px solid #fff;
    cursor: pointer;
}
.swiper-active-switch {
    background: #007aff;
}
/*前进后退按钮*/
.swiper-container >img{position: absolute;top: 50%;width: 27px;height: 44px;margin-top: -22px;z-index: 10;cursor: pointer;}
.swiper-container .swiper-button-prev{left: 10px;}
.swiper-container .swiper-button-next{right: 10px;}