

/*  -------------Ms 2020.01.01--------------------
  微信: moseng003  QQ: 24231001  邮箱: aprm@qq.com 
--------------------------------------------------  */   



/*浏览器 滚动条 样式*/
::-webkit-scrollbar{width:8px; height:4px;}
::-webkit-scrollbar-track {background-color:#fff;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
::-webkit-scrollbar-thumb {background-color:#ccc;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}


/*反选样式*/
/*
::selection { background: #0DA056; color: white;}
::-moz-selection { background: #0DA056; color: white;}
*/


/*全局样式*/
* { margin: 0; padding: 0; }
legend {color: #000;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, ul, li, ol, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; }
abbr, acronym, address, caption, cite, code, dfn, em, var, h1, h2, h3, h4, h5, h6 { font-style: normal; font-weight: normal; font-variant: normal;}
input, textarea, select, optgroup, option, button { margin: 0; padding: 0; font-size: 100%; background: #fff; }
input, textarea, select, optgroup, option, button { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; *font-size: 100%;}
ol, ul, li { list-style: none; }
blockquote, q { quotes: none; }
a:visited { text-decoration: none !important; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td { text-align: left; }
sup { vertical-align: text-top; }
sub { vertical-align: text-bottom; }
html { margin: 0; padding: 0; border: 0; overflow: auto; }
table { font-size: inherit; }
h1, h2, h3, h4, h5, h6 { margin: 0; font-weight: bold; }
h1 { font-size: 36px; line-height: 45px; }
h2 { font-size: 24px; line-height: 30px; }
h3 { font-size: 18px; line-height: 22px; }
h4 { font-size: 16px; line-height: 20px; }
h5 { font-size: 14px; line-height: 18px; }
h6 { font-size: 12px; line-height: 16px; }


/*---------------重置form组件样式--------------- */
button,select,input,button{border-radius: 2px!important; cursor: pointer;font-size: 14px!important; border: 1px #e1e1e1 solid;}
button,select{height: 35px;font-size: 14px!important;cursor: pointer;}
button:focus{box-shadow: none !important;}
input:focus,select:focus,textarea:focus{box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6) !important;}
input[type=checkbox],input[type=radio]{box-shadow: none !important;}
input[type=text]{height: 32px; line-height: 32px;text-align: left!important;}
input::-webkit-input-placeholder{font-size: 12px; color: #797775!important;}
textarea::-webkit-input-placeholder{font-size: 12px;color: #797775;}

.btns button{border: 1px #a36fd3 solid; background: #fff; font-size: 12px!important; color: #a36fd3; height: 32px; padding-top: 0; padding-bottom: 0; min-width: 60px; padding:0 15px;}
.btns button:hover{background: #a36fd3; color: #fff;}

.form-control{border-radius: 2px !important;}
.form-control:focus {
  border-color: #a36fd3!important; box-shadow: none!important; 
}

.shadow-xs{box-shadow: 1px 1px 10px #666;}
hr{margin: 10px 0;}
.mask-box{background:rgba(0,0,0,.5);position: fixed; left:0px; top:0px; bottom:0px; right:0px; z-index:1002; display:flex; }
.text-red{color: #f00;}
.mt-6{margin-top: 40px;}



/*----------------------重置 全局样式 样式--------------------- */

body{margin: 0px; padding: 0px;border: 0;  font-size: 14px; font-family:'PingFang SC',Helvetica Neue,Helvetica,"Hiragino Sans GB","Microsoft YaHei","微软雅黑", Tahoma, Arial,sans-serif; background: #fff;color: #333; overflow: hidden;}
ul,li{list-style: none; margin: 0px; padding: 0px;}

a{font-size: 14px; text-decoration:none; color:#333;}
a:hover{text-decoration:none; color:#f00;}




/*  --------------------Ms 2020.03.15---------------------------
                         组件样式开始
------------------------------------------------------------  */ 

.w1200{width: 1200px; margin: auto;}

.header{background: #000000; height: 75px; position: relative; z-index: 10000;}
.header ul{display: flex; justify-content: space-between; align-items: center;}
.header .nav{display: block; width: 900px;}
.header .nav ul{display: flex; justify-content: space-between; line-height: 75px;}
.header .nav ul li{position: relative;text-align: center;}
.header .nav ul li>a{font-size: 16px; color: #fff;display:block; padding:0 20px;min-width: 100px;}
.header .nav ul li>a:hover{background: #1f87e8;}

.header .nav ul li .layer{position: absolute; top: 100%; left: 0;right: 0; background: #1f87e8; display: none;}
.header .nav ul li .layer>a{background: #1f87e8; height: 50px!important; line-height: 50px!important; margin: 0!important; padding: 0!important;text-align: center;color: #fff;display: block;}
.header .nav ul li .layer>a:hover{background: #006dd3;}

.header .nav ul li:hover .layer{display: block;}
.header .nav ul li:hover a{background: #1f87e8;}



/* slideBox */
.swiper-slide{position: relative;}
.swiper-slide .text{position: absolute; z-index: 100; left: 50%; top: 32%; margin-left: -600px;}
.swiper-slide .text p:first-of-type{font-size: 50px;color: #fff;}
.swiper-slide .text p:last-of-type{font-size: 20px;color: #fff; margin-top: 20px; width: 500px;}
.swiper-slide .text a{background: #1f87e8; color: #fff; border-radius: 5px; display: inline-block; padding: 8px 25px; margin-top: 20px; margin-right: 10px;}

.swiper-pagination-bullet{background: #fff;}



/* 01 */
.index_01{width: 1200px; margin:60px auto; display: flex; justify-content: space-between;}
.index_01 .box{box-shadow: 1px 1px 10px #ccc; width: 380px; height: 150px; padding: 20px; box-sizing: border-box;}
.index_01 .box:first-of-type{background: url(../images/index01_img01.jpg) no-repeat right center;}
.index_01 .box:nth-child(2){background: url(../images/index01_img02.jpg) no-repeat right center;}
.index_01 .box:last-of-type{background: url(../images/index01_img03.jpg) no-repeat right center;}

.index_01 .box p:first-of-type{font-size: 20px; margin-top: 30px;color: #000;}
.index_01 .box p:last-of-type{margin-top: 5px;}
.index_01 .box p:hover a{color: #f00!important;}


/* 02 */
.index_02{background: url(../images/AD0IxbelBRACGAAgyI-avgUojq31qQIwgA843wI.jpg) no-repeat top center; height: 200px; display: block; margin-top: 30px;}
.index_02 ul{display: flex; justify-content: space-around;color: #fff;}
.index_02 ul .box{width: 25%; text-align: center; padding-top: 60px;}
.index_02 ul .box p:first-of-type{font-size: 32px;font-weight: bold; padding-bottom: 10px;}
.index_02 ul .box p:last-of-type{font-size: 16px;}


/* 03 */
.index_03{display: block;}
.index_03 .box{height: 420px;}
.index_03 .box ul{display: flex; justify-content: space-between;align-items: center; height: 420px;}

.index_03 .box.box1{ background: #f5f5f5;}
.index_03 .box.box1 p:first-of-type{font-size: 20px; padding-bottom: 30px;}
.index_03 .box.box1 p:last-of-type{font-size: 40px;padding-bottom: 30px;}

.index_03 .box.box2 p{text-align: right;}
.index_03 .box.box2 p:first-of-type{font-size: 20px; padding-bottom: 30px;}
.index_03 .box.box2 p:nth-of-type(2){font-size: 40px; padding-bottom: 30px;}
.index_03 .box.box2 a{display: block; text-align: right; color: #1f87e8; padding-top: 30px;font-size: 16px;}


/* 04 */
.index_04{display: block; padding: 50px; box-sizing: border-box; background: url(../images/index_04bg.jpg) no-repeat center 170px #f5f5f5;}
.index_04 .title{display: block; text-align: center;font-weight: bold;}
.index_04 .title p:first-of-type{font-size: 35px; color: #1f87e8;}
.index_04 .title p:last-of-type{font-size: 18px; color: #1f87e8;}

.index_04 .list{width: 850px; margin:80px auto auto auto; position: relative;}
.index_04 .list .box{ height: 120px; }
.index_04 .list .box p:first-of-type{font-size: 20px; padding-bottom: 20px;}
.index_04 .list .box p:last-of-type{font-size: 14px; line-height: 25px;}

.index_04 .list .box1{width:100%;text-align: right; background: url(../images/ico_1.jpg) no-repeat right 450px center; padding-right: 580px;}
.index_04 .list .box2{width:100%;text-align: left; background: url(../images/ico_2.jpg) no-repeat 450px center; padding-left: 580px;}
.index_04 .list .box3{width:100%;text-align: right; background: url(../images/ico_3.jpg) no-repeat right 450px center; padding-right: 580px;}
.index_04 .list .box4{width:100%;text-align: left; background: url(../images/ico_4.jpg) no-repeat 450px center; padding-left: 580px;}



/* 05 */
.index_05{display: block; padding: 50px; box-sizing: border-box; background: #fff;}
.index_05 .title{display: block; text-align: center;font-weight: bold;}
.index_05 .title p:first-of-type{font-size: 35px; color: #1f87e8;}
.index_05 .title p:last-of-type{font-size: 18px; color: #1f87e8;}


.index_05 .list{width: 1200px; margin: auto;}
.index_05 .list ul{display: flex; justify-content: space-between; margin: 50px auto auto auto;}
.index_05 .list ul li{text-align: center;}
.index_05 .list p:first-of-type{font-size: 18px;font-weight: bold; padding-top: 20px;}
.index_05 .list p:last-of-type{width: 150px; text-align: left; line-height: 25px; padding-top: 10px;}


.title{display: block; text-align: center;font-weight: bold;}
.title p:first-of-type{font-size: 35px; color: #1f87e8;}
.title p:last-of-type{font-size: 18px; color: #1f87e8;}


/* 06 */
.index_06{display: block; padding: 50px; box-sizing: border-box; background: #f5f5f5; margin-top: 30px;}
.index_06 .list{width: 1200px; background: #fff; margin:50px auto 30px auto;display: flex; justify-content: space-between;}
.index_06 .list .hd li{border-bottom: 1px #eee solid; width: 150px; height: 70px; line-height: 70px;text-align: center; cursor: pointer;}
.index_06 .list .hd li.on{background: #1f87e8; color: #fff;}

.index_06 .list .bd{flex: 1; height: 420px;}
.index_06 .list .bd ul{height: 420px; padding: 50px; box-sizing: border-box;}
.index_06 .list p:first-of-type{font-size: 30px; color: #fff;}
.index_06 .list p:nth-child(2){font-size: 16px; color: #fff; margin-top: 10px; width: 700px;}
.index_06 .list hr{background: #eee; height: 1px; width: 700px; margin-top: 10px;}
.index_06 .list a{border: 1px #1f87e8 solid; padding: 8px 20px; color: #1f87e8; margin-top: 20px;display: inline-block;}
.index_06 .list .img{margin-top: 30px;}
.index_06 .list .img img{margin-right: 20px;}

.index_06 .swfy{background: url(../images/ABUIABAEGAAg1ce42AUoucKn1AUwgAo4nAQ.png) no-repeat top center; background-size: 100% 100%;}
.index_06 .zxpx{background: url(../images/ABUIABAEGAAg-s642AUoptTXigUwgAo4nAQ.png) no-repeat top center; background-size: 100% 100%;}



/* bottom */
.bottom{display: block; background: #1c1c1c; padding:40px 20px; box-sizing: border-box;text-align: center;}
.bottom p{color: #eee; line-height: 30px;}
.bottom a{color: #999;}
.bottom a:hover{color: #fff;}


.ttop{position: fixed; bottom: 10%; right: 1%;}



/* bn */
.bn_box{display: block; width: 100%; height: 300px;text-align: center;}
.bn_box p:first-of-type{font-size: 50px; color: #fff; padding-top: 100px;}
.bn_box p:last-of-type{font-size: 30px; color: #fff;}

.bn_box.ptgn{background: url(../images/ABUIABAEGAAg-eeA4gUohqHUhwQwgA84rAI.png) no-repeat top center;}
.bn_box.jgtc{background: url(../images/ABUIABAEGAAg-eeA4gUok7iDygcwgA84rAI.png) no-repeat top center;}
.bn_box.yycj{background: url(../images/ABUIABAEGAAg-eeA4gUozqfC1wEwgA84rAI.png) no-repeat top center;}
.bn_box.zxfw{background: url(../images/ABUIABAEGAAg5ceu2AUo-baMnQQw8BA4oAY.png) no-repeat -50px center;}


/* 平台功能 */
.ptgn_box li .w1200{display: flex; justify-content: space-between; align-items: center;}
.ptgn_box li:nth-child(odd){background: #f5f5f5; padding: 40px; box-sizing: border-box;}
.ptgn_box li:nth-child(even){background: #fff; padding: 40px; box-sizing: border-box;}
.ptgn_box li.last{text-align: center!important; padding: 100px 0;}
.ptgn_box li.last p{text-align: center; display: block;}
.ptgn_box li.last img{margin-top: 50px;}

.ptgn_box .text{width: 600px;}
.ptgn_box .t{font-size: 30px; color: #1f87e8;font-weight: bold;}
.ptgn_box .tt{margin-top: 20px; line-height: 30px;font-size: 16px;text-align: justify;}
.ptgn_box .b{font-size: 16px; padding-top: 20px;color: #666;text-align: justify;}



/* 价格套餐 */
.jgtc_box{display: block; padding: 80px 0;text-align: center;}

.jgtc_box h1{margin: 0;font-size: 35px;font-weight: normal;color: #333;text-align: center;}
.main{padding-bottom: 50px;}
.main .title_p {margin: 0;margin-top: 20px;font-size: 27px;text-align: center;}



/* 执行服务 */
.zxfw_01{display: flex; justify-content: space-around;padding: 30px 0;}
.zxfw_01 .box{width: 300px; margin: 50px 0;}
.zxfw_01 .box p:first-of-type{font-size: 20px;font-weight: bold;}
.zxfw_01 .box p:last-of-type{margin-top: 20px;}

.zxfw_01 .box .gzl{background: url(../images/ABUIABAEGAAg8avb4QUok5zb6gMwFDgU.png) no-repeat left center; padding-left: 30px;}
.zxfw_01 .box .gxl{background: url(../images/ABUIABAEGAAg8Kvb4QUoyLKFJTAUOBQ.png) no-repeat left center; padding-left: 30px;}
.zxfw_01 .box .lfx{background: url(../images/ABUIABAEGAAg8Kvb4QUo_ImRVjAUOBQ.png) no-repeat left center; padding-left: 30px;}


.zxfw_02{margin-top: 20px;}
.zxfw_02 h1{font-size: 30px; display: block; text-align: center;}
.zxfw_02 h6{font-size: 16px; display: block; text-align: center; margin: 10px 0; color: #999;}

.zxfw_03{width: 1200px; margin:80px auto 50px auto;}
.zxfw_03 ul{display: flex;flex-flow: row wrap; justify-content: space-between;}
.zxfw_03 ul li{width: 180px!important; height: 130px; box-shadow: 1px 1px 10px #ccc; text-align: center; margin:0 40px 40px 0; display: inline-block;}
.zxfw_03 ul li img{width: 50px; height: auto; display: block; margin: 20px auto 10px auto;}
.zxfw_03 ul li span{font-weight: bold;font-size: 18px;}


.zxfw_04{display: block; height: 180px; background: url(../images/ABUIABACGAAgpOXn4QUolNTRrwUwgA84rQI.jpg) no-repeat center center;text-align: center;}
.zxfw_04 p{font-size: 30px; color: #1f87e8; padding-top: 40px;font-weight: bold;}
.zxfw_04 a{border: 1px #1f87e8 solid; padding: 10px 30px;color: #1f87e8;font-weight: bold; margin-top: 10px;display: inline-block;}

.zxfw_05{display: block; padding: 60px 0;width: 500px; margin: auto;text-align: center;}
.zxfw_05 p:first-of-type{font-size: 30px;font-weight: bold;}
.zxfw_05 p:last-of-type{margin-top: 15px;}



/* 下载 */
.xz_box{background: url(/images/ABUIABACGAAg6abn4QUo6PST5wcwgA84uAg.jpg) no-repeat top center; background-size: 100% 100%; overflow: hidden;}
.xz_box .xz_01{width: 1200px; margin:50px auto;display: flex; justify-content: space-between; align-items: center;}
.xz_box .xz_01 p:first-of-type{font-size: 40px; color: #fff;font-weight: bold;}
.xz_box .xz_01 p:nth-child(2){font-size: 20px; color: #fff;font-weight: bold; padding: 20px 0;}
.xz_box .xz_01 .text{display: block; text-align: center;}
.xz_box .xz_01 hr{background: #fff;}
.xz_box .xz_01 .pic{display: block; text-align: center;}
.xz_box .xz_01 .pic img:first-of-type{width: 60px; height: auto; margin: 0 15px;}
.xz_box .xz_01 .pic img:nth-of-type(2){width: 70px; height: auto; margin: 0 15px;}
.xz_box .xz_01 .pic img:nth-of-type(3){width: 50px; height: auto; margin: 0 15px;}
.xz_box .xz_01 .pic img:last-of-type{width: 60px; height: auto; margin: 0 15px;}
.xz_box .xz_01 .down{font-weight: normal;font-size: 20px; color: #fff; padding-top: 30px;}
.xz_box .xz_01 .down a{border: 1px #fff solid; padding: 8px 20px;color: #fff; font-size: 20px;  margin: 0 20px;}

.xz_box .xz_02{display: block; text-align: center;}
.xz_box .xz_02 p:first-of-type{font-size: 40px; color: #fff;font-weight: bold;}
.xz_box .xz_02 .box{width: 350px; margin: 50px auto;}
.xz_box .xz_02 .box ul{display: flex; justify-content: space-between;}
.xz_box .xz_02 .box li{display: block; text-align: center;}
.xz_box .xz_02 .box img{display: block; margin: auto; width: auto; height: 130px;}
.xz_box .xz_02 .box span{color: #fff;font-size:20px;display: block;}
.xz_box .xz_02 .box a{border: 1px #fff solid; padding: 8px 40px;color: #fff; font-size: 20px;  margin: 10px 0px;display: inline-block;}


.xz_03{ width: 900px; margin: auto; display: flex; justify-content: space-between; padding-bottom: 80px;}
.xz_03 .box{width: 150px;}
.xz_03 .box img{width: 100px; height: auto;display: block; margin: auto;}
.xz_03 .box span:first-of-type{font-weight: bold;font-size:20px;  color: #fff;display: block; text-align: center; margin: 20px auto;}
.xz_03 .box span:last-of-type{text-align: justify!important; line-height: 25px;  color: #fff;}



/* help */
.hzzx_bn{height: 180px; background: url(../images/ABUIABACGAAgpOXn4QUolNTRrwUwgA84rQI.jpg) no-repeat center center;text-align: center; display: flex; align-items: center; justify-content: center;}

.hzzx_bn .form{width: 800px; margin: auto; display: flex; justify-content: space-between; align-items: center; box-shadow: 1px 1px 10px #ccc;}
.hzzx_bn .form input{flex: 1; height: 50px; line-height: 50px; background: url(../images/seek.png) no-repeat 10px center #fff; background-size: 30px auto; padding-left: 50px;font-size: 16px; border: 0;}
.hzzx_bn .form input::-webkit-input-placeholder{font-size: 16px;}
.hzzx_bn .form button{background: #1f87e8; height: 50px;color: #fff; padding: 0 30px;}


.bzzx_box{display: flex; justify-content: space-between; width: 1200px; margin:50px auto;}
.bzzx_box .bzzx_left{width: 850px;}

  .bzzx_left .title{font-size: 18px; color: #333; border-bottom: 1px #eee solid;text-align: left;}
  .bzzx_left .title p{color: #000; padding-bottom: 10px;font-weight: bold;}

  .bzzx_left .box{display: flex; justify-content: space-between; flex-flow: row wrap;}
  .bzzx_left .box .box_left{width: 50%; float: left;}
  .bzzx_left .box .box_left .t{margin: 20px auto;}
  .bzzx_left .box .box_left .t a{font-size: 16px; position: relative; padding-left: 15px;}
  .bzzx_left .box .box_left .t a::after{content: ''; position: absolute; left: 0; top:0; bottom: 0; margin: auto; background: #21d376; height: 15px; width: 3px;}
  .bzzx_left .box .box_left .list{display: block;}
  .bzzx_left .box .box_left .list li{position: relative; padding-left: 15px; height: 35px; line-height: 35px;white-space:nowrap;text-overflow:ellipsis; width: 400px;overflow:hidden; display: block;}
  .bzzx_left .box .box_left .list a{color: #428bca;font-size:14px;}
  .bzzx_left .box .box_left .list a:hover{color: #428bca;font-size:14px; text-decoration: underline;}
  .bzzx_left .box .box_left .list li::after{  content: "";position: absolute;left: 0;top: 17px;height: 4px;width: 4px;border-radius: 100%;background-color: #d0d3dc;}


  .bzzx_left .box .box_left.box_one{width: 100%; float: none;}
  .bzzx_left .box .box_left.box_one .news_list{padding-bottom: 20px; border-bottom: 1px #eee solid; margin-bottom: 20px; min-height: 400px;}
  .bzzx_left .box .box_left.box_one .list li{position: relative; padding-left: 15px; height: 35px; line-height: 35px;white-space:nowrap;text-overflow:ellipsis; width: 100%;overflow:hidden; display: block;}
  


.bzzx_box .bzzx_right{border: 1px #eee solid; width: 300px; padding:15px; box-sizing: border-box; align-self: flex-start;}
.bzzx_box .bzzx_right .title{font-size: 18px; color: #333; text-align: left; border-bottom: 1px #eee solid;}
.bzzx_box .bzzx_right .title p{color: #000; padding-bottom: 10px;font-weight: bold;}

.bzzx_box .bzzx_right .list{display: block; margin: 10px auto;}
.bzzx_box .bzzx_right .list li{position: relative; padding-left: 15px; height: 35px; line-height: 35px;white-space:nowrap;text-overflow:ellipsis; width: 100%;overflow:hidden; display: block;}
.bzzx_box .bzzx_right .list a{color: #428bca;font-size:14px;}
.bzzx_box .bzzx_right .list a:hover{color: #428bca;font-size:14px; text-decoration: underline;}
.bzzx_box .bzzx_right .list li::after{  content: "";position: absolute;left: 0;top: 17px;height: 4px;width: 4px;border-radius: 100%;background-color: #d0d3dc;}


.show{min-height: 500px;text-align: center;}
.show .nybt{display: block; text-align: center;}
.wz a{color: #428bca;}
.wz a:hover{color: #428bca; text-decoration: underline;}

.so .box_left .list{min-height: 400px!important; margin-top: 20px;}