/*reset样式start*/

* {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    text-decoration: none;
    list-style-type: none;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
body {
    min-width: 1200px;
    font-size: 14px;
    font-family: "microsoft yahei";
    color: #000;
    background: #fff;
}
a {
    color: #000;
}
input, textarea {
    font-family: "microsoft yahei";
}
input[type="button"], input[type="submit"], input[type="reset"] {
    -webkit-appearance: none;
    cursor: pointer;
}
textarea {
    -webkit-appearance: none;
}
.clearfix {
    clear: both;
    zoom: 1;
}
.clearfix:after {
    display: table;
    content: "";
    clear: both;
}

/*reset样式end*/


/*头部样式start*/

.header {
    
}
.header-inner {
    overflow: hidden;
    width: 1200px;
    margin: 0 auto;
    padding: 15px 0;
}
.logo {
    float: left;
}
.logo img {
    display: block;
    height: 60px;
}
.h-phone {
    float: right;
    font-size: 20px;
    font-weight: bold;
    line-height: 65px;
    color: #fff;
}
.nav {
    background: #3c6fca;
}
.nav-list {
    width: 1200px;
    margin: auto;
}
.nav-list:after {
    display: table;
    content: "";
    clear: both;
}
.nav-item {
    position: relative;
    float: left;
}
.nav-item a {
    display: block;
    padding: 0 20px;
    font-size: 16px;
    line-height: 45px;
    color: #7b7777;
    font-weight: bold;
}
.nav-item a:hover, .nav-item a.on {
    border-bottom: 2px solid #2196F3;
}
.nav-child {
    display: none;
    position: absolute;
    left: 0;
    top: 100%;
    min-width: 100%;
    white-space: nowrap;
    z-index: 999;
}
.nav-child a {
    display: block;
    padding: 0 6px;
    font-size: 14px;
    line-height: 34px;
    color: #fff;
    border-top: 1px solid #fff;
    background: #4b4949;
}
.nav-child a:first-child {
    border-top: 0;
}
.nav-child a.on {
    background: #2196F3;
}
.banner {
    overflow: hidden;
    height: 765px;
    margin-bottom: -120px;
    background: url(../zzdximg/banner_index.jpg) no-repeat center top;
}
.banner-img {
    display: block;
    position: relative;
    left: 50%;
    width: 1920px;
    margin-left: -960px;
}
.banner-tab {
    position: relative;
    margin-top: -71px;
    height: 252px;
    background: url(../zzdximg/banner_tab.png) no-repeat center center;
    background-size: 1920px 234px;
}
.banner-tab-inner {
    overflow: hidden;
    width: 1200px;
    margin: 0 auto;
}
.bt-item {
    float: left;
    width: 18%;
    padding: 125px 15px 0;
    font-size: 14px;
    line-height: 30px;
    text-align: center;
    color: #fff;
}
.bt-item div {
    font-size: 18px;
}

/*头部样式end*/

.i-block-icp {
    height: 923px;
    padding-top: 118px;
    background: url(../zzdximg/bg_ind1.jpg) no-repeat center top;
}
.i-block-inner {
    overflow: hidden;
    width: 1200px;
    margin: 0 auto;
}
.ib-tit {
    padding-left: 70px;
    font-size: 18px;
    line-height: 1;
}
.ib-tit.white {
    color: #fff;
}
.ib-tit div {
    margin-bottom: 16px;
    font-size: 28px;
    font-weight: bold;
}
.ib-icp {
    height: 118px;
    margin-top: 36px;
    padding: 0 30px;
    color: #363636;
    background: #fff;
}
.ibi-l {
    float: left;
    width: 410px;
    padding-left: 80px;
    font-size: 24px;
    line-height: 118px;
    background: url(../zzdximg/icon_ib_icp.png) no-repeat left center;
}
.ibi-r {
    float: right;
    width: 730px;
}
.ibi-info {
    float: left;
    width: 540px;
    padding-top: 30px;
    font-size: 20px;
    line-height: 30px;
}
.ibi-btns {
    float: left;
    width: 190px;
}
.ibi-btns a {
    display: block;
    width: 100px;
    margin: 18px auto 0;
    line-height: 32px;
    text-align: center;
    color: #fff;
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    background: #5b9cdb;
}
.i-block-www {
    height: 912px;
    padding-top: 20px;
    color: #fff;
    background: url(../zzdximg/bg_ind2.jpg) no-repeat center top;
}
.ib-www {
    overflow: hidden;
    margin-top: 48px;
}
.ib-www:first-child {
    margin-top: 72px;
}
.ibw-l {
    float: left;
    height: 118px;
    padding-left: 152px;
    background-repeat: no-repeat;
    background-position: left center;
}
.ibw-l1 {
    margin-left: 90px;
    background-image: url(../zzdximg/icon_ib_www1.png);
}
.ibw-l2 {
    margin-left: 175px;
    background-image: url(../zzdximg/icon_ib_www2.png);
}
.ibw-l3 {
    margin-left: 190px;
    background-image: url(../zzdximg/icon_ib_www3.png);
}
.ibw-l4 {
    margin-left: 150px;
    background-image: url(../zzdximg/icon_ib_www4.png);
}
.ibw-info {
    width: 320px;
    padding-top: 20px;
    line-height: 26px;
}
.ibw-info div {
    font-size: 24px;
}
.ibw-info p {
    font-size: 20px;
}
.ibw-r {
    float: right;
    margin-right: 240px;
    padding-top: 39px;
}
.ibw-r a {
    float: left;
    display: block;
    width: 84px;
    margin-left: 24px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    background: #5b9cdb;
}

/*页脚样式start*/

.footer {
    text-align: center;
}
.footer-t {
    padding: 24px 0;
    background: #2d3237;
}
.ft-inner {
    overflow: hidden;
    position: relative;
    width: 912px;
    margin: 0 auto;
}
.ft-item {
    float: left;
    margin-left: 100px;
    line-height: 32px;
    color: #fff;
}
.ft-item:first-child {
    margin-left: 0;
}
.ft-item div {
    font-size: 18px;
}
.ft-item a {
    display: block;
    color: #fff;
}
.qrcode-box {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 120px;
    font-size: 12px;
    line-height: 36px;
    color: #666;
    background: #f0f0f0;
}
.qrcode-box img {
    display: block;
    width: 100%;
}
.footer-f {
    background: #1e2227;
}
.ff-inner {
    width: 1200px;
    line-height: 46px;
    color: #fff;
}

/*页脚样式end*/


/*广播电视节目制作许可证start*/

.ig-block {
    padding: 50px 0;
}
.ig-block1 {
    padding-top: 100px;
}
.ib-tit2 {
    margin-bottom: 40px;
    line-height: 30px;
    text-align: center;
    color: #595757;
}
.ib-tit2 div {
    font-size: 28px;
    font-weight: bold;
}
.ib-tit2 p {
    font-size: 16px;
}
.fl-ul {
    overflow: hidden;
    width: 80%;
    margin: 0 auto;
}
.fl-ul li {
    float: left;
    width: 50%;
    text-align: center
}
.fl-ul li img {
    display: block;
    width: 128px;
    margin: 0 auto;
}
.fl-ul li h3 {
    color: #2a2a2a;
    font-size: 18px;
    line-height: 30px;
    font-weight: normal;
    margin-top: 20px;
}
.fl-ul li p {
    color: #959595;
    line-height: 24px;
    overflow: hidden;
    margin-top: 5px;
}
.fl-ul2 {
    overflow: hidden;
}
.fl-ul2 li {
    float: left;
    background: url(../zzdximg/h.jpg) no-repeat;
    width: 275px;
    height: 198px;
    text-align: center;
    color: #fff;
    line-height: 24px;
    margin-left: 33px;
    display: inline
}
.fl-ul2 li p {
    margin: 15px 20px 0;
    overflow: hidden
}
.ig-block5 {
    background: url(../zzdximg/b.jpg);
}
.fl-ul3 {
    overflow: hidden
}
.fl-ul3 li {
    float: left;
    width: 220px;
    height: 86px;
    background: #fff;
    display: inline;
    margin-left: 25px;
    text-align: center;
    position: relative;
    color: #6f6f6f;
    line-height: 24x;
}
.fl-ul3 li b {
    display: block;
    font-size: 18px;
    margin-top: 17px;
    line-height: 30px;
}
.fl-ul3 li span {
    background: url(../zzdximg/bj1.png) no-repeat;
    display: block;
    width: 35px;
    height: 35px;
    position: absolute;
    top: o;
    left: 0;
}
.fl-ul3 li.li1 span {
    background-position: 0 -36px;
}
.fl-ul3 li.li2 span {
    background-position: -52px 0px;
}
.fl-ul3 li.li3 span {
    background-position: -39px -36px;
}
.fl-ul3 li.li4 span {
    background-position: 0 -85px;
}
.fl-ul3-btn {
    display: table;
    margin: 38px auto 0;
    padding: 0 20px;
    font-size: 18px;
    line-height: 40px;
    color: #fff;
    border-radius: 10px;
    background: #5b9cdb;
}
.aere1 li {
    float: left;
    height: 377px;
    overflow: hidden;
    display: inline;
    width: 212px;
    padding-right: 15px;
    color: #575757;
    line-height: 24px;
    margin-left: 13px;
}
.aere1 li h3 {
    text-align: center;
    font-size: 18px;
    color: #575757;
    overflow: hidden;
    margin-top: 20px;
}
.aere1 li p {
    margin-top: 12px;
    overflow: hidden;
    height: 135px;
}
.aere1 li img {
    display: block;
    width: 118px;
    margin: 0 auto;
    overflow: hidden
}
.aere1 li a {
    background: url(../zzdximg/anniu2.jpg) no-repeat;
    width: 118px;
    height: 31px;
    display: block;
    margin: 0px auto;
    overflow: hidden
}
.aere1 li a:hover {
    background: #025c81;
}
.aere1 {
    overflow: hidden;
    margin-top: 15px;
}

/*广播电视节目制作许可证end*/

.listArrow {
    margin-top: 50px;
    margin-right: -53.33px;
    height: auto;
    overflow: hidden;
}
.listArrow li {
    width: 258px;
    float: left;
    margin-right: 53.33px;
    margin-bottom: 30px;
}
.listArrow li>div {
    position: relative;
    z-index: 10;
    height: 122px;
    background: url(../zzdximg/bg1.png) no-repeat center -201px;
    text-align: center;
    width: 100%;
    border: 1px solid #dbdbdb;
    border-bottom: 0;
}
.listArrow li>div>.a1 {
    font-family: Microsoft YaHei;
    font-size: 22px;
    line-height: 66px;
    color: #000;
    display: block;
}
.listArrow li>div>.a2 {
    font-family: Microsoft YaHei;
    font-size: 12px;
    line-height: 24px;
    color: #878787;
    display: block;
}
.listArrow li:hover>div, .listArrow li:hover img {
    border-color: #3181df;
}
.listArrow li:hover>div {
    background-position: center -71px;
}
.listArrow li:hover>div>.a1 {
    color: #fff;
}
.listArrow li:hover>div>.a2 {
    color: #dedede;
}
.listArrow li img {
    position: relative;
    z-index: 5;
    width: 258px;
    height: 150px;
    bottom: 12px;
    border: 1px solid #dbdbdb;
    border-top: 0;
}
.i-block-yx {
    padding-top: 70px;
    height: 726px;
    background: url(../zzdximg/bg_ind3.jpg) no-repeat center center;
}
.iby-btn {
    display: block;
    width: 100px;
    margin: 10px auto 0;
    line-height: 32px;
    text-align: center;
    color: #fff;
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    background: #5b9cdb;
}
.i-block-industry {
    padding-top: 40px;
}
.ibi-img {
    display: block;
    margin: 50px auto;
}
.i-block-zz {
    padding-top: 40px;
    background: #f6f7f9;
}
.part1-ul {
    width: 1180px;
    margin: 50px auto 0;
    overflow: hidden
}
.part1-ul li {
    float: left;
    display: inline;
    width: 281px;
    height: 320px;
    background: #ecedee;
    margin-left: 18px;
    cursor: pointer;
    text-align: center;
}
.part1-ul li h3 {
    text-align: center;
    color: #333333;
    font-size: 16px;
    height: 90px;
    line-height: 90px;
}
.b1 {
    background: url(../zzdximg/1.png) no-repeat 0 -236px;
    width: 77px;
    height: 82px;
    display: block;
    margin: 0 auto;
    cursor: pointer;
}
.b2 {
    background-position: -90px -236px;
}
.b3 {
    background-position: -181px -236px;
}
.b4 {
    background-position: -270px -236px;
}
.part1-ul li:hover .b1 {
    background-position: 0px -839px;
}
.part1-ul li:hover .b2 {
    background-position: -90px -839px;
}
.part1-ul li:hover .b3 {
    background-position: -182px -839px;
}
.part1-ul li:hover .b4 {
    background-position: -270px -839px;
}
.bb1 {
    -moz-transition: all 0.8s ease-in-out;
    -webkit-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    -ms-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
    width: 77px;
    height: 81px;
    display: block;
    margin: 0 auto;
}
.part1-ul li:hover .bb1 {
    -moz-transform: rotate(360deg);
    cursor: pointer;
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
}
.part1-ul li p {
    font-size: 14px;
    margin: 20px 22px 0;
    overflow: hidden;
    line-height: 24px;
}
.redu font {
    float: left
}
.part1-ul li p.mp {
    height: 76px;
}
.redu span {
    background: url(../zzdximg/1.png) no-repeat;
    background-position: -384px -101px;
    float: left;
    width: 14px;
    height: 14px;
    margin-left: 3px;
    display: inline;
    margin-top: 7px;
}
.zixu {
    width: 234px;
    margin: 17px auto 0;
    overflow: hidden
}
.zixu a {
    float: left;
    font-size: 14px;
    background: url(../zzdximg/1.png) no-repeat;
    background-position: 0px -99px;
    color: #343434;
    width: 114px;
    height: 31px;
    text-align: center;
    cursor: pointer;
    padding-top: 5px;
}
.zixu a.right {
    float: right
}
.zixu a:hover {
    background-position: -128px -99px;
    color: #fff
}
.part1-ul li.margin0 {
    margin-left: 0
}
.i-block-kh {
    padding-top: 60px;
    background: #f6f7f9;
}
.ibk-wrap {
    overflow: hidden;
    width: 914px;
    padding: 30px 20px;
    margin: 0 auto;
    color: #fff;
    background: #111;
}
.slide-kh {
    position: relative;
    float: right;
    margin-right: 40px;
}
.slide-kh .bd li {
    width: 102px;
    margin: 0 17px;
}
.slide-kh .bd a, .slide-kh .bd img {
    display: block;
    width: 100%;
}
.ibk-tit {
    float: left;
    font-size: 24px;
    line-height: 46px;
    color: #fff;
}
.ibk-p, .ibk-n {
    display: block;
    position: absolute;
    top: 50%;
    width: 18px;
    height: 16px;
    margin-top: -8px;
    border-style: solid;
}
.ibk-p {
    left: -25px;
    border-width: 8px 18px 8px 0;
    border-color: transparent #dcdcdc transparent transparent;
}
.ibk-n {
    right: -25px;
    border-width: 8px 0 8px 18px;
    border-color: transparent transparent transparent #dcdcdc;
}

/* 合作伙伴 start */

.partner-area .partner-bg {
    width: 100%;
    height: 140px;
    background: url(../zzdximg/bg_jck2.png) no-repeat;
    background-size: 100% 100%;
}
.partner-area .area-show {
    text-align: center;
}
.partner-area .area-show .partner-title {
    font-size: 28px;
    font-weight: bold;
}
.partner-area .area-show .img-group {
    width: 1060px;
    margin: 63px auto 57px;
}
.partner-area .area-show .img-group img {
    float: left;
    width: 174px;
    height: 77px;
    margin: 0 0 20px 20px;
}
.area-show .slide-kh {
    width: 700px;
    margin: 40px auto 100px;
    float: inherit;
}
.area-show .slide-kh .bd {
    margin-left: inherit;
}

/* 合作伙伴 end */

.ibi-list {
    overflow: hidden;
    padding-top: 60px;
}
.ibi-item {
    float: left;
    width: 276px;
    margin: 0 12px 60px;
}
.ibii-l {
    float: left;
    width: 132px;
    height: 113px;
}
.ibii-l img {
    display: block;
    width: 100%;
    height: 100%;
}
.ibii-r {
    float: left;
    width: 144px;
    padding-left: 8px;
}
.ibii-r a {
    display: block;
    font-size: 20px;
    font-weight: bold;
    line-height: 64px;
}
.ibii-r p {
    overflow: hidden;
    margin-top: 10px;
    font-size: 18px;
    line-height: 1;
    color: #555;
}
.ibii-r p span {
    float: left;
    margin-left: 10px;
}
.ibii-r p span:first-child {
    margin-left: 0;
}
.ibi-item1 .ibii-r a {
    color: #4cc1e9;
}
.ibi-item2 .ibii-r a {
    color: #e55151;
}
.ibi-item3 .ibii-r a {
    color: #02b36f;
}
.ibi-item4 .ibii-r a {
    color: #9587ff;
}
.ibi-item5 .ibii-r a {
    color: #b6db3c;
}
.ibi-item6 .ibii-r a {
    color: #f96d92;
}
.ibi-item7 .ibii-r a {
    color: #7595fc;
}
.ibi-item8 .ibii-r a {
    color: #5dc9b9;
}
.ser-content ul li a {
    width: 240px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 18px;
    color: #fff;
    background: #f0d100;
    border-radius: 25px;
    position: absolute;
    left: 50%;
    margin-left: -120px;
    bottom: -100%;
    transition: all 0.5s;
}
.bm-bg {
    height: 654px;
    padding-top: 80px;
    background: url(../zzdximg/bg_bm.jpg) no-repeat center bottom;
}
.about-tit {
    width: 1180px;
    margin: 0 auto;
    overflow: hidden;
}
.about-tit li {
    float: left;
    width: 285px;
    display: inline;
    margin-left: 13px;
    background: #f2f2f2;
    height: 425px;
}
.about-tit li img {
    display: block;
}
.about-tit li p {
    font-size: 16px;
    line-height: 21px;
    text-align: center;
    margin-top: 40px;
}
.about-tit li p b {
    color: #5a0000
}
.zixun {
    display: table;
    background: #fff;
    height: 38px;
    font-size: 16px;
    line-height: 38px;
    color: #000;
    margin: 20px auto 0;
    text-align: center;
    font-size: 14px;
    padding: 0 16px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}
.zixun:hover {
    color: #fff;
    background: #5a0000;
}
.bm-request {
    padding-top: 150px;
    background: url(../zzdximg/bg_bm_request.png) center top no-repeat;
}
.call-whj {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
    padding-bottom: 40px;
}
.call-whj li {
    float: left;
    display: inline;
    text-align: center;
    width: 236px;
}
.call-whj li span {
    display: block;
    background: url(../zzdximg/bj.png) no-repeat 0px -284px;
    width: 42px;
    height: 40px;
    margin: 0 auto;
}
.call-whj li span.l-span1 {
    background-position: -42px -283px
}
.call-whj li span.l-span2 {
    background-position: -92px -280px;
    height: 41px;
}
.call-whj li span.l-span3 {
    background-position: 0px -334px;
    width: 44px;
}
.call-whj li span.l-span4 {
    background-position: -148px -284px;
    width: 44px;
}
.call-whj li h3 {
    color: #3a3a3a;
    font-size: 16px;
    height: 60px;
    line-height: 60px;
    overflow: hidden
}
.call-whj li b {
    height: 1px;
    width: 65px;
    border-top: 1px solid #5a0000;
    margin: 0 auto;
    overflow: hidden;
    display: block
}
.call-whj li p {
    margin-top: 35px;
    line-height: 21px;
    overflow: hidden;
    height: 84px;
    font-size: 14px;
}
.call-whj li a {
    background: url(../zzdximg/bj.png) no-repeat -253px -177px;
    width: 88px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    display: block;
    margin: 0 auto;
    overflow: hidden;
    color: #5a0000;
    font-size: 14px;
}
.call-whj li a:hover {
    background-position: -120px -177px;
    color: #fff;
}
.tj-list {
    padding: 15px 0 20px;
}
.tj-list li {
    overflow: hidden;
    width: 100%;
    margin-bottom: 20px;
}
.tj-list li label {
    width: 580px;
    text-align: left;
    height: 100px;
    line-height: 100px;
    background: #e8e8e8;
}
.tj-list li label font {
    color: #848484;
    font-size: 18px;
}
.tj-list li label em {
    font-size: 48px;
    color: #696c76;
    padding: 0 20px 0 30px;
}
.tel-box {
    width: 580px;
    margin: 0 auto;
    overflow: hidden;
}
.tel-box a {
    width: 280px;
    text-align: center;
    background: #ff7f00;
    font-size: 18px;
    color: #fff;
}
.tel-box a:first-child {
    background: #0e84e9;
}
.bm-tel em {
    font-style: normal;
}
.bm-tel .fl {
    float: left;
    display: inline;
}
.bm-tel .fr {
    float: right;
    display: inline;
}
.zx-btn {
    width: 251px;
    text-align: center;
    height: 50px;
    line-height: 50px;
    border-radius: 25px;
    color: #fff;
    background: #1d7bd3;
    font-size: 18px;
}
.tel-box a:first-child {
    background: #0e84e9;
}
.opacity:hover {
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
}
.bm-tel-bg {
    padding: 20px 0 140px;
    background: url(../zzdximg/bg_bm_tel.png) no-repeat left bottom;
}
.art-main {
    width: 1200px;
    margin: 0 auto;
    padding: 118px 0 80px;
}
.art-tit {
    font-size: 24px;
    line-height: 40px;
    text-align: center;
}
.art-info {
    margin-top: 6px;
    text-align: center;
}
.art-cont {
    margin-top: 20px;
    line-height: 24px;
}
.footer-art-list {
    display: table;
    overflow: hidden;
    max-width: 1200px;
    margin: 0 auto 14px;
    line-height: 32px;
    text-align: left;
    color: #fff;
}
.footer-art-list a {
    color: #fff;
}
.footer-art-list span {
    float: left;
}
.slide-fal {
    float: left;
}
#LXB_CONTAINER_SHOW {
    display: none !important;
}



















