﻿/*----reset-----*/
*{margin:0;padding:0;border:0;outline:0;box-sizing: border-box;background-repeat: no-repeat;background-position: center center;font-weight: lighter;}
body{background: #FFF;max-width: 16rem;font-size: .65rem;}
html{font-size: 50px;}
ul,li{list-style: none;}
body{max-width: 640px;margin: 0 auto;font-family: 'Microsoft Yahei';}
a{text-decoration: none;color: #333333;opacity: 1;font-family: 'Microsoft Yahei';}
img{width: 100%;border:none;display: block;}
em{font-style: normal;}
p{opacity: 1;color: #333;color: rgb(64,64,64);}
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
textarea { -webkit-appearance: none;}
.fl{float: left;}
.fr{float: right;}
.clearfix {*zoom: 1;}
.clearfix:after {display: block;content: " ";height: 0;visibility: hidden;clear: both;}
.light{color: #ef6816;font-style: normal;}
.flex_box{display: flex;display: -webkit-flex;}
.flex_box_center{display: flex;display: -webkit-flex;align-items: center;justify-content: center;}
.flex_1{flex: 1;-webkit-flex: 1;}
.flex_auto{flex: auto;-webkit-flex: auto;}
.ai_c{align-items: center;}
.jc_sb{justify-content: space-between;}
.mr-5{margin-right: -.5rem;}
.ml-5{margin-left: -.5rem;}
.mb-20{margin-bottom: 2rem;}
.mb-8{margin-bottom: .8rem;}
.mt-20{margin-top: 2rem;}
.pd-5{padding: .5rem;}
.fs-5{font-size: .5rem;}
.fs-6{font-size: .6rem;}
.fs-7{font-size: .7rem ;}
.fs-8{font-size: .8rem !important;}
.c-333{color: #333;}
.c-666{color: #666;}
.c-fff{color: #fff;}
.ws-no{white-space: nowrap;}
.ta-c{text-align: center;}
.bor-b-5{height: .5rem;background: #ebebeb;}
/* 移动端点击a链接出现蓝色背景问题解决 */
a:link,a:active,a:visited,a:hover {
    /*background: none;*/
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent;
}
/*----reset end-----*/
/*头部*/
/*.head{position: fixed;top: 0;width: 100%;left: 0;z-index: 3;box-shadow: 0px 1px 5px -1px rgba(0,0,0,.5);}*/
/*.head .top{padding: 0 .5rem;height: 2rem;background-image: url("../images/h_logo.png");background-color: #fff;background-size: 4.5rem;}*/
.head {position: fixed;width: 100%; z-index: 10;top: 0;}
.head .top{height: 2rem;padding: .4rem;background-color: rgba(22, 100, 182, 0.9);}
.head .top .h_logo{height: 100%;z-index: 90;position: relative;}
.head .top .h_logo img{width: auto;height: 100%;}
.head .h_menu{z-index: 20;}
.head .h_menu .h_menu_btn{}


.head .top .top-icon{display:block;width:1.4rem;height:1.4rem;background-size:1rem;z-index: 90;position: relative;}
.top-tel{background:url(../images/h_icon_tel.png) no-repeat center;margin-right: .2rem;}
.top-nav{position:relative;background:url(../images/h_icon_menu.png) no-repeat center}
.h_close{background: url(../images/h_close.png)no-repeat center;}
.top-pd-nav{position:absolute;top:0;left:0;z-index:4;display:none;width:100%;background:rgba(0,0,0,.85);padding: 2rem 0 1rem;}
.top-pd-nav:before{position:absolute;top:-.4rem;right:.82rem;display:block;width:0;height:0;border-right:.4rem solid transparent;border-bottom:.4rem solid rgba(0,0,0,.85);border-left:.4rem solid transparent;content:''}
.top-pd-nav .top-pd-nav-item{margin:.8rem .5rem;border-bottom:1px solid #fff;font-size:0;line-height:1.65}
.top-pd-nav .top-pd-nav-item h3{position:relative;margin:.5rem 0;padding-left:.4rem;color:#fff;font-size:.65rem}
.top-pd-nav .top-pd-nav-item h3:after{position:absolute;top:50%;left:0;display:block;margin-top:-.25rem;width:2px;height:.5rem;background:#ff8a00;content:''}
.top-pd-nav .top-pd-nav-item a{display:inline-block;margin:0 .5rem .5rem 0;padding:.12rem .26rem;border:1px solid #fff;border-radius:.16rem;color:#fff;font-size:.52rem}
.top-pd-nav-title{color: #fff;margin:0 .5rem;border-bottom:1px solid #fff;padding: .5rem 0;}
.top-pd-nav-title a{color: #fff;}
.op-pd-nav-close{color: #fff;position: absolute;width: 1rem;height: 1rem;line-height: 1rem;text-align: center;right: .5rem;top: .5rem;font-size: 1.4rem;}
/*头部 end*/

/*home*/
/*.banner{margin-top: 2rem;}*/
.banner .swiper-pagination-bullet-active{background: #fff;}
.menu{height: auto;overflow: hidden;border-bottom: .5rem solid #ebebeb;}
.menu a{display: block;width: 20%;border-right: 1px solid #E5E5E5;height: 4.1rem;float: left;font-size: .55rem;text-align: center;padding-top: 2.95rem;background-position: center 1.15rem;background-size: 1.25rem;}
.menu a:nth-child(1){background-image: url("../images/icons_02.png");}
.menu a:nth-child(2){background-image: url("../images/icons_03.png");}
.menu a:nth-child(3){background-image: url("../images/icons_06.png");}
.menu a:nth-child(4){background-image: url("../images/icons_04.png");}
.menu a:nth-child(5){background-image: url("../images/icons_05.png");border-right: 0;}

.title{font-size: .55rem;text-align: center;line-height: 1rem;padding: 1.15rem 0 .5rem;}
.title b{font-size: .95rem;font-weight: 600;display: block;padding-bottom: .25rem;}
.home_page .title em{color: #e41010;}
.home_page>section{border-bottom: .5rem solid #ebebeb;padding-bottom: 1.5rem;*zoom: 1;}
.home_page>section:after{display: block;clear: both;content: "";visibility: hidden;height: 0;}
/*介绍*/
.home_page .jieshao{padding: 0 .5rem 1.5rem;text-align: center;}
.home_page .jieshao p{font-size: .6rem;text-indent: 2em;margin-bottom: 1rem;line-height: 1rem;color: #333;}
.home_page .jieshao a{background: #0184bc;color: #fff;padding: .4rem 1rem;border-radius: 2rem;font-size: .8rem;}
/*分销模式*/
.home_page .moshi{}
.home_page .moshi ul{flex-wrap: wrap;}
.home_page .moshi ul li{text-align: center;width: 33.333%;/*padding: .25rem;*/}
.home_page .moshi ul li a{display: block;margin: .6rem;border-radius: .2rem;border: 1px solid #3e8ae6;}
.home_page .moshi ul li img{display: block;width: 3rem;height: 3rem;margin: .2rem auto 0;}

.home_page .moshi ul li p{font-size: .66rem;margin: .14rem 0;color: #3e8ae6;}
.home_page .moshi ul li span{font-size: .6rem;display: block;color: #fff;background: #3e8ae6;line-height: 1.8;}

.home_page .liebian .img{padding: 0 .5rem;}
/*五网*/
.home_page .case .case_l .swiper-slide{width: 78%;padding-top: .5rem;}
.home_page .case .case_l .swiper-slide a{display: none;text-align: center;background: #0D85D5;color: #FFF;font-size: .7rem;line-height: 1.2rem;}
.home_page .case .case_l .swiper-slide p{display: none;text-align: center;font-size: .75rem;line-height: 1.5rem;color: #333;font-weight: 800;}
.home_page .case .case_l .swiper-slide p b{font-weight: 400;}
.home_page .case .case_l .swiper-slide-active a,.home_page .case .case_l .swiper-slide-active p{display: block;}
.case_bg{background: url(../images/part03bg.jpg);}
.case_bg img{}
/*新闻动态*/
.news .tag_title{display: flex;border-bottom: 1px solid #ebebeb;}
.news .tag_title li{font-size: .65rem;flex: 1;padding: .5rem 1rem;text-align: center;}
.new_active{background: #0D85D5;color: #fff;}
.new_list{padding: 0rem .2rem .2rem;}
.new_list li{border-bottom: 1px dashed #bbb;padding: .2rem 0;}
.new_list li a{display: block;}
.new_list li .img{width: 30%;}
.new_list li .img img{padding-right: .2rem;}
.new_list li .txt{width: 70%;/* padding: .1rem 0; */}
.new_list li .txt h3{font-size: .35rem;margin-bottom: .1rem;white-space:nowrap;text-overflow: ellipsis;overflow: hidden;}
.new_list li .txt p{font-size: .23rem;display: -webkit-box;display: -moz-box;overflow: hidden;text-overflow: ellipsis;word-break: break-all;-webkit-box-orient: vertical;-webkit-line-clamp:2;color: #404040;letter-spacing: .02rem;line-height: .35rem;}
.new_more{text-align: center;display: block;padding-top: .8rem;}
.new_more a{padding: .2rem .4rem;background: #0D85D5;color: #fff;font-size: .72rem;}
.art-more-btn{display: block;width: 3.6rem;line-height: 1;margin: 1rem auto;text-align: center;color: #0d85d5;border-radius: .2rem;border: 1px solid #0d85d5; padding: .2rem;outline: none;-webkit-tap-highlight-color: rgba(0,0,0,0);}
.art-more-btn:active{background: #0d85d5;color: #fff;}
/*home end*/

/*特色*/
.num_light{color: #FFBB4D;font-weight: 800;font-size: 1rem;font-style: italic;}
/*.ts_banner{margin-top: 2rem;}*/
.ts_page>section{border-bottom: .5rem solid #ebebeb;}
.ts_page .jieshao{padding: 0 .5rem 1.5rem;text-align: center;}
.ts_page .jieshao p{font-size: .6rem;text-indent: 2em;line-height: 1rem;color: #333;}
.ts_page .liangdain{padding: .5rem;}
.liangdain .ld_col{height: 7rem;margin-bottom: .5rem;border-bottom: 1px dashed #bbb;}
.liangdain .ld_col:last-child{border: 0;}
.liangdain .ld_col .img{width: 45%;height: 6.5rem; padding: .25rem;}
.liangdain .ld_col .img img{height: 100%;}
.liangdain .ld_col .txt{width: 55%;height: 100%;padding: .25rem;}
.liangdain .ld_col .txt h3{font-size: .65rem;font-weight: 800; margin-bottom: .3rem;}
.liangdain .ld_col .txt p{font-size: .55rem;letter-spacing: .1rem;}

.ts_page .gongneng{padding: .5rem;}
.gn_col{padding: .5rem 0;border-bottom: 1px dashed #bbb;}
.gn_col:last-child{border-bottom: 0;}
.gn_col .img{width: 24%;border-radius: 50%;padding: .5rem;margin: .25rem 0;}
.gn_col:nth-child(2) .img{background: #3266CC;}
.gn_col:nth-child(3) .img{background: #D67D5D;}
.gn_col:nth-child(4) .img{background: #CF9B4F;}
.gn_col:nth-child(5) .img{background: #B24C71;}
.gn_col:nth-child(6) .img{background: #CF5030;}
.gn_col:nth-child(7) .img{background: #BA9836;}
.gn_col .txt{width: 76%;padding-left: .5rem;}
.gn_col .txt h3{font-size: .65rem;font-weight: 800;margin-bottom: .3rem;white-space: nowrap;}
.gn_col .txt p{font-size: .55rem;}

.ts_page .chuanbo{padding: .5rem;}
.chuanbo .img{width: 100%;padding: .5rem 0;}
/*特色 end*/

/*版本*/
/*.bb_banner{margin-top: 2rem;}*/
.bb_page{}
.bb_content{}
.bb_content li{border: 1px solid #bbb;border-radius: .5rem;overflow: hidden;position: relative;margin: .5rem;min-height: 160px;}
.bb_content li:after{display: block;clear: both;content: "";visibility: hidden;height: 0;}
.bb_content li h2{width: 12%;font-weight: 700;text-align: center;padding: 2.4rem .5rem;color: #fff;position: absolute;height: 100%;}
.bb_content li h2 span{font-size: .8rem;}
.bb_content li:nth-child(1) h2{background: #d27615;}
.bb_content li:nth-child(2) h2{background: #2e82ff;}
.bb_content li:nth-child(3) h2{background: #db4d4d;}
.bb_content li:nth-child(4) h2{background: #3297de;}
.bb_content li:nth-child(5) h2{background: #3ec282;}
.bb_content li .txt{width: 88%;padding: .2rem .5rem;color: #333;}
.bb_content li .txt h3{font-size: .65rem;margin: .2rem 0 .1rem;}
.bb_content li .txt div{position: absolute;right: .4rem;top: .4rem;font-size: .5rem;text-align: right;color: #EF6816;}
.bb_content li .txt p{font-size: .6rem;color: #666;letter-spacing: .05rem;}
.bb_content li .txt .p1{color: #D57C0D;}
.bb_content li .txt .p2{min-height: 3rem;}
.bb_content li .txt span{font-size: .75rem;}
.bb_content li .txt .ty{display: block;text-align: center;padding: .3rem;}
.bb_content li .txt .ty a{color: #fff;background: #0D85D5;padding: .2rem .8rem;border-radius: .3rem;font-size: .7rem;}
.bb_content li .txt .no_ccc{color: #9698A4;}
/*版本 end*/

/*招商*/
.join_banner{/*margin-top: 2rem;*/position: relative;}
.join_banner div{position: absolute;left: 25%;top: 25%;text-align: center;}
.join_banner h1{color: #fff;font-weight: 800;font-size: 1rem;line-height: 2rem;}
.join_banner p{color: #fff;font-size: .6rem;}
.join_page .join_col{border-bottom: .5rem solid #ebebeb;padding: .5rem;}
.join_page .join_col h2{text-align: center;font-size: .7rem;padding-top: 1rem;line-height: 2rem;color: #333;}
.join_page .join_col h2 span{padding: 0 .5rem;}
.join_col .liyou_list{}
.join_col .liyou_list li{padding: .5rem 0;line-height: 1rem;border-bottom: 1px dashed #bbb; }
.join_col .liyou_list li:last-child{border: none;}
.join_col .liyou_list li:after{display: block;height: 0;clear: both;visibility: hidden;content: "";}
.join_col .liyou_list li .img{width: 18%;border-radius: 50%;padding: .25rem;margin-top: .3rem;}
.join_col .liyou_list li .txt{width: 82%;padding-left: .3rem;}
.join_col .liyou_list li:nth-child(1) .img{border: 2px solid #2296D3;}
.join_col .liyou_list li:nth-child(2) .img{border: 2px solid #EC766C;}
.join_col .liyou_list li:nth-child(3) .img{border: 2px solid #37A2B6;}
.join_col .liyou_list li:nth-child(4) .img{border: 2px solid #435180;}
.join_col .liyou_list li:nth-child(5) .img{border: 2px solid #FBAF1C;}
.join_col .liyou_list li h3{font-size: .65rem;font-weight: 800;margin-bottom: .3rem;color: #ec693b;}
.join_col .liyou_list li p{font-size: .55rem;}
.join_col .p_title{font-size: .5rem;text-align: center;color: #6d6d6d;}
/*.join_page .zhichi{padding: .5rem 0;}*/
.join_col .zc_list{padding: .5rem 0 1rem;}
.zc_list:after{display: block;clear: both;visibility: hidden;height: 0;content: "";}
.zc_list li{float: left;width: 50%;}
.zc_list li .a{display: block;text-align: center;background: #f1f1f1; margin:.5rem .25rem 0rem 0;}
.zc_list li:nth-child(even) .a{margin-right: 0;margin-left: .25rem;margin: .5rem 0 0 .25rem;}
.zc_list li .a .img{padding: 1rem;}
.zc_list li .a h3{font-size: .65rem;font-weight: 800;margin-bottom: .3rem;line-height: 1rem;color: #ec693b;}
.zc_list li .a span{font-weight: 800;font-style: italic;font-size: .8rem;}
.zc_list li:nth-child(1) .a h3{color: #FC6964;}
.zc_list li:nth-child(2) .a h3{color: #91C519;}
.zc_list li:nth-child(3) .a h3{color: #03C4AF;}
.zc_list li:nth-child(4) .a h3{color: #FF9D00;}
.zc_list li:nth-child(5) .a h3{color: #65B6F6;}
.zc_list li:nth-child(6) .a h3{color: #F96C95;}
.zc_list li:nth-child(7) .a h3{color: #FF9256;}
.zc_list li:nth-child(8) .a h3{color: #92AAFC;}
.zc_list li .a p{font-size: .5rem;text-align: left;height: 3.8rem;letter-spacing: .05rem;line-height: .85rem;padding: 0 .25rem;}
.join_col .sq_list{display: flex;display: -webkit-flex;-webkit-box-pack: center;padding-bottom: .5rem;}
.sq_list li{flex: auto;text-align: center;}
.sq_list li .img{padding: .5rem;}
.sq_list li .img a{display: block; padding: .3rem;border-radius: 560%;border: 1px solid #3ec282;}
.sq_list li p{font-size: .5rem;}
.sq_list li span{padding: 0 .5rem;background: url(../images/sq_bg.png) no-repeat center center;background-size: contain;position: relative;top: .8rem;}
.sq_join{display: block;text-align: center;width: 4rem;font-size: .7rem;line-height: 1.5rem;color: #fff;background: #0D85D5;border-radius: .25rem;margin: 1rem auto;}
/*招商 end*/

/*关于*/
/*.about_banner{margin-top: 2rem;}*/
.about_page .ab_tabs{font-size: 0;text-align: center;}
.about_page .ab_tabs a{display: inline-block;padding: .5rem 0;color: #333; font-size: .8rem;font-weight: 700;}
.about_page .ab_list {}
.ab_company{padding: .5rem;}
.ab_company p{ line-height: 1rem;letter-spacing: 0.05rem;text-indent: 2em;font-size: .6rem;margin-bottom: .7rem;color: #333;}
.ab_honop{text-align: center;padding: .5rem;}
.ab_honop img{}
.ab_honop p{font-size: .6rem;color: #333;margin-bottom: 1rem;line-height: 2.5rem;}
.ab_contact{padding:.5rem;}
.ab_contact ul{margin-bottom: .5rem;}
.ab_contact ul li{font-size: .6rem;line-height: 1rem;color: #333;}
.ab_contact img{margin-bottom: 1rem;}
.a_t{width: 100%;height: 4rem;}
.hex{width:4.5rem;height:2.6rem;background-color:#ccc;background-repeat:no-repeat;background-position:50% 50%;-webkit-background-size:auto 173px;-moz-background-size:auto 173px;-ms-background-size:auto 173px;-o-background-size:auto 173px;position:relative;text-align:center;zoom:1;z-index:2;margin:0 auto;color:#fff}
.hex .inner{padding-top:.05rem}
.hex h2{font-size:1rem;line-height:1.2rem;font-weight:800;color:#fff}
.hex span{font-size:.7rem;line-height:1.8rem}
.hex_1{background:#f3590d}
.hex_2{background:#f3a80d}
.hex_3{background:#a3dd3e}
.hex_4{background:#7ecef4}
.hex .corner-1,.hex .corner-2{position:absolute;top:0;left:0;width:100%;height:100%;background:inherit;z-index:-2;overflow:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden}
.hex .corner-1{z-index:-1;-webkit-transform:rotate(60deg);-moz-transform:rotate(60deg);-ms-transform:rotate(60deg);-o-transform:rotate(60deg);transform:rotate(60deg)}
.hex .corner-2{-webkit-transform:rotate(-60deg);-moz-transform:rotate(-60deg);-ms-transform:rotate(-60deg);-o-transform:rotate(-60deg);transform:rotate(-60deg)}

.about_page>section{padding-bottom: 2rem;}

.bus_txt{padding: .5rem;}
.bus_txt>div{border-radius: .25rem;overflow: hidden;margin-bottom: .5rem;width:100%;height: 4rem;}
.bus_txt_l{width: 20%;height:100%; background: #7ecef4;text-align: center;color: #fff;border-bottom: 8px solid #72badc;padding: .5rem 0;}
.bus_txt_l span{line-height: 24px;font-size: .65rem;}
.bus_txt_l b{font-size: 1rem;}
.b_l2{background: #8fc31f;border-bottom: 8px solid #81b01c;}
.b_l3{background: #84ccc9;border-bottom: 8px solid #77b8b5;}
.b_l4{background: #f19149;border-bottom: 8px solid #d98342;}
.bus_txt_r{width: 80%;height: 100%; padding: .5rem;background: #f2fafe;font-size: .65rem;    display: table;}
.bus_txt_r p{color: #666;display: table-cell;vertical-align: middle;}
.b_r2{background: #f4f9e8;}
.b_r3{background: #e6f5f4;}
.b_r4{background: #fef4ec;}
.ab_team{padding: .5rem .25rem;}
.ab_team p{line-height: 1rem;letter-spacing: 0.05rem;text-indent: 2em;font-size: .6rem;margin-bottom: .7rem;color: #333;padding: 0 .25rem;}
.ab_team .img{}
.ab_team .img img{width: 50%;float: left; padding: .25rem;}
/*关于 end*/

/*文章*/
/*.art_banner{margin-top: 2rem;}*/
.art_page{border-bottom: .2rem solid #ebebeb;margin-top: 1.1rem;}
.art_page .art_title{text-align:center;padding: .2rem .2rem;}
.art_page .art_title h1{font-weight: 700;font-size: .4rem;color: #333;padding-top: 20px}
.art_page .art_title p {line-height: .6rem;color: #8d8d8d;font-size: .1rem;}
.art_page .art_title p strong{font-weight: 800;color: #0d85d5;}
.art_page .art_title p span{padding: 0 .25rem;}
.art_page .art_title p time{}
.art_page .art_title p i{font-style: normal;}
.art_page .art_title p i b{}
.art_page .content{padding: .2rem;}
.art_page .daodu{background: #ebebeb;padding: .2rem;font-size: .25rem;line-height: .45rem;letter-spacing: .05rem;margin-bottom: .2rem;}
.art_page .daodu b{font-weight: 700;color: #333;}
.art_page .zhengwen{/* color: #333 !important; *//* font-size: .2rem !important; *//* letter-spacing: .05rem !important; *//* line-height: 1.2rem !important; *//* padding-bottom: .5rem; *//* border-bottom: 1px solid #bbb; */}
.art_page .zhengwen a{color:#0D85D5 !important;}
.art_page .zhengwen img{width: 100% !important;height: 100% !important;}
.art_page .zhengwen p{font-size: .6rem !important;margin-bottom: .5rem !important;}
.art_page .zhengwen span{/* line-height: 1.2rem !important; *//* letter-spacing: .05rem !important; *//* font-size: .6rem !important; */}
.art_page .foot_page{/* padding: .25rem 0; */}
.art_page .foot_page h4{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.art_page .foot_page strong{font-size: .3rem;color: #333;}
.art_page .foot_page a{letter-spacing: .05rem;/* font-weight: 700; */font-size: .3rem;line-height: .6rem;color: #333;}
.order_art{padding: .2rem;}
.order_art h3{border-bottom:1px dashed #bbb;font-size: .4rem;color: #333;line-height: .68rem;margin-bottom: .2rem;}
.order_art ul {/* margin-bottom: .2rem; */}
.order_art ul li{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;padding-left: .8rem;line-height: .7rem;background-size: initial !important;background-position: .08rem .04rem !important;}
.order_art ul li:nth-child(1){background: url(../images/num01.png) no-repeat .08rem .04rem;background-size: 8% 88%;}
.order_art ul li:nth-child(2){background: url(../images/num02.png) no-repeat .1rem .15rem;background-size: 8% 88%;}
.order_art ul li:nth-child(3){background: url(../images/num03.png) no-repeat .1rem .15rem;background-size: 8% 88%;}
.order_art ul li:nth-child(4){background: url(../images/num04.png) no-repeat .1rem .15rem;background-size: 8% 88%;}
.order_art ul li:nth-child(5){background: url(../images/num05.png) no-repeat .1rem .15rem;background-size: 8% 88%;}
.order_art ul li:nth-child(6){background: url(../images/num06.png) no-repeat .1rem .15rem;background-size: 8% 88%;}
.order_art ul li:nth-child(7){background: url(../images/num07.png) no-repeat .1rem .15rem;background-size: 8% 88%;}
.order_art ul li:nth-child(8){background: url(../images/num08.png) no-repeat .1rem .15rem;background-size: 8% 88%;}
.order_art ul li:nth-child(9){background: url(../images/num09.png) no-repeat .1rem .15rem;background-size: 8% 88%;}
.order_art ul li:nth-child(10){background: url(../images/num10.png) no-repeat .1rem .15rem;background-size: 8% 88%;}
.order_art ul li a{font-size: .3rem;}
.all_r {position: fixed;right: .5rem;bottom: 20%;width: 2rem;}
.all_r a {display: block;width: 2rem;height: 2rem;background-size: 2rem;margin-bottom: .4rem;}
.all_r a:nth-child(1) {background-image: url(../images/icons_01.png);}
.all_r a:nth-child(2) {background-image: url(../images/icons_02.png);}
.pages-a{text-align: center;margin: .3rem 0;}
.pages-a a{
    font-size: .25rem;
}
.pages-a a.a1{}
.pages-a span{color: #0D85D5;font-weight: 700;font-size: .25rem;}
/*文章 end*/

/*注册*/
.back{color: #333;padding: .6rem;position: absolute;background: url(../images/jt.png)no-repeat center;z-index: 100;}
.res_page{padding: 2rem .5rem 0;/*background: #ebebeb;*/height: 100%;}
.res_page h1{font-size: .8rem;text-align: center;color: #0D85D5;padding-top: 1rem;line-height: 3rem;}
.register_center {width: 100%;border: 1px solid #d2d2d2;background: #fff;border-radius: .2rem;overflow: hidden; box-shadow: 0 1px 2px 1px rgba(27,27,27,.1);}
.register_infor {height: 2rem;border-bottom: 1px solid #d2d2d2;overflow: hidden;}
.register_infor .left_tt {width: 30%;display: block;float: left;line-height: 2rem;text-align: right;color: #333;font-size: .6rem;}
.register_infor .input {width: 70%;float: left;height: 2rem;padding: .5rem;border: none;font-size: .5rem;}
#code-refresh{line-height: 2rem;color: #0E64A0;padding-right: .5rem;font-size: .6rem;}
.register_infor .input.min {width: 32%;}
.code-img {background: #fff;width: 20%;height: 100%;}
.code-img img{height: 100%;}
.setpwd_but{font-size: .5rem;line-height: 2rem;padding: .2rem .5rem;background: #50a860;color: #fff;border-radius: .2rem;}
.register_but {padding-top: .8rem;width: 100%;height: 2rem;text-align: center;}
.register_but a {display: block;width: 100%;background: #0D85D5;line-height: 2rem;color: #fff;font-size: .6rem;overflow: hidden;border-radius: .2rem;border: 0;}
.res_copyright{text-align: center;font-size: .5rem;padding-top: 2rem;letter-spacing: .05rem;}

.success{text-align: center;padding: .5rem;}
.success .suc_avt{background: url(../images/success.png) no-repeat center;margin-bottom: 1rem;}
.success .suc_avt h1{color: #00b641;font-size: 1rem;padding-top: 4.5rem;}
.success .content{padding: 1rem 0;margin-bottom: 1rem;border-radius: .2rem;background: #f1f1f1;}
.success .content p{font-size: .65rem;line-height: 1.2rem;padding: 0 .5rem;letter-spacing: .05rem;}
.success .content p span{font-weight: 700;color: crimson;}
.back_home {}
.back_home a{display: block;width: 100%;background: #0D85D5;line-height: 2rem;color: #fff;font-size: .6rem;overflow: hidden;border-radius: .2rem;border: 0;}
.tips_page{padding-top: 2rem;padding-bottom: 3rem;}
.tips_page .tips{text-align: center;padding: 1rem 0;width: 100%;}
.tips_page .tips img{width: 100px;height: 100px;margin: 0 auto;}
.tips_page .tips p{color: #ea3737;font-weight: 800;font-size: 16px;padding-top: 10px;}
.tips_page .p{padding: 20px;background: #ddd;color: #333;margin: 1rem;font-size: .65rem;line-height: 2;letter-spacing: 1px;}
.tips_page .p span{color: #0d85d5;}
/*注册 end*/

/*尾部*/
.footer{background: #333333;padding-bottom: 3.5rem;}
.footer h2{font-size: .8rem;text-align: center;font-weight: 700;color: #fff;padding-top: .8rem;}
.footer .top{color: #5C5C5C;font-size: .65rem;text-align: center;border-bottom: 1px solid #5C5C5C;line-height: 2.65rem;}
.footer .top a{display: inline-block;font-size: .65rem;color: #FFF;margin: 0 .6rem;}
.footer .phone{color: #a3a3a3;font-size: .6rem;text-align: center;padding-top: .75rem;line-height: .9rem;}
.footer .phone span{font-size: .75rem;display: block;background-image: url("../images/icons_10.png");background-position-x: left;width: 4.25rem;text-align: right;margin: 0 auto;line-height: 1.3rem;background-size: 1rem;}
.footer .phone a{color: #ef6816;font-size: 1.05rem;font-weight: bold;line-height: 1.3rem;}
.footer .cp{color: #7d7d7d;line-height: .8rem;font-size: .45rem;text-align: center;padding-top: .6rem;}
.footer .btn{display: block;width: 4.95rem;line-height: 1.45rem;font-size: .8rem;text-align: center;margin: 0 auto;color: #e0e0e0;border:1px solid #858585;border-radius: .725rem;margin-top: .7rem;}

.f_bottom{position: fixed;z-index: 3;border-top: 1px solid #c6c6c6;background: #FFF;width: 100%;bottom: 0;display: flex;}
.f_bottom a{display: block;flex: auto;float: left;text-align: center;color: #000000;font-size: .45rem;width: 3.15rem;height: 2.45rem;padding-top: 1.5rem;background-position-y: .3rem;background-size: 1.25rem;}
.f_bottom a:nth-child(1){background-image: url("../images/bot_i_1.png");}
.f_bottom a:nth-child(2){background-image: url("../images/bot_i_2.png");}
.f_bottom a:nth-child(3){background-image: url("../images/bot_i_3.png");}
.f_bottom a:nth-child(4){width: 6.55rem;line-height: 2.45rem;font-size: .75rem;color: #FFF;background: #0D85D5;padding-top: 0;}
/*尾部 end*/
/*客服*/
.kf_right{position: fixed;right: 0;top: 30%;z-index: 999;}
.kf_right a{display: block;width: 1.5rem;height: 3.05rem;background-image: url("../images/kf_right.png");background-size: 1.5rem;}
/*客服 end*/

/*小程序*/
.weapp_banner{/*margin-top: 2rem;*/height: 8rem;background: #277ddf;text-align: center;margin-bottom: 4rem;}
.weapp_banner h1{color: #fff;font-size: 1rem;padding-top: 1rem;line-height: 1.5rem;}
.weapp_banner p{color: #fff;font-size: .5rem;padding: .5rem;line-height: 1rem;}
.weapp_page h2{text-align: center;font-size: .7rem;padding-top: 1rem;line-height: 2rem;color: #333;}
.weapp_page h2 span{padding: 0 .5rem;}
.weapp_page .p_title{font-size: .5rem;text-align: center;color: #6d6d6d;}
.core .list{text-align: center;}
.core li{display: inline-block;padding: 0 1.1rem;padding-top: 4rem;font-size: .55rem;}
.core li:nth-of-type(1){background: url(../images/c1.png) no-repeat 50%;}
.core li:nth-of-type(2){background: url(../images/c2.png) no-repeat 50%;}
.core li:nth-of-type(3){background: url(../images/c3.png) no-repeat 50%;}
.core li:nth-of-type(4){background: url(../images/c4.png) no-repeat 50%;}
.core li:nth-of-type(5){background: url(../images/c5.png) no-repeat 50%;}
.core li:nth-of-type(6){background: url(../images/c6.png) no-repeat 50%;}
.scene{}
.scene ul{padding: .5rem;}
.scene li{padding: 1.5rem 0 1.5rem 6rem;line-height: 1rem;border-bottom: 1px dashed #bbb;background-size: 30% !important;}
.scene li:nth-of-type(1){background: url(../images/s1.jpg) no-repeat .2rem 50%;}
.scene li:nth-of-type(2){background: url(../images/s2.jpg) no-repeat .2rem 50%;}
.scene li:nth-of-type(3){background: url(../images/s3.jpg) no-repeat .2rem 50%;}
.scene li:nth-of-type(4){background: url(../images/s4.jpg) no-repeat .2rem 50%;}
.scene li:nth-of-type(5){background: url(../images/s5.jpg) no-repeat .2rem 50%;}
.scene li:nth-of-type(6){background: url(../images/s6.jpg) no-repeat .2rem 50%;}
.scene li:nth-of-type(7){background: url(../images/s7.jpg) no-repeat .2rem 50%;}
.scene li:nth-of-type(8){background: url(../images/s8.jpg) no-repeat .2rem 50%;}
.scene li p{font-size: .65rem;font-weight: 800;margin-bottom: .3rem;color: #ec693b;}
.scene li span{font-size: .55rem;}
.sync{}
.sync .img{width: 100%;box-sizing: border-box;}
.sync .img img{width: 100%;}
.tuyere{}
.tuyere ul{padding-top: .8rem;padding-bottom: 1.5rem;}
.tuyere li{font-size: .6rem;color: #333;text-align: center;width: 85%;}
.tuyere li .p1,.tuyere li .p2{border-radius: 10px;margin: 0 .5rem;}
.tuyere li .p1{color: #fff;margin-bottom: .5rem;padding: 1rem 0;font-size: .8rem;}
.tuyere li:nth-child(1) .p1{background:#2296d3; }
.tuyere li:nth-child(2) .p1{background:#ec766c; }
.tuyere li:nth-child(3) .p1{background:#37a2b6; }
.tuyere li:nth-child(4) .p1{background:#60DE9F; }
.tuyere li .p1 p{font-weight: 800;color: #fff;}
.tuyere li .p1 span{}
.tuyere li .p2{border: 1px solid #ccc;height: 180px;text-align: left;}
.tuyere li .p2 p{color: #666;padding: .5rem;letter-spacing: 2px;}
.industry ul{text-align: center;margin-top: 1rem;}
.industry li{display: inline-block; padding: 4rem 1.2rem 1rem;font-size: .55rem;color: #333;}
.industry li:nth-of-type(1){background: url(../images/i1.png) no-repeat 50% 0;}
.industry li:nth-of-type(2){background: url(../images/i2.png) no-repeat 50% 0;}
.industry li:nth-of-type(3){background: url(../images/i3.png) no-repeat 50% 0;}
.industry li:nth-of-type(4){background: url(../images/i4.png) no-repeat 50% 0;}
.industry li:nth-of-type(5){background: url(../images/i5.png) no-repeat 50% 0;}
.industry li:nth-of-type(6){background: url(../images/i6.png) no-repeat 50% 0;}
.qr .img{width: 80%;margin: 0 auto;}
.qr .img img{width: 100%;}
.qr p{font-size: .6rem;color: #666;text-align: center;line-height: 1rem;margin-bottom: 1rem;}
/*小程序 end*/

/*app*/
.app_banner{margin-top:2rem;margin-bottom:3rem;height:180px;background:url(../images/app-banner-bg.png) no-repeat center;background-size:cover}
.app_banner .txt{margin-top:1.5rem;margin-left:1rem}
.app_banner .txt h1{font-size:.8rem;color:#FFF;font-weight:700;margin-bottom:.5rem}
.app_banner .txt p{color:#fff;font-size:.65rem;margin-bottom:.4rem;line-height:1.2rem}
.app_banner .img{width:180px;margin-right:1rem;margin-top:1rem}
.app_banner .img img{width:100%}
.app_page .app_col{padding:1rem 0}
.app_page .app_col h2{text-align:center;font-size:.8rem;margin-bottom:.4rem;font-weight:700;color:#333}
.app_page .app_col .p{text-align:center;font-size:.55rem;color:#999;padding:0 1rem}
.app_page .app_col .img{width:100%;padding:.5rem 1rem;margin-top:1rem}
.app_page .app_col .img img{width:100%}
.app_ww{background:#f4f5f7}
/*.app_core_list{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;flex-wrap:wrap;padding:1rem .5rem 0;height:13rem;overflow:hidden;transition:.3s ease-out}
.app_core_list li{text-align:center;flex:1;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1}*/
.app_core_list{padding: 0rem .5rem 0;margin-top: 1rem;height: 300px;overflow: hidden;transition: .3s ease-out;}
.app_core_list li{float: left;width: 33.333333%;height: 150px;text-align: center;}
.app_core_list li .box{border-radius:15px;width:4rem;height:4rem;overflow:hidden;box-shadow:0 0 30px 0 rgba(0,0,0,.1);margin:.5rem auto;display:flex;justify-content:center;align-items:center}
.app_core_list li .box .icon{display:block;width:3rem;height:3rem;background:url(../images/app-icon.png) no-repeat center;background-size:1400px;background-position:-130px -46px}
.app_core_list li:nth-child(1) .box .icon{background-position:-130px -46px}
.app_core_list li:nth-child(2) .box .icon{background-position:-270px -46px}
.app_core_list li:nth-child(3) .box .icon{background-position:-410px -46px}
.app_core_list li:nth-child(4) .box .icon{background-position:-550px -46px}
.app_core_list li:nth-child(5) .box .icon{background-position:-690px -46px}
.app_core_list li:nth-child(6) .box .icon{background-position:-830px -46px}
.app_core_list li:nth-child(7) .box .icon{background-position:-130px -180px}
.app_core_list li:nth-child(8) .box .icon{background-position:-268px -180px}
.app_core_list li:nth-child(9) .box .icon{background-position:-410px -180px}
.app_core_list li:nth-child(10) .box .icon{background-position:-552px -180px}
.app_core_list li:nth-child(11) .box .icon{background-position:-690px -180px}
.app_core_list li:nth-child(12) .box .icon{background-position:-830px -180px}
.app_core_list li:nth-child(13) .box .icon{background-position:-130px -318px}
.app_core_list li:nth-child(14) .box .icon{background-position:-270px -318px}
.app_core_list li:nth-child(15) .box .icon{background-position:-410px -318px}
.app_core_list li:nth-child(16) .box .icon{background-position:-550px -318px}
.app_core_list li:nth-child(17) .box .icon{background-position:-694px -318px}
.app_core_list li:nth-child(18) .box .icon{background-position:-830px -318px}
.app_core_list li p{color:#666;font-size:.55rem;margin:.5rem 0 1rem}
.app_core_more{display:block;margin:.8rem auto;font-size:.55rem;color:#4a72fa;border-radius:4px;border:1px solid #4a72fa;width:3rem;text-align:center;line-height:1rem;background:0 0}
.app_jf_list .tag{width:48%;height:3.5rem;border-radius:6px;background:#fff;border-width:1px;border-style:solid;position:relative;display:flex;align-items:center;float:left;margin:1%;margin-bottom:1rem}
.app_jf_list .tag .box{font-size:.5rem;padding-left:2.2rem}
.app_jf_list .tag .box .icon{display:block;position:absolute;width:1.8rem;height:1.8rem;background:#ddd;left:6px;top:50%;margin-top:-.75rem;background:url(../images/app-icon.png) no-repeat;background-size:1400px;background-position:-970px -66px}
.app_jf_list .tag span{font-size:.5rem;position:absolute;bottom:-10px;width:3rem;display:block;text-align:center;z-index:1;border-radius:4px;background:#ddd;line-height:1rem;left:50%;margin-left:-1.5rem;color:#fff}
.app_jf_list .tag.gm{border-color:#42b6ff}
.app_jf_list .tag.gm .box{color:#42b6ff}
.app_jf_list .tag.gm .icon{background-position:-970px -66px}
.app_jf_list .tag.gm span{background:#42b6ff}
.app_jf_list .tag.dh{border-color:#fe5f00}
.app_jf_list .tag.dh .box{color:#fe5f00}
.app_jf_list .tag.dh .icon{background-position:-1060px -162px}
.app_jf_list .tag.dh span{background:#fe5f00}
.app_jf_list .tag.jf{border-color:#d93ef5}
.app_jf_list .tag.jf .box{color:#d93ef5}
.app_jf_list .tag.jf .icon{background-position:-1060px -66px}
.app_jf_list .tag.jf span{background:#d93ef5}
.app_jf_list .tag.wl{border-color:#54cbbb}
.app_jf_list .tag.wl .box{color:#54cbbb}
.app_jf_list .tag.wl .icon{background-position:-968px -170px}
.app_jf_list .tag.wl span{background:#54cbbb}
.app_page .app_made{background:url(../images/made-bg.png) no-repeat center;background-size:cover}
.app_page .app_made h2,.app_page .app_made .p{color:#fff}
.app-made-btn{display:block;margin:1rem auto 0;width:5rem;height:1.8rem;line-height:1.8rem;text-align:center;font-size:.8rem;color:#fff;border:1px solid #fff;border-radius:2rem}
.app_industry_list{overflow-x:auto;white-space:nowrap;vertical-align:top;font-size:0}
.app_industry_list li{text-align:center;width:4rem;height:4rem;margin:.5rem;border-radius:15px;box-shadow:0 0 30px 0 rgba(0,0,0,.1);display:inline-block}
.app_industry_list li .icon{display:block;width:2.8rem;height:2.8rem;margin:0 auto;background:url(../images/app-icon.png) no-repeat center;background-size:1100px;background-position:-100px -333px}
.app_industry_list li span{font-size:.55rem;color:#666}
.app_industry_list li:nth-child(1) .icon{background-position:-100px -333px}
.app_industry_list li:nth-child(1) span{color:#0080ff}
.app_industry_list li:nth-child(2) .icon{background-position:-160px -333px}
.app_industry_list li:nth-child(2) span{color:#d900ff}
.app_industry_list li:nth-child(3) .icon{background-position:-214px -333px}
.app_industry_list li:nth-child(3) span{color:#f24978}
.app_industry_list li:nth-child(4) .icon{background-position:-271px -333px}
.app_industry_list li:nth-child(4) span{color:#ffce00}
.app_industry_list li:nth-child(5) .icon{background-position:-328px -333px}
.app_industry_list li:nth-child(5) span{color:#ab86ff}
.app_industry_list li:nth-child(6) .icon{background-position:-387px -333px}
.app_industry_list li:nth-child(6) span{color:#f58f3d}
.app_industry_list li:nth-child(7) .icon{background-position:-451px -333px}
.app_industry_list li:nth-child(7) span{color:#ff7038}
.app_industry_list li:nth-child(8) .icon{background-position:-516px -333px}
.app_industry_list li:nth-child(8) span{color:#00b6ea}
.app_industry_list li:nth-child(9) .icon{background-position:-582px -333px}
.app_industry_list li:nth-child(9) span{color:#fd0202}
.app_industry_list li:nth-child(10) .icon{background-position:-644px -333px}
.app_industry_list li:nth-child(10) span{color:#5fcb8a}
/*app end*/


/*page*/
.page .col{margin: 1rem 0;}
/*.page_banner{margin-top: 2rem;}*/
.page .col .title{font-size: .8rem;}
.page .col .img{padding: .5rem;}
.border-t-b{border-top: 1px dashed #eee;border-bottom: 1px dashed #eee;}
.gys_ul{flex-wrap: wrap;justify-content: center;}
.gys_ul li{width: 33.3333%;text-align: center;padding-bottom: .5rem;}
.gys_ul li .icon{border-radius: 50%;padding: .6rem;width: 70%;margin: .5rem auto;}
.bg-c-1{background: #e4007f;}
.bg-c-2{background: #448aca;}
.bg-c-3{background: #f19149;}
.bg-c-4{background: #22ac38;}
.bg-c-5{background: #a40000;}
.bg-c-6{background: #007130;}
.danpin-col{background: #f29c9f;}
.danpin-col .title{color: #fff;}
.danpin-col .title b{font-size: .8rem;}
.merchant_ul1{}
.merchant_ul1 li{text-align: center;padding-bottom: .5rem;}
.merchant_ul1 li .icon{width: 34%;margin: .5rem auto;}
.merchant_ul1 li h3{}
.merchant_ul1 li span{}
.color-1{color: #21aded;}
.color-2{color: #ecb002;}
.color-3{color: #01bf65;}
.color-4{color: #6dd12a;}
.color-5{color: #f7555e;}
.merchant-col{background: #f6f6f6;}
.merchant-col .merchant_ul1{padding: 0 .25rem;}
.merchant-col .merchant_ul1 li{float: left;width: 20%;}
.merchant-col .merchant_ul1 li .icon{width: 100%;}
.merchant-col .merchant_ul1 li:nth-child(even){margin-top: 6rem;}
.live_ul1{}
.live_ul1 li{float: left;width: 33.33333%;text-align: center;}
.live_ul1 li .icon{padding: .5rem;}
.live-col{background: #f95fa0;}
.live-col .live_ul2{padding-bottom: .5rem;}
.live-col .live_ul2 li{text-align: center;margin: .25rem;}
.live-col .live_ul2 li .icon{padding: .25rem .5rem;}
.hotel_ul1{}
.hotel_ul1 li{width: 33.3333%;float: left;text-align: center;padding: .5rem;}
.hotel_ul1 .icon{padding: .5rem;}
.hotel_ul2{}
.hotel_ul2 li{width: 25%;float: left;text-align: center;padding: .25rem;border-radius: .2rem;}
.hotel_ul2 li .box{border-radius: .2rem;padding-bottom: .25rem;}
.hotel_ul2 .icon{padding: .25rem .5rem;}
.hotel-b,.channel-b{color: #2269df;}
.color-h-1{background: #8d80ef;}
.color-h-2{background: #e9754d;}
.color-h-3{background: #82d802;}
.color-h-4{background: #1dada1;}
.color-h-5{background: #ad46ee;}
.color-h-6{background: #67adee;}
.color-h-7{background: #feb822;}
.color-h-8{background: #82d802;}
.bg-h-1{background: #ff9000;}
.bg-h-2{background: #72e144;}
.bg-h-3{background: #67adee;}
.hotel_ul3{}
.hotel_ul3 li{float: left;width: 33.3333%;text-align: center;}
.hotel_ul3 .box{border-radius: .4rem;border: 1px solid #c9c9c9;overflow: hidden;margin: .25rem;padding-top: .2rem;}
.hotel_ul3 li .icon{padding: .25rem 1rem;}
.hotel_ul3 li p{padding: .1rem;}
.channel_ul1{}
.channel_ul1 li{float: left;text-align: center;width: 25%;}
.channel_ul1 li .box{border: 1px solid #ddd;margin: .25rem;padding: .25rem;}
.channel_ul1 li .icon{padding: .25rem;}
.channel-col{background: #29b0ff;}
.pd-t-b-5{padding: 0 .5rem;}
.title .channel-b{font-size: .8rem;}
.channel-col li{float: left;text-align: center;width: 33.3333%;}
.channel_ul2{padding: .5rem 0;}
.channel_ul3{}
.channel_ul3 li{width: 50%;text-align: center;float: left;}
.channel_ul3 li .box{padding: .5rem;}
.channel_ul3 li .icon{padding: .25rem;}
.anti-fake_ul1{}
.c-50c33e{color: #50c33e;}
.c-f87a4a{color: #f87a4a;}
.anti-fake_ul1 li{float: left;width: 25%;text-align: center;}
.anti-fake_ul2 li{float: left;width: 33.3333%;text-align: center;}
.manage_ul1 li{float: left;width: 25%;text-align: center;}
.manage_ul2 li{float: left;width: 33.3333%;text-align: center;}
.manage_ul3 p{display: flex;display: -webkit-flex;align-items: center;}
.manage_ul3 .icon{display: block;width: 1rem;height: 1rem;margin-right: .2rem;}
.manage_ul3 span{padding-left: 1.2rem;display: block;}
/*page end*/

/*免费回电*/
.call-back{text-align:center;margin:1.2rem 0}
.call-back .content{padding:.5rem}
.call-back .call-back-title{text-align:center}
.call-back .call-back-title h2{color:#50b1ff;font-size:.8rem}
.call-back .call-back-title span{position:relative}
.call-back .call-back-title span:after,.call-back .call-back-title span:before{position:absolute;display:block;content:'';height:1px;width:1.8rem;background:#ccc;top:50%}
.call-back .call-back-title span:after{right:-2.2rem}
.call-back .call-back-title span:before{left:-2.2rem}
.call-back .call-back-title p{color:#333;font-size:.8rem;line-height:1rem;margin-top:.5rem}
.call-back .arrow{display:block;width:1rem;height:1.4rem;background:url(../images/bg.png) no-repeat;background-position:-232px -74px;margin:.5rem auto 0;background-size:260px}
.call-back h3{font-size:.7rem;color:#555}
.call-back .form .tel{border:1px solid #d1d1d1;border-radius:6px;padding:.4rem .3rem;margin:.8rem auto;width:13rem;text-align:left;position:relative}
.call-back .form .tel .lable{font-size:.65rem;position:absolute;color:#666}
.call-back .form .tel .lable .icon{display:inline-block;width:1rem;height:1rem;background:url(../images/bg.png) no-repeat;background-position:-388px -232px;vertical-align:middle;margin-right:.2rem}
.call-back .form .tel .lable b{color:red}
.call-back .form .tel-inp{height:1rem;line-height:.8rem;font-size:.65rem;width:100%;padding-left:3.6rem}
.call-back .form .btn-sub{background:#50b1ff;color:#fff;font-size:1rem;border-radius:6px;width:13rem;height:1.8rem}
.call-back .form .btn-sub:active{background:#40a2f1;color:#f1f1f1}

/*9.25改版*/
.fs-box {
    width: 100%;
    padding: 0 .7rem;
    display: flex;
    flex-flow: row wrap;
}
.fs-box li {
    margin-right: .5rem;
    width: 48%;
    height: 7.25rem;
    border-radius: .13rem;
    margin-bottom: 0.65rem;
    position: relative;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: 0px 0px;
    background-size: 100% 100%;
}
.fs-box li a {
    width: 100%;
    height: 100%;
    display: block;
}
.fs-box .fs-box-title-1 {
    color: #fff;
    font-size: .9rem;
    text-align: center;
    padding-top: 1rem;
}
.fs-box .fs-box-title-2 {
    color: #fff;
    font-size: .59rem;
    text-align: center;
    padding-top: .56rem;
    padding-bottom: 0.75rem;
}
.fs-box .fs-box-title-3 {
    width: 4.77rem;
    height: 1.36rem;
    background-color: #FFFFFF;
    border-radius: .68rem;
    text-align: center;
    line-height: 1.36rem;
    font-size: .59rem;
    margin: 0 auto;
}
.fs-box li:nth-child(even) {
    margin-right: 0;
}
.fxshop-System .fs-box li:nth-child(1) {
    background-image: url('../images/fx_01.png');
}
.fxshop-System .fs-box li:nth-child(2) {
    background-image: url('../images/fx_02.png');
}
.fxshop-System .fs-box li:nth-child(3) {
    background-image: url('../images/fx_03.png');
}
.fxshop-System .fs-box li:nth-child(4) {
    background-image: url('../images/fx_04.png');
}
.grey{
    background-color: #F5F6FA;
}
.sp-box{
    padding: 0 .5rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.sp-box li {
    width: 32%;
    height: 4.5rem;
    border-radius: .13rem;
    margin-bottom: 0.65rem;
    position: relative;
    overflow: hidden;
    background-color: #fff;
    padding-top: .5rem;
    box-sizing: border-box;
    text-align: center;
}
/*.sp-box li:nth-child(3n){
    margin-right: 0;
}*/
.sp-box .sp-img{
    width: 1.8rem;
    height: 1.8rem;
    overflow: hidden;
    margin:auto;
}
.sp-box .hr{
    margin: 0.33rem auto;
    border-top: 1px solid #eee;
    width: 1.36rem;
}
.sp-box .sp-text{
    text-align: center;
}

.fj-box{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0 .5rem;
}
.fj-box li{
    width: 22%;
    text-align: center;
    margin: 1rem 0;
}

.fj-box .fj-img{
    width: 1.7rem;
    height: 1.7rem;
    margin: auto;
}
.fj-box .fj-text{
    text-align: center;
    color: #333333;
    font-size: 0.6rem;
    margin-top: 0.5rem;
}

/* .fj-box li:nth-child(1) .fj-text{
    color: #428ECD;
}
.fj-box li:nth-child(2) .fj-text{
    color: #976CAB;
}
.fj-box li:nth-child(3) .fj-text{
    color: #E5A625;
}
.fj-box li:nth-child(4) .fj-text{
    color: #34B954;
}
.fj-box li:nth-child(5) .fj-text{
    color: #EA7191;
}
.fj-box li:nth-child(6) .fj-text{
    color: #D62F2F;
}
.fj-box li:nth-child(7) .fj-text{
    color: #CDAB76;
}
.fj-box li:nth-child(8) .fj-text{
    color: #553985;
}
.fj-box li:nth-child(9) .fj-text{
    color: #1FC43E;
}
.fj-box li:nth-child(10) .fj-text{
    color: #5753FA;
}
.fj-box li:nth-child(11) .fj-text{
    color:  #B51C93;
}
.fj-box li:nth-child(12) .fj-text{
    color: #F49F48;
} */
.ms-box{
    padding: 0 .5rem;
    display: flex;
    justify-content: space-between;
}
.ms-box li{
    width: 20%;
    text-align: center;
}
.ms-box .ms-img{
    width: 1.6rem;
    height: 1.6rem;
    margin: auto;
}
.ms-box .ms-text{
    font-size: 0.5rem;
    height: 1.5rem;
    line-height: 1.5rem;
}

.fg-box{
    display: flex;
    justify-content: space-between;
    padding: 0 .5rem;
}
.fg-box li{
    width: 20%;
    text-align: center;
}
.fg-box .fs-img{
    width: 2.2rem;
    height: 2.2rem;
    margin: auto;
}
.fg-box .fs-text{
    font-size: 0.5rem;
    display: block;
    height: 1.5rem;
    line-height: 1.5rem;
}
.title-bl{
    color: #5680FF;
}
.ddshi-box{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.ddshi-mp{
    background-image: url('../images/bgg.png');
}
.ddshi-box li {
    margin-right: .3rem;
    width: 23%;
    height: 3.7rem;
    border-radius: .13rem;
    margin-bottom: 0.65rem;
    position: relative;
    overflow: hidden;
    background-color: #fff;
    text-align: center;
}
.ddshi-box li:nth-child(4n){
    margin-right: 0;
}
.ddshi-box .ddshi-text{
    padding-top: .3rem;
    padding-bottom: .3rem;
}
.ddshi-box .ddshi-img{
    width: 1.7rem; 
    height: 1.7rem;
    overflow: hidden;
    margin:  auto;

}
.ddshi-mp .title{
    color: #fff;
}
.ys-box{
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    padding: 0 0.7rem;
}
.ys-box li{
    margin-right: .5rem;
    margin-bottom: .5rem;
    width: 48%;
    background-color: #F3F7FF;
    text-align: center;
}
.ys-box li:nth-child(even){
    margin-right: 0;
}
.ys-box .ys-text1{
    font-size: .72rem;
    color: #444;
    margin: .3rem;
}
.ys-box .ys-text2{
    color: #999999;
    margin-bottom: .6rem;
}
/*9.25改版*/

/*侧边栏*/
.nav-menu-container .nav-menu {
    background-color: #fff;
    position: fixed;
    top: 0;
    right: -5rem;
    overflow: hidden;
    z-index: 1005;
    height: 100%;
    width: 5rem;
    padding: 0 .3rem;
    padding-bottom: .3rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}
.nav-menu-container.open .nav-menu {
    right: 0;
}
.nav-menu-container .nav-bg {
    display: none;
    background-color: rgba(0,0,0,.7);
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1002;
}
.nav-menu-container.open .nav-bg {
    display: block;
}
.nav-menu-container .nav-logo{
    padding: .2rem 0;
    border-bottom: 1px solid #ccc;
}
.nav-menu-container .nav-logo .use{
    display: block;
    background-color: #5789F3;
    color: #fff;
    font-size: .3rem;
    padding: .1rem .2rem;
    border-radius: .1rem;
}
.nav-close .icon-close{
    margin-top: .1rem;
    display: block;
    width: .48rem;
    height: .36rem;
    z-index: 90;
    position: relative; 
    background-image: url('../images/close.png');
    background-repeat: no-repeat;
    background-position: 0px 0px;
    background-size: 100% 100%;
}
.nav-menu-container .nav-menu .nav-list-container {
    height: 100%;
    overflow-y: scroll;
}
.nav-list-container .nav-list{
    margin-top: .3rem;
}
.nav-list-container .nav-list .nav-item{
    font-size: .32rem;
    font-weight: bold;
    color: #333;
    margin-bottom: .2rem;
    display: block;
}
.nav-list .nav-item-second{
    display: flex;
    flex-flow: row wrap;
}
.nav-list .nav-item-second li{
    width: 2rem;
    font-size: .32rem;
    margin-bottom: .6rem;
}
.nav-list .nav-item-second li a{
    color: #666;
}
/*侧边栏*/
/*头部*/
.head {position: fixed;width: 100%; z-index: 10;top: 0;}
.head .top{height: 1.1rem;padding: .25rem;background-color: rgba(22, 100, 182, 0.9);}
.head .top .h_logo{height: 100%;z-index: 90;position: relative;}
.head .top .h_logo img{width: auto;height: 100%;}
.head .h_menu{z-index: 20;}
.head .h_menu .h_menu_btn{}
.head .top .top-icon{display:block;width:.46rem;height:.46rem;background-size:100% 100%;z-index: 90;position: relative;}
.top-tel{background:url(../images/h_icon_tel.png) no-repeat center;margin-right: .16rem;}
.top-nav{position:relative;background:url(../images/h_icon_menu.png) no-repeat center}
.h_close{background: url(../images/h_close.png)no-repeat center;}
.op-pd-nav-close{color: #fff;position: absolute;width: .22rem;height: .22rem;line-height: .22rem;text-align: center;right: .11rem;top: .11rem;font-size: .3rem;}
/*头部 end*/
/*尾部*/
.footer{background: #333333;padding-bottom: .57rem;margin-bottom: 1.2rem;}
.footer h2{font-size: .36rem;text-align: center;font-weight: 700;color: #fff;padding-top: .44rem;}
.footer .top{color: #5C5C5C;font-size: .65rem;text-align: center;border-bottom: 1px solid #5C5C5C;line-height: 2.65rem;}
.footer .top a{display: inline-block;font-size: .65rem;color: #FFF;margin: 0 .6rem;}
.footer .phone{color: #a3a3a3;text-align: center;padding-top: .5rem;line-height: normal;font-size:medium}
.footer .phone span{line-height: normal;background-size: .4rem;;font-size: .32rem;display: block;background-image: url("../images/icons_10.png");background-position-x: left;width: 1.8rem;text-align: right;margin: 0 auto;}
.footer .phone a{line-height: normal;color: #ef6816;font-size: .4rem;font-weight: bold;}
.footer .cp{color: #7d7d7d;line-height: .4rem;font-size: .2rem;text-align: center;padding-top: .44rem;}
.footer .btn{display: block;width: 4.95rem;line-height: 1.45rem;font-size: .8rem;text-align: center;margin: 0 auto;color: #e0e0e0;border:1px solid #858585;border-radius: .725rem;margin-top: .7rem;}

.f_bottom{position: fixed;z-index: 3;border-top: 1px solid #c6c6c6;background: #FFF;width: 100%;bottom: 0;display: flex;}
.f_bottom a{display: block;flex: auto;float: left;text-align: center;color: #000000;font-size: .26rem;width: 1.75rem;height: 1.2rem;padding-top: .6rem;background-position-y: .16rem;background-size: .4rem;background-position-x: .66rem;}
.f_bottom a:nth-child(1){background-image: url("../images/bot_i_1.png");}
.f_bottom a:nth-child(2){background-image: url("../images/bot_i_2.png");}
.f_bottom a:nth-child(3){background-image: url("../images/bot_i_3.png");}
.f_bottom a:nth-child(4){width: 2.25rem;line-height: 1.2rem;font-size: .34rem;color: #FFF;background: #0D85D5;padding-top: 0;}
/*尾部 end*/

/*----reset-----*/
*{margin:0;padding:0;border:0;outline:0;box-sizing: border-box;background-repeat: no-repeat;background-position: center center;font-weight: lighter;}
body{background: #FFF;font-size: .14rem;}
html{font-size: 50px;}
ul,li{list-style: none;}
body{margin: 0 auto;font-family: 'Microsoft Yahei';}
a{text-decoration: none;color: #333333;opacity: 1;font-family: 'Microsoft Yahei';}
img{width: 100%;border:none;display: block;}
em{font-style: normal;}
p{opacity: 1;color: #333;color: rgb(64,64,64);}
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
textarea { -webkit-appearance: none;}
.fl{float: left;}
.fr{float: right;}
.clearfix {*zoom: 1;}
.clearfix:after {display: block;content: " ";height: 0;visibility: hidden;clear: both;}
.light{color: #ef6816;font-style: normal;}
.flex_box{display: flex;display: -webkit-flex;}
.flex_box_center{display: flex;display: -webkit-flex;align-items: center;justify-content: center;}
.flex_1{flex: 1;-webkit-flex: 1;}
.flex_auto{flex: auto;-webkit-flex: auto;}
.ai_c{align-items: center;}
.jc_sb{justify-content: space-between;}
.mr-5{margin-right: -.11rem;}
.ml-5{margin-left: -.11rem;}
.mb-20{margin-bottom: .44rem;}
.mb-8{margin-bottom: .18rem;}
.mt-20{margin-top: .44rem;}
.pd-5{padding: .11rem;}
.fs-5{font-size: .12rem;}
.fs-6{font-size: .14rem;}
.fs-7{font-size: .16rem ;}
.fs-8{font-size: .18rem !important;}
.c-333{color: #333;}
.c-666{color: #666;}
.c-fff{color: #fff;}
.ws-no{white-space: nowrap;}
.ta-c{text-align: center;}
.bor-b-5{height: .11rem;background: #ebebeb;}
/* 移动端点击a链接出现蓝色背景问题解决 */
a:link,a:active,a:visited,a:hover {
    /*background: none;*/
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent;
}
/*----reset end-----*/
/*头部*/
.head {position: fixed;width: 100%; z-index: 10;top: 0;left:0;box-shadow: 0 1px 10px 0 rgba(0,0,0,.1);}
.head .top{height: 1.1rem;padding: .25rem;background-color: rgba(22, 100, 182, 0.9);background-color: #fff;}
.head .top .h_logo{height: 100%;z-index: 90;position: relative;}
.head .top .h_logo img{width: auto;height: 100%;}
.head .h_menu{z-index: 20;display: flex;align-items: center;}
.head .h_menu .h_menu_btn{}
.head .top .top-icon{display:block;width:.46rem;height:.46rem;background-size:100% 100%;z-index: 90;position: relative;}
.top-tel{background: url(../images/icon-tel.png) no-repeat center;margin-right: .16rem;}
.top-nav{position:relative;background: url(../images/icon-menu.png) no-repeat center;}
.h_close{background: url(../images/h_close.png)no-repeat center;}
.op-pd-nav-close{color: #fff;position: absolute;width: .22rem;height: .22rem;line-height: .22rem;text-align: center;right: .11rem;top: .11rem;font-size: .3rem;}
/*头部 end*/
/*尾部*/
.footer{background: #333333;padding-bottom: .57rem;margin-bottom: 1.2rem;}
.footer h2{font-size: .45rem;text-align: center;font-weight: 700;color: #fff;padding-top: .44rem;}
.footer .top{color: #5C5C5C;font-size: .65rem;text-align: center;border-bottom: 1px solid #5C5C5C;line-height: 2.65rem;}
.footer .top a{display: inline-block;font-size: .65rem;color: #FFF;margin: 0 .6rem;}
.footer .phone{color: #a3a3a3;text-align: center;padding-top: .5rem;line-height: normal;font-size:medium}
.footer .phone span{line-height: normal;background-size: .4rem;;font-size: .32rem;display: block;background-image: url("../images/icons_10.png");background-position-x: left;width: 1.8rem;text-align: right;margin: 0 auto;}
.footer .phone a{line-height: normal;color: #ef6816;font-size: .5rem;font-weight: bold;}
.footer .cp{color: #7d7d7d;line-height: .4rem;font-size: .28rem;text-align: center;padding-top: .44rem;}
.footer .btn{display: block;width: 4.95rem;line-height: 1.45rem;font-size: .8rem;text-align: center;margin: 0 auto;color: #e0e0e0;border:1px solid #858585;border-radius: .725rem;margin-top: .7rem;}

.f_bottom{position: fixed;z-index: 3;border-top: 1px solid #c6c6c6;background: #FFF;width: 100%;bottom: 0;display: flex;left:0;}
.f_bottom a{display: block;flex: auto;float: left;text-align: center;color: #000000;font-size: .26rem;width: 1.75rem;height: 1.2rem;padding-top: .7rem;background-position-y: 25%;background-size: .5rem;background-position-x: 50%;}
.f_bottom a:nth-child(1){background-image: url("../images/bot_i_1.png");}
.f_bottom a:nth-child(2){background-image: url("../images/bot_i_2.png");}
.f_bottom a:nth-child(3){background-image: url("../images/bot_i_3.png");}
.f_bottom a:nth-child(4){width: 2.25rem;line-height: 1.2rem;font-size: .34rem;color: #FFF;background: #0D85D5;padding-top: 0;}

.footer-other{
    display: flex;
    margin: 0 .4rem;
    padding: .2rem 0;
    justify-content: center;
    align-items: center;
    border-bottom: 1px solid #737373;
}
.footer-other .item{
    flex: 1;
    text-align: center;
    color: #b9b9b9;
    font-size: .2rem;
}
.footer-other .item .img{
    
height: .8rem;
    
display: flex;
    
justify-content: center;
    
align-items: center;
}
.footer-other .item img{
    width: .5rem;
    margin: 0 auto;
}
.footer-other .item span{}/*尾部 end*/



/* footer */
.footer-copyright {
  background: #1f2430;
  height: 5.5rem;
  margin-bottom: 1rem;
}
.footer-copyright .guide-ul {
  display: flex;
  padding-top: 0.5rem;
}
.footer-copyright .guide-ul .item {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 1.5rem;
}
.footer-copyright .guide-ul .item .img {
  width: 0.5rem;
  height: 0.5rem;
  margin: 0.1rem;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.footer-copyright .guide-ul .item:nth-child(1) .img {
  background-image: url(../images/db-01.png);
}
.footer-copyright .guide-ul .item:nth-child(2) .img {
  background-image: url(../images/db-02.png);
}
.footer-copyright .guide-ul .item:nth-child(3) .img {
  background-image: url(../images/db-03.png);
}
.footer-copyright .guide-ul .item:nth-child(4) .img {
  background-image: url(../images/db-04.png);
}
.footer-copyright .guide-ul .item .img img {
}
.footer-copyright .guide-ul .item .text {
  color: #fff;
  font-size: .2rem;
}
.footer-copyright .tel-box {
  background: #282d38;
  border: 1px solid #363d4b;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.2rem;
  margin: 0.4rem 0.5rem;
  color: #fff;
}
.footer-copyright .tel-box .tel {
  color: #fff;
  font-size: 0.35rem;
  font-weight: 800;
}
.footer-copyright .copyright-box {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}
.footer-copyright .copyright-box .text {
  color: #a5a6aa;
  margin: 0.1rem 0;
  font-size: .25rem;
}
/* footer end*/

.footer-menu {
  position: fixed;
  z-index: 3;
  border-top: 1px solid #c6c6c6;
  background: #fff;
  width: 100%;
  bottom: 0;
  display: flex;
  left: 0;
  height: 1rem;
}
.footer-menu .item-icon {
  width: 1.4rem;
  height: 1rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.footer-menu .item-icon .img {
  width: 0.5rem;
  height: 0.5rem;
  margin: 0.05rem;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.footer-menu .item-icon:nth-child(1) .img {
  background-image: url(../images/footer-menu-icon-01.png);
}
.footer-menu .item-icon:nth-child(2) .img {
  background-image: url(../images/footer-menu-icon-02.png);
}
.footer-menu .item-icon .text {
  font-size: 0.25rem;
}
.footer-menu .item-icon .text a{
  font-size: 0.25rem;
}
.footer-menu .item-btn {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.footer-menu .item-btn .btn-res {
  display: flex;
  justify-content: center;
  width: 90%;
  height: 80%;
  align-items: center;
  background: #5789f2;
  border-radius: 1rem;
  font-size: 0.3rem;
  color: #fff;
}
