*{margin: 0;padding: 0;}
body,html{font-family:"Microsoft YaHei";margin:0 auto;font-size:16px;background: #fff;}
a{text-decoration:none;color:#333;}
ul,li{list-style:none;}
body{background: #f7f7f7;}
/*周边产品*/
.pd-wrap{max-width: 640px;margin: 0 auto;}
.proTit{width: 100%;background: #006db2;font-size: 1.2rem;line-height: 4rem;text-align: center;color: #fff;position: relative;}
.pd-return{position: absolute;left: 10px;font-size: 1rem;color: #fff;}

.proList{padding: 10px;}
.proBox{padding:10px;background: #fff;display: flex;align-items:Center;margin-bottom: 10px;}
.proBox img{width: 60px;margin-right: 10px;}

.proBox div p{color: #666;margin: 10px 0;}
.proBox div a{display:inline-block;background: #006db2;color: #fff;padding: 10px;text-decoration: none;border-radius:5px ;}

.proBan{background: #fff;}
.proItr{padding: 20px 10px;}
.proItr h3{line-height: 40px;text-align: center;}
.proItr p{font-size: 0.8rem;line-height: 1.2rem;margin-bottom: 10px;}
.tip{color: #999;}

.proCon{background: #fff;padding:20px 10px;}
.proCon h2{width: 90%;border: 1px solid #006db2;border-radius: 5px;text-align: center;font-weight: normal;font-size: 1.2rem;line-height: 3rem;color: #006db2;margin: 15px auto;}
.proCon p{font-size:0.9rem;line-height:1.8rem;}
.proCon div.pd-Title{padding-top: 20px;}
.proCon img{width: auto;margin: 0 auto;display: block;}
.proCon table{width: 100%;border: 1px solid #dedede;border-right: none;border-bottom: none;}
.proCon table th{text-align: center;}
.proCon table td,.proCon table th{border-right: 1px solid #dedede;border-bottom: 1px solid #dedede;line-height: 40px;padding: 0 10px;}
.pd-proImg img{width: 90%;margin: 10px auto;}
.sw-slide img{width:auto;max-width: 80%;}

.payBtn{display: block;background: #fec76c;color: #fff;text-align: center;border-radius: 5px;padding: 10px 0;-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .25);
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .25);}
.payBtn:active{-webkit-transform: translateY(1px);
	-moz-transform: translateY(1px);}

/*头部*/
.navbar{background: #fff;box-shadow: 0 0 14px -6px rgba(0,0,0,.2)!important;}
.navbar-brand__img {
    width: 60px;
}
.btn.btn-primary {
    background: #fff;color: #333;
    border-color: #dedede;padding: 8px 15px;margin:5px 0  0 20px;
}
.btn.btn-primary:hover{background: #006db2;color: #fff;}

/*banner*/
.pd-Banner{text-align:center;background: url(../images/pd-banner.jpg) no-repeat top center;position: relative;}
.pd-Banner img{width: auto;max-width: 90%;padding: 40px 0;}
.navbar-nav > li > a{margin: 0 5px;}
.navbar-nav > li > a:hover,.navbar-nav > li > a.pd{color: #fff;background: #006db2;border-radius: 5px;}
.navbar-nav > li > a.btn.btn-primary:hover{background: #fff;color: #006db2;}
/*首页*/
.pd-intro{background: #e9e7e7;position: relative;padding: 40px 0;}
.pd-intro-left{width: 40%;position: absolute;background: #006db2;left: 0;top: 0;height: 100%;}
.pd-intro .container{z-index: 999;position: relative;}

.pd-intro .col-md-4{position: relative;height: 300px;}
.pd-intro .col-md-4 .pd-intro-bor{position:absolute;width:100%;right:-5px;height:100%;border: 1px solid #e9e7e7;}
.pd-intro .col-md-4 .pd-intro-bor span{display: block;width: 100%;position: absolute;top: 20px;right: -30px;}
.pd-intro h4{font-size: 24px;line-height: 36px;margin-top:100px;}
.pd-trend{background: #fff;padding: 40px 0;}
.pd-Title{text-align: center;}
.pd-Title div{border-bottom: 1px solid #dedede;width:20%;margin: 0 auto;}
.pd-Title span{display: inline-block;font-size: 1.5rem;border-bottom: 3px solid #989898;margin-bottom: -2px;padding-bottom: 5px;}
.pd-Title p{font-size: 0.8rem;color: #999;line-height: 2rem;}

.pd-trend .row .col-md-3{text-align: center;}
.pd-trend .row .col-md-3 div{width:200px;margin:10px auto;height:200px;background-repeat:no-repeat; background-size:80% 80%;-moz-background-size:80% 80%;border: 1px solid #dedede;border-radius: 50%;background-position: center center;}
.pd-trend .row .col-md-3 div:hover{background: #006db2;border: 1px solid #006db2;}
.pd-trend .row .col-md-3 div.pd-icon1{background-image:url(../images/pd-icon1.png);}
.pd-trend .row .col-md-3 div.pd-icon1:hover{background-image:url(../images/pd-icon1_1.png);}
.pd-trend .row .col-md-3 div.pd-icon2{background-image:url(../images/pd-icon2.png);}
.pd-trend .row .col-md-3 div.pd-icon2:hover{background-image:url(../images/pd-icon2_1.png);}
.pd-trend .row .col-md-3 div.pd-icon3{background-image:url(../images/pd-icon3.png);}
.pd-trend .row .col-md-3 div.pd-icon3:hover{background-image:url(../images/pd-icon3_1.png);}
.pd-trend .row .col-md-3 div.pd-icon4{background-image:url(../images/pd-icon4.png);}
.pd-trend .row .col-md-3 div.pd-icon4:hover{background-image:url(../images/pd-icon4_1.png);}
.pd-trend .row .col-md-3 p{font-size: 1.2rem;}

.pd-contrast{padding: 40px 0;background: #126eb0 url(../images/pd-bg.jpg) no-repeat center bottom;color: #fff;}
.pd-contrast .pd-Title span{border-bottom-color: #fff;}
.pd-contrast .pd-Title p{color: #fff;}
.pd-contrast-list{position: relative;height: 100%;margin-top: 40px;}
.pd-contrast-list:before{content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 50%;
    height: 100%!important;
    margin-left: 1px;
    border-right-width: 2px;
    border-right-style: solid;
    border-right-color: #fff;}
.pd-contrast-list ul li{width: 100%;overflow: hidden;margin-bottom: 10px;}
.pd-left{width: 50%;float: left;position: relative;text-align: right;}
.pd-left span{display:inline-block;position:absolute;top:0;right:-10px;width: 20px;height: 20px;border-radius: 10px;border: 4px solid #fff;background: #126fb0;}
.pd-right{width: 50%;float: right;position: relative;}
.pd-right span {display:inline-block;position:absolute;top:0;left:-10px;width: 20px;height: 20px;border-radius: 10px;border: 4px solid #fff;background: #126fb0;}
.pd-left .pd-contrast-item{margin-right: 30px;}
.pd-right .pd-contrast-item{margin-left: 30px;}
.pd-contrast-item h4{font-size: 1.5rem;margin-top: 0;}
.pd-contrast-item b{color: #ffe400;font-weight: normal;}
.pd-contrast-item p{font-size: 0.8rem;}
.pd-left .pd-contrast-item b{margin-left: 10px;}
.pd-right .pd-contrast-item b{margin-right: 10px;}

.pd-bulid{background: #fff;padding: 40px 0;}
.pd-bulid .row .col-md-3{text-align: center;margin-bottom: 20px;}
.pd-bulid .row .col-md-3 div{width: 100%;margin: 0 auto;border:1px solid #dedede;text-align: center;padding: 10px 0;}
.pd-bulid .row .col-md-3 div img{width: 90%;}
.pd-bulid .row .col-md-3 div h4{font-size: 1.2rem;border-top: 1px solid #dedede;padding: 10px 10px 0 10px;}
.pd-bulid .row .col-md-3 div p{text-align: left;font-size: 0.8rem;padding: 0 10px;}

.footer{background: #333;padding: 20px 0;text-align: center;color: #fff;font-size:0.8rem;}
.footer a{color: #999;}
.footer a:hover{color: #fff;}

/*周边产品*/
.pd-product{padding: 40px 0;}
.pd-product ul li{margin-bottom: 10px;}
.pd-product ul li a{display: block;}
.pd-product ul li div{width: 100%;position: relative;overflow: hidden;background: #fff;box-shadow: 0 2px 2px -1px #dedede;}
.pd-product ul li.col-md-4 div .pd-hover{width:100%;text-align: center;position: absolute;bottom: 0;left: 0;background: rgba(0,0,0,0.5);height: 40px;overflow: hidden;color: #fff;}
.pd-product ul li.col-md-4 div .pd-hover h4{font-size: 1.2rem;}
.pd-product ul li.col-md-4 div .pd-hover p{font-size: 0.8rem;padding: 0 10px;}
.pd-product ul li.col-md-4 div .pd-hover span{display: block;width: 80%;margin: 0 auto;border: 1px solid #fff;padding: 10px 0;color: #fff;margin-top: 40px;}

.pd-case{width: 100%;background: #fff;padding: 40px 0;}

 .swiper-container {
      width: 100%;
      margin: 20px auto;
    }
    .swiper-slide {
    border: 1px solid #dedede;
      text-align: center;
      font-size: 18px;
      background: #fff;
    }
.swiper-slide div{padding: 5px;border-bottom: 1px solid #dedede;}
.swiper-slide div img{width:80%;}
.swiper-slide h4{line-height: 2rem;}
.swiper-slide p{font-size: 0.8rem;padding: 0 10px;}

.pd-product .row{display: flex;height: 100%;}
.pd-product .row .col-md-4{margin-bottom: 10px;}
.pd-product-item{display: flex;width: 100%;background: #fff;padding:20px 10px;align-items:center;height: 100%;}
.pd-product-item span{display: inline-block;width:60px;height:60px;background-size: 80%;}
.pd-proIcon{background: url(../images/pd-icon5.png) no-repeat;}
.pd-proIcon1{background: url(../images/pd-icon6.png) no-repeat;}
.pd-proIcon2{background: url(../images/pd-icon7.png) no-repeat;}
.pd-proIcon3{background: url(../images/pd-icon8.png) no-repeat;}
.pd-proIcon4{background: url(../images/pd-icon9.png) no-repeat;}
.pd-proIcon5{background: url(../images/pd-icon10.png) no-repeat;}

.pd-product-item div{flex: 1;}
.pd-product-item div p{font-size: 0.8rem;color: #999;margin-bottom: 5px;}
.pd-product-item div .line{width: 90px;height: 2px;background: #dedede;line-height: 10px;}

.pd-product-item:hover{background: #006db2;color: #fff;}
.pd-product-item:hover .pd-proIcon{background: url(../images/pd-icon5-1.png) no-repeat;background-size: 80%;}
.pd-product-item:hover .pd-proIcon1{background: url(../images/pd-icon6-1.png) no-repeat;background-size: 80%;}
.pd-product-item:hover .pd-proIcon2{background: url(../images/pd-icon7-1.png) no-repeat;background-size: 80%;}
.pd-product-item:hover .pd-proIcon3{background: url(../images/pd-icon8-1.png) no-repeat;background-size: 80%;}
.pd-product-item:hover .pd-proIcon4{background: url(../images/pd-icon9-1.png) no-repeat;background-size: 80%;}
.pd-product-item:hover .pd-proIcon5{background: url(../images/pd-icon10-1.png) no-repeat;background-size: 80%;}

.pd-product-item:hover div p{color: #fff;}
.pd-product-item:hover div .line{background: #fff;}

/*app下载*/
.pd-app-bg,.pd-app-bg1,.pd-app-bg2,.pd-app-bg3{width: 100%;padding: 40px 0;margin-bottom: 10px;}
.pd-app-bg{background:#006db2 url(../images/pd-bg1.jpg) no-repeat center bottom;}
.pd-app-bg1{background:#006db2 url(../images/pd-bg2.jpg) no-repeat center bottom;}
.pd-app-bg2{background:#006db2 url(../images/pd-bg3.jpg) no-repeat center bottom;}
.pd-app-bg3{background:#006db2 url(../images/pd-bg4.jpg) no-repeat center bottom;}

.pd-app-box{display:flex;color: #fff;align-items:center;}
.pd-app-box .col-md-4 h5{font-size: 1.6rem;line-height: 4rem;}
.pd-app-box .col-md-5{text-align: center;}
.pd-app-box .col-md-5 img{width: 80%;}
.col-md-3{text-align: center;font-size: 1.2rem;}
.col-md-3 img{width: 70%;margin-bottom: 10px;}


.section_KREOkZ{position: fixed; width: 60px; height: 60px; right: 0px; bottom:20%; z-index:9999; }
.div_H5f2BB{width: 60px; height: 60px; position: absolute; right: 0px; bottom:20%; top: 0px; left: 0px; margin: auto 0px auto auto; display: inline-block; z-index: 16; background-color:#49A0F5; }
.div_5TD8x9{height:100%; position: relative; }
/*.section_0oRRdp{position: fixed; width: 100%; z-index: 20; min-height: 100px; transform: rotate(0deg) scale(1) translate(0%, 0%); transition: all 0.4s ease; opacity: 1; border-bottom-color: rgb(186, 186, 186); border-bottom-width: 1px; border-bottom-style: solid; background-color: rgba(255,255,255,1); }
.navbar_NSVb0l{height: 55px; margin: auto; left: 0px; right: 0px; top: 0px; bottom: 0px; position: absolute; display: inline-block;}
.slide_O3yVNv{background-size: cover; background-position: 50% 50%; background-position-x: 50%; background-position-y: 0%; }
.slide_Hf2Hcy{background-size: cover; background-position: 50% 0%;}
.slide_XhfQQF{background-size: cover; background-position: 50% 50%;}*/


/**/
.pd-Box{}
.pd-Box .swiper-container{margin: 0;}
.pd-Box .swiper-slide{border: none;text-align: center;padding:20px 0;min-height: 472px;height:100%;display: flex;align-items:center;}
.pd-Box .swiper-slide div{text-align: left;border: none;margin: 0 auto;display: inline-block;color: #fff;padding: 0;}
.pd-Box .swiper-slide div p{color: #fff;padding: 0;}
.pd-Box .swiper-slide div ul li{font-size: 14px;list-style: circle;}

.pd-mode{padding: 40px 0;}
.pd-modeBox{background: #fff;padding: 20px;height: auto;min-height: 182px;margin-bottom: 10px;}
.pd-modeBox h4{font-size: 20px;}
.pd-modeBox div{font-size: 14px;color: #666;}

.pd-mode .row{text-align: center;}
.pd-mode .row table{width: auto;border: 1px solid #dedede;border-bottom: none;border-right: none;margin:20px auto;}
.pd-mode .row table tr td,.pd-mode .row table tr th{text-align: center;padding: 10px;}
.pd-mode .row table tr td{border-bottom: 1px solid #dedede;border-right: 1px solid #dedede;}
.pd-mode .row table tr th{background: #006db2;color: #fff;border-bottom: 1px solid #fff;border-right: 1px solid #fff;}
/*.pd-Box .swiper-slide{display: flex;height:100%;align-items:center;border: none;min-height: 452px;}
.pd-Box .swiper-slide span{display: block;width: 40%;text-align: center;}
.pd-Box .swiper-slide span img{width: 80%;height: auto;}
.pd-Box .swiper-slide div{text-align: left;padding:10px 40px;border: none;flex: 1;}
.pd-Box .swiper-slide div p{color: #666;padding: 0;}
.pd-Box .swiper-slide div ul li{font-size: 14px;}*/

/*六大能力*/
.pd-ability{padding: 40px 0;background: #fff;}
.pd-ability-box{border: 1px solid #dedede;border-radius: 5px;display: flex;padding: 20px;margin-bottom: 20px;align-content: center;text-align: left;}
.pd-ability-box:hover{-moz-box-shadow:2px 2px 4px #f4f4f4; -webkit-box-shadow:2px 2px 4px #f4f4f4; box-shadow:2px 2px 4px #f4f4f4;}
.pd-ability-box div{flex: 1;}
.pd-ability-box div h4{font-size: 1.2rem;line-height: 2rem;}
.pd-ability-box div p{color: #999;font-size: 0.8rem;line-height: 1.6rem;}
.pd-ability-box span{display: inline-block;width: 60px;height: 80px;text-align: center;}
/*.pd-ability-box span img{width: 100%;}*/

.pd-Banner .swiper-container {
      margin: 0;
}
.pd-Banner .swiper-container .swiper-slide {
      border: none;
      background: none;
}

/* 代理加盟 */
.pd-choose,.pd-term{background: #fff;padding: 40px 0;}
.pd-choose .col-md-2,.pd-support .col-md-2{text-align: center;margin: 30px 0;}
.pd-choose .col-md-2 img,.pd-support .col-md-2 div img,.pd-term .col-md-3 img{width: 60px;margin: 15px auto;}
.pd-choose .col-md-2 h2{font-size: 1.4rem;margin-top: 0;margin-bottom: 20px;} 
.pd-choose .col-md-2 p,.pd-term .col-md-12 p{font-size: 0.8rem;color: #666;line-height: 1.4rem;}

.pd-support,.pd-canal{padding: 40px 0;}
.pd-support .col-md-2 div{border: 1px solid #dedede;border-radius: 4px;background: #fff;text-align: center;padding: 20px 0;box-shadow: 0 8px 10px 0 rgba(0,0,0,.05);}
.pd-support .col-md-2 div p{font-size: 1.4rem;}
.pd-support .pd-Title div{width: 30%;margin-bottom: 40px;}

.pd-term .pd-Title div{margin-bottom: 40px;}
.pd-term .col-md-3{text-align: center;margin: 30px 0;}

.pd-canal .col-md-12{text-align: center;}
.pd-canal .col-md-12 img{width: 40%;display: block;margin: 0 auto;}
.pd-canal .col-md-12 div{width:auto;margin: 20px auto;font-size: 1.2rem;line-height: 2rem;display: inline-block;text-align: left;}
@media all {
.navbar{padding: 10px 0;}
	
}

@media (max-width: 991px) {
	
	
}

@media (max-width: 768px) {
.navbar-brand > img{width: 50px;margin: 6px 0 0 10px;}
.navbar-nav > li > a:hover,.navbar-nav > li > a.pd{color: #006db2;background: none;border-radius:0;}
.nav{border-top: 1px solid #dedede;}
.collapse.in{background: #fff;}
.btn.btn-primary{padding: 10px 0;}
.pd-intro-left{height: 340px;width: 60%;}
.pd-intro h4{margin-top: 20px;}
.pd-intro .col-md-4 .pd-intro-bor{width: 95%;left:10px;}
.pd-intro .col-md-4{height: 260px;}
.pd-intro .col-md-4 .pd-intro-bor span{width: 95%;right: 0;}
.pd-intro .col-md-7{margin-top: 60px;text-align: center;}
.pd-Title div{width: 60%;}
.pd-contrast-item h4{font-size: 1.2rem;}
.pd-left .pd-contrast-item{margin-right: 20px;}
.pd-right .pd-contrast-item{margin-left: 20px;}

.pd-trend .row .col-md-3{width: 50%;float: left;}
.pd-bulid .row .col-md-3 div img{width: 60%;}
.pd-trend .row .col-md-3 div{width: 120px; height: 120px;}
.pd-trend .row .col-md-3 div.pd-icon1:hover,.pd-trend .row .col-md-3 div.pd-icon2:hover,.pd-trend .row .col-md-3 div.pd-icon3:hover,.pd-trend .row .col-md-3 div.pd-icon4:hover{width: 120px;height: 120px;background-size:80% 80%;-moz-background-size:80% 80%;background-repeat: no-repeat;background-position: center;}
.pd-product ul li.col-md-4 div .pd-hover a{margin-top: 20px;}
.swiper-slide div img{width:100%;}
.pd-product .row{display: block;}

.pd-app-box{display: block;text-align: center;}
.pd-app-box .col-md-4 h5{font-size: 1.5rem;line-height: 3rem;}
.pd-app-box .col-md-5 img{display: none;}
.col-md-3{font-size: 0.8rem;}

.pd-Box .swiper-slide div{padding: 0 40px;}

}

@media (max-width: 425px){
	
}

@media (min-width: 768px) and (max-width: 1024px) {
	.pd-app-box{display: flex;}
	.col-md-3 img{width: 60%;}
	.pd-app-box .col-md-5 img{display: inline-block;}
	
}
.beian{width:300px;margin:0 auto; padding:10px 0;}
.beian a{display:inline-block;}
.beian a img{float:left;width: 20px;margin: 0;}
.beian a p{float:left;height:20px;line-height:20px;margin: 0px 0px 0px 5px; color:#939393;}