.banner-top {
	padding-top: 80px;
}

.left {
	float: left;
}

.right {
	float: right;
}

.w1180 {
	width: 1200px;
	margin: 0 auto;
}

.title,
.about-h2 {
	font-size: 28px;
	font-weight: bold;
	text-align: center;
}

.ml0 {
	margin-left: 0 !important;
}

.mb30 {
	margin-bottom: 30px;
}

.consultation {
	display: block;
	width: 400px;
	height:45px;
	line-height: 45px;
	text-align: center;
	font-size: 20px;
	border-radius: 20px;
	color: #000;
	background: #fafafc;
	transition: all .3s;
}
.consultation:hover {
	color: #fff;
	background: #5b9cdb;
	box-shadow: 4px 4px 4px rgba(0, 0, 0, .2);
}
.consultation-center {
    margin: 35px auto 0;
    background: #5893d4;
    color: #fff;
}

/* edi许可证   start */

.edi-t {
	color: #c8c7c7;
	margin-bottom: 56px;
}

.who-list .who-item {
	float: left;
	width: 280px;
	height: 177px;
	margin-left: 20px;
	color: #646262;
	background: url(../zzdximg/t1.jpg) no-repeat;
	background-size: 100% 100%;
}

.who-list .who-item .item-t {
	font-size: 18px;
	height: 46px;
	line-height: 46px;
	text-align: center;
}

.who-list .who-item .item-c {
	text-align: center;
	padding: 30px 24px 0;
	line-height: 24px;
	font-size: 14px;
}

.edi-bg {
	height: 650px;
	padding-top: 160px;
	background: url(../zzdximg/bg_dxedi1.png) no-repeat;
	background-size: 100% 100%;
}

.why-edi-t {
	margin-bottom: 52px;
	color: #fff;
}

.why-list .why-item {
	float: left;
	width: 33.33%;
	text-align: center;
}

.why-list .why-item img {
	display: block;
	width: 250px;
	height: 250px;
	margin: 0 auto 20px;
}

.why-list .why-item p {
	font-size: 18px;
	color: #fff;
}

.req-box {
	padding-bottom: 50px;
	height: 700px;
	background: url(../zzdximg/bg_dxedi2.png) no-repeat;
	background-size: 100% 100%;
}

.w1180 .tt-box h2 {
	padding-top: 50px;
	color: #fff;
	font-size: 28px;
	text-align: center;
}

.req-box .fl {
	width: 480px;
	float: left;
	margin-top: 30px;
}

.req-box .fl img {
	display: block;
	width: 100%;
	height: 100%;
}

.req-box .fr {
	width: 580px;
	float: right;
}

.req-box .fr ul {
	padding: 50px 0px 25px;
}

.req-box .fr ul li {
	padding-left: 15px;
	margin-bottom: 10px;
	font-size: 16px;
	color: #333;
	line-height: 35px;
	transition: all 0.45s;
	cursor: pointer;
	background: #fff;
	box-sizing: border-box;
}

.req-box .fr ul li:hover {
	color: #ff7000;
}

.deal-edi {
	height: 800px;
	background: url(../zzdximg/edi_bg2.png) no-repeat;
	background-size: 100% 100%;
}

.deal-edi .deal-list {}

.deal-edi .deal-list .deal-item {
	float: left;
	width: 367px;
	margin-left: 18px;
	margin-bottom: 25px;
	text-align: center;
}

.deal-edi .deal-list .deal-item:nth-child(3n+1) {
	margin-left: 0;
}

.deal-edi .deal-list .deal-item img {
	display: block;
	width: 100%;

}

.deal-edi .deal-list .deal-item p {
	margin-top: 20px;
	font-size: 20px;
	line-height: 30px;
	color: #595757;
}

.process h2 {
	margin-bottom: 26px;
	font-size: 28px;
	text-align: center;
}

.process img {
	display: block;
	width: 100%;
}

.process .btn-process {
	width: 630px;
	margin: 50px auto 80px;
}

.process .btn-process a {
	display: block;
	float: left;
	width: 283px;
	height: 47px;
	margin-left: 53px;
	text-align: center;
	line-height: 47px;
	font-size: 20px;
	border-radius: 20px;
	color: #fff;
	background: #ff7f00;
}

.process .btn-process a.ml0 {
	background: #5b9cdb;
}

.ser-box {
	background: #f6f6f6;
	padding-top: 45px;
}

.ser-content ul {
    overflow: hidden;
	height: 600px;
	padding: 100px 0 10px;
}

.ser-content ul li {
	width: 220px;
	height: 360px;
	padding: 30px;
	text-align: center;
	background: #fff;
	border-radius: 15px;
	float: left;
	box-sizing: content-box;
	margin-right: 12px;
	color: #333;
	transition: all 0.5s;
	position: relative;
}

.ser-content ul li .ico-bg {
	width: 110px;
	height: 110px;
	border-radius: 55px;
	background: #f6f6f6;
	margin: 0 auto;
}

.ser-content ul li i {
	display: inline-block;
	width: 70px;
	height: 70px;
	background: url(../zzdximg/ser_ico_02.png) no-repeat;
	position: relative;
	top: 20px;
	overflow: hidden;
}

.ser-content ul li .ico1 {
	background-position: 0 0px;
}

.ser-content ul li .ico2 {
	background-position: -70px 0px;
}

.ser-content ul li .ico3 {
	background-position: -140px 0px;
}

.ser-content ul li .ico4 {
	background-position: -210px 0px;
}

.ser-content ul li .tt-hh {
	font-size: 18px;
	font-weight: bold;
	padding: 10px 0;
	position: relative;
}

.ser-content ul li .tt-hh .line {
	width: 0;
	height: 1px;
	background: #fff;
	position: absolute;
	bottom: 0;
	left: 50%;
	transition: all 0.5s;
}

.ser-content ul li p {
	font-size: 16px;
	padding: 10px 0 0;
	line-height: 32px;
	text-align: left;
}

/* edi许可证   end */
/* ICP 许可证   start */
.icp-area-bg {
	height: 545px;
	background-size: 100% 100%;
}

.state-list .state-item {
	float: left;
	width: 174px;
	margin-left: 70px;
}

.state-list .state-item img {
	width: 100%;
	height: 150px;
	margin-bottom: 31px;
}

.state-list .state-item p {
	font-size: 16px;
	line-height: 30px;
}

.state-list .state-item:nth-of-type(1) p {
	color: #b6db3c;
}

.state-list .state-item:nth-of-type(2) p {
	color: #de6182;
}

.state-list .state-item:nth-of-type(3) p {
	color: #7595fc;
}

.state-list .state-item:nth-of-type(4) p {
	color: #5dc9b9;
}

.state-list .state-item:nth-of-type(5) p {
	color: #9587ff;
}

.what-icp-bg {
	height: 895px;
	padding-top: 110px;
	background: url(../zzdximg/icp-bg2.png) no-repeat;
	background-size: 100% 100%;
}

.what-icp-list {
	padding: 0 24px;

}

.what-icp-item .title {
	width: 457px;
	height: 135px;
}
.what-icp-item .title img {
	width: 220px;
	float: left;
}
.what-icp-item .title .text {
    width: 235px;
    float: left;
    padding: 19px 30px;
}
.what-icp-item  .title .text h3 {
	text-align: center;
	width: 100%;
}
.what-icp-item  .title .text p {
	text-align: left;
	font-size: 18px;
	line-height: 28px;
	width: 100%;
}
.what-icp-list .what-icp-item {
	float: left;
	width: 47.5%;
	height: 595px;
	margin-left: 5%;
	padding: 40px;
	color: #1c1c1c;
	background: rgba(220, 233, 237, .7);
	transition: all .3s;
}

.what-icp-list .what-icp-item:hover {
	box-shadow: 8px 8px 8px rgba(0, 0, 0, .2);
}

.what-icp-list .what-icp-item.right {
	background: #fff;
}

.what-icp-list .what-icp-item h3 {
	font-size: 20px;
}

.what-icp-list .what-icp-item.right h3 {
    font-size: 15px;
    text-align: left;
    line-height: 26px;
}
.what-icp-list .what-icp-item.right img {
	width: 100%;
	cursor: pointer;
}
.what-icp-list .what-icp-item h4 {
	font-size: 22px;
	line-height: 50px;
}

.what-icp-list .what-icp-item p {
    line-height: 28px;
    font-size: 15px;
    padding: 25px 0 5px;
}

.what-icp-list .what-icp-item span {
	color: #fe0303;
	line-height: 38px;
	font-size: 15px;
	display: block;
	margin: 15px auto;
}

.what-icp-list .what-icp-item.right span {
	background: #2498ff;
	color: #fff;
	padding: 15px 5px;
}

.what-icp-list .what-icp-item a {
	display: block;
	height: 40px;
	line-height: 40px;
	text-align: center;
	margin: 25px auto 0;
	border-radius: 20px;
	font-weight: bold;
	background: #fff;
	color: #1f7bd4;
	border: 1px solid #1f7bd4;
	transition: all .3s;
}

.what-icp-list .what-icp-item a:hover {
	background: #1f7bd4;
	color: #fff;
	box-shadow: 2px 2px 2px rgba(0,0,0,.2);
}

.what-icp-list .what-icp-item .what-icp-deal {
	width: 255px;
}

.what-icp-list .what-icp-item .what-icp-consultation {
	width: 252px;
}

.why-icp-bg {
	height: 560px;
	padding-top: 60px;
	background: url(../zzdximg/icp-bg3.png) no-repeat;
	background-size: 100% 100%;

}

.why-icp-list .why-icp-item {
	float: left;
	width: 33.333%;
	color: #fff;

}

.why-icp-list .why-icp-item img {
	display: block;
	width: 130px;
	height: 115px;
	margin: 0 auto 20px;
}

.why-icp-list .why-icp-item dl {
	width: 213px;
	margin: 0 auto;

	text-align: center;
}

.why-icp-list .why-icp-item dt {
	font-size: 20px;
	font-weight: bold;
}

.why-icp-list .why-icp-item dd {
	font-size: 14px;
	line-height: 35px;
}

.deal-icp-bg {
    height: 705px;
    padding-top:60px;
    background: url(../zzdximg/anlibg.png) no-repeat;
    background-size: 100% 100%;
}

.deal-icp-bg .end-a {
	display: block;
	height: 40px;
	line-height: 40px;
	margin: 0 auto;
	text-align: center;
	color: #fff;
	border-radius: 20px;
	background: #5b9cdb;
}

.deal-icp-bg .deal-consultation {
	width: 152px;
	margin-bottom: 20px;
}

.deal-icp-bg .deal-icp-a {
    width: 354px;
    margin-top: 50px;
}

.icp-process img {
	display: block;
	width: 100%;
}
.icp-other-bg {
    height: 575px;
    padding-top: 55px;
    background: url(../zzdximg/icp-bg4.png) no-repeat;
    background-size: 100% 100%;
}

.icp-other-list .icp-other-item {
	position: relative;
	float: left;
	width: 125px;
	height: 173px;
	margin: 55px;
	text-align: center;
	cursor: pointer;
	border-radius: 0 0 10px 10px;
	transition: all .3s;
}

.icp-other-list .icp-other-item:hover {
	box-shadow: 8px 8px 8px rgba(0, 0, 0, .2);
}

.icp-other-list .icp-other-item p {
	font-size: 18px;
	margin-top: -45px;
	color: #333333;
}

.icp-other-list .icp-other-item p:hover {
	color: #fe8b03;
}

.select-bg {
	height: 787px;
	padding-top: 30px;
	background: url(../zzdximg/icp-bg5.png) no-repeat;
	background-size: 100% 100%;
}

.select-bg .select-list {
	position: relative;
	color: #fff;
	line-height: 25px;
}

.select-bg .select-list img {
	display: block;
	width: 100%;
}

.select-bg .select-list .select-text {
	display: inline-block;
}

.select-bg .select-list .select-text h3 {
	text-align: left;
	color: #fff;
}

.select-bg .select-list .select-text.select-one {
	width: 315px;
	margin-left: 110px;
}

.select-bg .select-list .select-text.select-two {
	width: 300px;
	margin-left: 65px;
}

.select-bg .select-list .select-text.select-three {
	width: 304px;
	margin-left: 44px;
}

.select-bg .select-list .select-text.select-four {
	width: 281px;
	margin-left: 22px;
}

.select-bg .select-list .select-text.select-five {
	width: 242px;
	margin-left: 68px;
}

.select-bg .select-list .select-text.select-six {
	width: 304px;
	margin-left: 98px;
}

.right-away {
	display: block;
	width: 150px;
	height: 40px;
	margin: 0 auto;
	line-height: 40px;
	text-align: center;
	color: #fff;
	border-radius: 20px;
	background: #5b9cdb;
}

.icp-text-con {
	margin-bottom: 70px;
	text-align: center;
	font-size: 20px;
	line-height: 45px;
}

.reminder-list {
	margin-bottom: 40px;
}

.reminder-list .reminder-item {
	float: left;
	width: 50%;
	height: 130px;
	margin-bottom: 17px;
	overflow: hidden;

}

.reminder-list .reminder-item img {
	float: left;
	display: block;
	width: 104px;
	height: 108px;
}

.reminder-list .reminder-item dl {
	float: left;
	margin-left: 27px;
}

.reminder-list .reminder-item dl dt {
	font-size: 20px;
}

.reminder-list .reminder-item dl dd {
	font-size: 18px;
	line-height: 30px;
}

.icp-service-list {
	margin-bottom: 60px;
}

.icp-service-list .icp-service-item {
	float: left;
	width: 165px;
	margin-left: 85px;
	text-align: center;
}

.icp-service-list .icp-service-item img {
	display: block;
	width: 105px;
	height: 101px;
	margin: 0 auto 18px;
}

.icp-service-list .icp-service-item p {
	font-size: 20px;
}



.icp-diff {
	width: 1200px;
	height: 533px;
	margin: 0 auto;
}

.icp-diff .icp {
	width: 600px;
	height: 572px;
	float: left;
}
.icp-diff .icp h3 {
	font-size: 24px;
	font-weight: bold;
	color: #fff;
	line-height: 70px;
	letter-spacing: 5px;
    transform: translateX(-20px);
}

.icp-diff .icp.diff h3 {
	transform: translateX(-55px);
}

.diff-text {
	margin: 24px 60px;
	font-size: 16px;
	line-height: 36px;
	letter-spacing: 3px;
	padding: 5px;
	color: #595757;
}

.diff-text span {
	color: #fe8b03;
}

.tips-text {
	margin: 20px 100px;
	color: #595757;
	font-size: 16px;
	line-height: 28px;
	letter-spacing: 3px;
}
.tips-text b {
	font-weight: bold;
	line-height: 36px;
}
.tips-text span {
	color: #fe8b03;
}

/* ICP 许可证   end */
/* ISP IDC许可证   start */
.about-isp-list .about-isp-item {
	float: left;
	width: 25%;
	padding: 0 30px;
	text-align: center;
}

.about-isp-list .about-isp-item img {
	display: block;
	width: 141px;
	height: 141px;
	margin: 0 auto;
}

.about-isp-list .about-isp-item h3 {
	margin-top: 20px;
	color: #fff;
}

.about-isp-list .about-isp-item p {
	line-height: 25px;
	font-size: 16px;
	color: #fff;
}

.main {
	width: 1180px;
	margin: 0 auto;
}

.fl-ul {
	margin-top: 30px;
	overflow: hidden
}

.fl-ul li {
	width: 50%;
	text-align: center;
	margin-bottom: 60px;
}

.fl-ul li img {
	display: block;
	margin: 0 auto;
}

.fl-ul li h3 {
	color: #2a2a2a;
	font-size: 18px;
	line-height: 30px;
	font-weight: normal;
	margin-top: 20px;
}

.fl-ul li p {
	color: #747474;
	line-height: 21px;
	overflow: hidden;
	margin-top: 5px;
}

.fl-ul li p.marg20 {
	margin-top: 20px;
}

.about-idc {
	height: 675px;
	padding-top: 170px;
	background: url(../zzdximg/bg1_1.png) no-repeat;
	background-size: 100% 100%;
}

.idc-tu1 {
	overflow: hidden;
}

.idv-ul1 li {
	float: left;
	width: 280px;
	height: 110px;
	background: #fff;
	overflow: hidden;
	display: inline;
	margin-left: 18px;
	text-align: center;
}

.idv-ul1 li img {
	display: block;
	margin: 15px auto 0;
	overflow: hidden
}

.idv-ul1 li p {
	line-height: 24px;
}

.idv-ul13 li {
	background: url(../zzdximg/bb.jpg) no-repeat;
	width 280px;
	height: 112px;
	margin-left: 16px;
}

.idv-ul13 li p {
	line-height: 102px
}

.idv-ul13 li p.idv-p12 {
	line-height: 24px;
	padding-top: 27px;
}

.idv-ul14 li {
	width: 277px;
	height: 160px;
	border: 5px solid #e6e6e6;
	margin-left: 17px;
	border: 5px solid #e6e6e6;
}

.idv-ul14 li img {
	margin-top: 32px;
}

.idv-ul14 li p {
	line-height: 30px;
}

/* ISP IDC许可证   end */
/* sp许可证   start */

.big-til {
	padding: 0 0 40px;
	text-align: center;
	line-height: 1;
}

.big-til h3 {
	color: #3b3b3b;
	font-size: 30px;
	font-weight: bold;
}

.big-til p {
	color: #848484;
	font-size: 16px;
	padding-top: 10px;
}

.big-til span {
	color: #ff9000;
}

.what-number {
	margin-bottom: 60px;
}

.what-number ul {
	overflow: hidden;
}

.what-number ul li {
	float: left;
	text-align: center;
	/*margin-left: 233px;*/
	width: 33.333%;
}

.what-number ul li:first-child {
	/*margin-left: 20px;*/
}

.what-number ul li .dib {
	display: inline-block;
	width: 132px;
	height: 132px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
	background: url(../zzdximg/what-number-icon.png) no-repeat;
}

.what-number ul li .icon2 {
	background-position: -132px 0;
}

.what-number ul li .icon3 {
	background-position: -264px 0;
}

.what-number ul li p {
	color: #848484;
	font-size: 16px;
}

.what-number ul li .til {
	color: #565656;
	font-size: 24px;
	font-weight: bold;
	padding: 20px 0 15px;
	line-height: 1;
}

.what-number ul li .sub {
	height: 72px;
}

.what-number ul li a {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	width: 133px;
	height: 38px;
	border: 1px solid #5b9cdb;
	/* background: #5b9cdb; */
	line-height: 38px;
	position: relative;
	margin-top: 35px;
	color: #fff;
	border-radius: 20px;
}

.what-number ul li a span{
    position: relative;
    z-index: 1;
    color: #5b9cdb;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}
.what-number ul li a i{
    position: absolute;
    top: 0;
    width: 0;
    height: 38px;
    border-radius: 20px;
    background-color: #5b9cdb;
    left: 50%;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}
.what-number ul li:hover a span{
    color: white;
}
.what-number ul li:hover a i{
    width: 100%;
    left: 0;
}

.service-bg {
	height: 550px;
	padding-top: 130px;
	background: url(../zzdximg/sp-bg1.png) no-repeat;
	background-size: 100% 100%;
}

.service-list .service-item {
	float: left;
	width: 195px;
	margin-left: 50px;
	text-align: center;
	border-radius: 10px;
	padding: 15px 0;
	transition: all .3s;
	cursor: pointer;
}

.service-item:hover {
	background: rgba(196, 217, 255, 0.2);
    box-shadow: 2px 2px 2px rgba(0,0,0,.2);
}

.service-list .service-item img {
	display: block;
	width: 140px;
	height: 140px;
	margin: 0 auto;
}

.service-list .service-item p {
	margin-top: 30px;
	font-size: 16px;
	color: #fff;
}

.handle-bg {
	height: 864px;
	padding-top: 50px;
	background: url(../zzdximg/sp-bg2.png) no-repeat;
	background-size: 100% 100%;
}

.handle-list .handle-item {
    float: left;
    width: 320px;
    margin: 15px 40px;
}

.handle-list .handle-item .handle-item-t {
	height: 145px;
	padding-top: 25px;
}

.handle-list .handle-item .handle-item-f {
	display: block;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 14px;
}
.handle-list .handle-item-one .handle-item-t {
    background: #263aa742;
}

.handle-list .handle-item-one .handle-item-f {
    background: rgb(91, 156, 219);
    color: #fff;
}

.handle-list .handle-item-two .handle-item-t {
    background: #263aa742;
}

.handle-list .handle-item-two .handle-item-f {
    background: rgb(91, 156, 219);
    color: #fff;
}

.handle-list .handle-item-three .handle-item-t {
   background: #263aa742;
}

.handle-list .handle-item-three .handle-item-f {
    background: rgb(91, 156, 219);
    color: #fff;
}
.handle-list .handle-item-four .handle-item-t {
   background: #263aa742;
}

.handle-list .handle-item-four .handle-item-f {
    background: rgb(91, 156, 219);
    color: #fff;
}

.handle-list .handle-item-five .handle-item-t {
    background: #263aa742;
}

.handle-list .handle-item-five .handle-item-f {
    background: rgb(91, 156, 219);
    color: #fff;
}

.handle-list .handle-item-six .handle-item-t {
    background: #263aa742;
}

.handle-list .handle-item-six .handle-item-f {
    background: rgb(91, 156, 219);
    color: #fff;
}

.handle-list .handle-item .handle-request {
	position: relative;
	width: 125px;
	height: 40px;
	font-size: 18px;
	margin: 0 auto 20px;
	text-align: center;
	line-height: 40px;
	color: #fff;
	border: 1px solid #fff;

}

.handle-list .handle-item .handle-request span {
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	border: 12px solid #fff;
	border-top: none;
	border-right-color: transparent;
	border-bottom-color: transparent;

}

.handle-list .handle-item .handle-item-t .line {
	width: 80%;
	margin: 0 auto 13px;
	/*height: 1px;*/
	border-bottom: 1px solid#fff;
	/*background-color: #fff;*/
}

.handle-list .handle-item .handle-item-t p {
	font-size: 18px;
	line-height: 23px;
	text-align: center;
	color: #fff;
}

.about-detail {
	display: block;
	width: 162px;
	height: 40px;
	line-height: 40px;
	margin: 0 auto;
	text-align: center;
	color: #fff;
	font-size: 18px;
	border-radius: 20px;
	background: #5b9cdb;
}

.sp-process img {
	display: block;
	width: 100%;
}

.request-list {
	margin-bottom: 40px;
}

.request-list .request-item {
	float: left;
	width: 120px;
	margin-left: 150px;
	text-align: center;
}

.request-list .request-item img {
	display: block;
	width: 100%;
	height: 91px;
}

.request-list .request-item p {
	margin-top: 12px;
	font-size: 18px;
}

/* sp许可证   end */


/* ssl证书   start */

.sp-container h2,
h3 {
	text-align: center;
}

.sp-container h3 {
	color: #9c9b9b;
	font-weight: 10;
}

.sp-container h2 {
	font-size: 25px;
}

.cont-mian {
	padding-bottom: 20px;
	display: flex;
	display: -webkit-flex;
}

.container-ul {
	flex: 1;
	text-align: center;
	display: inline-block;
}

.container-ul li {
	font-size: 13px;
}

.container-ul li:nth-child(3) {
	height: 53px;
	overflow: hidden;
	margin: 10px;
	color: #595757;
}

.container-ul li:nth-child(2) {
	font-weight: 700;
	margin: 10px 5px;
}

.price {
	margin: 20px 0;
}

.buy-but {
	background: #ffb513;
	color: #fff;
	padding: 4px 12px;
	border-radius: 7px;
	font-size: 12px;
}

.free-bt {
	text-align: center;
	color: #fff;
	background: #5b9cdb;
	padding: 4px 12px;
	border-radius: 7px;
	left: 50%;
	transform: translate(-50%, 0);
	position: absolute;
}

.cp-container {
	position: relative
}

.goods-container {
	background-position: center;
	max-width: 1920px;
	width: 100%;
	margin: auto;
	overflow: hidden;
	height: 614px;
	background: url('../zzdximg/product-bg.png')no-repeat;
}

.con {
	width: 1120px;
	margin: 0 auto;
	overflow: hidden;
	padding-top: 35px;
}

.Prosum_ex,
.Profeat_ex {
	text-align: center;
	margin-top: 32px;
	margin-bottom: 56px;
	overflow: hidden;
}

.Prosum_ex li {
	float: left;
	width: 393px;
	padding-left: 152px;
	height: 240px;
	border: 1px solid #e8e8e8;
}

.Profeat_ex li {
	float: left;
	width: 254px;
	height: 305px;
	background: #fff;
}

.Prosum_ex li:nth-child(2) {
	margin-left: 26px;
	background: url(../zzdximg/pro_ex2.png) no-repeat 32px 45px;
}

.Prosum_ex li:nth-child(1) {
	background: url(../zzdximg/pro_ex1.png) no-repeat 32px 45px;
}

.Prosum_ex h2 {
	margin-top: 40px;
	text-align: left !important;
	font-weight: bolder;
}

.Prosum_ex h2 a {
	color: #008aef;
	font-size: 14px;
	font-weight: normal;
	margin-left: 217px;
}

.Prosum_ex h3 {
	color: #444444;
	font-size: 14px;
	text-align: left;
	margin-top: 35px;
}

.Prosum_ex h3 span {
	font-size: 24px;
}

.Prosum_ex li>a {
	position: absolute;
	display: block;
	width: 135px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	color: #fff;
	bottom: 21px;
	right: 40px;
	background: #2370e7;
	border-radius: 2px;
}

.Prosum_ex p {
	color: #666666;
	width: 350px;
	font-size: 14px;
	line-height: 24px;
	text-align: left;
	margin-top: 25px;
}

.ml32 {
	margin-left: 32px;
}

.mb32 {
	margin-bottom: 32px;
}

.Profeat_ex div {
	width: 112px;
	height: 112px;
	margin: 32px auto 16px;
	border-radius: 100%;
}

.Profeat_ex li:nth-child(1) div {
	background: url(../zzdximg/pro_feat1.png) no-repeat center #ecf2ff;
}

.Profeat_ex li:nth-child(2) div {
	background: url(../zzdximg/pro_feat2.png) no-repeat center #ecf2ff;
}

.Profeat_ex li:nth-child(3) div {
	background: url(../zzdximg/pro_feat3.png) no-repeat center #ecf2ff;
}

.Profeat_ex li:nth-child(4) div {
	background: url(../zzdximg/pro_feat4.png) no-repeat center #ecf2ff;
}

.Prosum_ex h2,
.Profeat_ex h2 {
	font-size: 16px;
	line-height: 16px;
	text-align: center;
	color: #444444;
}

.Profeat_ex h2:nth-child(2) {
	margin-top: 16px;
	font-weight: bolder;
}

.Profeat_ex li h2:nth-child(3) {
	color: #666666;
	font-size: 14px;
	line-height: 24px;
	width: 196px;
	margin: 0 auto;
	margin-top: 24px;
	text-align: left;
}

.Profeat {
	background-position: center;
	max-width: 1920px;
	width: 100%;
	margin: auto;
	overflow: hidden;
	height: 614px;
	background: url('../zzdximg/product-bg.png')no-repeat;
}

.price_tab {
	width: 392px;
	height: 45px;
	border-bottom: 1px solid #e8e8e8;
	margin: 0 auto;
	margin-top: 35px;
}

.price_tab li {
	cursor: pointer;
	width: 50%;
	float: left;
	height: 45px;
	line-height: 45px;
	text-align: center;
	font-size: 16px;
	color: #444444;
}

.Prosum_title,
.Profeat_title,
.Proprice_title {
	font-size: 24px;
	line-height: 40px;
	margin-top: 76px;
	text-align: center;
	color: #fff;
}

.db {
	display: block;
	font-style: normal;
}

.Prosum_title,
.Proprice_title {
	font-size: 24px;
	line-height: 24px;
	margin-top: 56px;
	text-align: center;
	color: #333333;
}

.bt {
	color: #fff;
	display: inline-block;
	vertical-align: middle;
	padding: 5px 16px;
	border-radius: 3px;
	border: none 0;
	-webkit-transition: color .3s, background-color .3s;
	transition: color .3s, background-color .3s;
}

.price_tab {
	width: 392px;
	height: 45px;
	/* border-bottom: 1px solid #e8e8e8; */
	margin: 0 auto;
	margin-top: 35px;
}

.price_tab li {
	cursor: pointer;
	width: 50%;
	float: left;
	height: 45px;
	line-height: 45px;
	text-align: center;
	font-size: 16px;
	color: #444444;
}

._on {
	color: #008aef !important;
}

.Proprice table {
	width: 100%;
	/* border: 1px solid #ddd; */
	margin-top: 32px;
	text-align: center;
	color: #333333;
	margin-bottom: 55px;
}

.Proprice table thead tr td:nth-child(2) a {
	border-radius: 30px;
	background: #18b25c;
}

.Proprice table thead tr td:nth-child(2) a:hover {
	background: #269440;
}

.Proprice table thead tr td:nth-child(3) a {
	border-radius: 30px;
	background: #18b25c;
}

.Proprice table thead tr td:nth-child(3) a:hover {
	background: #269440;
}

.Proprice table thead tr td:nth-child(n+3) a {
	border-radius: 30px;
}

.Proprice table tbody tr:last-child td:nth-child(2) a {
	border-radius: 30px;
	background: #18b25c;
}

.Proprice table tbody tr:last-child td:nth-child(3) a {
	border-radius: 30px;
	background: #18b25c;
}

.Proprice table tbody tr:last-child td:nth-child(2) a:hover {
	background: #269440;
}

.Proprice table tbody tr:last-child td:nth-child(3) a:hover {
	background: #269440;
}

.Proprice table tbody tr:last-child td:nth-child(n+3) a {
	border-radius: 30px;
}

table,
table tr th,
table tr td {
	border: 1px solid #ddd;
}

.Proprice table thead th {
	width: 184px;
	font-size: 14px;
}

.Proprice table strong {
	font-size: 16px;
	line-height: 16px;
	margin-top: 32px;
	display: block;
	font-weight: bolder;
}

.Proprice table em {
	font-size: 14px;
	margin-top: 16px;
	color: #444444;
}

.Proprice table em span {
	font-size: 24px;
}

.Proprice table thead a {
	margin-top: 16px;
	margin-bottom: 32px;
}

.Proprice table tbody th {
	height: 48px;
	line-height: 48px;
}

.Proprice table tbody td {
	height: 48px;
}

.support {
	display: inline-block;
	width: 24px;
	height: 24px;
	border-radius: 24px;
	background: url(../zzdximg/support.png) no-repeat center #18b25c;
	margin: 0 auto;
}

.bt-2 {
	background: #2370e7;
}

.lock5 {
	display: inline-block;
	width: 62px;
	height: 11px;
	background: url(../zzdximg/lock5.png) no-repeat center;
	margin: 0 auto;
}

.lock4 {
	display: inline-block;
	width: 49px;
	height: 11px;
	background: url(../zzdximg/lock4.png) no-repeat center;
	margin: 0 auto;
}

.lock3 {
	display: inline-block;
	width: 36px;
	height: 11px;
	background: url(../zzdximg/lock3.png) no-repeat center;
	margin: 0 auto;
}

.lock2 {
	display: inline-block;
	width: 23px;
	height: 11px;
	background: url(../zzdximg/lock2.png) no-repeat center;
	margin: 0 auto;
}

.address {
	display: inline-block;
	width: 169px;
	height: 52px;
	background: url(../zzdximg/address.png) no-repeat center;
	margin: 15px auto;
}

.address1 {
	display: inline-block;
	width: 168px;
	height: 52px;
	background: url(../zzdximg/address1.png) no-repeat center;
	margin: 15px auto;
}

.norton {
	display: inline-block;
	width: 97px;
	height: 41px;
	background: url(../zzdximg/norton.png) no-repeat center;
	margin: 0 auto;
}

.partner-area .partner-bg {
	width: 100%;
	height: 140px;
	background: url(../zzdximg/bg_jck2.png) no-repeat;
	background-size: 100% 100%;
}


.partner-area .area-show {
	/*margin-top: -20px;*/
	text-align: center;
}

.partner-area .area-show .partner-title {
	font-size: 28px;
	font-weight: bold;
}

.partner-area .area-show .img-group {
	width: 1060px;
	margin: 63px auto 57px;
}

.partner-area .area-show .img-group img {
	float: left;
	width: 174px;
	height: 77px;
	margin: 0 0 20px 20px;
}


/* ssl证书   end */

.ispp-a {
    display: block;
    width: 300px;
    margin: 18px auto 0;
    font-size: 18px;
    line-height: 44px;
    text-align: center;
    color: #fff;
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    background: #5b9cdb;
}
.ispp-tip {
    margin: 20px 0 -20px;
    font-size: 22px;
    text-align: center;
}
.ser-content ul li.active{
    background: #1d7bd3;
    height:400px;
    width: 220px;
    position: relative;
    margin-top: -15px;
    color: #fff;
}
.ser-content ul li.active .tt-hh{
    font-size: 24px;
    padding-top: 30px;
}
.ser-content ul li.active .tt-hh span.line{
    left: 50%;
    width: 100px;
    margin-left: -50px;
}
.ser-content ul li.active p{
    padding-top: 15px;
}
.ser-content ul li.active a{
    bottom: 20px;
}
.ser-content ul li.active .ico-bg{
    width: 166px;
    height: 166px;
    animation: rollIn forwards 0.9s;
    background: url(../zzdximg/ser_bg.png) no-repeat center;
    margin-top: -95px;
}
.ser-content ul li.active i{top: 48px;}
.ser-content ul li.active .ico1{background-position: 0 -70px;}
.ser-content ul li.active .ico2{background-position: -70px -70px;}
.ser-content ul li.active .ico3{background-position: -140px -70px;}
.ser-content ul li.active .ico4{background-position: -210px -70px;}

@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotate(-120deg);
        transform: translateX(-100%) rotate(-120deg)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg);
        transform: translateX(0px) rotate(0deg)
    }
}

@keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotate(-120deg);
        -ms-transform: translateX(-100%) rotate(-120deg);
        transform: translateX(-100%) rotate(-120deg)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg);
        -ms-transform: translateX(0px) rotate(0deg);
        transform: translateX(0px) rotate(0deg)
    }
}

.rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn
}










.widbig {
    width: 1200px;
    margin: 0 auto;
}
.pb70 {
    padding-bottom: 70px;
}
.pb60 {
    padding-bottom: 60px;
}
.pt60 {
    padding-top: 60px;
}
.tc {
    text-align: center;
}
.ft30 {
    font-size: 30px;
}






.fl {
    display: block;
    float: left;
}
.icp-main-a {
    width: 535px;
}
.icp-main-a, .icp-main-b {
    border-top: 2px solid #003AB4;
    height: 500px;
}

.shadow {
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .13);
    -moz-box-shadow: 0 0 15px rgba(0, 0, 0, .13);
    box-shadow: 0 0 15px rgba(0, 0, 0, .13);
}
.border-e {
    border: 1px solid #eee;
}
.pl35 {
    padding-left: 35px;
}
.pb30 {
    padding-bottom: 30px;
}
.pr35 {
    padding-right: 35px;
}
.pt30 {
    padding-top: 30px;
}



.pr {
    position: relative;
}
.mt25 {
    margin-top: 25px;
}
.pb15 {
    padding-bottom: 15px;
}
.ft20 {
    font-size: 20px;
}
.bot-solid {
    height: 3px;
    width: 40px;
    display: block;
}
.l0 {
    left: 0;
}
.b0 {
    bottom: 0;
}
.pa {
    position: absolute;
}
.bggren {
    background: #003AB4;
}
.hl24 {
    line-height: 24px;
}
.mt20 {
    margin-top: 20px;
}
.ft14 {
    font-size: 14px;
}
.col8 {
    color: #888;
}
.icp-main-b {
    width: 562px;
    height: 500px;
}
.icp-main-b-ul li {
    height: 39px;
    line-height: 22px;
    padding: 7px 0;
}
.hl24123{padding-bottom: 20px;
    line-height: 32px; }
.icp-main-b-ul i.icon {
    width: 24px;
    height: 24px;
    background-position: -120px 0;
    float: left;
    margin-right: 8px;
}
.icon {
    background: url(../zzdximg/icon.png) no-repeat;
    display: inline-block;
}
.fr {
    float: right;
}
.zt-table {
    border-left: 1px solid #527dd6;
    border-top: 1px solid #527dd6;
}
.mt20 {
    margin-top: 20px;
}
.zt-table .zt-table-a {
    background: #f9fffe;
}

.zt-table tr td {
    border-right: 1px solid #527dd6;
    border-bottom: 1px solid #527dd6;
    padding: 10px;
}
.tr {
    text-align: right;
}
.ft14 {
    font-size: 14px;
}
.colgren {
    color: #003AB4;
}
.ft14 {
    font-size: 14px;
}
.zt-table .zt-table-b {
    background: #e7f6f3;
}



.header-top {
  height: 36px;
  line-height: 36px;
  background-color: #f5f5f5;
  color: #979c9b;
  border-bottom: 1px #f5f5f6 solid
}
.header-top .mr-gap {
  margin-right: 24px
}
.header-top a {
  color: #979c9b
}
.header-top .top-cont {
  width: 1200px;
  margin: 0 auto
}
.header-top ul {
  font-size: 0
}
.header-top .left {
  float: left
}
.header-top .right {
  float: right
}
.header-top .left>li:first-child:hover {
  background: #fff;
  border-left: 1px solid #e1e1e1;
  border-right: 1px solid #e1e1e1
}
.header-top .left>li:first-child:hover::before {
  display: none
}
.header-top .right li:first-child::before {
  display: none
}
.header-top li {
  position: relative;
  display: inline-block;
  padding-right: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: transparent solid;
  border-width: 0 1px;
  font-size: 12px;
  padding-left: 12px;
  position: relative
}
.header-top li .font14 {
  font-size: 14px !important
}
.header-top li .iconfont {
  margin-right: 6px;
  font-size: 12px
}
.header-top li .iconfont.iconnav_ic_pointnormal {
  margin-right: 0;
  position: relative;
  left: 4px
}
.header-top li:last-child {
  padding-right: 0
}
.header-top li::before {
  position: absolute;
  left: -4px;
  content:'|';
  color: #e1e1e1
}
.header-top li.down-menu:hover {
  border: #f5f5f6 solid;
  border-width: 0 1px;
  background-color: #fff
}
.header-top li.down-menu:hover+li::before {
  display: none
}
.header-top li.down-menu:hover::before {
  display: none
}
.header-top li.down-menu:hover>a {
  color: #4b88f3
}
.bar-expand {
  display: none;
  position: absolute;
  top: 50px;
  background: #e9e9ea;
  z-index: 997;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  text-align: left;
  line-height: 20px;
  -webkit-box-shadow: 0 0 9px 0 rgba(0, 0, 0, .15);
  -moz-box-shadow: 0 0 9px 0 rgba(0, 0, 0, .15);
  box-shadow: 0 0 9px 0 rgba(0, 0, 0, .15);
}
.header-top li.down-menu:hover .bar-expand {
  display: block;
  border-bottom: 1px #e5e5e5 solid;
  line-height: 1;
  color: #f60
}
.header-top li>a:hover {
  color: #4b88f3
}
.header-top li .user-name {
  display: inline-block;
  max-width: 150px;
  line-height: normal;
  vertical-align: text-bottom;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis
}
.header-top li.user {
  padding-left: 12px
}
.header-top .dot {
  position: absolute;
  right: 6px;
  top: 8px;
  display: block;
  width: 6px;
  height: 6px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  background-color: #4b88f3
}
.header-top .color-orange {
  color: #4b88f3
}
.header-top .bar-expand {
  top: 36px;
  border: 1px #f5f5f6 solid;
  border-top: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none
}
.header-top .bar-expand:before {
  display: none
}
.header-top .bar-expand-dingcloud {
  width: 100%;
  left: 0;
  background-color: #fff;
  text-align: center
}
.header-top .bar-msg-inner>a>span {
  color: #4b88f3
}
.header-top .bar-msg-inner>a {
  color: #292e2e
}
.header-top .bar-msg-inner>a:hover {
  color: #4b88f3
}
.header-top .bar-expand-msg .look-msg {
  color: #4b88f3
}
.header-top .bar-expand-msg .look-msg:hover {
  text-decoration: none
}
.header-top .bar-msg-inner>a>span {
  color: #4b88f3
}
.header-top .bar-dingcloud-inner>a {
  display: block;
  padding: 10px 0;
  color: #292e2e
}
.header-top .bar-dingcloud-inner>a+a {
  border-top: 1px #f5f5f6 solid
}
.header-top .bar-dingcloud-inner>a:hover {
  color: #4b88f3
}
.header-top .bar-dingcloud-inner>a>span {
  color: #4b88f3
}
.header-top .bar-expand-decode {
  width: 100%;
  left: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px;
  background-color: #fff;
  text-align: center
}
.header-top .bar-expand-decode img {
  width: 80px;
  height: 80px
}
.header-top .bar-expand-decode p {
  margin-top: 10px;
  color: #979c9b
}
.header-top .bar-expand-exit {
  width: 100%;
  width: 120px;
  left: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px;
  background-color: #fff;
  text-align: center;
  border-top: 1px #f5f5f6 solid
}
.header-top .bar-expand-exit img {
  width: 36px;
  height: 36px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  margin-right: 8px
}
.header-top .bar-expand-exit a {
  color: #979c9b
}
.header-top .bar-expand-exit a:hover {
  color: #f60
}
.header-top .bar-exit-inner {
  line-height: 36px
}
.city-change {
  position: relative;
  cursor: pointer;
  z-index: 100
}

.middle {
    position: relative;
    top: 2px;
}
.header-bar {
    width: 1200px;
    margin: 0 auto;
    padding-top: 35px;
    text-align: left;
    padding-bottom: 80px;
}
.header-bar>.logo {
  float: left;
  width: 210px;
  height: 50px;
  position: relative;
  top: -6px
}
.header-bar>.logo a {
  display: block;
  width: 100%;
  height: 100%
}
.header-bar>.logo img {
  width: 100%;
  height: 100%
}
.header-bar>.search {
  display: inline-block;
  vertical-align: middle;
  width: 520px;
  margin-left: 87px
}
.header-bar>.search label {
  position: relative;
  display: block
}
.header-bar>.search label:after {
  content:'';
  display: block;
  height: 0;
  clear: both
}
.header-bar>.search label .iconfont {
  position: absolute;
  left: 8px;
  top: 0;
  bottom: 0;
  margin: auto;
  font-size: 20px;
  color: #bcbaba;
  line-height: 40px
}
.header-bar>.search label .iconfont.iconhuaban3 {
  width: 18px;
  height:18px;
  background-size:cover;
}
.header-bar>.search input {
  display: block;
  float: left;
  width: 365px;
  padding: 0 16px 0 35px;
  line-height: 36px;
  height: 36px;
  border: 2px #10bbb8 solid;
  border-right: 0;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  font-size: 14px
}
.header-bar>.search input::-webkit-input-placeholder {
  color: #bababa
}
.header-bar>.search input::-moz-placeholder {
  color: #bababa
}
.header-bar>.search input:-ms-input-placeholder {
  color: #bababa
}
.header-bar>.search .btn {
  float: left;
  width: 102px;
  line-height: 40px;
  background-color: #10bbb8;
  color: #fff;
  font-size: 14px;
  text-align: center;
  cursor: pointer
}
.header-bar>.search .btn:hover {
  color: #fff;
  filter: alpha(opacity=60);
  -moz-opacity: .6;
  -khtml-opacity: .6;
  opacity: .6
}
.header-bar>.search .hot-push {
  font-size: 0;
  margin: 10px -8.5px 0;
  height: 16px
}
.header-bar>.search .hot-push>a {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 10.5px;
  font-size: 12px;
  color: #979c9b
}
.header-bar>.search .hot-push>a:hover {
  color: #10bbb8
}
.header-bar>.search .hot-push>a:before {
  content:'';
  position: absolute;
  left: -12px;
  top: 50%;
  margin-top: -7px;
  display: block;
  width: 1px;
  height: 14px;
  background-color: #eee
}
.header-bar>.search .hot-push>a:first-child:before {
  display: none
}
.header-bar>.search .hot-push>a.recommend {
  color: #10bbb8
}
.header-bar>.bar {
  float: right
}
.header-bar>.bar ul {
  font-size: 0
}
.header-bar>.bar li {
  display: inline-block;
  vertical-align: middle;
  margin: 0 12px;
  font-size: 14px;
  position: relative;
  line-height: 40px
}
.header-bar>.bar li:hover .bar-expand {
  display: block
}
.header-bar>.bar li>a {
  position: relative;
  color: #292e2e
}
.header-bar>.bar li>a>.dot {
  position: absolute;
  right: -6px;
  top: 0;
  display: block;
  width: 6px;
  height: 6px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  background-color: #10bbb8
}
.header-bar>.bar li>a>.num {
  position: relative;
  top: -1px;
  display: inline-block;
  vertical-align: middle;
  padding: 0 5px;
  margin-left: 3px;
  line-height: 16px;
  color: #fff;
  font-size: 12px;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
  background-color: #10bbb8
}
.header-bar>.bar li>a:hover {
  color: #10bbb8
}
.header-bar>.bar li .iconfont {
  color: #292e2e;
  margin-right: 5px
}
.header-bar>.bar li:first-child {
  margin-left: 0
}
.header-bar>.bar li:last-child {
  margin-right: 0
}
.header-bar>.bar li.user {
  max-width: 120px
}
.header-bar>.bar li.user a {
  display: inline-block;
  vertical-align: middle;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  max-width: 100%;
  color: #10bbb8
}
.header-bar>.bar li.user .bar-expand {
  font-size: 12px;
  background-color: #fff;
  padding: 10px 15px;
  line-height: 26px;
  width: 90px;
  right: 0
}
.header-bar>.bar li.user .bar-expand a {
  color: #292e2e
}
.header-bar>.bar li.user .bar-expand a:hover {
  color: #10bbb8
}
.header-bar>.bar li.user:hover .bar-expand:before {
  display: none
}
.header-bar>.bar .guagua-btn {
  min-width: 90px;
  color: #fff
}
.header-bar>.bar .guagua-btn:hover {
  color: #fff
}
.header-bar>.bar .bar-expand {
  top: 40px
}
.header-bar>.bar .bar-expand .bar-msg-inner>a:hover {
  color: #10bbb8
}
.header-bar>.bar .bar-expand .bar-msg-inner>a>span {
  color: #10bbb8
}
.header-bar>.bar .bar-expand>a {
  color: #10bbb8
}
.header-bar>.bar .bar-expand>a:hover {
  text-decoration: underline
}
.header-bar>.adver-box {
  /* display: inline-block; */
  width: 280px;
  height: 62px;
  float: right
}
.header-bar>.adver-box img {
  width: 100%;
  height: 100%
}
.hotline {
  float: right;
}

.hotline .left-icon {
    float: left;
    width: 40px;
    margin-right: 11px;
    margin-top: 2px;
}
.hotline .right-text {
  float: left;
}
.hotline .right-text span {
  font-size: 14px;
  font-family: PingFang SC;
  font-weight: 400;
  color: rgba(51, 51, 51, 1);
  display: block
}
.hotline .right-text b {
  font-size: 18px;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: rgb(75, 136, 243);
  display: block
}










.w1200 {
    width: 1200px;
    margin: 0 auto;
}
.term {
  width: 100%;
  height: 730px;
  overflow: hidden;
  background-image: url(../zzdximg/tiaojian_bg.jpg);
  background-size: 100% 730px;
}

.term-content {
  width: 100%;
  margin-top: 30px;
}

.term-content ul {
  width: 100%;
  height: 505px;
}

.term-content ul li {
  float: left;
  width: 588px;
  height: 100%;
  background-image: url(../zzdximg/tiaojian_line.png);
  padding: 48px 32px 0 32px;
  position: relative;
}

.term-content ul li:nth-child(1)::after {
    position: absolute;
    width: 114px;
    height: 110px;
    right: -66px;
    top: 180px;
    z-index: 9;
    content: "";
    background-image: url(../zzdximg/fuhao1.png);
}

.term-content ul li:nth-child(2)::after {
  position: absolute;
  width: 40px;
  height: 30px;
  right: -35px;
  top: 240px;
  content: "";
  background-image: url(../zzdximg/fuhao2.png);
  background-size: 40px 30px;
  background-position: center;
  background-repeat: no-repeat;
}

.term-content ul li:nth-child(n+2) {
  margin-left: 22px;
}

.term-content ul li h4 {
  font-size: 20px;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: rgba(41, 46, 46, 1);
  text-align: center;
  padding-bottom: 30px;
}

.term-content ul li p {
    padding-left: 55px;
    font-size: 15px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: rgba(82, 89, 89, 1);
    line-height: 50px;
    float: left;
    width: 250px;
}

.term-content ul li p span:nth-child(1) {
    display: inline-block;
    width: 20px;
    color: #10BBB8;
    vertical-align: top;
    float: left;
}

.term-content ul li p span:nth-child(2) {
  width: 266px;
}

.term-content ul li div {
  width: 200px;
  height: 40px;
  border: 1px solid rgba(255, 108, 0, 1);
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: rgba(255, 108, 0, 1);
  line-height: 38px;
  text-align: center;
  margin: 0 auto;
  position: absolute;
  bottom: 70px;
  left: 50%;
  margin-left: -100px;
}

.term-content ul li div:hover {
  background: linear-gradient(60deg, rgba(255, 154, 5, 1), rgba(255, 108, 0, 1));
  box-shadow: 0px 6px 15px 1px rgba(255, 108, 0, 0.3);
  color: rgba(255, 255, 255, 1);
  border: none;
  cursor: pointer;
}

.term-content ul li:nth-child(3) {
  text-align: center;
}

.term-content ul li:nth-child(3) img {
  width: 239px;
  height: 336px;
}

.term-content ul li:nth-child(3) h5 {
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: rgba(82, 89, 89, 1);
  margin-top: 24px;
}

.procedure {
  width: 100%;
  height: 623px;
  overflow: hidden;
  background-image: url(../zzdximg/lc_bg.jpg);
  background-size: 100% 623px;
}

.procedure .model-title h4 {
  color: rgba(255, 255, 255, 1);
}

.procedure-content {
  width: 100%;
  height: 440px;
  overflow: hidden;
  margin-top: 30px;
}

.procedure-left {
  float: left;
  width: 570px;
  height: 440px;
  background: #F0F6F9;
}

.procedure-left .content-top {
  background: url(../zzdximg/lc_dgg.png);
}
.icp-process{background: url(../zzdximg/tiaojian_bg.jpg) no-repeat;}
.procedure-right {
  float: right;
  width: 570px;
  height: 440px;
  background: #FFFEFF;
  position: relative;
}

.content-top {
  width: 100%;
  height: 93px;
  background: url(../zzdximg/lc_geren.png);
  text-align: center;
  padding-top: 30px;
}

.content-top img {
  width: 28px;
  height: 3px;
  vertical-align: middle;
}

.content-top span {
  font-size: 24px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: rgba(255, 255, 255, 1);
  line-height: 25px;
  vertical-align: middle;
}

.content-centenr {
  width: 100%;
  height: 348px;
  padding: 15px 40px 40px 40px;
}

.content-centenr p {
  width: 490px;
  height: 60px;
  background: rgba(255, 255, 255, 1);
  border-radius: 30px 0 0 30px;
  padding-left: 160px;
  line-height: 60px;
}



.factor {
    width: 100%;
    height: 485px;
    background: #fff;
    overflow: hidden;
}

.factor-list {
  width: 100%;
  height: 315px;
  margin-top: 42px;
}

.factor-list li {
  float: left;
  width: 20%;
  height: 100%;
  position: relative;
  text-align: center;
}

.jb-hover {
  position: absolute;
  top: 12px;
  left: 68px;
  background: url(../zzdximg/jianbian.png) no-repeat;
  width: 130px;
  height: 114px;
  display: none;
  transition: all .3s;

}

.factor-list li:hover .jb-hover {
  display: block;
}

.factor-list li:nth-child(n+2)::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 5px;
  height: 315px;
  background-image: url(../zzdximg/tiaojian_line.png);
  background-size: 5px 315px;
}

.factor-list li img {
  width: 130px;
  height: 114px;
}

.factor-list li h5 {
  font-size: 18px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: rgba(41, 46, 46, 1);
  margin-top: 29px;
}

.factor-list li p {
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: rgba(151, 156, 155, 1);
  margin-top: 20px;
}

.factor-list li .detail {
    width: 120px;
    height: 36px;
    border: 1px solid rgb(69, 127, 196);
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: rgb(70, 128, 197);
    line-height: 36px;
    text-align: center;
    position: absolute;
    bottom: 75px;
    left: 62px;
    cursor: pointer;
}

.factor-list li:hover .detail {
    background: linear-gradient(60deg, rgb(124, 189, 243), rgb(41, 93, 170));
    box-shadow: 0px 6px 15px 1px rgba(126, 189, 245, 0.52);
    border: none;
    color: rgba(255, 255, 255, 1);
}

.cost {
  width: 100%;
  height: 705px;
  overflow: hidden;
  background-image: url(../zzdximg/cailiao_bg.jpg);
  background-size: 100% 705px;
}

.cost .model-title h4 {
  color: rgba(255, 255, 255, 1);
}

.cost-list {
  width: 100%;
  height: 514px;
  margin-top: 40px;
}

.cost-list-left {
  float: left;
  width: 520px;
  height: 100%;
  position: relative;
}

.cost-list-left img {
  width: 520px;
  height: 100%;
}

.cost-list-right {
  float: right;
  width: 520px;
  height: 100%;
  background-image: url(../zzdximg/kuang_right.png);
  background-size: 520px 100%;
  padding: 48px 0 0 40px;
  position: relative;
}

.cost-list-right p {
  font-size: 0;
  line-height: 30px;
}

.cost-list-right p span:first-child {
  font-size: 16px;
  font-family: Arial;
  font-weight: bold;
  color: rgba(40, 226, 223, 1);
  display: inline-block;
  vertical-align: top;
}

.cost-list-right p span:nth-child(2) {
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: rgba(255, 255, 255, 1);
  display: inline-block;
  width: 400px;
  margin-left: 10px;
}

.cost-list-right h6 {
  font-size: 12px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: rgba(147, 147, 147, 1);
  margin-top: 20px;
  padding-left: 34px;
}

.cost-list-right div {
  width: 280px;
  height: 40px;
  border: 1px solid rgba(223, 227, 232, 1);
  text-align: center;
  line-height: 40px;
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: rgba(255, 255, 255, 1);
  cursor: pointer;
  margin-top: 50px;
  margin-left: 80px;
}

.cost-list-right div:hover {
  background: linear-gradient(60deg, rgba(40, 179, 231, 1), rgba(64, 255, 181, 1));
  border: none;
}

.cost-list-right::before {
  position: absolute;
  top: 176px;
  left: -100px;
  content: "";
  width: 37px;
  height: 37px;
  background-image: url(../zzdximg/ziliao_middle.png);
  background-size: 37px 37px;
}

.cost-list-left::before {
  position: absolute;
  top: 263px;
  right: -128px;
  content: "";
  width: 89px;
  height: 28px;
  background-image: url(../zzdximg/jiantou_icon.png);
  background-size: 89px 28px;
}

.model-title {
    text-align: center;
    padding-top: 80px;
}.model-title h4 {
    font-size: 32px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: rgba(41, 46, 46, 1);
}






.nd {
  width: 100%;
  height: 790px;
  background: url(../zzdximg/diff_bg.png) center;
  padding-top: 60px;
  box-sizing: border-box;
}

.nd h1.title {
  color: #fff;
}

.nd p.titp {
  color: #fff;
}

.nd .box {
  width: 1200px;
  height: 484px;
  background: url(../zzdximg/nd-bg.png) no-repeat;
  box-sizing: border-box;
  margin: 35px auto 0 auto;
  padding: 5px 25px 0 15px;
}

.nd .box .left {
  width: 541px;
  float: left;
  padding-left: 4px;
  box-sizing: border-box;
}

.nd .box .left h1 {
  font-size: 24px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: rgba(255, 255, 255, 1);
  line-height: 58px;
  text-align: center;
  margin-bottom: 60px;
}

.nd .box .left .tit {
  margin-bottom: 20px;
  padding-left: 15px;
}

.nd .box .left .tit h2 {
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: rgba(4, 245, 254, 1);
  margin-bottom: 10px;
}

.nd .box .left .tit p {
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
    line-height: 30px;
    opacity: 0.8;
    width: 475px;
    box-sizing: border-box;
    padding-left: 18px;
}

.nd .box .left .tit h2 span {
  width: 8px;
  height: 8px;
  display: inline-block;
  background: rgba(4, 245, 254, 1);
  transform: rotate(45deg);
  vertical-align: 2px;
  margin-right: 9px;
}

.nd .box .right {
  float: right;
}

.nd .box .right .tit {
  padding-left: 52px;
}

.cr {
  width: 100%;
  height: 592px;
  background: url(../zzdximg/cr-bg.png);
  box-sizing: border-box;
  padding-top: 60px;
}

.cr .box {
  width: 1198px;
  height: 378px;
  background: rgba(255, 255, 255, 1);
  box-shadow: 0px 0px 9px 1px rgba(220, 220, 220, 0.5);
  box-sizing: border-box;
  padding: 9px;
  margin: 32px auto 0 auto;
}

.cr .box .left {
  float: left;
}

.cr .box .left div {
  width: 581px;
  height: 175px;
  background: rgba(242, 241, 249, 1);
  box-sizing: border-box;
  padding: 24px;
  position: relative;
}

.cr .box .left div img {
  height: 175px;
  position: absolute;
  top: 0;
  right: 0;
}

.cr .box .left div:nth-child(2) {
  margin-top: 10px;
}

.cr .box .left:first-child {
  margin-right: 16px;
}

.cr .box .left div h1 {
  font-size: 18px;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: rgba(51, 51, 51, 1);
  line-height: 24px
}

.cr .box .left div p {
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: rgba(136, 136, 136, 1);
  line-height: 24px;
  width: 384px;
  margin: 10px 0 25px 0;
}

.cr .box .left div a {
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: rgba(153, 153, 153, 1);
  line-height: 24px;
}

.cr .box .left div:hover {
  background: rgb(240, 249, 249);
}

.cr .box .left div:hover a {
  color: #10BBB8;
}

.DGG_cd {
  padding: 0px 0 60px 0;
  background: #fff;
  box-sizing: border-box;
  background-color: #f1f3f5;
}

.DGG_cd .DGG_cd_content {
  height: 416px;

}

.DGG_cd .DGG_cd_content>ul {
  float: left;
  width: 414px;
}

.DGG_cd .DGG_cd_content>ul li {
  float: left;
  width: 200px;
  height: 200px;
  background-color: #ffffff;
  margin-right: 12px;
  margin-bottom: 15px;
  cursor: pointer;
}

.DGG_cd .DGG_cd_content>ul li:nth-child(2n+0) {
  margin-right: 0;
}

.DGG_cd .DGG_cd_content>ul li>i {
  display: block;
  width: 80px;
  height: 81px;
  overflow: hidden;
  background: url("../zzdximg/shili_icon.png") no-repeat;
  margin: 40px auto 0;
}

.DGG_cd .DGG_cd_content>ul li>span {
  display: block;
  text-align: center;
  font-size: 16px;
  color: #666;
  margin-top: 20px;
}

.DGG_cd .DGG_cd_content>ul li:nth-child(2)>i {
  background-position-x: -80px;
}

.DGG_cd .DGG_cd_content>ul li:nth-child(3)>i {
  background-position-x: -160px;
}

.DGG_cd .DGG_cd_content>ul li:nth-child(4)>i {
  background-position-x: -240px;
}

.DGG_cd .DGG_cd_content>ul .active:nth-child(1)>i {
  background-position-x: -320px !important;
}

.DGG_cd .DGG_cd_content>ul .active:nth-child(2)>i {
  background-position-x: -400px !important;
}

.DGG_cd .DGG_cd_content>ul .active:nth-child(3)>i {
  background-position-x: -480px !important;
}

.DGG_cd .DGG_cd_content>ul .active:nth-child(4)>i {
  background-position-x: -560px !important;
}

.DGG_cd .DGG_cd_content>ul .active {
  background: linear-gradient(60deg, rgba(43, 163, 207, 1), rgba(59, 229, 226, 1));
}

.DGG_cd .DGG_cd_content>ul .active>span {
  color: #fff;
}

.DGG_cd .DGG_cd_content>ul .active>i {
  background-position-y: -80px;
}

.DGG_cd .DGG_cd_content .DGG_cd_cont {
  float: right;
  width: 767px;
  height: 416px;
  background-color: #ffffff;
  overflow: hidden;
}

.DGG_cd .DGG_cd_content .DGG_cd_cont>div {
  width: 100%;
  height: 100%;
  background-color: #fff;
  padding: 26px 24px 0 24px;
  position: relative;
  box-sizing: border-box;
}





.tel {
    padding: 0;
    margin: 0 auto;
    margin-top: 65px;
    width: 529px;
    background: #fff;
    border: 1px solid rgb(60, 109, 180);
    height: 56px;
    line-height: 56px;
    padding-left: 39px;
    box-sizing: border-box;
}

.tel img {
  vertical-align: -9%;
  margin-right: 8px;
}

.tel span {
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: rgba(82, 89, 89, 1);
  height: 56px;
}

.tel i {
    height: 54px;
    background: linear-gradient(90deg, rgb(60, 105, 175) 0%, rgb(63, 155, 234) 100%);
    box-sizing: border-box;
    padding-right: 0;
    text-align: center;
    line-height: 54px;
    display: block;
    float: right;
    color: #fff;
    font-size: 14px;
    width: 130px;
    cursor: pointer;
}

.tel strong {
  font-size: 22px;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #FF9906;
  line-height: 24px;
  vertical-align: -6%;
}

strong, em, i {
    font-style: normal;
    font-weight: normal;
}













@charset "utf-8";
/* CSS Document */


.why {
  width: 100%;
  height: 550px;
  background: rgba(242, 244, 245, 1);
  overflow: hidden;
}

.why-list {
  width: 100%;
  height: 194px;
  margin-top: 30px;
}

.why-list li {
  float: left;
  width: 400px;
  height: 100%;
  position: relative;
  transition: all .6s;
}

.why-list li img {
  width: 400px;
}

.why-list li p {
    position: absolute;
    top: 100px;
    left: 40px;
    font-size: 13px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: rgba(83, 89, 89, 1);
    width: 320px;
    line-height: 21px;
}

.why-list li:hover {
  margin-top: -10px;
}

.solve {
  width: 100%;
  height: 668px;
  overflow: hidden;
  background-image: url(../zzdximg/capacity-bg.png);
  background-position: center -30px;
  background-color: #ffffff;
}

.solve-list {
  width: 100%;
  height: 450px;
  margin-top: 55px;
}

.solve-list li {
  width: 100%;
  height: 150px;
}

.solve-list li div {
  float: left;
}

.solve-list li h5 {
  font-size: 18px;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: rgba(41, 46, 46, 1);
}

.solve-list li p {
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: rgba(151, 156, 155, 1);
  margin-top: 16px;
}

.item-slove1 div:first-child {
  margin-left: 44px;
}

.item-slove1 div:last-child {
  margin-left: 532px;
}

.item-slove2 div:first-child {
  margin-left: 15px;
  margin-top: 32px;
}

.item-slove2 div:last-child {
  margin-left: 592px;
  margin-top: 20px;
}

.item-slove3 div:first-child {
  margin-left: 40px;
  margin-top: 40px;
}

.item-slove3 div:last-child {
  margin-left: 562px;
  margin-top: 40px;
}


.needs {
  width: 100%;
  height: 540px;
  background: url(../zzdximg/anlibg.png) no-repeat;
  overflow: hidden;
}

.needs-list {
  width: 100%;
  height: 336px;
  padding: 0 37px;
  margin-top: 40px;
  text-align: center;
}

.needs-list li {
  width: 166px;
  height: 100%;
  float: left;
}

.needs-list li:nth-child(n+2) {
  margin-left: 74px;
}

.needs-list li img {
  width: 166px;
  height: 166px;
}

.needs-list li>p {
  font-size: 18px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color:#fff;
  margin-top: 30px;
}

.needs-list li>div {
    width: 120px;
    height: 40px;
    border: 1px solid rgb(255, 255, 255);
    text-align: center;
    margin-left: 23px;
    margin-top: 34px;
    cursor: pointer;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    line-height: 40px;
}


.needs-list li>div:hover {
    background: linear-gradient(60deg, rgb(15, 205, 219), rgb(15, 114, 200));
    box-shadow: 0px 6px 15px 1px rgb(0, 120, 154);
    color: rgba(255, 255, 255, 1);
    border: none;
}

.dgg-sl {
  width: 100%;
  height: 866px;
  background: #f8f8f8;
  overflow: hidden;
}

.ds-list {
  height: 172px;
  margin-top: 64px;
}

.ds-list ul li {
  position: relative;
  float: left;
  margin-right: 12px;
  width: 230px;
  height: 172px;
  text-align: center;
  background: rgba(255, 255, 255, 1);
  box-shadow: 0px 1px 9px 1px rgba(154, 154, 154, 0.15);

}

.ds-list ul li:hover h3,
.ds-list ul li:hover p {
  color: #10bbb8;
}

.ds-list ul li:last-child {
  margin-right: 0;
}

.ds-list ul li .img {
  width: 64px;
  height: 64px;
  margin: 0 auto;
  background-image: url(../zzdximg/dgg_icon.png);
  margin-top: -32px;
}

.ds-list ul li h3 {
  font-weight: bold;
  font-family: DIN;
  font-size: 36px;
  line-height: 26px;
  color: #2B2D2C;
  padding-top: 30px;
}

.ds-list ul li h3 span {
  font-weight: bold !important;
  font-size: 16px !important;
  margin-left: 6px;
}

.ds-list ul li h3 i {
  font-size: 27px !important;
  font-weight: normal !important;
}

.ds-list ul li p {
  color: #979C9B;
  padding-top: 12px;
}


.ds-li1 .img {
  background-position: 0 0;
}

.ds-li2 .img {
  background-position: -64px 0;
}

.ds-li3 .img {
  background-position: -128px 0;
}

.ds-li4 .img {
  background-position: -192px 0;
}

.ds-li5 .img {
  background-position: -256px 0;
}

.ds-list ul li.ds-li1:hover .img {
  background-position: 320px 0;
}

.ds-list ul li.ds-li2:hover .img {
  background-position: 256px 0;
}

.ds-list ul li.ds-li3:hover .img {
  background-position: 192px 0;
}

.ds-list ul li.ds-li4:hover .img {
  background-position: 128px 0;
}

.ds-list ul li.ds-li5:hover .img {
  background-position: 64px 0;
}

.ds-img {
  height: 430px;
  margin-top: 13px;
  background: #fff;
  box-sizing: border-box;
}

.ds-img ul li {
  float: left;
  width: 228px;
  height: 200px;
  position: relative;
  margin-top: 10px;
  margin-left: 10px;
  overflow: hidden;

}

.ds-img ul li img {
  width: 100%;
  height: 200px;
  transition: all .6s;
  transform: scale(1);
}

.ds-img ul li:hover img {
  transform: scale(1.05);
}

.ds-img ul li p {
  height: 28px;
  line-height: 28px;
  color: #fff;
  position: absolute;
  bottom: 10px;
  background: rgba(0, 0, 0, .6);
  font-size: 14px;
  z-index: 1;
  padding: 0 10px;
}




.needs-list li>h6 {
    font-size: 12px;
    font-family: Arial;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.69);
    margin-top: 4px;
}