@charset "utf-8";
/*============================ 初始化样式 ============================*/
*{margin:0;padding:0;box-sizing: border-box}
body{font-size:14px;font-family:"Microsoft YaHei","微软雅黑","SimSun","宋体",sans-serif;min-width:1300px;overflow-x: hidden;}
li{list-style:none;}
img{border:0}
a{text-decoration:none;color:#333;}
a:hover{text-decoration:none;}
input,textarea,button{outline:0;border:0;resize:none;}
.text-cut{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.container{max-width: 1300px;margin: 0 auto}
.text-center{text-align: center}
.fl{float: left}
.fr{float: right}
.clear{clear: both}

/*============================ 头部 ============================*/
.top{display: flex;justify-content: space-between;align-items: center;position: relative}
.nav{}
.nav ul{display: flex;justify-content: space-between}
.nav ul li{padding: 0 15px;font-size: 16px;line-height: 68px;border-bottom: 2px solid #fff}
.nav ul li.on{border-color: #0cf}
.nav ul li:hover a,.nav ul li.on a{color: #0cf}
.topr{display: flex;justify-content: space-between;align-items: center;position: relative}
.topr dd{color: #666}
.topr dd b{color: #333}
.topr a{background: #0cf;border: 1px solid #0cf;color: #fff;display: inline-block;text-align: center;line-height: 34px;margin-left: 8px;border-radius: 20px;padding: 0 31px}
.topr a:last-child{ color: #0cf;background: #fff;}
.topr a:hover{background: #0cf;color: #fff}
/*.top .wechat{position: absolute;top: 62px;right: -10px;background: #fff;padding: 6px;width: 110px;display: none;transition: all 0.2s;z-index: 99}
.top .wechat img{max-width: 100%;vertical-align: middle}
.top .wechat:before{content: '';position: absolute;top: -20px;left: 50%;margin-left: -10px;width:0;height:0;border:10px solid transparent;border-bottom-color:#fff;}
.top a:hover dl{opacity: 1}*/

/*============================ banner ============================*/
.ban{position: relative}
.banner{overflow: hidden;position: relative}
.banner ul li{height: 470px;}
.banner .swiper-pagination-bullets{bottom: 20px!important;left: 50%;margin-left: -36%}
.banner .swiper-pagination-bullet{background: #fff;opacity: 1;width: 10px;height: 10px;}
.banner .swiper-pagination-bullet-active{margin: 0 5px;background-color: #fff;width: 20px;height: 8px;opacity: 1;border-radius: 5px;}

.ban .left-nav{width: 340px;height:100%;background: #fff;position: absolute;top: 0;left: 50%;margin-left: -650px;z-index: 9;padding: 20px 23px}
.ban .left-nav ul li{margin-bottom: 20px}
.ban .left-nav ul li h3{margin-bottom: 10px;font-size: 14px}
.ban .left-nav ul li a{color: #999;font-size: 12px;margin-right: 10px}
.ban .left-nav .all{width: 100%;height: 45px;line-height: 45px;border: 1px solid #eee;border-left: none;border-right: none;text-align: center;position: absolute;left: 0;bottom: 0;}
.ban .left-nav .all a{display: block;width: 100%;height: 100%;}
.ban .left-nav .all i{display: inline-block;width: 18px;height: 18px;margin: 0 10px 0 0;background: url("../service_img/icons.png") no-repeat -306px -84px;vertical-align: middle;transition: all .3s;}
.ban .left-nav .all:hover i{transform: rotate(180deg);transition: all .3s;}
.ban .left-nav .all span{font-size: 15px;font-weight: bold;vertical-align: middle;transition: all .3s;color:#0cf;}
.ban .left-nav .all:hover span{color: #333;transition: all .3s;}
.ban .left-nav ul li a:hover {color: #0cf;}

.ban .wechat{position: absolute;top: 10px;left: 50%;margin-left:550px;background: #fff;padding: 6px;width: 110px;display:none;transition: all 0.2s;z-index: 99}
.ban .wechat img{max-width: 100%;vertical-align: middle}
.ban .wechat:before{content: '';position: absolute;top: -20px;left: 50%;margin-left: -10px;width:0;height:0;border:10px solid transparent;border-bottom-color:#fff;}
.ban a:hover dl{opacity: 1}


/*============================ 首页 ============================*/
/* 首页分类 */
.oneNav{padding: 26px 0;overflow: hidden}
.oneNav ul li{float:left;width:25%;position: relative;padding: 0 0 0 45px;cursor: pointer;}
.oneNav ul li:after{content: "";display: block;width: 2px;height: 90px;background-color: #f3f5f8;position: absolute;right: 0;top: 0;}
.oneNav ul li:last-child:after{display: none;}
.oneNav .cont{display: flex;align-items: center;height: 90px;}
.oneNav .i-ico{width: 72px;height: 60px;position: unset;background: url(../service_img/icons.png) no-repeat;}
.oneNav .i-ico.i-01{background-position: 0 -668px;}
.oneNav .i-ico.i-02{background-position: -93px -668px;}
.oneNav .i-ico.i-03{background-position: -185px -668px;}
.oneNav .i-ico.i-04{background-position: -278px -668px;}
.oneNav .infor{margin: 0 0 0 20px;}
.oneNav h3{font-size: 18px;font-weight: bold;color: #333;position: relative;display: inline-block}
.oneNav h3 .i-ico{width: 24px;height: 14px;background-position: 0 -504px;position: absolute;left: unset;right: -30px;top: -5px;}
.oneNav h3 span{color: #f30;}
.oneNav .tips{color: #888;margin-top:10px;}
.oneNav .cover{display: none;width: 100%;height: 100%;position: absolute;top: 0;left: 0;background-color: rgba(240,242,246,.8);border-radius: 2px;}
.oneNav ul li:hover .cover{display: block;}
.oneNav ul li:hover .cont{filter: blur(1.5px);}
.oneNav .cover .btn{display: block;width: 140px;height: 36px;line-height: 34px;border: 1px solid #00ceff;background-color: #00ceff;color: #fff;text-align: center;border-radius: 36px;font-size: 14px;margin: 0 auto;position: relative;top: 50%;transform: translateY(-50%);box-sizing: border-box;}

.title{text-align: center;margin-top: 50px}
.title h2{position: relative;font-size: 30px;font-weight: normal}
.title h2:before {width: 100%;height: 1px;background: #ddd;position: absolute;top: 50%;content: "";left: 0;}
.title h2 span{background: #fff;padding:0 20px;position: relative;z-index: 2;font-size: 30px;line-height:48px;display: inline-block;}
.title p{font-size: 16px;color: #666;margin-top: 15px;line-height: 1.8}

.oneA{background: #f0f2f6;overflow: hidden}
.oneA .title h2 span{background: #f0f2f6}
.oneA ul{padding: 10px 0 50px;}
.oneA li{float: left;width: 630px;box-sizing: border-box;margin-top: 35px;transition: all 0.5s}
.oneA li:hover{transform: translateY(-10px);box-shadow: 0 0 8px 0 rgba(0,0,0,.15);}
.oneA .item-inner{border:1px solid #eee;overflow: hidden;background: #fff;}
.oneA .imgbox{position: relative;float: left;width:297px;}
.oneA .imgbox img{vertical-align: middle;}
.oneA .imgbox dl{color:#fff;position: absolute;left: 20px;top:35px;width: 137px;}
.oneA .imgbox dt{font-size: 18px;line-height: 36px;margin-bottom: 5px;}
.oneA .imgbox dd{font-size: 12px;line-height: 22px;color:rgba(255,255,255,0.7);}
.oneA .txtbox{padding:23px 0 24px;margin-left:300px;text-align: center;}
.oneA .txtbox div{line-height: 30px;margin-bottom: 8px;font-size: 18px;}
.oneA .txtbox p{line-height: 22px;color:#999;height: 44px;}
.oneA .txtbox .b-btn{padding:0 10px;height: 46px;line-height: 46px;color:#fff;margin-top:2px;width: 80%;max-width: 166px;display: inline-block;border-radius: 4px;border: 1px solid #0cf;}
.oneA .item-01 .b-btn{background: #2569d6;border-color: #2569d6;}
.oneA .item-01 .b-btn:hover{background: none;color:#2569d6;}
.oneA .item-02 .b-btn{background: #2BB2E2;border-color: #2BB2E2;}
.oneA .item-02 .b-btn:hover{background: none;color:#2BB2E2;}
.oneA .item-03 .b-btn{background: #865fc4;border-color: #865fc4;}
.oneA .item-03 .b-btn:hover{background: none;color:#865fc4;}
.oneA .item-04 .b-btn{background: #16988e;border-color: #16988e;}
.oneA .item-04 .b-btn:hover{background: none;color:#16988e;}
.oneA li:nth-child(2n){float: right}

.oneB{margin-top: 45px;overflow: hidden}
.oneB .tab-box{position: relative;}
.oneB .tab-head{position: absolute;left: 354px;right: 0;top: 0;}
.tab-head li{display: inline-block;width:140px;height:50px;border:1px solid #ddd;font-size: 16px;margin:0 5px 15px;text-align: center;line-height: 50px;cursor: pointer;background: none;}
/*.tab-head li.cur,.tab-head li:hover,.tab-head li.swiper-pagination-bullet-active{color:#fff;border-color:#0cf;background: #0cf;}*/
.oneB .tab-head li{width: 25%;float: left;margin: 0 -1px;background: #fff;font-size: 16px;font-weight: bold;line-height: 44px;padding-top: 3px;height:50px;cursor: pointer;}
.oneB .tab-head li.on,.oneB .tab-head li:hover{border-top-width: 4px;padding-top: 0;background: #fff;border-color: #ddd;box-shadow: 0 0 10px 0 rgba(19,20,20,0.23);position: relative;}
.oneB .tab-head li.on a,.oneB .tab-head li:hover a{color:#333;}
.oneB .tab-head li.li-01.on,.oneB .tab-head li.li-01:hover{border-top-color: #00aeff;color:#00aeff;}
.oneB .tab-head li.li-02.on,.oneB .tab-head li.li-02:hover{border-top-color: #47ca8c;color:#47ca8c;}
.oneB .tab-head li.li-03.on,.oneB .tab-head li.li-03:hover{border-top-color: #ba7dc8;color:#ba7dc8;}
.oneB .tab-head li.li-04.on,.oneB .tab-head li.li-04:hover{border-top-color: #f4934f;color:#f4934f;}
.oneB .tab-head li.li-05.on,.oneB .tab-head li.li-05:hover{border-top-color: #5a96ef;color:#5a96ef;}
.oneB .left-cont{width: 300px;padding:37px 30px;box-sizing: border-box;}
.oneB .left-cont h5{line-height: 34px;font-size: 24px;color:#fff;font-weight: normal}
.oneB .left-cont p{font-size: 14px;line-height: 24px;height: 72px;margin-top: 10px;color:rgba(255,255,255,.7);}
.oneB .left-cont dl{margin-top: 18px;height: 277px;}
.oneB .left-cont dd{font-size: 13px;line-height: 20px;color:#fff;font-weight: bold;padding-bottom: 10px;overflow: hidden;}
.oneB .left-cont dd .cont-ico{background-position: 0 0;float: left;margin-top: 2px;}
.oneB .left-cont dd span{margin:0 20px 0 30px;display: block;}
.oneB .left-cont .b-btn{height: 38px;line-height: 38px;padding: 0 71px;font-size: 16px;background: none;border-radius: 0;display: inline-block;border: 1px solid #fff;color: #fff}
.oneB .left-cont .b-btn:hover{background: #fff;color:#0cf;}
.oneB .tab-content ul{margin:0 0 0 300px;padding-top: 88px;}
.oneB .tab-content li{float: left;width: 33.33%;box-sizing: border-box;padding:0 0 0 54px;}
.oneB .tab-content .item-inner{box-shadow: 0 0 10px 0 rgba(19,20,20,0.2);background: #fff;}
.oneB .item-inner .li-head{background:#f6f6f6;padding: 24px 27px;color:#999;line-height: 24px;}
.oneB .item-inner .li-head dt{font-size: 16px;font-weight: bold;color:#333;margin-bottom: 10px;
    display: flex;justify-content: space-between;align-items: center;}
.oneB .item-inner h5{background: #fff;font-weight:normal;padding: 14px 30px;font-size: 16px;line-height: 24px;box-shadow: 0 0 10px 0 rgba(19,20,20,0.2);}
.oneB .item-inner .li-list{padding: 21px 25px 13px;font-size: 13px;line-height: 30px;height: 124px;}
.oneB .item-inner .li-list .cont-ico{float: left;margin-top: 8px;}
.oneB .item-inner .li-list span{margin-left: 20px;display: block;}
.oneB .item-inner .li-price{font-size: 16px;color:#333;padding: 15px 30px 28px;border-top: 1px solid #e5e5e5;height: 84px;line-height: 48px}
.oneB .item-inner .li-price span{color:#fd4c05;font-size: 18px;}
.oneB .item-inner .li-price span span{font-size:30px;line-height: 40px;}
.oneB .item-inner .li-btns {overflow: hidden;}
.oneB .item-inner .li-btns .b-btn{width: 50%;float: left;height: 45px;line-height: 43px;font-size: 16px;box-sizing: border-box;display: inline-block;text-align: center;color: #fff;border: 1px solid #0cf;}
.cont-ico {background: url(../service_img/new_indexico.png) no-repeat;width: 18px;height: 15px;display: inline-block;}
.oneB .content-01 .left-cont,.oneB .content-01 .li-btns .b-btn:first-child{background-color: #00aeff;border-color:#00aeff;}
.oneB .content-01 .li-list .cont-ico{background-position: 0 -20px;}
.oneB .content-01 .li-btns .b-btn{background: #0cf;}
.oneB .content-01 .li-btns .b-btn:hover,.oneB .content-01 .left-cont .b-btn:hover{background: #fff;color:#00aeff;}
.oneB .content-02 .left-cont,.oneB .content-02 .li-btns .b-btn:first-child{background-color: #02c486;border-color:#02c486;}
.oneB .content-02 .li-list .cont-ico{background-position: 0 -40px;}
.oneB .content-02 .li-btns .b-btn{background: #43d87b;border-color:#43d87b;}
.oneB .content-02 .li-btns .b-btn:hover,.oneB .content-02 .left-cont .b-btn:hover{background: #fff;color:#02c486;}
.oneB .content-03 .left-cont,.oneB .content-03 .li-btns .b-btn:first-child{background-color: #ad61ca;border-color:#ad61ca;}
.oneB .content-03 .li-list .cont-ico{background-position: 0 -60px;}
.oneB .content-03 .li-btns .b-btn{background: #ba7dc8;border-color:#ba7dc8;}
.oneB .content-03 .li-btns .b-btn:hover,.oneB .content-03 .left-cont .b-btn:hover{background: #fff;color:#ad61ca;}
.oneB .content-04 .left-cont,.oneB .content-04 .li-btns .b-btn:first-child{background-color: #ff5e1e;border-color:#ff5e1e;}
.oneB .content-04 .li-list .cont-ico{background-position: 0 -80px;}
.oneB .content-04 .li-btns .b-btn{background: #f88534;border-color:#f88534;}
.oneB .content-04 .li-btns .b-btn:hover,.oneB .content-04 .left-cont .b-btn:hover{background: #fff;color:#ff5e1e;}
.oneB .content-05 .left-cont,.oneB .content-05 .li-btns .b-btn:first-child{background-color: #5a96ef;border-color:#5a96ef;}
.oneB .content-05 .li-list .cont-ico{background-position: 0 -100px;}
.oneB .content-05 .li-btns .b-btn{background: #71a9fb;border-color:#71a9fb;}
.oneB .content-05 .li-btns .b-btn:hover,.oneB .content-05 .left-cont .b-btn:hover{background: #fff;color:#71a9fb;}

.oneC{padding: 0;}
.oneC .tab-head{overflow: hidden;display: flex;justify-content: center}
.oneC .tab-box{margin-top: 40px}
.b-btn {background: #0cf;height: 34px;border: 1px solid #0cf;color: #fff;display: inline-block;text-align: center;line-height: 34px;}
.b-btn:hover {background: #fff;color: #0cf;}
.oneC .tab-head li{width: 20%;float: left;background: #fff;font-size: 18px;line-height:54px;height:54px;margin:0;border:none;border-bottom: 3px solid transparent;}
.oneC .tab-head li.on,.oneC .tab-head li:hover{border-color:#0cf;font-weight: bold;background: #fff;color:#0cf;}
.oneC .tab-main{overflow:hidden;border-top: 1px solid #e7eaee;background: url(../service_img/new_indexbg03.png) no-repeat center top;}
.oneC .left-cont{width: 300px;padding:50px 12px;box-sizing: border-box;}
.oneC .left-cont h5{line-height: 34px;font-size: 18px;font-weight: bold;}
.oneC .left-cont p{font-size: 14px;line-height: 24px;height: 72px;margin-top: 16px;}
.oneC .left-cont dl{margin-top:23px;height:125px;}
.oneC .left-cont dd{font-size: 14px;line-height:30px;overflow: hidden;}
.oneC .left-cont dd .cont-ico{background-position: 0 -120px;float: left;margin-top:8px;}
.oneC .left-cont dd span{margin:0 0 0 27px;display: block;}
.oneC .left-cont a{color:#0cf;display: none;}
.oneC .right-cont{border-left: 1px solid #e7eaee;margin:0 0 0 315px;}
.oneC .right-cont h4{font-size: 16px;line-height: 70px;padding-left: 26px;font-weight: bold;}
.oneC .right-cont h4 a{float: right;font-weight: normal;font-size: 14px;color:#666;}
.oneC .right-cont ul{overflow: hidden;}
.oneC .right-cont li{float: left;width: 33.33%;box-sizing: border-box;padding:33px 19px 40px 26px;position: relative;border-left: 1px solid #e7eaee;background: #fff;border-bottom: 1px solid #e7eaee;}
.oneC .right-cont li:first-child{border-left: none;}
.oneC .right-cont li .li-head{color:#666;line-height: 24px;}
.oneC .right-cont li .li-head dt{font-size: 16px;color:#333;}
.oneC .right-cont li .li-head dt span{color: #0cf;font-size: 12px;line-height: 12px;padding: 1px 4px;display: inline-block;margin-left: 10px;border: 1px solid #0cf;}
.oneC .right-cont li .li-head dd{margin: 10px 0;}
.oneC .right-cont li .li-tip{font-size: 13px;color:#999;}
.oneC .right-cont li .li-tip span{font-size: 13px;padding:0 10px;border: 1px solid #e5e5e5;line-height: 22px;display: inline-block;margin: 2px;}
.oneC .right-cont li .li-price{font-size: 14px;color:#333;padding:18px 0 0;overflow: hidden}
.oneC .right-cont li .li-price span{color:#fd4c05;}
.oneC .right-cont li .li-price span span{font-size:24px;line-height:30px;}
.oneC .right-cont li .li-btns {overflow: hidden;position: absolute;right: 19px;bottom:39px;display:none;}
.oneC .right-cont li .li-btns .b-btn{float: left;height:30px;line-height:28px;font-size: 14px;box-sizing: border-box;border-radius: 0;padding: 0 12px;overflow: hidden}
.oneC .right-cont li .li-btns .b-btn:nth-child(2){background: #fff;color:#0cf;margin-left: -1px;}
.oneC .right-cont li:hover .li-btns{display: inline-block;}

.oneD{background: #0cf;overflow: hidden;padding: 35px 0;color: #fff}
.oneD h2{font-size: 20px;font-weight: normal;margin-bottom: 6px}
.oneD form{margin: 20px 0;display: flex}
.oneD form input{width: 315px;border-radius: 5px;line-height: 34px;padding: 0 10px;margin-right: 13px}
.oneD form textarea{width: 510px;border-radius: 5px;line-height: 34px;padding: 0 10px;height: 34px;margin-right: 13px;font-family: "微软雅黑"}
.oneD form button{background: #fff;line-height: 34px;width: 120px;border-radius: 5px;color: #0cf}

.oneE{background: #f5f5f5;overflow: hidden;padding-bottom: 40px}
.oneE .title h2 span{background: #f5f5f5}
.oneE ul{display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 10px}
.oneE ul li{width: 410px;background: #fff;padding: 28px;margin-top: 30px}
.oneE ul li h3{font-size: 18px;margin-bottom: 15px}
.oneE ul li p{color: #666}
.oneE .more{text-align: center;margin-top: 40px}
.oneE .more a{font-size: 16px;color: #000;margin: 0 25px}
.oneE ul li:hover h3{color: #0cf}

.oneF{padding: 20px 0;background: #0cf;color:#fff;}
.oneF .left-cont{width: 300px;padding:15px 14px 0;box-sizing: border-box;}
.oneF .left-cont h5{line-height: 34px;font-size:24px;padding: 7px 0;}
.oneF .left-cont h5 a{color:#fff;}
.oneF .left-cont h5 i{background: url(../service_img/icons.png) no-repeat;background-position: -243px -80px;vertical-align: -4px;margin-left: 8px;display: inline-block;width: 25px;height: 25px;}
.oneF .left-cont p{font-size: 14px;line-height: 24px;}
.oneF .left-cont .b-btn{font-size: 14px;line-height: 26px;border:1px solid #fff;padding: 0 10px;color:#0cf;height: 26px;background: #fff;border-radius: 4px;}
.oneF .left-cont .b-btn:hover{color:#fff;background: none;}
.oneF ul{overflow: hidden;}
.oneF li{float: left;width:10%;box-sizing: border-box;padding:0 0 0 30px;line-height: 30px;}
.oneF li a{color:#fff;}

/*footer*/
footer{text-align: center;font-size: 14px;line-height: 30px;color:#999;}
footer a{color:#999;}
footer a:hover{color:#eee;}
.foot-main{background: #3d3d3f;color:#999;padding:35px 0;overflow: hidden}
.foot-main .leftbar{width:28%;text-align: center;}
.foot-main .leftbar .c-tel{position: relative;padding-left: 60px;text-align: left;margin-bottom: 10px;display: inline-block;}
.foot-main .leftbar .c-tel .i-ico{background: url(../service_img/icons.png) no-repeat;background-position: 0 -150px;width:46px;height:46px;position: absolute;left:0;top:8px;}
.foot-main .leftbar .c-tel p,.foot-main .leftbar .c-tel p a{font-size: 24px;color:#fff;}
.foot-main .leftbar .c-addr{font-size: 12px;margin-bottom: 10px;}
.foot-main .leftbar ul{display: inline-block;}
.foot-main .leftbar li{float:left;width:100px;text-align: center;}
.foot-main .leftbar li img{max-width: 100%;border: 5px solid #fff}
.foot-main .rightbar{border-left:1px solid #464648;overflow:hidden;padding-left: 20px;width:72%;}
.foot-main .rightbar dl{min-width:90px;padding:0 25px 0  70px;float:left;text-align: left;}
.foot-main .rightbar dt{color:#fff;font-size: 16px;margin-bottom: 10px;}
.foot-main .rightbar dd{line-height: 30px;}
.foot-main .rightbar dd .dot-red{width: 5px;height: 5px;display: inline-block;border-radius: 100%;background: #f00;vertical-align: 5px;}
.foot-link{background: #28282a;border-top: 1px solid #626262;padding:10px 0;font-size: 12px;}
.foot-link dl,.foot-link dl a{line-height: 20px;overflow: hidden;color:#666;}

.foot-link dt{float:left;}
.foot-link dd{margin-right:15px;float:left;}
.foot-link dd a:hover{color:#999;}
.foot-link .container-inner{display: flex;align-items: end;}
.foot-link dl.limit{max-height: 40px;overflow: hidden;}
.foot-link .foot-link-btn{line-height: 20px;white-space: nowrap;margin-right: 10px;}
.foot-bottom{background: #28282a;border-top: 1px solid #626262;text-align: center;padding:15px 0;font-size: 12px;line-height: 20px;}
.foot-bottom ul{display: inline-block;overflow:hidden;}
.foot-bottom li{float: left;padding:0 10px;}
.i-foot01{background-position: -171px -115px;}
.i-foot02{background-position: -101px -115px;}
.i-foot03{background-position: -135px -115px;}
.i-foot04{background-position: -70px -115px;}
.i-foot05{background-position: -34px -115px;}
.i-foot06{background-position: 0 -115px;}
.foot-bottom .c_right span,.foot-bottom .c_right span a{margin: 0 15px 0 0;}
.foot-bottom .c_right span a i{display: inline-block;width: 18px;height: 20px;margin: 0 7px 0 0;background: url("../service_img/records_ico.png") no-repeat center;vertical-align: -5px;}


/*============================ 网站建设服务 ============================*/
.ny_ban{background-image: linear-gradient(to right, #58E7FF,#0cf);overflow: hidden;position: relative;padding-bottom: 70px;}
.ny_ban:before{content:'';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url("../service_img/bgtop.png") no-repeat center;}
.ny_ban h1{text-align: center;font-size: 40px;color: #fff;margin: 55px 0 25px}
.ny_ban h1 span{font-size: 18px;font-weight: normal}
.ny_ban h1 span b{color: #fffc00;font-size: 32px}
.ny_ban p{font-size: 18px;color: #fff;text-align: center;line-height: 1.6}
.ny_ban .wechat{position: absolute;top: 10px;left: 50%;margin-left:550px;background: #fff;padding: 6px;width: 110px;display:none;transition: all 0.2s;z-index: 99}
.ny_ban .wechat img{max-width: 100%;vertical-align: middle}
.ny_ban .wechat:before{content: '';position: absolute;top: -20px;left: 50%;margin-left: -10px;width:0;height:0;border:10px solid transparent;border-bottom-color:#fff;}
.ny_ban a:hover dl{opacity: 1}

.ny_ban1{background-image: linear-gradient(to right, #72CFFB,#48A0FB);}
.ny_ban2{background-image: linear-gradient(to right, #FFA173,#FF5F1F);}
.ny_ban3{background-image: linear-gradient(to right, #76C48B,#03C486);}
.ny_ban4{background-image: linear-gradient(to right, #A091C4,#8660C4);}
.ny_ban5{background-image: linear-gradient(to right, #8fda77,#2ea039);}
.ny_ban6{background-image: linear-gradient(to right, #4ed17f,#22c08a);}
.ny_ban7{background-image: linear-gradient(to right, #678afe,#6772ff);}
.ny_ban8{background-image: linear-gradient(to right, #5993fe,#77c6ff);}
.ny_ban9{background-image: linear-gradient(to right, #139ef9,#3869f6);}
.ny_ban10{background-image: linear-gradient(to right, #ff0844,#f04c53);}
.ny_ban11{background-image: linear-gradient(to right, #e84649,#FF4D50);}
.ny_ban12{background-image: linear-gradient(to right, #9C16EC,#260782);}
.ny_ban13{background-image: linear-gradient(to right, #045CF1,#48CCF2);}
.ny_ban14{background-image: linear-gradient(to right, #B40C0F,#E2070B);}

.ny_ban1 .ny_banA li:hover a{color: #48A0FB}
.ny_ban2 .ny_banA li:hover a{color: #FF5F1F}
.ny_ban3 .ny_banA li:hover a{color: #03C486}
.ny_ban4 .ny_banA li:hover a{color: #8660C4}
.ny_ban5 .ny_banA li:hover a{color: #2ea039}
.ny_ban6 .ny_banA li:hover a{color: #22c08a}
.ny_ban7 .ny_banA li:hover a{color: #678afe}
.ny_ban8 .ny_banA li:hover a{color: #387cfd}
.ny_ban9 .ny_banA li:hover a{color: #139ef9}
.ny_ban10 .ny_banA li:hover a{color: #ff0844}
.ny_ban11 .ny_banA li:hover a{color: #e84649}
.ny_ban12 .ny_banA li:hover a{color: #9C16EC}
.ny_ban13 .ny_banA li:hover a{color: #045CF1}
.ny_ban14 .ny_banA li:hover a{color: #B40C0F}

.ny_ban4 .ny_banA li{width: 410px;}

.ny_banA{display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 35px}
.ny_banA li{width:300px;line-height: 38px;border-radius: 30px;border: 1px solid #fff;padding: 0 12px;margin-top: 20px;transition: all 0.3s ease;
overflow: hidden;white-space: nowrap;text-overflow: ellipsis}
.ny_banA li a{color: #fff;font-size: 16px}
.ny_banA li:hover{background: #fff}
.ny_banA li:hover a{color: #0cf}

.jiansheA{position: relative;margin-top: 45px}
.jiansheA ul{margin-left: -30px}
.jiansheA li{width:calc(33.33% - 30px);float:left;margin:15px 0 15px 30px;padding:15px;background:rgba(255,255,255,.90);box-shadow:0 4px 20px 5px rgba(68,93,127,0.1);border-radius:4px;}
.jiansheA li:hover{box-shadow:0 10px 20px rgba(51,150,251,.30);transform:translateY(-5px);transition:360ms;}
.jiansheA li i{width:60px;float:left;height:62px;margin:0 20px 0 15px;background:url(../service_img/dzser.png) no-repeat;background-size:100%;}
.jiansheA li h2{font-size:20px;line-height:26px;height:26px;margin:6px 0 2px 0;font-weight: normal}
.jiansheA li:nth-child(5),.jiansheA li:nth-child(7){margin-left:33%;float:right;}
.jiansheA li:last-child{width:calc(33.8% - 30px);height:210px;position:absolute;left:31.8%;top:120px;background:rgba(51,150,251,.90);}
.jiansheA li:last-child:before{content: "";position: absolute;width:151px;height:197px;background:url("../service_img/men.png");right:30px;bottom:0px;}
.jiansheA li:last-child h2{font-size:22px;color:#fff;line-height:30px;height:30px;text-indent:10px;margin-top:20px;}
.jiansheA li:last-child h3{color:rgba(255,255,255,.7);text-indent:10px;margin-bottom:20px;font-weight: normal}
.jiansheA li:last-child span{width:50px;line-height:26px;display:inline-block;margin:15px 10px 0 10px;color:#fff;border:solid 1px rgba(255,255,255,.7);text-align:center;border-radius:3px;}
.jiansheA li:hover i{animation:rubberBand 1s ease 0s both;}

.jiansheA li:nth-child(2) i{background-position:0px -69px;}
.jiansheA li:nth-child(3) i{background-position:0px -139px;}
.jiansheA li:nth-child(4) i{background-position:0px -209px;}
.jiansheA li:nth-child(5) i{background-position:0px -278px;}
.jiansheA li:nth-child(6) i{background-position:0px -348px;}
.jiansheA li:nth-child(7) i{background-position:0px -418px;}
.jiansheA li:nth-child(8) i{background-position:0px -488px;}
.jiansheA li:nth-child(9) i{background-position:0px -558px;}
.jiansheA li:nth-child(10) i{background-position:0px -628px;}
@keyframes rubberBand {
    0% {transform:scale3d(1, 1, 1)}
    30% {transform:scale3d(1.25, .75, 1)}
    40% {transform:scale3d(0.75, 1.25, 1)}
    50% {transform:scale3d(1.15, .85, 1)}
    65% {transform:scale3d(.95, 1.05, 1)}
    75% {transform:scale3d(1.05, .95, 1)}
    100% {transform:scale3d(1, 1, 1)}
}

.jiansheB{background: #f9f9f9;overflow: hidden;margin-top: 60px;padding-bottom: 40px}
.jiansheB .title h2 span{background: #f9f9f9}
.jiansheBs{margin-top: 40px}
.jiansheBs ul{width: 981px;float: left}
.jiansheBs ul li{width: 315px;height: 135px;border: 1px solid #e5e5e5;box-sizing: border-box;padding: 30px 25px;float: left;
    margin: 0 18px 18px 0;background-color: #fff;}
.jiansheBs ul li i{margin-top: 7px;display: inline-block}
.jiansheBs ul li dl{width: 182px;float: right}
.jiansheBs ul li dl h3{font-size: 16px;margin-bottom: 10px;font-weight: normal}
.jiansheBs ul li dl p{color: #999;line-height: 1.6}
.jiansheBs ul li:nth-child(3n){margin-right: 0}
.jiansheBs .qyAr{width: 300px;height: 441px;border: 1px solid #e5e5e5;box-sizing: border-box;float: right;text-align: center;background-color: #fff}
.jiansheBs .qyAr h3{font-size: 20px;margin-top: 45px;font-weight: normal}
.jiansheBs .qyAr span{color: #999;font-family: Arial;display: inline-block;margin: 10px 0 30px}
.jiansheBs .qyAr p{font-size: 16px;color: #1a81bd;margin-bottom: 40px}
/*.jiansheBs ul li:hover i{animation: bounce 1s ease 0s both;}*/
.jiansheBs ul li:hover{box-shadow: 0 0 10px #ccc;}
@keyframes bounce {
    0%,20%,53%,80%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    40%,43% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-30px,0);
        transform: translate3d(0,-30px,0)
    }
    70% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-15px,0);
        transform: translate3d(0,-15px,0)
    }
    90% {
        -webkit-transform: translate3d(0,-4px,0);
        transform: translate3d(0,-4px,0)
    }
}

.jiansheC{overflow: hidden;margin-top: 45px}
.jiansheC ul li{float: left; width: 415px; min-height: 186px; padding: 20px; box-sizing: border-box; margin-bottom: 20px; margin-right: 20px; background: #fff;border: 1px solid #e5e5e5;position: relative;line-height: 1.6}
.jiansheC ul li:nth-child(3n){margin-right: 0}
.jiansheC ul li .wl-title{font-size: 18px;color: #333;}
.jiansheC ul li .wl-title a{color: #333;}
.jiansheC ul li .wl-title .wl-icon{ display: inline-block; width: 24px; height: 24px; background: url("../service_img/siteFlow-icon.png") no-repeat 0 0; vertical-align: middle; margin-top: -2px;margin-right: 10px;}
.jiansheC ul li .wl-title .wl-icon.wl-icon1{background-position: -50px 0;}
.jiansheC ul li .wl-title .wl-icon.wl-icon2{background-position: -84px 1px;}
.jiansheC ul li .wl-title .wl-icon.wl-icon3{background-position: -116px 0;}
.jiansheC ul li .wl-title .wl-icon.wl-icon4{background-position: -150px 1px;}
.jiansheC ul li .wl-title .wl-icon.wl-icon5{background-position: -180px 0;}
.jiansheC ul li .wl-title .wl-icon.wl-icon6{background-position: -211px 3px;}
.jiansheC ul li .wl-txt{padding-top:10px; font-size: 14px; color: #333;}
.jiansheC ul li .wl-txt2{font-size: 14px; color: #666;z-index: 999;position: relative;}
.jiansheC ul li .wl-txt2 a{color: #666}
.jiansheC ul li .wl-txt2 a:hover{color: #2086ee}
.jiansheC ul li .wl-btn{margin-top: 8px;display: block;width: 110px;height: 32px;line-height: 32px;border: 1px solid #2086ee;color: #2086ee;box-sizing: border-box;font-size: 14px;text-align: center;}
.jiansheC ul li .wl-num{font-size: 100px;color: #f8f8f8;position: absolute;bottom: -28px;right: 10px;line-height: 1.6}
.jiansheC ul li:hover{box-shadow: 0 0 10px 0 rgba(0,0,0,.1);transition: all .2s cubic-bezier(0.4,0,.2,1) 0s;}
.jiansheC ul li:hover .wl-btn{border-color: #ff6000; color: #ff6000}

.diqu{background: #f9f9f9;overflow: hidden;margin-top: 40px;padding-bottom: 20px}
.title2{text-align: center;margin-top: 50px}
.title2 h2{font-size: 36px;}

.diqu .hd{overflow: hidden;text-align: center;margin-top: 40px}
.diqu li{height: 40px;background: #eee;padding-left: 24px;padding-right: 24px;line-height: 40px;color: #666;font-weight: 400;cursor: pointer;margin-right: 24px;border-radius: 20px;display: inline-block;}
.diqu li.on,.diqu li:hover{background: #FF6600;color: #fff}
.diqu .bd{margin-top: 40px}
.diqu .bd a {width: 80px;height: 32px;border-radius: 2px;display: inline-block;color: #666666;line-height: 32px;margin-right: 16px;margin-bottom: 16px;text-align: center;}
.diqu .diqutext{line-height: 1.8;padding: 0 20px;margin-top: 15px}
.diqu .crumbs {line-height: 72px;color: #999999;padding: 0 20px;}
.diqu .crumbs a{color: #999}

/*============================ 网站维护 ============================*/
.ny_banB{display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 35px}
.ny_banB li{width:200px;line-height: 38px;border-radius: 30px;border: 1px solid #fff;padding: 0 15px;margin-top: 20px;transition: all 0.3s ease;
    overflow: hidden;white-space: nowrap;text-overflow: ellipsis}
.ny_banB li a{color: #fff;font-size: 16px}
.ny_banB li:hover{background: #fff}
.ny_banB li:hover a{color: #0cf}

.weihuA{background: #f9f9f9;overflow: hidden;margin-top: 45px;padding-bottom: 50px}
.weihuA .title h2 span{background: #f9f9f9}
.weihuA ul{display: flex;justify-content: space-between;flex-wrap:wrap;margin-top: 25px;cursor: pointer}
.weihuA ul li{width: 197px;height: 197px;border: 1px solid #e5e5e5;background: #fff;margin-top: 20px}
.weihuA ul li dd{width: 100px;height: 100px;background: #f9f9f9;border-radius: 100%;position: relative;margin: 30px auto 18px}
.weihuA ul li dd img{position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto;transition: all 0.5s ease;}
.weihuA ul li h3{font-weight: normal;font-size: 16px;text-align: center}
.weihuA ul li:hover dd img{transform: scale(1.2);transition: all 0.5s ease;}
.weihuA ul li:hover dd{background: #eee}

.weihuB{background: url("../service_img/whb.png") no-repeat center;overflow: hidden}
.weihuB .title h2{color: #fff}
.weihuB .title h2:before{opacity: 0}
.weihuB ul{display: flex;justify-content: center;flex-wrap: wrap;padding: 20px 0 70px}
.weihuB ul li{margin-right: 80px;font-size: 16px;margin-top: 20px}
.weihuB ul li a{color: #fff;}

.weihuC{border: 1px solid #e7eaee;overflow: hidden;margin-top: 45px}
.weihuC ul{width: 50%;float: left;}
.weihuC ul:nth-child(1){border-right: 1px solid #e7eaee}
.weihuC ul:nth-child(2){border-left: 1px solid #e7eaee}
.weihuC ul li{line-height: 50px;border-bottom: 1px solid #e7eaee;padding: 0 35px}
.weihuC ul li:nth-child(2n){background: #f0f2f6}
.weihuC ul li:last-child{border-bottom: none}

.weihuD{background: url("../service_img/whd.png") no-repeat center;height: 155px;margin-top: 45px;font-size: 30px;color: #fff;padding: 35px 0 0 115px;}
.weihuD span{font-size: 55px;color: #fbd908}

.weihuE{margin-top: 45px;overflow: hidden}
.weihuE ul{display: flex;justify-content: space-between;}
.weihuE ul li{width: 20%;text-align: center;padding: 0 25px;cursor: pointer}
.weihuE ul li dd img{transition: all 0.5s}
.weihuE ul li h3{font-size: 16px;font-weight: normal;margin: 20px 0}
.weihuE ul li p{color: #999;line-height: 1.8}
.weihuE ul li:hover dd img{transform: rotateY(180deg)}
.weihuE ul li:hover h3{color: #0cf}

/*============================ 工商注册 ============================*/
.gsA {height:62px;margin-top: 45px}
.gsA .input i{ width:1px; height:20px; background:#ccc; position:absolute; right:0; top:22px;}
.gsA input{display: block;  height:60px;width: 373px;padding-left: 50px;  border: 2px solid #2F82FF; border-right:none; box-sizing:border-box; outline:none;position: relative;float: left;}
.gsA .input_msg{background: url(../service_img/dljz-icon-msg.png) 15px 50% no-repeat;}
.gsA .input_name{background: url(../service_img/dljz-icon-name.png) 15px 50% no-repeat;border-left: none;}
.gsA .input_phone{background: url(../service_img/dljz-icon-phone.png) 15px 50% no-repeat;border-left: none;}
.gsA .input_submit{width:180px;background: #2F82FF; font-size: 18px;border-color:#2F82FF;height:60px;color: #fff; cursor:pointer; padding-left:0px;}
.gsA .input_submit:active{opacity: 0.8;}

.gsB{ padding:20px 0; margin:auto; border-bottom:dotted 1px #ccc;}
.gsB ul li{ height:30px; line-height:30px;}
.gsB ul li{color: #666;font-size: 12px;overflow: hidden;}
.gsB ul li .sli_item > div{width:50%;float: left;}
.gsB ul li i{font-style: normal;margin-left: 15px;font-size: 12px;}
.gsB ul li .announ_tit{color: #fff;float: left;font-size: 12px;height: 30px;line-height: 30px;padding: 0 10px;background:#2F82FF;position: relative;}

.gsC{overflow: hidden;margin-top: 45px}
.gsC ul{display: flex;justify-content: space-between}
.gsC li{ width:305px; float:left; height:174px; box-sizing:border-box; text-align:center;}
.gsC li h3{font-size: 18px;color: #fff; padding: 35px 0 12px; font-weight:normal;}
.gsC li p{font-size: 14px; padding-bottom: 26px; color:rgba(255,255,255,0.8);}
.gsC li a{display: block; width: 118px;height: 34px;line-height: 34px; border: 1px solid #fff;border-radius: 5px;color: #fff;margin: 0 auto; transition:0.3s all;}
.gsC li a:hover{border: 1px solid rgba(255,255,255,0.25); background:rgba(255,255,255,0.25);}
.gsC li:nth-child(1){ background:url(../service_img/tc_bg1.png) no-repeat center;background-size: cover;border-radius: 5px}
.gsC li:nth-child(2){ background:url(../service_img/tc_bg2.png) no-repeat center;background-size: cover;border-radius: 5px}
.gsC li:nth-child(3){ background:url(../service_img/tc_bg4.png) no-repeat center;background-size: cover;border-radius: 5px}
.gsC li:nth-child(4){ background:url(../service_img/tc_bg3.png) no-repeat center;background-size: cover;border-radius: 5px}

.gsD{background:#f6f6f6;overflow: hidden;margin-top: 50px;padding-bottom: 70px}
.gsD .title h2 span{background: #f6f6f6}
.gsD .hd{overflow: hidden;margin-top: 30px}
.gsD .hd ul{display: flex;justify-content: center}
.gsD .hd ul li{width:135px; margin:0 10px; text-align:center; cursor: pointer;line-height:36px; font-size:16px; background:#fff; border-radius:36px; transition:0.3s all;}
.gsD .hd ul li.on{ background:#FF6270; color:#fff;}
.gsD .bd {margin-top:35px;}
.gsD .blank50{height:25px;}
.gsD .service{overflow: hidden}
.gsD .service .left{width:200px; height:320px; float:left;box-sizing: border-box; padding: 36px 20px 15px 20px;}
.gsD .service .left h3{font-size: 18px; color: #fff; font-weight:normal; padding-left: 10px;}
.gsD .service .left p{margin-top: 5px;padding-left: 10px;color: #fff;opacity: .3; font-size:13px;}
.gsD .service .left a{display: block; width: 86%; height: 30px;line-height: 30px;margin: 190px auto 0 auto;text-align: center; background:rgba(255,255,255,0.2);border-radius: 15px;color: #fff; transition:0.3s all;}
.gsD .service .left a:hover{ background:#fff; color:#333;}
.gsD .service .mid{ width:1100px;background:#fff; float:left; overflow:hidden;}
.gsD .service .mid ul{display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap}
.gsD .service .mid li{width: 33.33%; border-right:1px solid #eee;float: left;padding: 15.5px 30px;
    display: flex;justify-content: space-between;align-items: center}
.gsD .service .mid li:nth-child(3n){border: none}
.gsD .service .mid li:nth-child(1),.gsD .service .mid li:nth-child(2),.gsD .service .mid li:nth-child(3){border-bottom: 1px solid #eee}
.gsD .service .mid li dl{width: 200px;}
.gsD .service .mid li dl h2{font-size: 18px;font-weight: normal}
.gsD .service .mid li dl p{margin: 20px 0;color: #999}
.gsD .service .mid li dl .zx{display: block;width: 100px;line-height: 33px;border: 1px solid #FC985D;text-align: center;color: #FC985D;border-radius: 5px;}
.gsD .service .mid li dd{width: 127px;text-align: center}
.gsD .service .mid li dd p{font-size: 12px;color: #666;margin: 20px 0}
.gsD .service .mid li dd p span{color: #e21309}
.gsD .service .mid li:hover dd img{box-shadow: #ddd 0px 0px 10px;}
.gsD .service .mid li:hover dl .zx{background: #FC985D;color: #fff}
.gsD .service .mid2 li dl .zx{border-color: #5D8DFC;color: #5D8DFC}
.gsD .service .mid2 li:hover dl .zx{background: #5D8DFC}
.gsD .service .mid3 li dl .zx{border-color: #4BC9A3;color: #4BC9A3}
.gsD .service .mid3 li:hover dl .zx{background: #4BC9A3}

/*.gsD .service .mid li{width:50%; height:107px; padding:15px 25px; float:left; border:solid 1px #eee; border-left:0; border-top:0; box-sizing:border-box; position:relative;}
.gsD .service .mid li h2{ font-size:16px; font-weight:bold;}
.gsD .service .mid li p{ color:#666; line-height:40px; font-size:12px;}
.gsD .service .mid li .link{position:absolute; right:15px; bottom:15px;}
.gsD .service .mid li a{ width:80px; line-height:25px; display:inline-block; text-align:center; font-size:12px; border-radius:25px; border:solid 1px #ddd; margin-right:10px; transition:0.3s all;}
.gsD .service .mid li a:hover{ background:#0cf; border:solid 1px #0cf; color:#fff;}
.gsD .service .mid li:nth-child(1) .link{left:20px; bottom:30px;}*/
/*.gsD .service .right{width:360px;height:320px; float:right; background:#fff; padding:10px 20px; box-sizing:border-box;}
.gsD .service .right h5{font-size:18px; line-height:30px; position:relative; margin-left:10px;}
.gsD .service .right h5:before {content: ""; width: 4px;height:16px; position:absolute; left:-10px; top:8px;background:#d90024;}
.gsD .service .right li{line-height:34px; border-bottom:solid 1px #eee; padding:0 0 10px; margin-top:10px;white-space:nowrap; text-overflow: ellipsis; overflow:hidden;}
.gsD .service .right li:last-child{border-bottom:solid 0 #eee;}
.gsD .service .right li:hover a{color: #0cf}
.gsD .service .right li img{vertical-align:middle; margin-right:10px; border-radius:0px; width:22px;}
.gsD .service .s1_bg{background:url(../service_img/server_bg_all.png) no-repeat -1400px top;}
.gsD .service .s2_bg{background:url(../service_img/server_bg_all.png) no-repeat -200px top;}
.gsD .service .s3_bg{background:url(../service_img/server_bg_all.png) no-repeat -600px top;}
.gsD .service .s4_bg{background:url(../service_img/server_bg_all.png) no-repeat -1000px top;}*/
.gsD .service .s1_bg{background:url(../service_img/server_bg_all.png) no-repeat -1400px top;}
.gsD .service .s2_bg{background:url(../service_img/server_bg_all.png) no-repeat -200px top;}
.gsD .service .s3_bg{background:url(../service_img/server_bg_all.png) no-repeat -600px top;}
.gsD .service .s4_bg{background:url(../service_img/server_bg_all.png) no-repeat -1000px top;}

.gsE{margin-top: 45px}
.gsE ul{display: flex;justify-content: space-between}
.gsE ul li{width: 235px;}
.gsE ul li dd{text-align: center}
.gsE ul li dl{display: flex;justify-content: space-between;align-items: center;margin: 12px 0}
.gsE ul li dl dt{width: 186px;}
.gsE ul li dl b{font-size: 30px;color: #0cf}
.gsE ul li dl dt h3{font-size: 16px;margin-bottom: 6px}
.gsE ul li dl dt p{color: #999;font-size: 12px;}
.gsE ul li a{display: block;width: 98px;height: 18px;margin: 0 auto; margin-top: 10px;border: 1px solid #0cf;font-size: 12px;font-weight: bold;color: #0cf;padding: 0 20px;border-radius: 20px;}

.gsF{background: #f6f6f6;overflow: hidden;margin-top: 70px}
.gsF .title h2 span{background: #f6f6f6}
.gsF ul{padding: 50px 0;display: flex;justify-content: space-between}
.gsF ul li{text-align: center;width: 20%;}
.gsF ul li dd{border: 1px solid #dcdcdc;width: 170px;height: 228px;margin: 0 auto;overflow: hidden}
.gsF ul li dd img{max-width: 100%}
.gsF ul li p{margin-top: 20px}

.gsG{margin-top: 45px;overflow: hidden}
.gsG ul{display: flex;justify-content: space-between}
.gsG ul li{ text-align:center; background:#f1f3ff; width:15.6%; float:left; border-radius:5px;  overflow:hidden; padding:25px 0; cursor: pointer}
.gsG ul li .pic{ padding:0px 0 15px 0;}
.gsG ul li .pic img{ width:30%;}
.gsG ul li .txt{ padding-bottom:10px;}
.gsG ul li .txt h3{ font-size:16px; font-weight:bold; margin-bottom:10px;}
.gsG ul li .txt p{ font-size:14px; color:#666; line-height:20px; }
.gsG ul li:hover .pic img{transition: all 0.3s ease;transform: rotateY(180deg)}
.gsG ul li:hover h3{color: #0cf}

.gsH{margin-top: 30px}
.gsH img{width: 100%}

/*============================ 小程序 ============================*/
.xcxA{margin-top: 25px}
.xcxA ul{display: flex;justify-content: space-between;flex-wrap: wrap;align-items: center}
.xcxA ul li{border: 1px solid #f0f0f0;height: 268px;width: 305px;border-radius: 5px;text-align: center;margin-top: 20px;cursor: pointer}
.xcxA ul li dd{padding: 44px 0 25px}
.xcxA ul li h3{font-size: 20px;font-weight: normal;padding-bottom: 5px}
.xcxA ul li p{margin-top: 10px;color: #666;font-size: 16px}
.xcxA ul li:hover dd{animation: swing 1s 0s linear normal;}

.xcxB{position:relative;background:url(../service_img/xcxb.png) no-repeat center bottom;min-height:355px;margin-top:50px;}
.xcxB li{position:absolute;}
.xcxB li.hexin_1{left:0;top:123px;}
.xcxB li .hexin_img{text-align:center;background:url(../service_img/xcxb1.png) no-repeat;width:48px;height:48px;line-height:48px;color:#fff;font-weight:bold;font-size:18px;float:left;}
.xcxB li .hexin_text{float:left;margin-left:16px;background:#f6f6f6;padding:20px;box-sizing:border-box;font-size:16px;line-height:28px;position:relative;color:#333333;}
.xcxB li .hexin_bg{width:0;height:0;position:absolute;left:-12px;top:16px;border-top:7px solid transparent;border-bottom:7px solid transparent;border-right:12px solid #f6f6f6;}
.xcxB li.hexin_1 .hexin_text{width:256px;}
.xcxB li.hexin_2{left:240px;top:0;}
.xcxB li.hexin_2 .hexin_img{background:url(../service_img/xcxb2.png) no-repeat;}
.xcxB li.hexin_2 .hexin_text{width:247px;}
.xcxB li.hexin_3{left:649px;top:0;}
.xcxB li.hexin_3 .hexin_img{background:url(../service_img/xcxb3.png) no-repeat;}
.xcxB li.hexin_3 .hexin_text{width:216px;}
.xcxB li.hexin_4{right:0;top:123px;}
.xcxB li.hexin_4 .hexin_img{background:url(../service_img/xcxb4.png) no-repeat;}
.xcxB li.hexin_4 .hexin_text{width:185px;}

.xcxC{width:100%;height: auto;margin-top:70px;background:#f6f6f6;overflow:hidden;padding-bottom:30px;}
.xcxC .title h2 span{background: #f6f6f6}
.xcxCs{margin-top:60px;}
.xcxCs ul{display: flex;justify-content: center;align-items: center;flex-wrap: wrap}
.xcxCs ul li{width:150px;margin-right:112px;margin-bottom:50px;text-align: center}
.xcxCs ul li .fang_pic{margin:5px;box-shadow:0 3px 7px rgba(20,20,20,0.05);
    width: 140px;height: 140px;transition: all 0.5s ease-in-out;border-radius: 50%;background: #fff;}
.xcxCs ul li .fang_pic .pic-box{width:140px;height:140px;display:table-cell;vertical-align:middle;text-align:center;}
.xcxCs ul li .fang_pic img {display: block;vertical-align: middle;margin: 0 auto;}
.xcxCs ul li .fang_pic img{display:block;}
.xcxCs ul li p{color:#666666;margin-top: 20px;font-size: 16px;position: relative;display: inline-block;line-height: 30px}
.xcxCs ul li p:after{content: '';position: absolute;bottom: 0;left: 0;width: 0;height: 1px;background: #666666;transition: all 0.3s ease-out;}
.xcxCs ul li:nth-child(6n){margin-right:112px;}
.xcxCs ul li:nth-child(5n){margin-right:0;}
.xcxCs ul li:hover p:after {width: 100%;}
.xcxCs ul li:hover .fang_pic img {animation: swing 1s 0s linear normal;-webkit-animation: swing 1s 0s linear normal;}
@-webkit-keyframes swing{
    20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}
    40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}
    60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}
    80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}
    100%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
}

.xcxD{margin-top:45px;}
.xcxD ul{display: flex;justify-content: space-between;}
.xcxD li{width:290px;height:380px;float:left;position:relative;transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1), z-index 0s 0.12s;border:1px solid #e5e5e5;box-sizing:border-box;}
.xcxD li a{display:block;width:100%;height:100%;overflow:hidden;transition:none;}
.xcxD li:last-child{margin-right:0;}
.xcxD li .jiejue_top{width:100%;height:155px;background:url(../service_img/xcxd11.jpg) no-repeat;background-size:cover;background-position:center;padding-top:45px;font-size:24px;color:#fff;text-align:center;box-sizing:border-box;}
.xcxD li:nth-child(2) .jiejue_top{background:url(../service_img/xcxd22.jpg) no-repeat;}
.xcxD li:nth-child(3) .jiejue_top{background:url(../service_img/xcxd33.jpg) no-repeat;}
.xcxD li:nth-child(4) .jiejue_top{background:url(../service_img/xcxd44.jpg) no-repeat;}
.xcxD li .jiejue_c{width:100%;height:auto;}
.xcxD li .jiejue_pic{width:100%;height:auto;text-align:center;margin-top:-45px;}
.xcxD li .jiejue_list{width:100%;height:auto;padding:0 20px;overflow:hidden;box-sizing:border-box;transition: all 0.12s cubic-bezier(0.4, 0, 0.2, 1) 0s;position: absolute;z-index: 3;opacity: 1;left:0;top:220px;}
.xcxD li .jiejue_list span{display:block;background:url(../service_img/xcxdli.png) no-repeat left center;padding-left:10px;font-size:14px;color:#666666;margin-right:25px;float:left;line-height:20px;margin-bottom:5px;}
.xcxD li .jiejue_list span:nth-child(3n){margin-right:0;}
.xcxD li .jiejue_detail{width:100%;height:auto;padding:0 28px;text-align:center;margin-top:30px;box-sizing:border-box;opacity:0;z-index:0;position:absolute;left:0;transition: all 0.12s cubic-bezier(0.4, 0, 0.2, 1) 0s;}
.xcxD li .jiejue_detail p{font-size:14px;color:#666666;line-height:24px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;height:72px;}
.xcxD li .jiejue_detail span{display:block;width:105px;height:30px;line-height:30px;text-align:center;color:#fff;border-radius:15px;background:#26bbfb;font-size:14px;margin:0 auto;margin-top:20px;}
.xcxD li:hover{box-shadow:0px 5px 24px rgba(38,187,251,0.48);border:1px solid #26bbfb;}
.xcxD li:nth-child(2):hover{box-shadow:0px 5px 24px rgba(241,98,159,0.48);border:1px solid #f1629f;}
.xcxD li:nth-child(3):hover{box-shadow:0px 5px 24px rgba(73,205,164,0.48);border:1px solid #49cda4;}
.xcxD li:nth-child(4):hover{box-shadow:0px 5px 24px rgba(254,73,107,0.48);border:1px solid #fe496b;}
.xcxD li:hover .jiejue_list{opacity:0;z-index:1;}
.xcxD li:hover .jiejue_detail{opacity:1;z-index:3;}
.xcxD li:nth-child(2):hover .jiejue_detail span{background:#f1629f;}
.xcxD li:nth-child(3):hover .jiejue_detail span{background:#49cda4;}
.xcxD li:nth-child(4):hover .jiejue_detail span{background:#fe496b;}

.xcxE{margin-top:70px;background:url(../service_img/xcxe.jpg) no-repeat no-repeat center;background-size:cover;overflow: hidden;padding-bottom: 80px}
.xcxE .title h2{color: #fff;}
.xcxE .title p{color: #fff;}
.xcxE .title h2:before{opacity: 0}
.xcxE .moban_con{width:100%;height:552px;position:relative;margin-top:45px;padding-top:65px;}
.xcxE .moban_con .swiper-container{width:1180px;height:auto;margin-top:0;}
.xcxE .moban_con .swiper-container:before, .xcxE .moban_con .swiper-container:after{background:none;}
.xcxE .moban_con .swiper-slide{width:242px;height:422px;}
.xcxE .moban_con .swiper-slide div{position:relative;}
.xcxE .moban_con .swiper-slide div.moban_bg{position:absolute;width:100%;height:100%;background:#fff;opacity:0.7;}
.xcxE .moban_con .swiper-slide-active div.moban_bg{opacity:0;}
.xcxE .moban_con .swiper-prev,.xcxE .moban_con .swiper-next{width:48px;height:48px;margin-top:-24px;position:absolute;top:50%;cursor:pointer;}
.xcxE .moban_con .swiper-prev{left:0;background:url(../service_img/xcxel.png) no-repeat;}
.xcxE .moban_con .swiper-next{right:0;background:url(../service_img/xcxer.png) no-repeat;}
.xcxE .moban_con .swiper-container:before,.xcxE .moban_con .swiper-container:after{width:415px;height:405px;content:'';background-color: #f5f5f5;display:block;position:absolute;z-index: 9999;opacity: .5;top:0;display:none;}
.xcxE .moban_con .swiper-container:before{left:0;}
.xcxE .moban_con .swiper-container:after{right:0;}
.xcxE .moban_con .framing{width:271px;height:552px;position:absolute;background-image: url(../service_img/xcxeli.png);top:0;left: calc(50% - 135px);z-index:999;opacity:0;-moz-transition: all 0.1s ease;-o-transition: all 0.1s ease;-webkit-transition: all 0.1s ease;}

.xcxF{background: url("../service_img/xcxf.jpg") repeat;overflow: hidden;margin-top: 45px;padding-bottom: 50px}
.xcxF .title h2 span{background: none}
.xcxF .title h2:before{opacity: 0}
.xcxFs{position: relative}
.xcxF .hd{padding: 30px 20px;background: #EFF4FB;width: 1200px;margin: 0 auto;margin-top: 30px}
.xcxF .hd ul{display: flex;justify-content: center}
.xcxF .hd ul li{width: 155px;height: 48px;margin: 5px;border: 1px solid #dddddd;border-radius: 2px;background-color: #ffffff;color: #3c3c3c;line-height: 48px;text-align: center;cursor: pointer;}
.xcxF .hd ul li.on {background-color: #03C486;border: 1px solid #03C486;box-shadow: 0px 0px 5px #03C486;color: #ffffff;}

.xcxF .bd{}
.xcxF .bd ul li{display: flex;justify-content: space-between;width: 1200px;margin: auto;background: #fff;padding: 25px}
.xcxF .bd ul li dd{width: 317px;height: 256px;}
.xcxF .bd ul li dl{width: 800px;}
.xcxF .bd ul li dl h3{font-weight: 18px;margin: 15px 0 10px}
.xcxF .bd ul li dl h3 span{color: #ff8501}
.xcxF .bd ul li dl p{width: 785px;height: 50px;border-bottom: 1px solid #e9e9e9;line-height: 25px;overflow: hidden;color: #3c3c3c;}
.xcxF .bd ul li dl dt{margin-top: 12px}
.xcxF .bd ul li dl dt span{display: inline-block;width: 25%;height: 30px;float: left;padding-left: 30px;margin: 5px 0px;background-image: url(../service_img/xcxfdui.png);background-position: left center;background-repeat: no-repeat;line-height: 30px;font-size: 15px;color: #535353;}

.xcxF .prev, .xcxF .next{ position:absolute; left:0; top:50%;margin-top: 25px}
.xcxF .next{ left:auto; right:0; background-position:8px 5px; }

/*============================ 域名注册 ============================*/
.domainA{overflow: hidden;}
.domainA ul{overflow: hidden;margin-top: 35px}
.domainA li{float: left;width: 25%;padding: 10px;box-sizing: border-box;}
.domainA .item-inner{display: block;border: 1px solid #f0f2f6;position: relative;padding: 30px;}
.domainA .item-inner i{width:86px;padding-top:86px;display: block;position: absolute;right: 0;top:0;}
.domainA .item-inner dt{font-size: 24px;margin-bottom: 5px;}
.domainA .item-inner dd{font-size:16px;line-height: 24px;}
.domainA .item-inner .domain-info{font-size:14px;color: #999;}
.domainA .item-inner .domain-price{font-size:14px;margin-top: 22px;}
.domainA .item-inner .domain-price span{color:#ff5e1e;}
.domainA .item-inner .domain-price span span{font-size: 30px;padding: 0 5px;}
.domainA .item-inner .domain-price em{color:#bbb;text-decoration: line-through;font-size: 12px;margin-left: 10px;font-style: normal}
.domainA ul li:hover .item-inner dt{color: #777}
.domainA li:hover .item-inner{box-shadow: 0 0 10px #E2E2E2}

.domainC{background: #f0f2f6;overflow: hidden;margin-top: 45px;padding-bottom: 60px}
.domainC .title h2 span{background: #f0f2f6}
.domainC ul{margin-top: 20px;overflow: hidden}
.domainC li{width: 200px;background-color: #fff;border: 1px solid #eee;font-size: 16px;line-height:55px;text-align: center;float: left;margin: 20px 20px 0 0;font-weight: bold;transition: border-color .3s;}
.domainC li a{display: block}
.domainC li span {margin-left: 18px;font-size: 14px;color: #999;font-weight: 400;}
.domainC li span span {margin-left: 0;color: #ff5722;}
.domainC li:nth-child(6n){margin-right: 0}
.domainC li:hover{border-color:#ff5722}
.domainC .btn{text-align: center}
.domainC .btn a{display: inline-block;width: 180px;border: solid 1px #ff5722;color: #ff5722;border-radius: 27px;line-height: 42px;text-align: center;font-size: 16px;margin-top: 40px}
.domainC .btn a:hover{background:#ff5722;color: #fff;}

.domainB{margin-top: 45px;padding-bottom: 40px}
.domainB dl{padding: 30px 0;}
.domainB dl+dl{border-top: 1px dashed #ddd;}
.domainB dt{font-size: 18px;font-weight: bold;line-height: 30px;margin-bottom: 10px;}
.domainB dd{line-height: 24px;color: #555;}

/*============================ 域名注册 ============================*/
.bg{background: #f0f2f6;padding: 40px 0}
.detail{overflow: hidden}
.detaill{width: 220px;background: #fff;padding: 22px;}
.detaill .tit{padding: 10px 0 15px;border-bottom: 1px solid #dddddd;text-align: center}
.detaill .tit h2{font-size: 18px;font-weight: normal}
.detaill .tit2{text-align: left;border-bottom: none;padding: 0}
.detaill .ulA{padding-bottom: 35px}
.detaill .ulA li a{display: flex;align-items: center;margin-top: 20px}
.detaill .ulA li dd{margin-right: 15px}
.detaill .ulA li dl{line-height: 20px}
.detaill .ulA li h3{font-size: 14px;font-weight: normal}
.detaill .ulA li p{color: #999;font-size: 12px;}
.detaill .ulA li:hover h3{color: #0cf}

.detaill .ulB li{border: 1px solid #e4e4e4;margin-bottom: 25px;transition: all 0.3s ease;}
.detaill .ulB li dd img{max-width: 100%}
.detaill .ulB li dl{padding: 20px 10px;text-align: center;line-height: 1.6}
.detaill .ulB li dl h3{font-size: 16px;font-weight: normal}
.detaill .ulB li dl p{padding: 10px 0 0}
.detaill .ulB li dl span{color: #999;display: block;padding: 10px 0 0;font-size: 12px}
.detaill .ulB li dl a{display: inline-block;margin-top: 20px;background: #0cf;color: #fff;width: 84px;line-height: 26px}
.detaill .ulB li:hover{box-shadow: 0 1px 10px 0 rgba(0,0,0,0.2);}
.detaill .ulB2 li dl a{background: #6789fe}

.detaill .ulC li{border-bottom: 1px solid #e5e5e5;padding: 15px 0}
.detaill .ulC li h3{font-size: 14px;font-weight: normal}
.detaill .ulC li p{color: #666;margin: 10px 0;font-size: 12px}
.detaill .ulC li span{display: block;color: #999;font-size: 12px}
.detaill .ulC li span font{color: #fa5b5e}
.detaill .ulC li label{display: block;border: 1px solid #e5e5e5;width: 48%;line-height: 24px;font-size: 12px;color: #999;
    text-align: center;border-radius: 15px;margin-top: 10px}
.detaill .ulC li:nth-child(1){padding-top: 0}
.detaill .ulC li:last-child{border-bottom: none}
.detaill .ulC li label:hover{background: #fa5b5e;border-color: #fa5b5e;color: #fff;cursor: pointer}

.detailr{width: 1045px;background: #fff;padding: 15px 40px 40px;}
.detailr .detailrA{border-bottom: 1px solid #e5e5e5;}
.detailrA ul{display: flex;}
.detailrA ul li{margin-right: 24px;padding-right: 24px;position: relative;line-height: 47px;font-size: 16px}
.detailrA ul li:after{content: '';position: absolute;height: 20px;width: 1px;background: #dcdcdc;right: 0;top: 12px}
.detailrA ul li a{display: inline-block;position: relative;}
.detailrA ul li a:after{content: '';position: absolute;width: 100%;height: 3px;background: #00ccff;bottom: 0;left: 0;opacity: 0}
.detailrA2 ul li a:after{background: #6789fe}
.detailrA3 ul li a:after{background: #5993fe;}
.detailrA4 ul li a:after{background: #ff0844}
.detailrA5 ul li a:after{background: #e84649}
.detailrA6 ul li a:after{background: #2086ee}

.detailrA ul li:hover a:after,.detailrA ul li.on a:after{opacity: 1}
.detailr .cont{margin-top: 30px;}
.detailr .cont img{max-width: 100%}
.detailrA ul li:last-child:after{opacity: 0}

.know{margin-top: 40px;}
.knowtit{background: #0cf;line-height: 42px;padding: 0 10px}
.knowtit2{background: #6789fe}
.knowtit3{background: #5993fe}
.knowtit4{background: #ff0844}
.knowtit5{background: #e84649}
.knowtit6{background: #2086ee}

.knowtit h2{font-size: 18px;color: #fff}
.know ul{overflow: hidden}
.know ul li{margin-top: 25px}
.know ul li h3{font-size: 14px;background: #f5f6fa;line-height: 40px;padding: 0 15px}
.know ul li p{padding: 0 15px;margin-top: 20px;color: #666;line-height: 1.8}

.fixed-tab{background: #fff;position: fixed;top: 0;left: 0;right: 0;z-index: 200;display: none;border-bottom: 1px solid #ddd;}
.fixed-tabs{display: flex;justify-content: space-between;align-items: center;}
.fixed-tabr a{display: inline-block;width: 120px;line-height: 34px;margin-left: 5px;border: 1px solid #FF5E1E;text-align: center;border-radius: 3px;color: #FF5E1E;}
.fixed-tabr a:last-child{background: #FF5E1E;color: #fff}
.fixed-tabr a:hover{background: #FF5E1E;color: #fff}
.fixed-tab .line{height: 20px;background: #f0f2f6;border-top: 1px solid #ddd;}
.fixed-tab2{border-bottom: none}


.ny_ban .search {width: 1006px;margin: 0 auto;margin-top: 35px;position: relative;}
.ny_ban .search input {float: left;height: 55px;width: 712px;line-height: 55px;padding-left: 19px;border-bottom-left-radius: 2px;border-top-left-radius: 2px;background: rgba(255, 255, 255, 1);font-size: 16px;}
.ny_ban .select {float: left;width: 127px;height: 55px;text-align: center;position: relative;background-color: #fff;cursor: pointer;}
.ny_ban .select span {margin-top: 6px;border-left: 1px solid #E5E5E5;width: 127px;display: block;height: 42px;line-height: 42px;font-size: 18px;font-weight: 400;color: #333;}
.ny_ban .button {cursor: pointer;width: 167px;height: 55px;border-top-right-radius: 2px;border-bottom-right-radius: 2px;background-color: #ff3300;text-align: center;font-size: 22px;line-height: 55px;color: #fff;transition: all .3s;}
.ny_ban .button:hover {background-color: #FF5200;border-color: #FF5200;}
.ny_ban .button i {display: inline-block;width: 21px;height: 21px;margin-right: 10px;background: url("../service_img/search.png") no-repeat center;vertical-align: middle;-webkit-background-size: 100%;background-size: 100%;margin-top: -3px;}

.detaill2{width: 220px;background: #fff;padding: 20px 0}
.detaill2 h2{font-size: 16px;border-left: 2px solid #00ccff;padding: 0 12px}
.detaill2 ul{border-bottom: 1px solid #ededed;margin: 0 12px 15px;overflow: hidden;padding: 10px 0}
.detaill2 ul li{font-size: 12px;width: 25%;float: left;line-height: 24px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis}
.detaill2 ul li a{color: #999}
.detaill2 ul li a:hover,.detaill2 ul li a.on{color: #00ccff;text-decoration: underline}

.cont2{}
.cont2A{padding: 45px 0;display: flex;justify-content: space-between;align-items: center;border-bottom: 1px solid #ededed}
.cont2A dd{width: 175px;height:110px;text-align: center;position: relative}
.cont2A dd img{max-width: 100%;max-height:100%;position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto}
.cont2A dl{width: 620px;border-right: 1px solid #ededed;border-left: 1px solid #ededed;padding: 0 20px}
.cont2A dl h3{font-size: 20px;font-weight: normal;margin-bottom: 10px}
.cont2A dl p{color: #666;line-height: 1.8}
.cont2A dt{width: 150px;text-align: center}
.cont2A dt b{display: block;font-size: 50px;color: #ff6800}

.cont2B{text-align: center;width: 800px;margin: 0 auto;margin-top: 30px;}
.cont2B h1{font-size: 28px;font-weight: normal}
.cont2B p{color: #666;line-height: 2;margin-top: 30px}

.cont2C{margin-top: 40px;border-bottom: 1px solid #ededed;padding-bottom: 30px}
.cont2C table{width: 100%}
.cont2C table tr th{background: #ebeff2;text-align: center;line-height: 40px}
.cont2C table tr td{background: #f8f8f8;text-align: center;line-height: 40px}

.cont2D{margin-top: 40px}
.cont2D h2{font-size: 26px;font-weight: normal}

.cont2Ds{position: relative}
.cont2D .bd{overflow: hidden;margin-top: 30px;}
.cont2D .bd ul li{border: 1px solid #dfdfdf;width: 185px!important;padding: 20px 10px 15px;text-align: center;transition: all 0.5s ease;float: left;margin-right: 10px}
.cont2D .bd ul li dd{height: 52px;position: relative}
.cont2D .bd ul li dd img{max-width: 100px;position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto}
.cont2D .bd ul li h3{font-size: 12px;color: #999;font-weight: normal;border-bottom: 1px dashed #e7e7e7;padding: 10px 0}
.cont2D .bd ul li p{color: #ff6800;margin-top: 15px;display: inline-block}
.cont2D .bd ul li:hover p{text-decoration: underline;}
.cont2D .hd ul{ display:none;}
.cont2D .hd a{width:30px; height:52px; background:url(../service_img/domain-11.png) no-repeat; background-position:0 -25px; position:absolute; top:50%; margin-top:-26px; display:none; filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;}
.cont2D .hd a.prev{ left:0;}
.cont2D .hd a.next{ right:0; background-position:0 -77px;}
.cont2D .hd a:hover{ filter:alpha(opacity=100); -moz-opacity:1; opacity:1;}
.cont2D:hover .hd a{display: block}

/*============================ 药房许可证 ============================*/
.licenceA{background: url("../service_img/licence.jpg") no-repeat center bottom;overflow: hidden;padding-bottom: 65px}
/*.licenceA .title span{background: none}
.licenceA .title h2:before{opacity: 0}*/
.licenceA .licenceAa {background: #ffffff;box-shadow: 0px 0px 16px 2px rgba(188, 188, 188, 0.14);padding: 16px 16px 12px 16px;margin-top: 45px;}
.licenceA .licenceAa .define-box {border: 1px solid #e3ebef;overflow: hidden;}
.licenceA .licenceAa .define-box .left {float: left;width: 240px;height: 334px;background-image: url(../service_img/hlwyp_left.jpg);padding: 57px 53px 0 47px;}
.licenceA .licenceAa .define-box .left h6 {font-size: 20px;font-weight: 400;color: rgba(255, 255, 255, 0.8);line-height: 28px;text-align: center;}
.licenceA .licenceAa .define-box .right {float: left;padding: 32px;}
.licenceA .licenceAa .define-box .right .classify {margin-bottom: 24px;}
.licenceA .licenceAa .define-box .right .classify b {font-size: 18px;font-weight: bold;color: #2a2b40;}
.licenceA .licenceAa .define-box .right .classify p {font-size: 16px;font-weight: 400;color: #666666;margin-top: 7px;}
.licenceA .licenceAa .define-box .right ul {margin-top: 34px;}
.licenceA .licenceAa .define-box .right ul li {display: inline-block;margin-right: 75px;}
.licenceA .licenceAa .define-box .right ul li:last-child {margin-right: 0;}
.licenceA .licenceAa .define-box .right ul li:nth-child(2) {margin-right: 144px;}
.licenceA .licenceAa .define-box .right ul li img {float: left;}
.licenceA .licenceAa .define-box .right ul li div {float: left;margin-left: 16px;padding-top: 10px;}
.licenceA .licenceAa .define-box .right ul li div h5 {font-size: 18px;font-weight: 400;color: #2a2b40;}
.licenceA .licenceAa .define-box .right ul li div p {font-weight: 400;color: #666666;}
.btn-bar {width: 540px;height: 52px;margin: 40px auto 0;cursor: pointer;}
.btn-bar .text {float: left;height: 100%;line-height: 46px;border: 1px solid #8762c4;border-right: none;padding-left: 21px;width: 340px;background: #ffffff;font-size: 16px;font-weight: 400;}
.btn-bar .text img {vertical-align: middle;}
.btn-bar .text span {font-size: 16px;font-weight: 400;color: #666666;vertical-align: middle;}
.btn-bar .text b {font-size: 18px;font-weight: bold;color: #8762c4;vertical-align: middle;}
.btn-bar .btn {float: left;width: 200px;line-height: 48px;background-color: #8762c4;height: 100%;padding-left: 14px;position: relative;}
.btn-bar .btn img {-webkit-animation: move 1s infinite;animation: move 1s infinite;vertical-align: middle;}
.btn-bar .btn span {color: #fff;font-size: 16px;font-weight: 400;vertical-align: middle;position: absolute;right: 16px;line-height: 52px;}
@-webkit-keyframes move {
    0% {
        margin-left: 15px;
    }
    50% {
        margin-left: 30px;
    }
    100% {
        margin-left: 15px;
    }
}
@keyframes move {
    0% {
        margin-left: 15px;
    }
    50% {
        margin-left: 30px;
    }
    100% {
        margin-left: 15px;
    }
}

.licenceB{margin-top: 45px}
.licenceB .lt, .licenceB .rt{height: 393px;border: 1px solid #f1efef;border-radius: 4px;display: flex;justify-content: space-between;}
.licenceB .lt{width: 510px;padding: 42px 35px 56px 25px;float:left;margin-right:10px;}
.licenceB .tit{display: flex;align-items: center;font-size: 18px;color: #333;font-weight: 700;margin-bottom: 17px;}
.licenceB .tit img{height: 19px;margin-right: 6px;margin-left: -2px;}
.licenceB .list-box .list-item{display: -webkit-box;display: -ms-flexbox;display: flex;vertical-align: top;}
.licenceB .list-box{font-weight: 400;color: #394445;line-height: 22px;min-height: 164px;}
.licenceB .list-box .list-item{display: -webkit-box;display: -ms-flexbox;display: flex;vertical-align: top;}
.licenceB .list-box .list-item .sub{display: inline-block;width: 14px;height: 14px;background: #8762c4;border-radius: 2px;color: #fff;font-size: 12px;margin-right: 6px;line-height: 13px;text-align: center;}
.licenceB .list-box .list-item .con{display: inline-block;width: calc(100% - 18px);}
.licenceB .com-box .btn-box{padding-left: 22px;margin-top: 37px;}
.licenceB .com-box .btn-box .btn-sub{font-size: 18px;color: #333;font-weight: 700;margin-right: 24px;}
.licenceB .com-box .btn-box .btn{cursor: pointer;width: 147px;height: 36px;background: #8762c4;border-radius: 4px;font-weight: 400;color: #fff;border: none;}
.licenceB .rt{width: 780px;padding: 35px 37px 0 26px;}
.licenceB .rt .rt-img{width: 280px;height: 320px;}
.licenceB .list-box .list-item{margin-top: 8px;}


.licenceC{margin-top: 45px}
.licenceC ul li {float: left;margin-right: 15px;width: 313px;height: 350px;position: relative;}
.licenceC ul li>div {position: absolute;padding: 10px;box-shadow: 0px 0px 18px 2px rgba(188, 188, 188, 0.25);text-align: center;
    transition: all linear 0.2s;top: 0;left: 0;width: 100%;height: 100%;background-color: #fff;}
.licenceC ul li:last-child {margin-right: 0;}
.licenceC ul li img{max-width: 100%}
.licenceC ul li p {font-size: 16px;font-weight: 400;color: #666666;line-height: 30px;padding: 34px 0 26px;transition: all linear 0.2s;}
.licenceC ul li a {display:inline-block;width: 160px;line-height: 40px;background: #ffffff;border: 1px solid #93a3b3;border-radius: 2px;font-weight: 400;color: #93a3b3;margin-bottom: 30px;}
.licenceC ul li:hover>div {top: -10px;}
.licenceC ul li:hover p {color: #333;font-weight: bold;}
.licenceC ul li:hover a {background-color: #8762c4;color: #fff;border: none;}

.licenceD{background: url("../service_img/licenced.png") no-repeat center;overflow: hidden;margin-top: 45px;padding-bottom: 60px}
.licenceD .title h2{color: #fff}
.licenceD .title p{color: #fff}
.licenceD .title h2:before{opacity: 0}
.licenceD .licenceDa {position: relative;overflow: hidden;margin: 0 auto;margin-top: 60px;}
.licenceD .licenceDa ul{display: flex;justify-content: space-between;align-items: center}
.licenceD .licenceDa ul li {width: 124px;float: left;margin: 0 35px;}
.licenceD .licenceDa ul li dd{width:124px;height:124px;border-radius:15px;background-color: #ffffff;overflow: hidden;transition:0.3s;}
.licenceD .licenceDa ul li:hover dd{background-color: rgb(42, 126, 251);box-shadow: 10px 10px 20px rgba(0,0,0,0.7);transition: 0.3s;}
.licenceD .licenceDa ul li p {font-size: 18px;color: #ffffff;line-height: 19px;text-align: center;margin-top: 26px;}
.licenceD .licenceDa .jt{margin-top: -30px}
.licenceD .licenceDa ul li.li1 dd{background: url("../service_img/ztn3_l1_1.png") no-repeat center #fff}
.licenceD .licenceDa ul li.li2 dd{background: url("../service_img/ztn3_l2_1.png") no-repeat center #fff}
.licenceD .licenceDa ul li.li3 dd{background: url("../service_img/ztn3_l3_1.png") no-repeat center #fff}
.licenceD .licenceDa ul li.li4 dd{background: url("../service_img/ztn3_l4_1.png") no-repeat center #fff}
.licenceD .licenceDa ul li.li5 dd{background: url("../service_img/ztn3_l5_1.png") no-repeat center #fff}
.licenceD .licenceDa ul li.li6 dd{background: url("../service_img/ztn3_l6_1.png") no-repeat center #fff}
.licenceD .licenceDa ul li:hover.li1 dd{background: url("../service_img/ztn3_l1_2.png") no-repeat center #8762c4}
.licenceD .licenceDa ul li:hover.li2 dd{background: url("../service_img/ztn3_l2_2.png") no-repeat center #8762c4}
.licenceD .licenceDa ul li:hover.li3 dd{background: url("../service_img/ztn3_l3_2.png") no-repeat center #8762c4}
.licenceD .licenceDa ul li:hover.li4 dd{background: url("../service_img/ztn3_l4_2.png") no-repeat center #8762c4}
.licenceD .licenceDa ul li:hover.li5 dd{background: url("../service_img/ztn3_l5_2.png") no-repeat center #8762c4}
.licenceD .licenceDa ul li:hover.li6 dd{background: url("../service_img/ztn3_l6_2.png") no-repeat center #8762c4}
.licenceD .btn{text-align: center}
.licenceD .btn a{display: inline-block;width: 220px;height: 54px;border: solid 1px #ffffff;color: #ffffff;border-radius: 27px;line-height: 54px;text-align: center;font-size: 18px;margin: 72px auto 0;}
.licenceD .btn a:hover{background: #fff;color: #8762c4}

.oneE2{background: none}
.oneE2 .title h2 span{background: #fff}
.oneE2 ul li{background: #f5f5f5}
.oneE2 ul li h3{font-size: 16px;}
.licenceE ul li:hover h3{color: #8762c4}

/*============================ 营销推广 ============================*/
.yingxiaoA{margin-top: 40px;overflow: hidden}
.yingxiaoA ul{display: flex;justify-content: space-between}
.yingxiaoA ul li{width: 25%;border-right: 1px solid #eee;text-align: center;transition: all ease .5s 0s;cursor: pointer}
.yingxiaoA ul li:last-child{border-right: none;}
.yingxiaoA ul li b{font-size: 60px;color: #FF5F1F}
.yingxiaoA ul li p{font-size: 16px;color: #666}
.yingxiaoA ul li:hover{transform: translateY(-5px);}

.yingxiaoB{background: #F5F5F5;overflow: hidden;margin-top: 45px;padding-bottom: 50px}
.yingxiaoB .title h2 span{background: none}
.yingxiaoB .title h2:before{opacity: 0}
.yingxiaoB .oneB{overflow: initial}

.yingxiaoC{overflow: hidden}
.yingxiaoC ul li {width: 50%;float: left;margin: 40px 0 0}
.yingxiaoC ul li img {float: left;width: 70px;height: 70px;transition: .9s}
.yingxiaoC ul li span {display: block;padding: 0 30px 0 90px}
.yingxiaoC ul li span b {font-weight: normal;font-size: 16px;display: block;margin: 0 0 4px 0;transition: .3s}
.yingxiaoC ul li span p {height: 42px;color: #999;transition: .3s}
.yingxiaoC ul li:hover img {transform: rotate(360deg)}
.yingxiaoC ul li:hover span b {transform: translateX(3px);}

.yingxiaoD{height: 442px;position: relative;padding-left: 140px;margin-top: 45px}
.yingxiaoDl{position: absolute;left: 0;margin-top: 10px; background: #fff8f5 url(../service_img/pk.png) no-repeat;width: 166px;padding: 84px 13px 0 13px;}
.yingxiaoDl li{border-top: 1px dashed #dadada;height: 58px;line-height: 57px;text-align: center;font-size: 16px;color: #424242;}
.yingxiaoDr{border-bottom: 1px solid #dddddd;width: 50%;}
.yingxiaoDr h3{font-size: 30px;color: #fff;font-weight: bold;background: #FF5F1F;text-align: center;height: 99px;line-height: 99px;border-bottom: 1px solid #dddddd;}
.yingxiaoDr ul{border-right: 1px solid #cacaca;}
.yingxiaoDr li{height: 57px;border-bottom: 1px dashed #e4e4e4;border-top: 1px dashed #cacaca;font-size: 14px;color: #424242;margin: 0 50px;text-align: center;line-height: 55px;}
.yingxiaoDr li:first-child{border-top: none;}
.yingxiaoDr li:last-child{border-bottom: none;}
.yingxiaoDr li:nth-of-type(3){padding-top: 7px;line-height: 1.8em;}
.yingxiaoDr li strong{display: inline-block;color: #f30101;line-height: 1.8em;margin-top: 30px;font-weight: normal}
.yingxiaoDr2{margin-top: 27px;}
.yingxiaoDr2 h3{font-size: 30px;font-weight: bold;height: 72px;background: #dadada;text-align: center;line-height: 72px;}
.yingxiaoDr2 li:nth-of-type(3){line-height: 55px;}

.yingxiaoE{background: url("../service_img/yxe.jpg") no-repeat center;overflow: hidden;margin-top: 45px;padding-bottom: 60px}
.yingxiaoE .title h2 span{background: none}
.yingxiaoE .title h2:before{opacity: 0}
.yingxiaoE .title h2,.yingxiaoE .title p{color: #fff}

.yingxiaoE ul{margin-top: 40px;overflow: hidden}
.yingxiaoE ul li{position: relative;float: left;display: inline-block;width: 16%;margin: 0 2.5%;text-align: center;}
.yingxiaoE ul li:nth-of-type(1){margin-left: 0;}
.yingxiaoE ul li:nth-last-of-type(1){margin-right: 0;}
.yingxiaoE ul li:after{position: absolute;right: -38%;top: 44px;content: url("../service_img/yxe2.png");}
.yingxiaoE ul li:nth-last-of-type(1):after{display: none;padding-right: 0;}
.yingxiaoE ul .icon{display: flex;width: 100px;height: 100px;margin: 0 auto;border-radius: 100%;border: 1px solid #fff;justify-content: center;align-items: center;transition: all .5s;}
.yingxiaoE ul .icon span{width: 50px;height: 50px;background: url("../service_img/yxes.png") no-repeat;}
.yingxiaoE ul li:nth-of-type(1) .icon span{background-position: -50px -50px;}
.yingxiaoE ul li:nth-of-type(2) .icon span{background-position: -600px -50px;}
.yingxiaoE ul li:nth-of-type(3) .icon span{background-position: 0 -50px;}
.yingxiaoE ul li:nth-of-type(4) .icon span{background-position: -350px -50px;}
.yingxiaoE ul li:nth-of-type(5) .icon span{background-position: -50px -50px;}
.yingxiaoE ul li:hover .icon{background: #FF5F1F;border-color: #FF5F1F;}
.yingxiaoE ul .title{font-size: 18px;color: #fff;margin: 20px 0;}
.yingxiaoE ul .description{font-size: 14px;color: #d5d5d5;line-height: 2em;}
.yingxiaoE .btn{position: relative;display: block;margin: 0 auto;width: 460px;height: 60px;border: 3px solid #FF5F1F;background: #fff;
    border-radius: 60px;padding-left: 25px;line-height: 60px;letter-spacing: 2px;margin-top: 50px;transition: all 0.5s ease}
.yingxiaoE .btn .tel{font-size: 18px;color: #FF5F1F;}
.yingxiaoE .btn .tel em{font-size: 20px;font-weight: bold;font-family: Arial;font-style: normal}
.yingxiaoE .btn a{position: absolute;right: -1px;width: 155px;height: 54px;line-height: 54px;background: #FF5F1F;color: #fff;text-align: center;font-size: 20px;border-radius: 54px;}
.yingxiaoE .btn:hover {transform: translateY(-5px);}

.yingxiaoF{overflow: hidden;padding-bottom: 50px;margin-top: 40px}
.yingxiaoF ul li h3{background: #FFF7E8;color: #FF6222;padding: 0 20px;line-height: 50px;font-size: 16px;font-weight: normal}
.yingxiaoF ul li p{color: #666;padding: 20px;line-height: 2;}

/*============================ ssl证书 ============================*/
.sslA{text-align: center;margin-top: 45px}

.sslB{background: #F7F8FC;overflow: hidden;margin-top: 25px;padding-bottom: 50px}
.sslB .title h2 span{background: #F7F8FC}
.sslB .sslBs{margin-top:40px;}
.sslB .hd ul{text-align: center}
.sslB .hd ul li {display: inline-block;text-align: center;width:20%;}
.sslB .hd ul li a{color:#181818;position: relative;display: block;font-weight:700;font-size:16px;}
.sslB .hd ul li a img{display: block;margin:0 auto;margin-bottom:10px;}
.sslB .hd ul li.on a{color:#2ea039;}
.sslB .hd ul li a:hover{color:#2ea039;}
.sslB .hd ul li.on a:after,.sslB .hd ul li a:hover:after{content: '';display: block;width:100%;height:3px;background: #2ea039;position: absolute;left:0;bottom:-15px;}

.sslB .bd{margin-top:45px;}
.sslB .bd ul li{display: inline-block;width:24%;vertical-align:top;position: relative;line-height: 24px;}
.sslB .bd ul li:last-child{margin-right: 0}
.sslB .bd ul li span.hot{position: absolute;width:44px;height:51px;background: url(../service_img/sslbhot.png) no-repeat;display: block;content: '';top:-7px;right:30px;}
.sslB .bd ul{display: flex;justify-content: space-between}
.sslB .bd ul li .cp_box{padding-bottom:25px;box-shadow: 8px 8px 20px 0 rgba(0,0,0,0.06);border-radius: 6px;border: 1px solid #ededed;}
.sslB .bd ul li .cp_box.cp_sort{background: url(../service_img/sslbl.png) no-repeat right bottom,linear-gradient(45deg,#fff,#f3f5f8);border:2px solid #fff;padding:30px 20px;min-height:402px;}
.sslB .bd ul li .cp_box.cp_sort h3{font-size:20px;color:#202a1c;font-weight: 600;margin-bottom: 20px;display: block;}
.sslB .bd ul li .cp_box.cp_sort span{display: block;color:#646c61;margin-bottom:10px;line-height: 24px;}
.sslB .bd ul li .cp_top{padding:25px 15px;background:url(../service_img/sslbr.png) no-repeat right bottom, linear-gradient(90deg,#2ea039,#8fda77);line-height: 24px;}
.sslB .bd ul li .cp_top h3{font-size:18px;color:#181818;display: inline-block;margin-right:10px;line-height: 24px;font-weight: normal;}
.sslB .bd ul li .cp_top h3 a{color: #fff}
.sslB .bd ul li .cp_top span{font-size:14px;color:#fff;font-weight: 400;}
.sslB .bd ul li .cp_price{background: #fafafa;padding:15px 6px;overflow: hidden;}
.sslB .bd ul li .cp_price .items{float:left;width:50%;text-align: center;}
.sslB .bd ul li .cp_price .items:last-child{border-left:1px solid #ededed;}
.sslB .bd ul li .cp_price .items.one_price{border:none;width:100%;}
.sslB .bd ul li .cp_price .items p{color:#656a64;line-height: 24px;}
.sslB .bd ul li .cp_price .items p i{color:#ff5400;font-style: normal;}
.sslB .bd ul li .cp_price .items span{color:#656a64;}
.sslB .bd ul li .cp_price .items p span{color:#ff5400;font-size:20px;font-weight: 600;}
.sslB .bd ul li .cp_func{padding:30px 20px;height:180px;}
.sslB .bd ul li .cp_func dd{color:#666;background: url(../service_img/sslbdui.png) no-repeat left 8px;padding-left:24px;line-height: 24px;}
.sslB .bd ul li .cp_ask{padding:0 20px;line-height: 24px;text-align: center;}
.sslB .bd ul li .cp_ask a{color:#fff;background: #2ea039;display: inline-block;padding:6px 30px;text-align: center;font-weight:normal;transition: all 0.3s ease;border:1px solid #2ea039;}
.sslB .bd ul li .cp_ask a.advisory{border:1px solid #2ea039;background: none;color:#2ea039;display: inline-block;margin-right:8px;}
.sslB .bd ul li .cp_ask a:hover{color:#fff;background: #3aa219;border: 1px solid #6dbe53;}
.sslB .bd ul li .cp_ask a.advisory:hover{background: #2ea039;}

.sslC{}
.sslC ul{display: flex;justify-content: space-between;flex-wrap: wrap}
.sslC ul li{width: 420px;margin-top: 20px;box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.06);}
.sslC ul li h3 {height: 50px;border-radius: 4px 4px 0px 0px;line-height: 50px;padding: 0 20px;color: #fff;font-weight: normal;}
.sslC ul li dl{padding: 20px 20px 30px}
.sslC ul li dl dd{min-height: 75px}
.sslC ul li dl p{color: #666;line-height: 1.8}
.sslC ul li dl a{display: inline-block;width: 141px;height: 36px;border-radius: 4px;text-align: center;line-height: 36px;color: #FC8301;border: 1px solid #FC8301;margin-top: 25px;}
.sslC ul li:nth-child(1){background: url("../service_img/sslc1.png") no-repeat right bottom;}
.sslC ul li:nth-child(1) h3{background: linear-gradient(90deg, #53A447 0%, #64C456 100%);}
.sslC ul li:nth-child(2){background: url("../service_img/sslc2.png") no-repeat right bottom;}
.sslC ul li:nth-child(2) h3 {background: linear-gradient(90deg, #5EB4E1 0%, #6ACBFE 100%);}
.sslC ul li:nth-child(3){background: url("../service_img/sslc3.png") no-repeat right bottom;}
.sslC ul li:nth-child(3) h3{background: linear-gradient(90deg, #969BF9 0%, #C2C5FF 100%);}
.sslC ul li:nth-child(4){background: url("../service_img/sslc4.png") no-repeat right bottom;}
.sslC ul li:nth-child(4) h3{background: linear-gradient(90deg, #6993EC 0%, #8BB0FF 100%);}
.sslC ul li:nth-child(5){background: url("../service_img/sslc5.png") no-repeat right bottom;}
.sslC ul li:nth-child(5) h3{background: linear-gradient(90deg, #FCB04E 0%, #FFC070 100%);}
.sslC ul li:nth-child(6){background: url("../service_img/sslc6.png") no-repeat right bottom;}
.sslC ul li:nth-child(6) h3{background: linear-gradient(90deg, #585BFE 0%, #A2A4FB 100%);}
.sslC ul li a:hover {color: #FFF;border: none;background: #FC8301;}

.sslD{background: #F7F8FC;overflow: hidden;margin-top: 45px;padding-bottom: 50px}
.sslD .title h2 span{background: #F7F8FC}
.sslD ul{display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 10px}
.sslD ul li{width: 420px;padding: 30px 20px;border: 2px solid #F2F2F2;margin-top: 25px;display: flex;justify-content: space-between;align-items:center;background: #fff;}
.sslD ul li dd{text-align: center}
.sslD ul li dl{width: 280px}
.sslD ul li dl h3{font-size: 18px;font-weight: normal}
.sslD ul li dl p{color: #999;line-height: 24px;margin-top: 10px}

.sslE{padding: 30px 0 50px}
.sslE ul li{box-shadow: 0 4px 16px rgb(0 0 0 / 6%);padding: 5px 10px 15px;margin-top: 10px;background: #fff}
.sslE ul li h3{line-height: 50px;font-size: 16px;font-weight: normal}
.sslE ul li i{display: inline-block;width: 24px;height: 24px;line-height: 24px;text-align: center;background: #222222;border-radius: 4px;font-style: normal;font-size: 16px;color: #FFF;margin-right: 20px;}
.sslE ul li dl{display: flex;margin-top: 8px}
.sslE ul li dl i{background: #0cf}
.sslE ul li dd{width: 96%;color: #666;line-height: 1.8}
.sslE ul li dl .orange{background: #FF5F1F}
.sslE ul li dl .green{background: #2ea039}
.sslE ul li dl .purple{background: #8660C4}
.sslE ul li dl .light_green{background: #4ED17F}
.sslE ul li dl .blue{background: #2086ee}
.sslE ul li dl .deep_purple{background: #5B0DB1}
.sslE ul li dl .red{background: #e2070b}

/*============================ 软文营销 ============================*/
.ruanwenA{box-shadow: 0px 13px 50px 2px rgba(144, 153, 144, 0.3);margin-top: 60px}
.ruanwenA ul{display: flex;justify-content: space-between}
.ruanwenA ul li{border-right: 1px solid #e0e0e0;padding: 0 90px;width: 33.3%;height: 330px;position: relative}
.ruanwenA ul li dl{position: relative;z-index: 1}
.ruanwenA ul li dd{text-align: center;margin-top: 50px}
.ruanwenA ul li h3{text-align: center;color: #1cb17d;;font-size: 18px;margin: 0 0 15px 0}
.ruanwenA ul li p{color: #666;line-height: 1.8}
.ruanwenA ul li:last-child{border-right: none}
.ruanwenA ul li:after{content: '';position: absolute;top: 0;left: 0;height: 380px;display: none;
    background-image: linear-gradient(0deg, #22c08a 0%, #4ed17f 100%);opacity: 0.71;margin-top: -20px;width: 110%;margin-left: -5%;margin-bottom: -20px;}
.ruanwenA ul li a{text-align: center;width: 100px;height: 30px;background-image: linear-gradient(0deg, #ffd76c 0%, #fff961 100%);border-radius: 5px;margin: auto;color: #1cbd86;line-height: 30px;display: none;}
.ruanwenA ul li:hover:after{display: block}
.ruanwenA ul li:hover a{display: block;margin-top: 30px;}
.ruanwenA ul li:hover h3{color: #fff150}
.ruanwenA ul li:hover p{color: #fff}
.ruanwenA ul li:hover dd{margin-top: 40px}

.ruanwenB{width: 100%;background: url(../service_img/rwb.png) top center no-repeat;margin-top: 80px;}
.ruanwenB .title{padding-top: 50px}
.ruanwenB .title h2{color: #fff;}
.ruanwenB .title h2 span {background: none}
.ruanwenB .title h2:before{opacity: 0}
.ruanwenB .title p{color: #fff}
.ruanwenB ul{background: #fff;box-shadow: 0px 13px 50px 2px rgba(144, 153, 144, 0.3);margin: 50px auto 0px;padding-bottom: 50px;display: flex;flex-wrap: wrap}
.ruanwenB ul li{width: 50%;display: flex;align-items: center;margin-top: 50px;padding: 0 30px}
.ruanwenB ul li dd{display: inline-block;width: 80px;height: 80px;box-shadow: 0px 2px 16px 0px rgba(67, 180, 128, 0.23);opacity: 0.8;border-radius: 50%;}
.ruanwenB ul li dl{margin-left: 40px}
.ruanwenB ul li dl h3{font-size: 18px;color: #666;line-height: 36px}
.ruanwenB ul li dl p{color: #6d6d6d;font-size: 16px;;line-height: 1.8}

.ruanwenC{/*background: url(../service_img/rwcc.png) no-repeat center top;margin-top: 80px;background-size: cover;*/overflow:hidden;}
/*.ruanwenC .title h2 span {background: none}
.ruanwenC .title h2:before{opacity: 0}*/
.ruanwenC ul{height:615px;background: url("../service_img/rwc.png") no-repeat center top;position: relative;
    background-size: cover;margin-top: 20px}
.ruanwenC ul li{width: 360px;color: #666;position: absolute;line-height: 20px;}
.ruanwenC ul li.i01{top: 95px;left: 82px;}
.ruanwenC ul li.i02{top: 240px;left: 82px;}
.ruanwenC ul li.i03{top: 380px;left: 82px;}
.ruanwenC ul li.i04{top: 95px;right: 100px;}
.ruanwenC ul li.i05{top: 240px;right:100px;}
.ruanwenC ul li.i06{top: 380px;right:100px;}
.ruanwenC ul li.i07{top: 495px;left: 480px;}

.ruanwenD{background-image: linear-gradient(0deg, #22c08a 0%, #4ed17f 100%);overflow: hidden;margin-top: 50px;padding-bottom: 60px}
.ruanwenD .title h2{color: #fff}
.ruanwenD .title h2 span {background: none}
.ruanwenD .title h2:before{opacity: 0}
.ruanwenD .title p{color: #fff}
.ruanwenD ul{margin-top: 50px;display: flex;justify-content: space-between;}
.ruanwenD ul li{text-align: center;width: 16.6%;}
.ruanwenD ul li p{color: #fff;font-size: 16px;margin-top: 20px}

/*============================ APP开发 ============================*/
.titlebg h2:before{background: none}
.detailr2{width: 1045px;background: #fff;padding-bottom: 40px}
.detailr2 .margin40{margin: 0 40px;}
.detailr2 .detailrA{padding-top: 15px;border-bottom: 1px solid #e5e5e5;}


.app .title h2:before{background: none}
.appA{margin: 40px 40px 0}
.appA ul{display: flex;justify-content: space-between}
.appA ul li{width: 47%;box-shadow: 0 0 10px #ccc;background: #6789fe;border-radius: 13px;
    display: flex;justify-content: space-between;}
.appA ul li dd{width: 30%;height:100%;text-align: center;background: #fff;padding: 60px 0;
    border-top-left-radius: 12px;border-bottom-left-radius: 12px;}
.appA ul li dd p{margin-top: 30px;font-size: 18px;color: #6789fe}
.appA ul li dl{width: 70%;padding: 50px 30px;line-height: 2;color: #fff;border-top-right-radius: 12px;border-bottom-right-radius: 12px;}
.appA ul li:nth-child(2n){background: #4bcaa1}
.appA ul li:nth-child(2n) dd p{color: #4bcaa1}
.appA ul li:hover dd img{animation: swing 1s .1s ease both;}

.appB{width:935px;margin:0 auto;margin-top:40px;background: url("../service_img/appb.png") no-repeat center;height: 321px;position: relative}
.appB ul li{font-size: 20px;color: #fff;position: absolute}
.appB ul li:nth-child(1){top: 105px;left: 135px;}
.appB ul li:nth-child(2){top: 105px;left: 415px;}
.appB ul li:nth-child(3){top: 205px;left: 598px;}
.appB ul li:nth-child(4){top: 105px;left: 795px;}
.appB ul li:nth-child(5){top: 266px;left: 40px;}
.appB ul li:nth-child(6){top: 266px;left: 225px;}
.appB ul li:nth-child(7){top: 266px;left: 415px;}
.appB ul li:nth-child(8){top: 266px;left: 795px;}

.appC{background: url("../service_img/appc.png") no-repeat center;padding: 30px;margin-top: 40px}
.appC ul{display: flex;justify-content: space-between;}
.appC ul li i{width: 100%;height: 53px;display: flex;justify-content: center;align-items: center}
.appC ul li{width: 19.8%;background: #6789fe;padding: 45px 10px;text-align: center;color: #fff}
.appC ul li h3{font-size: 16px;font-weight: normal;margin-top: 20px}
.appC ul li p{margin-top: 30px;line-height: 1.8}
.appC ul li:hover i img{animation: zoomIn 1s .1s ease both;}

.appD{background: #f8f8f8;overflow: hidden;}
.appD .title h2 span{background: #f8f8f8}
.appD ul{padding: 35px 0 60px;display: flex;justify-content: space-between}
.appD ul li{width: 23%;background: #fff;padding: 30px 20px;}
.appD ul li h3{font-size: 18px;text-align: center;}
.appD ul li p{color: #767676;margin-top: 20px}
.appD ul li p span{font-size: 22px;}

.appE{background: #6789fe;overflow: hidden;padding-bottom: 40px}
.appE .title h2 span{background: #6789fe;color: #fff}
.appE ul{display: flex;justify-content: space-between;flex-wrap: wrap;padding-top: 15px;overflow: hidden}
.appE ul li{background: #fff;border-radius: 5px;text-align: center;width: 23%;padding: 30px 0;margin-top: 25px;position: relative}
.appE ul li p{margin-top: 15px}
.appE ul li dl{position: absolute;top: 12px;right: 12px}
.appE ul li dl .left{width: 6px;height: 30px;float: right;}
.appE ul li dl .right{width: 6px;height: 30px;float: right;margin-right: 4px;vertical-align: bottom;}
.appE ul li dl i{display: block;width: 6px;height: 6px;background-color: #dfe2e8;vertical-align: top;margin-left: 2px;margin-bottom: 2px}
.appE ul li:hover img{animation: bounce 1s .1s ease both;}
.appE .appE_more{text-align: center;margin-top: 40px}
.appE .appE_more a{background-color: #a99aff;font-size: 20px;line-height: 55px;padding: 0 26px;display: inline-block;background: url(../service_img/appegd.png) no-repeat center center;background-size: 100% 100%;letter-spacing: 2px;color: #fff;transition: .3s;}
.appE .appE_more a:hover {transform: translateY(-3px);}

.appF{width: 967px;margin: 0 auto;margin-top: 40px;}
.appF dl img{max-width: 100%}
.appF ul{display: flex;justify-content: space-between;align-items: flex-end;}
.appF ul.ul2{align-items: flex-start;}
.appF ul li{text-align: center;position: relative}
.appF ul li h3{font-size: 16px;}
.appF ul li p{color: #666;line-height: 1.6}
.appF ul:nth-child(1) li:nth-child(1){margin-left: 25px}
.appF ul:nth-child(1) li:nth-child(2){margin-left: 30px}
.appF ul:nth-child(1) li:nth-child(3){margin-left: 30px}
.appF ul:nth-child(1) li:nth-child(4){margin-left: 30px}
.appF ul.ul2 li:nth-child(1){margin-left: 140px}
.appF ul.ul2 li:nth-child(2){margin-left: 11px}
.appF ul.ul2 li:nth-child(3){margin-left: 16px}
.appF ul.ul2 li:nth-child(4){margin-right: 132px;}


.detaill.on{position: fixed;top: 68px;left: 50%;margin-left: -650px}

/*============================ 移动开发定制 ============================*/
.detail .ulB3 li dl a{background: #5993fe}


.mobileA{margin: 5px 40px 0}
.mobileA ul{display: flex;justify-content: space-between;flex-wrap: wrap}
.mobileA ul li{width: 31%;border: 1px solid #eee;border-radius: 4px;padding: 22px;text-align: center;margin-top: 35px}
.mobileA ul li dd img{max-width: 100%}
.mobileA ul li h3{font-size: 20px;color:#333;padding: 38px 0 12px;font-weight: normal}
.mobileA ul li p{color:#999;line-height: 28px;height: 56px;}
.mobileA ul li:hover{box-shadow: 0 0 16px 0 rgba(164,164,164,.38);}

.mobileB{background: #5993fe;overflow: hidden;margin-top: 40px}
.mobileB .title h2 span{background: #5993fe;color: #fff}
.mobileB ul{padding: 20px 40px 40px;display: flex;justify-content: space-between;flex-wrap: wrap}
.mobileB ul li{display: flex;justify-content: space-between;align-items: center;color: #fff;margin-top: 20px}
.mobileB ul li h3{width: 100px;line-height: 34px;text-align: center;font-style: normal;background-color: #ffd261;border-radius: 24px;color: #fff;font-size: 16px;font-weight: normal;margin-right: 15px;}
.mobileB ul li p{line-height: 62px;margin-left: 10px;font-size: 16px;}

.mobileC{margin: 0 40px 0;overflow: hidden}
.mobileC ul li{display: flex;justify-content: space-between;border-bottom: 1px solid #f1f1f1;align-items: center;padding: 40px 0}
.mobileC ul li dd,.mobileC ul li dl{width: 50%}
.mobileC ul li dd img{max-width: 100%}
.mobileC ul li h3{font-size:24px;color:#222;}
.mobileC ul li p{font-size:16px;line-height:30px;color:#222;margin-top:15px;}
.mobileC ul li dl{padding-left: 40px}

.mobileD{margin: 40px 40px 0;overflow: hidden}
.mobileD table{border: 1px solid #dadde4;width: 100%;line-height: 40px;border-bottom: none}
.mobileD table td{border-bottom: 1px solid #dadde4;color: #666;}
.mobileD table td:nth-child(1){width: 80%;border-right: 1px solid #dadde4;padding-left: 50px;position: relative}
.mobileD table td:nth-child(2){text-align: center;width: 20%;}
.mobileD table td:nth-child(1):before{content:'';position: absolute;;top: 17px;left: 30px;width: 6px;height: 6px;background: #5993fe;border-radius: 100%;}
.mobileD table td span{color: #999}


/*============================ 商标注册 ============================*/
.sbzcA{background: #F4F8FB;overflow: hidden}
.sbzcA .title h2 span{background: #F4F8FB}
.sbzcA ul{display: flex;justify-content: space-between;padding: 40px 0 60px}
.sbzcA ul li{width: 31%;box-shadow: 0 0 10px 0 rgb(14 62 228 / 10%);background: #fff}
.sbzcA ul li dd{width: 100%;height: 110px;background: url("../service_img/sbzca.jpg") no-repeat center;background-size: cover;padding: 20px 130px 20px 36px;position: relative}
.sbzcA ul li dd i{display: inline-block;width: 74px;height: 84px;background: url(../service_img/sbzca.png) no-repeat;position: absolute;top: 13px;right: 48px;}
.sbzcA ul li dd h3{font-size: 22px;line-height: 40px;font-weight: normal}
.sbzcA ul li dd p{line-height: 30px;font-size: 16px;color: #666;}
.sbzcA ul li dl{padding: 30px 36px;}
.sbzcA ul li dl label{display: block;min-height: 96px}
.sbzcA ul li dl p{font-size: 16px;position: relative;line-height: 2}
.sbzcA ul li dl p::before {content: '';width: 16px;height: 16px;background: url(../service_img/sbzca.png) -278px -215px no-repeat;color: #999;font-size: 16px;display: inline-block;vertical-align: middle;margin-right: 12px;}
.sbzcA ul li dl dt{margin-top: 20px;border-top: 1px solid #e5e5e5;padding-top: 30px;font-size: 16px;}
.sbzcA ul li dl dt span{color: #ec6c11}
.sbzcA ul li dl dt span.price{font-size: 30px}
.sbzcA ul li dl dt a{width: 150px;line-height: 40px;text-align: center;color: #2086ee;border: 1px solid #79b6f5;font-size: 16px;display: inline-block;float: right;}
.sbzcA ul li:nth-child(2) dd i{background-position: -84px 0;}
.sbzcA ul li:nth-child(3) dd i{background-position: -168px 0;}
.sbzcA ul li.active dd{background: url("../service_img/sbzcah.jpg") no-repeat center;background-size: cover;}
.sbzcA ul li.active dd h3,.sbzcA ul li.active dd p{color: #fff;}
.sbzcA ul li.active dt a{background: -webkit-linear-gradient(45deg,#3869f6,#139ef9);background: -o-linear-gradient(45deg,#3869f6,#139ef9);background:
        -moz-linear-gradient(45deg,#3869f6,#139ef9);background: linear-gradient(45deg,#3869f6,#139ef9);color: #fff;border: none;}
.sbzcA ul li:nth-child(1).active dd i{background-position: -252px 0;}
.sbzcA ul li:nth-child(2).active dd i{background-position: -336px 0;}
.sbzcA ul li:nth-child(3).active dd i{background-position: -420px 0;}

.sbzcB{text-align: center;margin-top: 50px}

.sbzcC{background: url("../service_img/sbzcc.jpg") no-repeat center;overflow: hidden;margin-top: 50px;padding-bottom: 70px}
.sbzcC .title h2 span{background: #5378ED;color: #fff}
.sbzcC .title p{color: #fff}
.sbzcC .hd{display: flex;justify-content: center}
.sbzcC .hd ul{border: 1px solid #fff;margin-top: 60px;display: flex;justify-content: center}
.sbzcC .hd ul li{width: 262px;line-height: 50px;border-right: 1px solid #fff;text-align: center;font-size: 16px;color: #fff;cursor: pointer}
.sbzcC .hd ul li.on{background: #fff;color: #2086ee}
.sbzcC .bd{margin-top: 80px}
.sbzcC .bd ul{display: flex;justify-content: center}
.sbzcC .bd ul li{width: 286px;margin: 0 9px;background: #fff;position: relative;text-align: center;padding: 30px 0;cursor: pointer}
.sbzcC .bd ul li::before {content: '';position: absolute;left: 9px;width: 268px;height: 16px;background: url(../service_img/sbzca.png) no-repeat;background-position: 0 -215px;top: -16px;}
.sbzcC .bd ul li h3{line-height: 60px;font-size: 24px;border-bottom: 1px solid #ddd;;font-weight: normal}
.sbzcC .bd ul li p{font-size: 18px;margin: 20px 0}
.sbzcC .bd ul li p span{color: #ec6c11}
.sbzcC .bd ul li p span.price{font-size: 30px;}
.sbzcC .bd ul li a{width: 180px;height: 40px;line-height: 40px;text-align: center;color: #2086ee;border: 1px solid #2086ee;background: #fff;font-size: 16px;display: inline-block;border-radius: 40px;}
.sbzcC .bd ul li:hover a{background: #2086ee;color: #fff;border: none;}
.sbzcC .more a{display: block;line-height: 50px;width: 400px;border: 1px solid #fff;border-radius: 50px;box-sizing: border-box;text-align: center;color: #fff;background: 0 0;margin: 68px auto 0;font-size: 18px;}

/*============================ 注册公司 ============================*/
.companyA{padding-top: 10px}
.companyA ul{display: flex;justify-content: space-between;flex-wrap: wrap}
.companyA ul li{width: 190px;margin-top: 30px;margin-right: 24px;padding: 20px 0 20px 20px;background-color: #ffffff;box-shadow: 0px 2px 3px 3px rgb(225 225 225 / 50%);
    border-radius: 8px;box-sizing: border-box;display: flex;align-items: center;cursor: pointer;font-size: 16px;}
.companyA ul li i{display: inline-block;width: 25px;line-height: 25px;color: #fff;font-style: normal;background: #3A73EF;border-radius: 100%;text-align: center;margin-right: 8px;font-family: Arial}
.companyA ul li:nth-child(4n){margin-right: 0}

.companyB{background: #F7F8F8;overflow: hidden;margin-top: 40px;padding-bottom: 50px}
.companyB .title h2 span{background: #F7F8F8}
.companyB ul{display: flex;justify-content: space-between;flex-wrap: wrap}
.companyB ul li{width: 31.5%;display: flex;justify-content: center;align-items: center;margin-top: 40px}
.companyB ul li dd{width: 80px;height: 80px;border: 1px solid #3a73ef;border-radius: 10px;display: flex;justify-content: center;align-items: center}
.companyB ul li dd img{max-width: 70%}
.companyB ul li dl{width: 70%;margin-left: 15px}
.companyB ul li dl h3{font-size: 16px;margin-bottom: 10px;}
.companyB ul li dl p{color: #666;line-height: 1.8;overflow: hidden;white-space: nowrap;text-overflow: ellipsis}

.companyC{display: flex;justify-content: center;}
.companyC ul:nth-child(1) li,.companyC ul:nth-child(3) li{padding: 20px;min-height:130px;border: 1px solid #dcdcdc;background: #fff;margin-top: 40px}
.companyC ul:nth-child(3){margin-top: 80px}
.companyC ul li h3{font-size: 18px;font-weight: normal;line-height: 36px;margin-bottom: 5px}
.companyC ul li p{line-height: 24px;}
.companyC ul li p a{color: #3a73ef}
.companyC ul:nth-child(2){width: 195px;margin-top: 55px}
.companyC ul:nth-child(2) li{text-align: center;}
.companyC ul:nth-child(2) li i{position: relative;display: inline-block;width: 57px;height: 57px;border: 1px solid #3a73ef;border-radius: 57px;
    font-size: 26px;color: #3a73ef;text-align: center;line-height: 57px;margin: 15px auto;font-style: normal;}
.companyC ul:nth-child(2) li i::before {display: block;content: '';border-top: 1px dashed #3a73ef;position: absolute;top: 28px;right: 56px;width: 300%;z-index: -2;}
.companyC ul:nth-child(2) li i::after {display: block;content: '';border-left: 1px solid #3a73ef;position: absolute;top: 56px;left: 28px;height: 30px;}
.companyC ul:nth-child(2) li:nth-child(even) i::before{left: 56px;}
.companyC ul:nth-child(2) li:last-child i::after {height: 0;}

.companyD{background: #F7F8F8;overflow: hidden;margin-top: 50px;padding-bottom: 50px}
.companyD .title h2 span{background: #F7F8F8}
.companyD .companyDa{background: #fff;border: 1px solid #dfe6ec;margin-top: 40px}
.companyD .companyDa dd{text-align: center;padding: 40px}
.companyD .companyDa ul{display: flex;justify-content: space-between;flex-wrap: wrap;border-top: 1px solid #dfe6ec;}
.companyD .companyDa ul li{width: 33.3%;padding: 8px 10px;}
.companyD .companyDa ul li i{display: inline-block;width: 30px;height: 30px;color: #FFFFFF;line-height: 30px;text-align: center;border-radius: 30px;background-color: #3a73ef;font-style: normal;margin-right: 10px;}

.companyE{padding-top: 30px}
.companyE ul{display: flex;justify-content: center;}
.companyE ul li{color: #6e6e6e;text-align: center;border: 1px solid #dcdcdc;padding: 8px 30px;margin: 0 30px;}

/*============================ 工商变更 ============================*/
.gsbgA{padding-top: 40px}
.gsbgA ul{display: flex;justify-content: space-between;flex-wrap:wrap;align-items: center;border-top: 1px solid #e84649;border-left: 1px solid #e84649;}
.gsbgA ul li{width: 33.3%;height: 165px;border-right: 1px solid #e84649;border-bottom: 1px solid #e84649;position: relative;cursor: pointer}
.gsbgA ul li dl{width: 100%;padding: 0 25px;position: absolute;top: 50%;left: 0;transform: translateY(-50%);display: flex;align-items: center;}
.gsbgA ul li dl dd{margin-left: 15px}
.gsbgA ul li dl dd h3{font-size: 16px;font-weight: normal;}
.gsbgA ul li dl dd p{color: #999;line-height: 2}
.gsbgA ul li a{line-height: 32px;text-align: center;color: #ffffff;background-color: #cf2418;
    border-radius: 30px;position: absolute;left: 20px;right: 20px;bottom: -30px;z-index: 3;display: none;}
.gsbgA ul li:hover dl{top: 35%;animation: ztMove 0.25s 1 linear;}
.gsbgA ul li:hover a{bottom: 20px;display: block;animation: ztMove2 0.25s 1 linear;}
@keyframes ztMove{
    0% {top: 50%; opacity: 0; }
    100% {top: 35%;  opacity: 1;}
}
@keyframes ztMove2{
    0% {bottom:-30px;}
    100% {bottom:20px;  }
}


.gsbg{overflow: hidden;padding-top: 40px;display: flex;justify-content: space-between}
.gsbg .gsbg-title { height: 63px; clear: both;}
.gsbg .gsbg-title span{ height: 45px;  line-height: 45px;  color: #ffffff; background-color: #f2f2f2;   display: inline-block; }
.gsbg .gsbg-title span  h3 {padding: 0 40px;  height: 45px; font-size: 16px; line-height: 45px; background-color: #e84649; font-weight: normal; display: inline-block; transform: translate(30px,18px)}
.gsbg .gsbgl { width: 270px}
.gsbg .gsbgl ul { padding: 10px 20px; min-height: 210px;background-color: #f2f2f2;}
.gsbg .gsbgl ul li { margin: 22px 0; height: 30px; line-height: 30px; overflow: hidden}
.gsbg .gsbgl ul li i { margin-right: 8px; width: 24px; height: 24px; line-height: 24px; text-align: center;font-style: normal; border-radius: 100%; background-color: #ec8611; color: #ffffff; display: inline-block;}
.gsbg .gsbgr { width: 670px;}
.gsbg .gsbgr .gborder {padding: 10px 20px; min-height: 210px;background-color: #f2f2f2;}
.gsbg .gsbgr .gimg { padding: 35px 0 20px; text-align: center }
.gsbg .gsbgr ul { }
.gsbg .gsbgr ul li { margin: 0 0 0 4%; width: 21%; height: 30px; line-height: 24px;  float: left}
.gsbg .gsbgr ul li i { width: 24px; height: 24px; line-height: 24px; text-align: center; color: #ffffff; font-style: normal; border-radius: 100%; background-color: #ec8611; display: inline-block; float: left;}
.gsbg .gsbgr ul li span { margin-left: 30px; display: block;}
.gsbg .gsbgr ul li.g4 { padding-left: 10px;}

.gsbgB .gsbgr .gborder {padding: 45px;min-height: 406px}
.gsbgB .gsbgr .gborder  p{margin-bottom: 20px;line-height: 2}

.gsbgC{overflow: hidden}
.gsbgC ul{}
.gsbgC ul li{position: relative;width: 48%;float: left;margin-top: 40px;}
.gsbgC ul li dl{margin-left: 75px;padding: 20px 20px 0 85px;height: 125px;background-color: #f2f1f1;font-size: 15px;line-height: 28px;}
.gsbgC ul li dd{width: 123px;height: 123px;text-align: center;background-color: #ffffff;border: 1px solid #cf2418;border-radius: 100%;position: absolute;left: 0;top: 1px;z-index: 2;}
.gsbgC ul li dd h3{padding: 35px 0 10px;font-size: 16px;color: #cf2418;display: block;}
.gsbgC ul li dd a{width: 74px;height: 20px;line-height: 20px;background-color: #cf2418;border-radius: 4px;color: #ffffff;font-size: 12px;display: inline-block;}
.gsbgC ul li:nth-child(2n){float: right}
.gsbgC ul li:last-child{width: 100%}

.gsbgD{padding-top: 40px;}
.gsbgD ul{display: flex;justify-content: space-between;}
.gsbgD ul li{width: 160px; height: 185px; background-color: #f2f2f2; box-shadow:-2px -2px 5px #ddd; text-align: center;  float: left; position: relative}
.gsbgD ul li:hover{-moz-box-shadow:0px 0px 6px #f26767; -webkit-box-shadow:0px 0px 6px #f26767;
    box-shadow:0px 0px 6px #f26767;transition:all .2s linear;transform: translate(0,-5px);}
.gsbgD ul li img { margin-top: 30px;}
.gsbgD ul li p { padding-top: 16px; font-size: 15px; font-weight: bold; display: block}

.gsbgE{padding-top: 40px}
.gsbgE .item { width: 460px; height: 640px; background-color: #f2f2f2; border: 1px solid #e84649;  border-radius: 6px; position: relative;}
.gsbgE .item h3 {padding-top: 7px; width: 118px; height:86px; font-size: 18px; line-height: 28px; color: #ffffff; font-weight: bold; text-align: center;
    background:url("../service_img/gsbgebg.png") no-repeat left top; position: absolute; left: -22px; top: 30px; z-index: 2}
.gsbgE .item ul { margin:130px 30px 0; padding: 10px 20px 10px; background-color: #fff; overflow: hidden}
.gsbgE .item ul li { height: 40px; line-height: 40px; border-bottom: 1px dashed #f3f4f6;}
.gsbgE .item ul li:last-child {border-bottom: none}
.gsbgE .item ul li:before {content: " "; width: 4px; height: 4px; margin:0 6px 3px 0; background-color: #1e364e; border-radius: 100%; display: inline-block;  }
.gsbgE .item ul p { padding: 15px 0 10px; line-height: 26px;}
.gsbgE .item ul p .p-t { color: #e84649; font-weight: bold; display: block;}
.gsbgE .item ul p .ml12 { padding: 5px 0 0 24px; display: block;}
.gsbgE .item .gsbg-btnbox {  padding: 40px 0 20px;text-align: center;}
.gsbgE .item .t { width: 70%; position: absolute; right: 30px; top:35px; text-align: right; z-index: 2}
.gsbgE .item .t span { display: block; font-size: 50px; line-height: 60px; color: #dde1e5; opacity: 0.8; text-transform: Uppercase; letter-spacing: 2px}
.gsbgE .item .t  p{ color: #e84649; font-weight: bold; position: absolute; right: 0; top:65px; }
.gsbgE .zt-btn { padding: 0 50px; min-width: 260px; height: 45px; line-height: 45px; font-size: 16px;color: #fff;  text-align: center; background-color: #cf2418; border-radius: 30px; display: inline-block;}
.gsbgE .zt-btn:hover {background-color: #e84649; color: #fff;transition: all .4s;}

.gsbgF {height: 248px;margin-top:40px!important;;background: url("../service_img/gsbgf.png") no-repeat center;overflow: hidden;background-size: contain}
.gsbgF ul{display: flex;justify-content:space-between;}
.gsbgF ul li { width: 250px;  text-align: center;padding-top: 142px;font-weight: bold; }

/*============================ 代理记账 ============================*/

.dljzA{padding-top: 20px;overflow: hidden}
.dljzA ul{display: flex;justify-content: space-between;flex-wrap: wrap}
.dljzA ul li{width: 23%;height:80px; line-height:80px; color:#333333; font-size:16px; background:#FFF; border-radius:3px; margin-top:20px;}
.dljzA ul li span{ vertical-align:middle; display:inline-block; margin-left:20px; width:57px; height:80px;}
.dljzA ul li .jpic1{ background:url(../service_img/dljza1.gif) no-repeat left center}
.dljzA ul li .jpic2{ background:url(../service_img/dljza2.gif) no-repeat left center}
.dljzA ul li .jpic3{ background:url(../service_img/dljza3.gif) no-repeat left center}
.dljzA ul li .jpic4{ background:url(../service_img/dljza4.gif) no-repeat left center}
.dljzA ul li .jpic5{ background:url(../service_img/dljza5.gif) no-repeat left center}
.dljzA ul li .jpic6{ background:url(../service_img/dljza6.gif) no-repeat left center}
.dljzA ul li .jpic7{ background:url(../service_img/dljza7.gif) no-repeat left center}
.dljzA ul li .jpic8{ background:url(../service_img/dljza8.gif) no-repeat left center}
.dljzA ul li .jpic9{ background:url(../service_img/dljza9.gif) no-repeat left center}
.dljzA ul li .jpic10{ background:url(../service_img/dljza10.gif) no-repeat left center}
.dljzA ul li .jpic11{ background:url(../service_img/dljza11.gif) no-repeat left center}
.dljzA ul li .jpic12{ background:url(../service_img/dljza12.gif) no-repeat left center}

.dljzA ul li:hover{ background-image: linear-gradient(to left, #ff0844 0%, #f04c53 100%);transition: all .4s; color:#FFF}
.dljzA ul li:hover .jpic1{ background:url(../service_img/dljza1h.gif) no-repeat left center}
.dljzA ul li:hover .jpic2{ background:url(../service_img/dljza2h.gif) no-repeat left center}
.dljzA ul li:hover .jpic3{ background:url(../service_img/dljza3h.gif) no-repeat left center}
.dljzA ul li:hover .jpic4{ background:url(../service_img/dljza4h.gif) no-repeat left center}
.dljzA ul li:hover .jpic5{ background:url(../service_img/dljza5h.gif) no-repeat left center}
.dljzA ul li:hover .jpic6{ background:url(../service_img/dljza6h.gif) no-repeat left center}
.dljzA ul li:hover .jpic7{ background:url(../service_img/dljza7h.gif) no-repeat left center}
.dljzA ul li:hover .jpic8{ background:url(../service_img/dljza8h.gif) no-repeat left center}
.dljzA ul li:hover .jpic9{ background:url(../service_img/dljza9h.gif) no-repeat left center}
.dljzA ul li:hover .jpic10{ background:url(../service_img/dljza10h.gif) no-repeat left center}
.dljzA ul li:hover .jpic11{ background:url(../service_img/dljza11h.gif) no-repeat left center}
.dljzA ul li:hover .jpic12{ background:url(../service_img/dljza12h.gif) no-repeat left center}

.dljzBa{text-align: center;padding-top: 40px}
.dljzBa img{max-width: 88%}
.dljzBb{overflow: hidden;margin-top: 40px;}
.dljzBb ul{display: flex;justify-content: space-between}
.dljzBb ul li{text-align: center;width: 25%;}
.dljzBb ul li h2{ color:#333333; font-size:18px; font-weight:normal; margin-bottom:20px; padding-bottom:0px;}
.dljzBb ul li p{ color:#999999; font-size:14px; line-height:1.8em;}

.dljzC{border: 1px solid #e7e7e7;margin-top: 40px!important;}
.dljzC ul{display: flex;justify-content: space-between}
.dljzC ul li{width:25%;border-right:1px solid #e7e7e7; text-align:center;padding-bottom: 15px}
.dljzC ul li dd{padding: 15px;height: 324px;display: table-cell;
    vertical-align: middle;}
.dljzC ul li dd img{ display:inline;vertical-align:middle;max-width: 100%}
.dljzC ul li p{ text-align:center; color:#333333; line-height:28px;}
.dljzC ul li p span{ width:28px; height:28px; background:#56aedc; display:inline-block; vertical-align:middle; margin-right:8px; color:#FFF; font-size:12px; border-radius:50%}

.dljzD{ padding-left:376px; height:259px; background:url(../service_img/dljzd.png) no-repeat left;margin-top: 40px!important;}
.dljzD p{ line-height:2em; font-size:16px; color:#666666; }
.dljzD p font{ color:#f04c53; font-size:20px;}

/*============================ 服务器托管详情 ============================*/
.tuoguanA{line-height: 2;padding-top: 20px;color: #666}
.tuoguanA p{margin-top: 10px}
.tuoguanA p span{color: #999}

.tuoguanAa{padding-top: 40px}
.tuoguanAa ul{display: flex;justify-content: space-between;}
.tuoguanAa ul li{width: 32%;}
.tuoguanAa ul li img{max-width: 100%}

.tuoguanB{padding-top: 40px}
.tuoguanB table {width: 100%;border-collapse: collapse;border: 1px solid #e5e5e5;}
.tuoguanB tbody{border-left: 1px #e5e5e5 solid;}
.tuoguanB th{background: #00CCFF;color: #fff}
.tuoguanB td,.tuoguanB th{line-height:24px;padding:8px 30px;}
.tuoguanB td{color: #666}
.tuoguanB td span{color: #ff8800}

/*============================ 响应式网站建设 ============================*/
.anim-section-outer {width: 100%;overflow: hidden;margin-top: 40px;}
.anim-section {position: relative;margin: 0 auto}
.anim-item {position: absolute;display: block;background-size: 100% 100%;background-repeat: no-repeat;opacity: 0}
.anim-item.site-bg-grey {z-index: 1;width: 100%;height: 100%;left: 0;top: 0;background-image: url(../service_img/xysa.png);opacity: 1}
.anim-item.icon {width: 14%;height: 32.77%;border-radius: 15px;box-shadow: 2px 2px 10px rgba(0,0,0,0.1);opacity: 1}
.anim-item.icon.icon-search {background-image: url(../service_img/icon-searc.png)}
.anim-item.icon.icon-news {background-image: url(../service_img/icon-news.png)}
.anim-item.icon.icon-text {background-image: url(../service_img/icon-text.png)}
.anim-item.icon.icon-video {background-image: url(../service_img/icon-video.png)}
.anim-item.icon.icon-contact {background-image: url(../service_img/icon-conta.png)}
.anim-item.icon.icon-deeplink {background-image: url(../service_img/icon-deepl.png)}
.anim-item.icon.icon-img {background-image: url(../service_img/icon-img.png)}
.anim-item.icon.icon-logo {background-image: url(../service_img/icon-logo.png)}
.anim-item.icon.icon-map {background-image: url(../service_img/icon-map.png)}
.anim-item.icon.icon-nav {background-image: url(../service_img/icon-nav.png)}
.anim-item.site-icon-search-1 {z-index: 11;left: -21.95%;top: 52.22%;transform: rotate(11.65deg);-ms-transform: rotate(11.65deg)}
.anim-item.site-icon-search-2 {z-index: 11;left: -20.78%;top: 11.42%;transform: rotate(11.65deg);-ms-transform: rotate(11.65deg)}
.anim-item.site-icon-img {z-index: 12;left: -29.63%;top: 34.46%;transform: rotate(-52.81deg);-ms-transform: rotate(-52.81deg)}
.anim-item.site-icon-logo {z-index: 13;left: -41.10%;top: 15.22%;transform: rotate(-6.48deg);-ms-transform: rotate(-6.48deg)}
.anim-item.site-icon-map-1 {z-index: 13;left: -39.75%;top: 55.60%;transform: rotate(7.07deg);-ms-transform: rotate(7.07deg)}
.anim-item.site-icon-news {z-index: 13;left: -20.78%;top: 54.97%;transform: rotate(-35.3deg);-ms-transform: rotate(-35.3deg)}
.anim-item.site-icon-text {z-index: 11;left: 125.29%;top: 38.05%;transform: rotate(11.44deg);-ms-transform: rotate(11.44deg)}
.anim-item.site-icon-nav {z-index: 12;left: 127.37%;top: 59.83%;transform: rotate(-10.42deg);-ms-transform: rotate(-10.42deg)}
.anim-item.site-icon-deeplink {z-index: 12;left: 116.80%;top: 10.36%;transform: rotate(-10.07deg);-ms-transform: rotate(-10.07deg)}
.anim-item.site-icon-contact {z-index: 13;left: 114.91%;top: 42.92%;transform: rotate(-20.19deg);-ms-transform: rotate(-20.19deg)}
.anim-item.site-icon-video {z-index: 13;left: 105.69%;top: 24.74%;transform: rotate(-18.12deg);-ms-transform: rotate(-18.12deg)}
.anim-item.site-icon-map-2 {z-index: 14;left: 105.87%;top: 57.08%;transform: rotate(-59.82deg);-ms-transform: rotate(-59.82deg)}
.anim-item.site-color-m-img {z-index: 2;width: 17.34%;height: 14.16%;left: 1.17%;top: 54.33%;background-image: url(../service_img/site-color1.png)}
.anim-item.site-color-m-text {z-index: 2;width: 8.31%;height: 22.41%;left: 1.17%;top: 69.98%;background-image: url(../service_img/site-color2.png)}
.anim-item.site-color-m-contact {z-index: 2;width: 8.31%;height: 22.41%;left: 10.21%;top: 69.98%;background-image: url(../service_img/site-color3.png)}
.anim-item.site-color-p-video {z-index: 2;width: 12.29%;height: 13.32%;left: 86.81%;top: 57.08%;background-image: url(../service_img/site-color4.png)}
.anim-item.site-color-p-deeplink {z-index: 2;width: 12.29%;height: 8.88%;left: 86.81%;top: 72.09%;background-image: url(../service_img/site-color5.png)}
.anim-item.site-color-p-news {z-index: 2;width: 12.29%;height: 8.88%;left: 86.81%;top: 82.88%;background-image: url(../service_img/site-color6.png)}
.anim-item.site-color-d-logo {z-index: 2;width: 12.56%;height: 10.99%;left: 20.23%;top: 10.15%;background-image: url(../service_img/site-color7.png)}
.anim-item.site-color-d-nav {z-index: 2;width: 41.01%;height: 10.99%;left: 33.69%;top: 10.15%;background-image: url(../service_img/site-color8.png)}
.anim-item.site-color-d-search {z-index: 2;width: 9.3%;height: 10.99%;left: 75.88%;top: 10.15%;background-image: url(../service_img/site-color9.png)}
.anim-item.site-color-d-slide {z-index: 2;width: 64.86%;height: 32.77%;left: 20.23%;top: 23.26%;background-image: url(../service_img/site-color10.png)}
.anim-item.site-color-d-text {z-index: 2;width: 20.96%;height: 38.27%;left: 20.23%;top: 58.3%;background-image: url(../service_img/site-color11.png)}
.anim-item.site-color-d-contact {z-index: 2;width: 20.96%;height: 38.27%;left: 42.1%;top: 58.3%;background-image: url(../service_img/site-color12.png)}
.anim-item.site-color-d-map {z-index: 2;width: 21.05%;height: 38.27%;left: 64.05%;top: 58.3%;background-image: url(../service_img/site-color13.png)}
.anim-section.animating .anim-item.site-icon-news {-webkit-animation: ratateCube .5s 2 linear 1s,flyOut .5s linear 0s;-moz-animation: ratateCube .5s 2 linear 1s,flyOut .5s linear 0s;animation: ratateCube .5s 2 linear 1s,flyOut .5s linear 0s}
.anim-section.animating .anim-item.site-icon-map-1 {-webkit-animation: ratateCube .5s 2 linear 1.1s,flyOut .8s linear .1s;-moz-animation: ratateCube .5s 2 linear 1.1s,flyOut .8s linear .1s;animation: ratateCube .5s 2 linear 1.1s,flyOut .8s linear .1s}
.anim-section.animating .anim-item.site-icon-logo {-webkit-animation: ratateCube .5s 2 linear 1.2s,flyOut .6s linear .2s;-moz-animation: ratateCube .5s 2 linear 1.2s,flyOut .6s linear .2s;animation: ratateCube .5s 2 linear 1.2s,flyOut .6s linear .2s}
.anim-section.animating .anim-item.site-icon-img {-webkit-animation: ratateCube .5s 2 linear 1.3s,flyOut .7s linear .3s;-moz-animation: ratateCube .5s 2 linear 1.3s,flyOut .7s linear .3s;animation: ratateCube .5s 2 linear 1.3s,flyOut .7s linear .3s}
.anim-section.animating .anim-item.site-icon-search-2 {-webkit-animation: ratateCube .5s 2 linear 1.4s,flyOut .8s linear .4s;-moz-animation: ratateCube .5s 2 linear 1.4s,flyOut .8s linear .4s;animation: ratateCube .5s 2 linear 1.4s,flyOut .8s linear .4s}
.anim-section.animating .anim-item.site-icon-search-1 {-webkit-animation: ratateCube .5s 2 linear 1.5s,flyOut .5s linear .5s;-moz-animation: ratateCube .5s 2 linear 1.5s,flyOut .5s linear .5s;animation: ratateCube .5s 2 linear 1.5s,flyOut .5s linear .5s}
.anim-section.animating .anim-item.site-icon-map-2 {-webkit-animation: ratateCube .5s 2 linear 1s,flyOutR .8s linear 0s;-moz-animation: ratateCube .5s 2 linear 1s,flyOutR .8s linear 0s;animation: ratateCube .5s 2 linear 1s,flyOutR .8s linear 0s}
.anim-section.animating .anim-item.site-icon-video {-webkit-animation: ratateCube .5s 2 linear 1.1s,flyOutR .6s linear .1s;-moz-animation: ratateCube .5s 2 linear 1.1s,flyOutR .6s linear .1s;animation: ratateCube .5s 2 linear 1.1s,flyOutR .6s linear .1s}
.anim-section.animating .anim-item.site-icon-contact {-webkit-animation: ratateCube .5s 2 linear 1.2s,flyOutR .5s linear .2s;-moz-animation: ratateCube .5s 2 linear 1.2s,flyOutR .5s linear .2s;animation: ratateCube .5s 2 linear 1.2s,flyOutR .5s linear .2s}
.anim-section.animating .anim-item.site-icon-deeplink {-webkit-animation: ratateCube .5s 2 linear 1.3s,flyOutR .8s linear .3s;-moz-animation: ratateCube .5s 2 linear 1.3s,flyOutR .8s linear .3s;animation: ratateCube .5s 2 linear 1.3s,flyOutR .8s linear .3s}
.anim-section.animating .anim-item.site-icon-nav {-webkit-animation: ratateCube .5s 2 linear 1.4s,flyOutR .6s linear .4s;-moz-animation: ratateCube .5s 2 linear 1.4s,flyOutR .6s linear .4s;animation: ratateCube .5s 2 linear 1.4s,flyOutR .6s linear .4s}
.anim-section.animating .anim-item.site-icon-text {-webkit-animation: ratateCube .5s 2 linear 1.5s,flyOutR .7s linear .5s;-moz-animation: ratateCube .5s 2 linear 1.5s,flyOutR .7s linear .5s;animation: ratateCube .5s 2 linear 1.5s,flyOutR .7s linear .5s}
.anim-section.animating .anim-item.site-color-m-img {-webkit-animation: blockShow 1.5s .1s;-moz-animation: blockShow 1.5s .1s;animation: blockShow 1.5s .1s}
.anim-section.animating .anim-item.site-color-m-text {-webkit-animation: blockShow 1.3s .5s;-moz-animation: blockShow 1.3s .5s;animation: blockShow 1.3s .5s}
.anim-section.animating .anim-item.site-color-m-contact {-webkit-animation: blockShow 1.4s .2s;-moz-animation: blockShow 1.4s .2s;animation: blockShow 1.4s .2s}
.anim-section.animating .anim-item.site-color-p-video {-webkit-animation: blockShow 1.2s .5s;-moz-animation: blockShow 1.2s .5s;animation: blockShow 1.2s .5s}
.anim-section.animating .anim-item.site-color-p-deeplink {-webkit-animation: blockShow 1.4s .4s;-moz-animation: blockShow 1.4s .4s;animation: blockShow 1.4s .4s}
.anim-section.animating .anim-item.site-color-p-news {-webkit-animation: blockShow 1.5s .2s;-moz-animation: blockShow 1.5s .2s;animation: blockShow 1.5s .2s}
.anim-section.animating .anim-item.site-color-d-logo {-webkit-animation: blockShow 1.3s .1s;-moz-animation: blockShow 1.3s .1s;animation: blockShow 1.3s .1s}
.anim-section.animating .anim-item.site-color-d-nav {-webkit-animation: blockShow 1.4s .5s;-moz-animation: blockShow 1.4s .5s;animation: blockShow 1.4s .5s}
.anim-section.animating .anim-item.site-color-d-search {-webkit-animation: blockShow 1.2s .3s;-moz-animation: blockShow 1.2s .3s;animation: blockShow 1.2s .3s}
.anim-section.animating .anim-item.site-color-d-slide {-webkit-animation: blockShow 1.5s .5s;-moz-animation: blockShow 1.5s .5s;animation: blockShow 1.5s .5s}
.anim-section.animating .anim-item.site-color-d-text {-webkit-animation: blockShow 1.3s .4s;-moz-animation: blockShow 1.3s .4s;animation: blockShow 1.3s .4s}
.anim-section.animating .anim-item.site-color-d-contact {-webkit-animation: blockShow 1.2s .2s;-moz-animation: blockShow 1.2s .2s;animation: blockShow 1.2s .2s}
.anim-section.animating .anim-item.site-color-d-map {-webkit-animation: blockShow 1.3s .5s;-moz-animation: blockShow 1.3s .5s;animation: blockShow 1.3s .5s}
@-webkit-keyframes ratateCube {
    0% {-ms-transform: rotate(0);-webkit-transform: rotate(0);-moz-transform: rotate(0);transform: rotate(0)}
    50% {-ms-transform: rotate(180deg);-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);transform: rotate(180deg)}
    100% {-ms-transform: rotate(360deg);-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);transform: rotate(360deg)}
}
@-moz-keyframes ratateCube {
    0% {-ms-transform: rotate(0);-webkit-transform: rotate(0);-moz-transform: rotate(0);transform: rotate(0)}
    50% {-ms-transform: rotate(180deg);-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);transform: rotate(180deg)}
    100% {-ms-transform: rotate(360deg);-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);transform: rotate(360deg)}
}
@keyframes ratateCube {
    0% {-ms-transform: rotate(0);-webkit-transform: rotate(0);-moz-transform: rotate(0);transform: rotate(0)}
    50% {-ms-transform: rotate(180deg);-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);transform: rotate(180deg)}
    100% {-ms-transform: rotate(360deg);-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);transform: rotate(360deg)}
}
@-webkit-keyframes flyOut {
    25% {top: 43%;left: 0;opacity: 1}
    50% {top: 56%;left: 20%;opacity: 1}
    75% {top: 75%;left: 38%;opacity: 1}
    100% {top: 110%;left: 43%;opacity: 0}
}
@-moz-keyframes flyOut {
    25% {top: 43%;left: 0;opacity: 1}
    50% {top: 56%;left: 20%;opacity: 1}
    75% {top: 75%;left: 38%;opacity: 1}
    100% {top: 110%;left: 43%;opacity: 0}
}
@keyframes flyOut {
    25% {top: 43%;left: 0;opacity: 1}
    50% {top: 56%;left: 20%;opacity: 1}
    75% {top: 75%;left: 38%;opacity: 1}
    100% {top: 110%;left: 43%;opacity: 0}
}
@-webkit-keyframes flyOutR {
    25% {top: 43%;left: 107%;opacity: 1}
    50% {top: 56%;left: 80%;opacity: 1}
    75% {top: 75%;left: 62%;opacity: 1}
    100% {top: 110%;left: 57%;opacity: 0}
}
@-moz-keyframes flyOutR {
    25% {top: 43%;left: 107%;opacity: 1}
    50% {top: 56%;left: 80%;opacity: 1}
    75% {top: 75%;left: 62%;opacity: 1}
    100% {top: 110%;left: 57%;opacity: 0}
}
@keyframes flyOutR {
    25% {top: 43%;left: 107%;opacity: 1}
    50% {top: 56%;left: 80%;opacity: 1}
    75% {top: 75%;left: 62%;opacity: 1}
    100% {top: 110%;left: 57%;opacity: 0}
}
@-webkit-keyframes blockShow {
    0% {opacity: 1;-webkit-transform: scale(0);-moz-transform: scale(0);transform: scale(0)}
    100% {opacity: 1;-webkit-transform: scale(1);-moz-transform: scale(1);transform: scale(1)}
}
@-moz-keyframes blockShow {
    0% {opacity: 1;-webkit-transform: scale(0);-moz-transform: scale(0);transform: scale(0)}
    100% {opacity: 1;-webkit-transform: scale(1);-moz-transform: scale(1);transform: scale(1)}
}
@keyframes blockShow {
    0% {opacity: 1;-webkit-transform: scale(0);-moz-transform: scale(0);transform: scale(0)}
    100% {opacity: 1;-webkit-transform: scale(1);-moz-transform: scale(1);transform: scale(1)}
}

.xysA{margin-top: 60px;border: 1px solid #eee;border-bottom: 0;border-right: 0;}
.xysA ul{display: flex;justify-content: space-between;flex-wrap: wrap}
.xysA ul li{width: 25%;background: #f8f8f8;border-right: 1px solid #eee;border-bottom: 1px solid #eee;padding: 20px 0;text-align: center;}
.xysA ul li p{margin-top: 10px;color: #666}
.xysA ul li:hover dd{animation: swing 1s ease 0s both;}

.xysB{background: #f8f8f8;overflow: hidden;margin-top: 60px}
.xysB .title h2 span{background: #f8f8f8}
.xysB ul{padding: 40px 0 50px;overflow: hidden;display: flex;justify-content: space-between}
.xysB ul li{background: #fff;width: 23%}
.xysB ul li dd{overflow: hidden;height: 209px;}
.xysB ul li dd img{max-width: 100%;transition: all 0.5s ease}
.xysB ul li dl{padding: 20px 20px 30px;}
.xysB ul li dl h3{font-size: 18px;font-weight: normal}
.xysB ul li dl p{margin-top: 10px;color: #999;line-height: 26px;}
.xysB ul li:hover dd img{transform: scale(1.06);transition: all 0.5s ease}

.xysC{background: url(../service_img/xysc.png) no-repeat left 0 bottom 0;}
.xysCs {padding-top: 4.72%;}
.xysCs .reason-left,.xysCs .left-img {float: left;width: 50%;text-align: right;position: relative}
.xysCs .reason-right,.xysCs .right-img {float: right;width: 50%;text-align: left;position: relative}
.xysCs ul li:first-child {margin-bottom: 5.76%}
.xysCs ul li:first-child .left-img {padding-right: 65px}
.xysCs ul li:first-child .left-img:after {content: '';display: inline-block;background: url(../service_img/xyscs.png) no-repeat;
    width: 141px;height: 809px;position: absolute;top: -8px;right: -115px}
.xysCs ul li:first-child .right-img {padding-left: 65px}
.xysCs ul li:not(first-child) {line-height: 28px;margin-bottom: 116px}
.xysCs ul li:not(first-child) .reason-left {padding-right: 184px}
.xysCs ul li:not(first-child) .reason-left:after {content: '';display: inline-block;width: 165px;height: 165px;position: absolute;top: -58px;right: -82px}
.xysCs ul li:not(first-child) .reason-left p {color: #69637c;position: relative}
.xysCs ul li:not(first-child) .reason-left p:after {content: '';display: inline-block;width: 46px;height: 46px;background: url(../service_img/xysc4.png);position: absolute;top: 7px;right: -58px}
.xysCs ul li:not(first-child) .reason-right {padding-left: 184px}
.xysCs ul li:not(first-child) .reason-right p {color: #0c003e;position: relative}
.xysCs ul li:not(first-child) .reason-right p:before {content: '';display: inline-block;width: 46px;height: 46px;background: url(../service_img/xysc5.png);position: absolute;top: 7px;left: -58px}
.xysCs ul li:nth-child(2) .reason-left {padding-left: 94px}
.xysCs ul li:nth-child(2) .reason-left:after {background: url(../service_img/xysc3.png)}
.xysCs ul li:nth-child(2) .reason-right {padding-right: 150px}
.xysCs ul li:nth-child(3) {padding-left: 204px}
.xysCs ul li:nth-child(3) .reason-left {padding-left: 0}
.xysCs ul li:nth-child(3) .reason-left:after {background: url(../service_img/xysc6.png)}
.xysCs ul li:nth-child(3) .reason-right {padding-right: 0}
.xysCs ul li:nth-child(4) {padding-right: 100px}
.xysCs ul li:nth-child(4) .reason-left {padding-left: 52px}
.xysCs ul li:nth-child(4) .reason-left:after {background: url(../service_img/xysc7.png)}
.xysCs ul li:nth-child(4) .reason-right {padding-right: 34px}
.xysCs ul li:nth-child(5) {padding-left: 255px}
.xysCs ul li:nth-child(5) .reason-left {padding-left: 0}
.xysCs ul li:nth-child(5) .reason-left:after {background: url(../service_img/xysc8.png)}
.xysCs ul li:nth-child(5) .reason-right {line-height: 60px}
.xysCs ul li:nth-child(6) {padding-right: 106px;margin-bottom: 0}
.xysCs ul li:nth-child(6) .reason-left {padding-left: 64px}
.xysCs ul li:nth-child(6) .reason-left:after {background: url(../service_img/xysc9.png)}
.xysCs ul li:nth-child(6) .reason-right {padding-right: 52px}
.xysCs ul li.clearfix:after, .clearfix:before {content:"";display:table}
.xysCs ul li.clearfix:after {clear:both}
.xysCs ul li.clearfix {zoom:1}

.xysD{margin-top: 50px;overflow: hidden;background: url("../service_img/xysd.jpg") no-repeat center;padding-bottom: 60px}
.xysD .title h2 span{color: #fff;background: none}
.xysD .title p{color: #fff}
.xysD ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.xysD ul li{width: 22%;color: #fff;margin-top: 50px;}
.xysD ul li dd{display: flex;align-items: center;font-size: 18px;}
.xysD ul li dd img{margin-right: 15px;}
.xysD ul li p{line-height: 2;margin-top: 20px;opacity: 0.8}
.xysD ul li:hover dd img{animation: flipInY 1s ease 0s both;}

.xysE{margin-top: 10px;overflow: hidden}
.xysE ul{display: flex;justify-content: space-between;flex-wrap: wrap}
.xysE ul li{width: 32%;border: 1px dashed #ccc;padding: 20px;margin-top: 30px;}
.xysE ul li dd{display: block;text-align: center}
.xysE ul li h3{font-size: 18px;margin: 20px 0 10px;text-align: center;font-weight: normal}
.xysE ul li p{color: #878B99;line-height: 26px;}
.xysE ul li:hover{background: #fafafa;box-shadow: 0px 0px 12px 0px rgb(0 0 0 / 6%);}
.xysE ul li:hover dd img{animation: zoomIn 1s ease 0s both;}

.xysF{overflow: hidden;margin-top: 100px;background: #f8f8f8;}
.xysF .title h2 span{background: #f8f8f8}
.xysF ul{padding: 40px 0;}
.xysF ul li{display: flex;justify-content:space-between;background: #fff;}
.xysF ul li dd{width: 50%;}
.xysF ul li dd img{width: 100%;vertical-align: top}
.xysF ul li dl{width: 50%;padding: 70px;}
.xysF ul li dl h3{font-size: 22px;font-weight: normal}
.xysF ul li dl p{margin-top: 20px;color: #878B99;line-height: 1.8}

/*============================ 免费建站 ============================*/
.mianfeiA{margin-top: 40px;overflow: hidden}
.mianfeiA ul{display: flex;justify-content: space-between;}
.mianfeiA ul li{width: 24%;text-align: center;border: 1px solid #e9e9e9;box-shadow: 0 2px 13px 0 rgb(0 0 0 / 7%);line-height: 1.8;padding-bottom: 60px;border-radius: 5px 5px 0px 0px;}
.mianfeiA ul li h3{text-align: center;color: #fff;font-size: 24px;line-height: 80px;margin-bottom: 15px;
    background: linear-gradient(270deg, #6DCCF5 0%, #718FFE 100%);border-radius: 4px 4px 0px 0px;}
.mianfeiA ul li:nth-child(2) h3{background: linear-gradient(270deg, #4eb8ff 0%, #668ffe 100%);}
.mianfeiA ul li:nth-child(3) h3{background: linear-gradient(270deg, #8eadff 0%, #4c7cff 100%);}
.mianfeiA ul li:nth-child(4) h3{background: linear-gradient(270deg, #a099ff 0%, #7066ff 100%);}
.mianfeiA ul li .spl-title-small {color: #999;}
.mianfeiA ul li .spl-desc {font-size: 16px;color: #d4af30;}
.mianfeiA ul li .spl-line {margin: 10px 26px;border-bottom: 1px solid #e8e8e8;}
.mianfeiA ul li .spl-price {font-size: 34px;color: #ff6c00;position: relative;}
.mianfeiA ul li .spl-price span {font-size: 16px;color: #666;}
.sales-domain {padding: 0 6px;background-color: #e8f8fe;border-radius: 16px;border: 1px solid #c7dff9;z-index: 1;color: #2086EE;}
.sales-label {display: inline-block;*display: inline;*zoom: 1;position: absolute;top: 20px;right: 10px;font-size: 12px;line-height: 20px;}
.mianfeiA ul li .spl-price p {font-size: 14px;color: #a393f0;}
.sales-label .sales-label-tip {position: absolute;top: 30px;left: 10px;padding: 4px 10px;width: 194px;line-height: 18px;
    background: #f1fbff;border-radius: 1px;border: 1px solid #c2e2ff;font-size: 12px;text-align: left;z-index: 19;color: #5b88ba;display: none;word-break: break-all;}
.sales-label .sales-label-tip i {position: absolute;top: -10px;left: 10px;width: 10px;height: 10px;background: url(../service_img/mfa.jpg) no-repeat -104px -1616px;}
.sales-label:hover .sales-label-tip {display: block;}
.mianfeiA ul li .spl-btn {margin: 6px auto 0;display: inline-block;width: 180px;height: 40px;line-height: 40px;border-radius: 2px;background: #2086ee;font-size: 18px;color: #fff;text-align: center;}
.mianfeiA ul li .spl-btn:hover{background: #2290FF}
.mianfeiA ul li .spl-title2 {padding-bottom: 2px;margin: 15px 26px 10px;font-size: 14px;color: #333;text-align: left;font-weight: 700;border-bottom: 1px solid #e8e8e8;}
.mianfeiA ul li .spl-config {margin: 0 26px;font-size: 14px;line-height: 22px;color: #666;text-align: left;padding-left: 20px;}
.mianfeiA ul li .spl-txt {margin: 0 20px;overflow: hidden;}
.mianfeiA ul li .spl-txt span {float: left;display: inline-block;width: 40%;color: #999;text-align: left;padding-left: 10px;box-sizing: border-box;font-size: 14px;}
.mianfeiA ul li .spl-txt span i {display: inline-block;width: 14px;height: 13px;background: url(../service_img/sites-icon-new.png) -190px -22px no-repeat;vertical-align: middle;margin-right: 6px;margin-top: -2px;}
.mianfeiA ul li .spl-txt span:nth-of-type(2n) {width: 60%;}
.mianfeiA ul li .spl-txt span.row-span {width: 100%;}

.mianfeiB{background: url("../service_img/mfb.png") no-repeat center;overflow: hidden;margin-top: 50px;padding-bottom: 50px}
.mianfeiB .title h2 span{background: none;color: #fff}
.mianfeiB .title p{color: #fff}
.mianfeiB ul{background: #fff;padding: 10px 20px;margin-top: 40px;display: flex;justify-content: space-between;flex-wrap: wrap;}
.mianfeiB ul li{transition: all 0.5s;border: 1px solid #e5e5e5;width: 32.5%;border-radius: 5px;margin: 10px 0}
.mianfeiB ul li dl{height: 246px;-webkit-transition: all .5s;transition: all .5s;position: relative;}
.mianfeiB ul li dl dd{overflow: hidden;height: 100%;position: relative;border-radius: 5px}
.mianfeiB ul li dl dd img{max-height: inherit;*max-height: none;position: absolute;top: 0;max-width: 100%;}
.mianfeiB_more {text-align: center;margin-top: 40px}
.mianfeiB_more a {width: 150px;border-radius: 4px;border: 1px solid #ffffff;display: inline-block;color: #fff;line-height: 38px;text-align: center;}
.mianfeiB_more a:hover{background: #fff;color: #2290FF}

.mianfeiC{margin-top: 40px}
.mianfeiC ul li {width: 20%;height: 230px;background: #ffffff;border: 1px solid #dfe3f1;padding: 0 30px;float: left;text-align: center;margin-right: -1px;margin-bottom: -1px;}
.mianfeiC ul li dd {margin-top: 38px;margin-bottom: 20px;}
.mianfeiC ul li h3{font-size: 14px;font-weight: bold;color: #333333;line-height: 14px;margin-bottom: 17px;}
.mianfeiC ul li p {height: 50px;font-size: 12px;color: #999999;line-height: 20px;}
.mianfeiC ul li:hover {background: #f1f6fe;border: 1px solid #dfe3f1;}

.mianfeiD{background: #F9FAFF;overflow: hidden;margin-top: 50px;padding-bottom: 60px}
.mianfeiD .title h2 span{background: #F9FAFF;}
.mianfeiD ul{display: flex;justify-content: space-between;margin-top: 40px}
.mianfeiD ul li{background-color: #fff;width: 31%;padding: 50px 0;box-shadow: 0 0 10px 0 rgb(102 102 102 / 15%);border-radius: 4px;display: inline-block;vertical-align: middle;text-align: center;}
.mianfeiD ul li h3{font-size: 20px;margin: 29px 0 20px 0;font-weight: normal;}
.mianfeiD ul li p{font-size: 16px;color: #666;}
.mianfeiD ul li:hover {box-shadow: 0 0 10px 0 rgb(73 151 255 / 30%);}

.template{}
.template iframe{width: 100%;height: 2135px;}

/*============================ 网站备案 ============================*/
.beianA{overflow: hidden;margin-top: 40px;}
.beianA ul{}
.beianA ul li{width: 20%;text-align: center;position: relative;float: left}
.beianA ul li:before {content: '';position: absolute;width: 116px;height: 6px;background: url(../service_img/baa.png);right: -22%;top: 32%;background-size: contain;}
.beianA ul li p{font-size: 16px;margin-top: 20px;}
.beianA ul li span {position: absolute;right: -11%;top: 12%;font-size: 12px;color: #666A75;line-height: 18px;}
.beianA ul li:last-child:before {display: none}
.beianA_more{text-align: center;margin-top: 60px;overflow: hidden}
.beianA_more a{display: inline-block;width: 188px;line-height: 48px;text-align: center;background: #2086ee;color: #fff;}

.beianB{margin-top: 60px;}
.beianB .hd{border-top: 1px solid #dcdee3;background: #fff;border-bottom: 1px solid #dcdee3;}
.beianB .hd ul{display: flex;justify-content: space-between;}
.beianB .hd ul li{font-size: 18px;width: 25%;text-align: center;cursor: pointer}
.beianB .hd ul li span{padding: 12px 16px;display: inline-block}
.beianB .hd ul li.on span{border-bottom: 2px solid #2086ee;color: #2086ee}

.beianB .bd{padding: 40px 0 0;background: #fff}
.beianBs{display: flex;justify-content: space-between;border-bottom: 1px solid #ebecec;min-height: 400px}
.beianBs .beianBsl{background: #F4F7F8;width: 190px;}
.beianBs .beianBsl dl{line-height: 38px;padding: 12px 16px;border-left: 2px solid #F4F7F8;display: flex;align-items: center;justify-content: space-between}
.beianBs .beianBsl dl.on{border-left: 2px solid #2086ee;background: #fff}
.beianBs .beianBsl dl i{display: inline-block;width: 16px;height: 16px;background: url("../service_img/bab.png") no-repeat center;float: right}
.beianBs .beianBsl dl:hover{background: #fff;border-color: #fff}
.beianBs .beianBsl dl.on:hover{border-left: 2px solid #2086ee;}
.beianBs .beianBsr{width: 1100px;padding: 0 24px 10px 30px;overflow-y: auto;max-height: 400px;}
.beianBs .beianBsr dd{margin-bottom: 25px}
.beianBs .beianBsr dd h3{font-size: 14px;margin-bottom: 5px}
.beianBs .beianBsr dd p{color: #666;line-height: 1.6}
.beianBs .beianBsr dd p a{color: #2086ee}
.beianBs .beianBsr dd p img{max-width: 86%}

.beianC{margin-top: 40px;}
.beianC ul{display: flex;justify-content: space-between}
.beianC ul li{width: 32%;box-shadow: 0 0 15px rgb(0 0 0 / 10%);}
.beianC ul li dd {padding: 18px 15px;border: 1px solid #ebecec;min-height: 112px;background: url("../service_img/bac.png") no-repeat right;background-size: cover;}
.beianC ul li dd h3 {margin-bottom: 11px;line-height: 30px;font-size: 20px;font-weight: 400;}
.beianC ul li dd p{width: 96%;text-align: justify;line-height: 18px;font-size: 12px;color: #999;letter-spacing: .56px;}
.beianC ul li dl{padding: 20px;line-height: 2;border-bottom: 1px solid #ebecec;}
.beianC ul li dl p{position: relative;padding-left: 23px}
.beianC ul li dl p:before{content: '';width: 16px;height: 16px;background: url("../service_img/bac1.png") no-repeat center;position: absolute;top: 5px;left: 0}
.beianC ul li dt{padding: 15px 20px}
.beianC ul li dt span{color: #2086ee}
.beianC ul li dt b{font-size: 30px;font-weight: 400;}
.beianC ul li dt label{display: inline-block;width: 92px;line-height: 20px;background-image: linear-gradient(to right, #2086ee,#77C4EE);border-radius: 3px;color: #fff;font-size: 12px;text-align: center}
.beianC ul li dt label a{color: #fff;}
.beianC ul li .xq{display: block;line-height: 45px;color: #fff;background: #2086ee;text-align: center}

.beianD{border-top: 1px solid #ebecec;border-bottom: 1px solid #ebecec;margin-top: 60px;overflow: hidden}
.beianD ul{display: flex;justify-content: space-between}
.beianD ul li{width: 20%;height: 153px;padding: 30px 15px 0 20px;border-right: 1px solid #ebecec;}
.beianD ul li dd img{width: 24px;margin-right: 8px;}
.beianD ul li dl{width: 180px;}
.beianD ul li dl h3{font-size: 18px;font-weight: normal;margin-bottom: 32px;}
.beianD ul li dl p{font-size: 12px;display: none;line-height: 1.6}
.beianD ul li dl i{display: block;margin-top: 8px}
.beianD ul li:hover p{display: block}
.beianD ul li:hover h3{margin-bottom: 8px;}
.beianD ul li:last-child{border-right: none}
.beianD ul li:nth-child(1):hover{background: url("../service_img/bad1h.png") no-repeat center;background-size: cover}
.beianD ul li:nth-child(2):hover{background: url("../service_img/bad2h.png") no-repeat center;background-size: cover}
.beianD ul li:nth-child(3):hover{background: url("../service_img/bad3h.png") no-repeat center;background-size: cover}
.beianD ul li:nth-child(4):hover{background: url("../service_img/bad4h.png") no-repeat center;background-size: cover}
.beianD ul li:nth-child(5):hover{background: url("../service_img/bad5h.png") no-repeat center;background-size: cover}

/*============================ 备案资质管家服务 ============================*/
.zzgjA{background: url("../service_img/zzgja.jpg") no-repeat center;background-size: cover;margin-top: 40px!important;padding: 60px;color: #fff}
.zzgjA h2{font-weight: normal;font-size: 24px;margin-bottom: 20px;}
.zzgjA p{font-size: 16px;line-height: 2}

.zzgjB ul{display: flex;justify-content: space-between;padding-top: 40px}
.zzgjB ul li {float: left;width: 300px;height: 210px;border-radius: 20px;text-align: center;box-shadow: 0px 6px 17px 0px rgb(4 92 240 / 10%);}
.zzgjB ul li dd {margin-top: 30px;margin-left: -8px;display: inline-block;width: 82px;height: 68px;background: url(../service_img/zzgjb.png) no-repeat;}
.zzgjB ul li h3 {margin-top: 20px;font-size: 20px;font-weight: normal;color: #000;}
.zzgjB ul li p{font-size: 16px;color: #666;padding-top: 10px;}
.zzgjB ul li:nth-child(2) dd{background-position: -92px 0;}
.zzgjB ul li:nth-child(3) dd{background-position: -184px 0;}

.zzgjC{display: flex;justify-content: space-between;align-items: center;padding-top: 40px}
.zzgjC h3{font-size: 24px;font-weight: normal}
.zzgjC label{display: block;color: #666}

.zzgjCl{width: 380px;height: 460px;padding:25px 45px;border-radius: 20px;text-align: center;box-shadow: 0px 6px 17px 0px rgb(4 92 240 / 10%);}
.zzgjCl ul{margin-top: 20px}
.zzgjCl ul li{background: #f9fdff;border: 1px solid #daeefb;padding: 10px;position: relative;margin-bottom: 25px;}
.zzgjCl ul li p{font-size: 16px;color: #04588f;margin-bottom: 10px;}
.zzgjCl ul li span{color: #76a1bd}
.zzgjCl ul li:after{content: '';width: 1px;height: 25px;background: url("../service_img/zzgjc1.png") no-repeat center;position: absolute;top: 72px;left: 50%;margin-left: -1px}
.zzgjCl h4{font-size: 16px;color: #0099ff;font-weight: normal;display: flex;align-items: center;justify-content: center}
.zzgjCl h4 img{margin-right: 10px}

.zzgjCr{width: 380px;height: 460px;padding:25px 30px;border-radius: 20px;text-align: center;box-shadow: 0px 6px 17px 0px rgb(4 92 240 / 10%);}
.zzgjCr ul{margin-top: 20px}
.zzgjCr ul li{position: relative;margin-bottom: 22px;}
.zzgjCr ul li p{color: #999;background: #fcfcfc;border: 1px solid #ececec;padding: 8px 15px;display: inline-block}
.zzgjCr ul li:after{content: '';width: 1px;height: 22px;background: url("../service_img/zzgjc3.png") no-repeat top;position: absolute;top: 37px;left: 50%;margin-left: -1px}
.zzgjCr ul li:last-child:after{opacity: 0}

.zzgjD ul{display: flex;justify-content: space-between;padding-top: 40px}
.zzgjD ul li {float: left;width: 48%;height: 190px;box-shadow: 0px 6px 17px 0px rgb(4 92 240 / 10%);border-radius: 20px;text-align: left;padding: 26px 36px;box-sizing: border-box;}
.zzgjD ul li h3{font-size: 18px;font-weight: normal;margin-bottom: 10px}
.zzgjD ul li p{line-height: 2;color: #666;background: url("../service_img/zzgjb.png") no-repeat -40px -68px;padding-left: 20px}

/*============================ ICP经营性备案服务 ============================*/
.icpA{padding-top: 40px;display: flex;justify-content: space-between;align-items: center}
.icpA h3{font-size: 24px;font-weight: normal}
.icpAl{width: 430px;height: 675px;padding:30px 20px;border-radius: 20px;text-align: center;box-shadow: 0px 6px 17px 0px rgb(4 92 240 / 10%);}
.icpAl ul{margin-top: 25px}
.icpAl ul li{background: #f9fdff;border: 1px solid #daeefb;padding: 15px 10px;position: relative;margin-bottom: 30px;border-radius: 10px}
.icpAl ul li p{font-size: 16px;color: #04588f;}
.icpAl ul li span{color: #76a1bd;line-height: 2;margin-top: 10px;display: block}
.icpAl ul li:after{content: '';width: 1px;height: 30px;background: url("../service_img/zzgjc1.png") no-repeat center;position: absolute;top: 119px;left: 50%;margin-left: -1px}
.icpAl ul li:last-child:after{opacity: 0}
.icpAl h4{font-size: 16px;color: #0099ff;font-weight: normal;display: flex;align-items: center;justify-content: center;margin-top: 20px}
.icpAl h4 img{margin-right: 10px}

.icpAr{width: 430px;height: 675px;padding:25px 30px;border-radius: 20px;text-align: center;box-shadow: 0px 6px 17px 0px rgb(4 92 240 / 10%);}
.icpAr ul{margin-top: 20px;overflow: hidden}
.icpAr ul li{position: relative;margin-bottom: 18px;background: #fcfcfc;border: 1px solid #ececec;padding: 8px 15px;border-radius: 10px;line-height: 1.6;float: left}
.icpAr ul li p{font-size: 16px;}
.icpAr ul li span{color: #999}
.icpAr ul li:after{content: '';width: 1px;height: 18px;background: url("../service_img/zzgjc3.png") no-repeat top;position: absolute;top: 88px;left: 50%;margin-left: -1px}
.icpAr ul li:nth-child(5):after{opacity: 0}
.icpAr ul li:nth-child(3),.icpAr ul li:nth-child(5){width: 205px;}
.icpAr ul li:nth-child(4),.icpAr ul li:nth-child(6){width: 150px;float: right}
.icpAr ul li:nth-child(2):after{left: 28%}
.icpAr ul li:nth-child(3):after{top: 133px;}
.icpAr ul li:nth-child(4):after,.icpAr ul li:nth-child(6):after{top: 50%;width: 18px;height: 1px;left: -17px;margin-top: -1px;margin-left: 0;background: url("../service_img/zzgjc4.png") no-repeat center;}
.icpAr h4{font-size: 16px;color: #999999;font-weight: normal;display: flex;align-items: center;justify-content: center;margin-top: 10px}
.icpAr h4 img{margin-right: 10px}

.icpB{border-radius: 20px;padding: 40px;box-shadow: 0px 6px 17px 0px rgb(4 92 240 / 10%);margin-top: 40px!important;}
.icpB p{padding: 10px 10px 10px 36px;background: #f3faff;margin: 10px 0 20px 33px;font-size: 16px;color: #0770db;text-align: center;position: relative;border-radius: 2px;}
.icpB p i{width: 49px;height: 49px;background: #fff;display: inline-block;color: #2086ee;font-style: initial;font-size: 24px;line-height: 49px;font-weight: bold;border-radius: 30px;
    position: absolute;left: -23px;top: 50%;margin-top: -25px;box-shadow: 0 0 20px 0 rgb(5 70 137 / 10%);}
.icpB p.active{background: #2086ee;color: #fff;}

.icpC{border-radius: 20px;padding: 40px;box-shadow: 0px 6px 17px 0px rgb(4 92 240 / 10%);margin-top: 40px!important;font-size: 16px}
.icpC span{color: #ff6000}

/*============================ 增值电信 ============================*/
.zzdxA{padding-top: 30px}
.zzdxA ul{display: flex;justify-content: space-between}
.zzdxA ul li{width: 20%;text-align: center;}
.zzdxA ul li dd{width: 90px;height: 90px;background: url("../service_img/zzdxa.png") no-repeat ;margin: 0 auto;background-size: cover}
.zzdxA ul li p{font-size: 16px;margin-top: 10px}
.zzdxA ul li:nth-child(2) dd{background-position: -160px 0}
.zzdxA ul li:nth-child(3) dd{background-position: -320px 0}
.zzdxA ul li:nth-child(4) dd{background-position: -495px 0}
.zzdxA ul li:nth-child(5) dd{background-position: -660px 0}

.zzdxAs{padding: 20px;border-top: 2px solid #ff6000;box-shadow: 0 0 10px #ccc;margin-top: 40px!important;line-height: 1.8;text-align: center;color: #666}


.zzdxbg{background: #FAFAFA;margin-top: 40px!important;overflow: hidden;padding: 0 40px 40px}
.zzdxbg .title h2 span{background: #FAFAFA}
.zzdxB{overflow: hidden;display: flex;justify-content: space-between;align-items:center;padding-top: 40px}
.zzdxB dd{width: 40%}
.zzdxB dd img{max-width: 100%}
.zzdxB dl{width: 53%}
.zzdxB dl p{margin-bottom: 15px;font-size: 16px;line-height: 1.6;}

.zzdxC{overflow: hidden;display: flex;justify-content: space-between;align-items:center;padding-top: 40px}
.zzdxC dd{width: 60%}
.zzdxC dd img{max-width: 100%}
.zzdxC dl{width: 30%}
.zzdxC dl p{margin-bottom: 15px;font-size: 16px;line-height: 1.6;}

/*============================ 文化出版 ============================*/
.whcbA{display: flex;justify-content: space-between;align-items:flex-end;background: #FAFAFA;margin-top: 40px!important;position: relative;overflow: hidden}
.whcbA dl{width: 58%;padding: 40px 0 40px 30px}
.whcbA dl h3{font-size: 24px;text-align: center;margin-bottom: 30px;font-weight: normal}
.whcbA dl p{font-size: 16px;line-height: 1.8;margin-bottom: 10px}
.whcbA dd{width: 40%;position: absolute;right: 0;bottom: 0}
.whcbA dd img{max-width: 100%}

.whcbB{padding-top: 30px}
.whcbB ul{display: flex;justify-content: space-between}
.whcbB ul li{width: 20%;text-align: center;padding: 0 15px}
.whcbB ul li dd{width: 90px;height: 90px;background: url("../service_img/whcbb.png") no-repeat ;margin: 0 auto;background-size: cover}
.whcbB ul li p{font-size: 16px;margin-top: 10px;line-height: 1.8}
.whcbB ul li:nth-child(2) dd{background-position: -171px 0}
.whcbB ul li:nth-child(3) dd{background-position: -340px 0}
.whcbB ul li:nth-child(4) dd{background-position: -510px 0}
.whcbB ul li:nth-child(5) dd{background-position: -690px 0}

.whcbC{overflow: hidden;display: flex;justify-content: space-between;align-items:center;padding-top: 40px}
.whcbC dd{width: 45%}
.whcbC dd img{max-width: 100%}
.whcbC dl{width: 50%}
.whcbC dl p{margin-bottom: 10px;line-height: 1.6;font-size:16px;background: url("../service_img/whcbc1.png") no-repeat left 11px;color: #666;padding-left: 23px}

/*============================ 医药行业 ============================*/
.yyhyA{margin-top: 40px!important;padding-bottom: 50px;border-bottom:5px solid #ECECEC;border-top:5px solid #ECECEC;}
.yyhyAs{line-height: 1.8;font-size: 16px;padding: 30px 30px 0}

.yyhyB{padding: 30px 40px;background: #fff;font-size: 16px;line-height: 2;margin-top:30px!important;border-top: 2px solid #ff6000;box-shadow: 0 0 10px #ccc;}

/*============================ 餐饮食品 ============================*/
.cyspA{padding-top: 20px;display: flex;justify-content: space-between;}
.cyspA ul{width: 49%}
.cyspA ul li{position: relative;padding: 20px;box-shadow: 0 0 10px #eee;display: flex;justify-content: space-between;overflow: hidden;margin-top: 20px}
.cyspA ul li dd{width: 60px;height: 60px;background: url("../service_img/cyspb.png") no-repeat;background-size: cover}
.cyspA ul li dl{width: 80%;line-height: 1.8;display: flex;align-items: center}
.cyspA ul li span{font-size: 60px;font-family: Arial;color: #eee;position: absolute;bottom: -25px;right: 0;z-index: -1}
.cyspA ul:nth-child(1) li:nth-child(2){min-height: 220px;align-items: flex-start}
.cyspA ul:nth-child(1) li:nth-child(2) dd{background-position: 0 -151px}
.cyspA ul:nth-child(2) li:nth-child(1) dd{background-position: 0 -75px}
.cyspA ul:nth-child(2) li:nth-child(2) dd{background-position: 0 -230px}
.cyspA ul:nth-child(2) li:nth-child(3) dd{background-position: 0 -313px}

/*============================ 集团网站建设 ============================*/
.title_js{}
.title_js h2{font-size: 30px;font-weight: normal}
.title_js i {width: 35px;height: 2px;background: #e2070b;margin: 10px 0px;display: inline-block;}
.title_js p{font-size: 16px;color: #666;text-transform: uppercase;}

.jt .ljzx{display: block;width: 160px;height: 50px;line-height: 50px;position: relative;box-shadow: 0px 0px 10px rgb(0 0 0 / 20%);
    text-align: center;transition: all 0.5s ease 0s;color: #666}
.jt .ljzx::before {content: '';position: absolute;width: 0%;height: 100%;left: 0px;top: 0px;background: #b40c0f;z-index: 1;}
.jt .ljzx::after {content: '';position: absolute;width: 100%;height: 100%;left: 0px;top: 0px;background: #fbfbfb;z-index: 0;}
.jt .ljzx em {display: block;position: absolute;width: 100%;height: 100%;left: 0px;top: 0px;z-index: 3;font-style: normal;}
.jt .ljzx:hover::before {width: 100%;transition: width 250ms cubic-bezier(.25, .46, .45, .94);}
.jt .ljzx:hover {color: #fff;}
.jt .text{display: block;padding: 20px 0px;line-height: 24px;color: #666;}

.jtA{background: url(../service_img/jta.png) no-repeat left top #fff;padding: 40px 0px;}
.jtAa{display: flex;justify-content: space-between;align-items: center;}
.jtA .jtAl{width: 40%;padding-right: 5%;}
.jtA .jtAr{width: 60%;}
.jtA .jtAr img{max-width: 100%}

.jtB{background: url(../service_img/jtb.png) no-repeat right bottom #f5f5f4;padding: 40px 0px;position: relative;overflow: hidden}
.jtBa{position: absolute;top: 150px;left: 50%;}
.jtB .jtBl{width: 50%;}
.jtB .jtBl img{max-width: 100%}
.jtB .jtBr{padding: 15%;}

.jtC{padding-top: 50px}
.jtC_sec{width: 100%; padding: 30px 0 50px;}
.jtC_main{position: relative;}
.jtC-container{width: 100%;}
.jtC-container .swiper-slide{width: 70%;}
.jtC-container .lis{width: 100%;  display: flex; justify-content: space-between; align-items: center;}
.jtC-container .lis .img_box{width: 50%; height: 585px; position: relative; z-index: 1; transition: all 1.2s ease; -webkit-transition: all 1.2s ease;}
.jtC-container .lis .img{width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover;}
.jtC-container .lis .img img{display: block; width: 100%; height: 100%;}
.jtC-container .lis .txt{width: 50%; color: #333;  transition: all 1.2s ease; -webkit-transition: all 1.2s ease;}
.jtC-container .lis .txt .wz{width: 85%; margin: 0 auto;}
.jtC-container .lis .txt .wz .text{margin-bottom: 40px;}
.jtC_btn a{position: absolute; bottom: 0; z-index: 30; display: inline-flex; justify-content: center; align-items: center; width: 60px; height: 60px; z-index: 10; background-color: #fff; box-shadow: 0 0 9px rgba(0,0, 0, 0.15);}
.jtC_btn .jtC_btnL{left: 50%;margin-left: -70px}
.jtC_btn .jtC_btnR{right: 50%;margin-right: -70px}
.jtC_btn a i{display: inline-block; width: 13px; height: 26px; background-repeat: no-repeat; background-position: center center; background-size: 100% auto;}
.jtC_btn .jtC_btnL i{background-image: url(../service_img/jtcl.png);}
.jtC_btn .jtC_btnR i{background-image: url(../service_img/jtcr.png);}
.jtC_btn .jtC_btnL:hover i{background-image: url(../service_img/jtclh.png);}
.jtC_btn .jtC_btnR:hover i{background-image: url(../service_img/jtcrh.png);}
.jtC-container .swiper-slide-prev .lis .img_box{transform: translateX(100%); -webkit-transform: translateX(100%);}
.jtC-container .swiper-slide-next .lis .txt{transform: translateX(-100%); -webkit-transform: translateX(-100%);}

.jtD{position: relative;overflow: hidden;padding-bottom: 50px;}
.jtDa{display: flex;justify-content: space-between;align-items: center;}
.jtD .jtDl{width: 35%;padding-right: 5%;}
.jtD .jtDr{width: 65%;}
.jtD .jtDr img{max-width: 100%}

.jtE {height: 520px;position: relative;overflow: hidden;}
.jtE .hd {position: absolute;left: 0px;top: 0px;width: 100%;height: 100%;z-index: 10;}
.jtE .hd ul {display: flex;height: 100%;width: 100%;}
.jtE .hd ul li {width: 8%;display: inline-flex;color: #fff;transition: all 0.7s ease 0s;border-left: 2px solid #fff;}
.jtE .hd ul li.on {width: 52%;cursor: pointer;color: #fff;transition: all 0.7s ease 0s;}
.jtE .hd ul li .bgj {width: 100%;background: rgba(0, 0, 0, .5);font-size: 24px;writing-mode: vertical-lr;display: inline-flex;align-items: center;padding-top: 40px;position: relative;}
.jtE .hd ul li .bgj::after {position: absolute;content: '';width: 50%;height: 7px;background: #fff;bottom: 10%;right: 0px;}
.jtE .hd ul li .nr {display: none;flex-direction: column;height: 100%;padding: 0px 15%;justify-content: center;text-align: center;min-width: 500px;}
.jtE .hd ul li .title_js p{color: #fff;}
.jtE .hd ul li .title_js i{background: #fff;width: 2px;height: 20px;margin: 10px auto;margin-bottom: 0px;}
.jtE .hd ul li .title_js h3{color: #fff;}
.jtE .hd ul li .nr .ljzx{margin: 0px auto;color: #fff;}
.jtE .hd ul li .nr .ljzx:after {background: #e2070b;}
.jtE .hd ul li .nr .text{color: #fff}
.jtE .hd ul li.on .bgj {width: 15%;min-width: 100px;}
.jtE .hd ul li.on .nr {display: block;width: 85%;display: inline-flex;background: rgba(0, 0, 0, .2);}
.jtE .bd {height: 100%;width: 100%;}
.jtE .bd .bj {width: 100%;height: 100%;background-size: cover;background-repeat: no-repeat;}

.jtF {padding: 40px 50px;display: flex;justify-content: space-between;align-items: center;background: #fff;}
.jtF1 {width: 35%;}
.jtF1-button-next, .jtF1-button-prev {width: 44px;height: 44px;display: inline-block;margin-bottom: 20px;line-height: 44px;text-align: center;
    border: 1px solid #b1cce1;border-radius: 50%;color: #b1cce1;font-size: 16px;position: relative;}
.jtF1-button-prev {margin-right: 5px;}
.jtF1-button-next::after,.jtF1-button-prev::after {content: "";height: 10px;width: 10px;top: 16px;left: 50%;border-width: 0 0 1px 1px;margin-left: -4px;border-color: #b1cce1;
    border-style: solid;transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);position: absolute;}
.jtF1-button-next::after{border-width: 1px 1px 0 0;margin-left: -8px;}
.jtF2 {width: 25%;margin-left: 10%;height: 530px;position: relative;}
.jtF2::after {width: 100%;height: 33.3%;content: '';position: absolute;top: 0px;left: 0px;z-index: 5;background: #fff;
    background: -webkit-linear-gradient(rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
}
.jtF2::before {width: 100%;height: 33.3%;content: '';position: absolute;bottom: 0px;left: 0px;z-index: 5;background: #fff;
    background: -webkit-linear-gradient(rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
}
.jtF2 .swiper-slide {display: flex;align-items: center;margin-left: 20%;transition: all 0.5s ease 0s;}
.jtF2 .swiper-slide h2 {font-size: 50px;font-weight: bolder;font-family: fantasy;color: #333;padding-right: 6px;}
.jtF2 .swiper-slide h3 {font-size: 20px;}
.jtF2 .swiper-slide h3 span {font-size: 12px;}
.jtF2 .swiper-slide span {display: block;}
.jtF2 .swiper-slide-next {margin-left: 0px;transition: all 0.5s ease 0s;}
.jtF3 {width: 40%;height: auto;margin-left: -10%;}
.jtF3 img {width: 100%;height: auto;}

.jtbg{background: #F4F5F8;overflow: hidden;}

/*============================ 企业网站建设 ============================*/
.qiye{background: url("../service_img/qiye.png") no-repeat bottom right;overflow: hidden;margin-bottom: 50px}

.qiyeA{overflow: hidden;padding:50px 0}
.qiyeA ul{display: flex;justify-content: center;}
.qiyeA ul li{width: 25%;text-align: center}
.qiyeA ul li p{font-size: 20px;margin: 20px 0}
.qiyeA ul li span{color: #666}
.qiyeA ul li:hover dd img {transform: rotateY(180deg);transition: transform .3s linear;}

.qiyeB{padding: 80px 60px 250px;}
.qiyeB h3{font-size: 30px;color: #555;font-weight: normal}
.qiyeB p{font-size: 18px;color: #999;margin: 30px 0}

.qiyeC{background: url("../service_img/qiyec.jpg") no-repeat center;overflow: hidden}
.qiyeCa{display: flex;justify-content: space-between;align-items: center;margin-top: 50px}
.qiyeC .qiyeCl{width: 50%}
.qiyeC .qiyeCl img{max-width: 100%}
.qiyeC .qiyeCr{width: 45%}
.qiyeC .qiyeCr h3{font-size: 30px;color: #555;font-weight: normal}
.qiyeC .qiyeCr p{font-size: 18px;color: #999;margin: 30px 0}

.qiyeD{background: url("../service_img/qiyed.png") no-repeat center;background-size:30%;overflow: hidden;margin-top: 50px;display: flex;justify-content: space-between}
.qiyeD ul{width: 33.3%}
.qiyeD ul li{display: flex;justify-content: center;margin-bottom: 40px}
.qiyeD ul li i{display: inline-block;width: 50px;height: 50px;background: url("../service_img/qiyed1.png") no-repeat center;background-size: cover;text-align: center;line-height: 50px;color: #fff;
font-size: 30px;font-style: normal}
.qiyeD ul li dl{width: 80%;margin-left: 20px}
.qiyeD ul li h3{font-size: 24px;color: #ff5f06;font-weight: normal;margin-bottom: 15px}
.qiyeD ul li dd{display: flex;justify-content: space-between}
.qiyeD ul li dd p{width: 48%;color: #999;line-height: 1.8;padding-left: 14px;position: relative}
.qiyeD ul li dd p:before {content: '';display: inline-block;width: 4px;height: 4px;border-radius: 50%;background: #ff5f06;position: absolute;top: 12px;left: 0;}
.qiyeD ul:nth-child(3) dl{text-align: right;width: 53%;margin-left: 0;margin-right: 20px}
.qiyeD ul:nth-child(3) li dd p{width: 100%;padding-right: 14px}
.qiyeD ul:nth-child(3) li dd p:before{position: absolute;top: 12px;right: 0;left: initial}

/*============================ 品牌网站建设 ============================*/
.brandA{background: url("../service_img/branda.jpg") no-repeat center;height: 830px;padding-top: 1px;margin-top: 20px}
.brandA .title h2{color: #fff}
.brandA .title p{color: #fff}
.brandAa{display: flex;justify-content: space-between;align-items: center;height: 685px;margin-top: 50px}
.brandA .brandAl{width: 45%;height: 100%;position: relative;overflow: hidden;border-radius: 8px;}
.brandA .brandAl img {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);height: 100%;}
.brandA .brandAr {width: 48%;}
.brandA .brandAr .title_js h2{color: #fff}
.brandA .brandAr .title_js i{background: rgba(255, 255, 255, 0.4);}
.brandA .brandAr .title_js p{color: #fff}
.brandA .brandAr .text{color: #fff}

/*============================ 商城网站建设 ============================*/
.shopA{background: url("../service_img/jta.png") no-repeat top left;overflow: hidden;padding-bottom: 60px}
.shopA ul{display: flex;justify-content: space-between;padding-top: 50px}
.shopA ul li {width: 18%;box-shadow: 0px 0px 13px 0px rgb(0 0 0 / 16%);text-align: center;position: relative;padding: 20px;}
.shopA ul li h3 {font-size: 100px;color: transparent;text-shadow: #ccc 0 0 15px;}
.shopA ul li b{position: absolute;top: 60px;left: 0px;width: 100%;text-align: center;font-size: 35px;color: #333;}
.shopA ul li p{color: #555;margin-top: 20px;height: 83px;}
.shopA ul li a {width: 100%;height: 40px;background-color: rgb(251, 251, 251);box-shadow: 0px 0px 6px 0px rgb(25 27 35 / 15%);font-size: 16px;color: #555;text-align: center;line-height: 40px;margin-top: 20px;cursor: pointer;display: inline-block;transition: all 0.5s ease 0s;}
.shopA ul li a:hover {background-color: #dc1919;color: #fff;}

.shopB{background: url("../service_img/shopb.png") no-repeat top center;overflow: hidden;padding: 50px 0px;background-size: cover;}
.shopB .title h2{color: #fff}
.shopB ul{display: flex;justify-content: space-between;flex-wrap: wrap}
.shopB ul li{width: 20%;text-align: center;margin-top: 50px}
.shopB ul li p{font-size: 18px;color: #fff;}
.shopB ul li:hover img{transform: rotateY(180deg);-webkit-transform: rotateY(180deg);-moz-transform: rotateY(180deg);-o-transform: rotateY(180deg);-ms-transform: rotateY(180deg);transition: all 0.5s ease 0s;}

.shopD{background: url("../service_img/shopd.jpg") no-repeat center;overflow: hidden}
.shopD .title h2{color: #fff}
.shopDa{display: flex;justify-content: space-between;align-items: center;margin-top: 50px}
.shopD .shopDl{width: 50%}
.shopD .shopDl img{max-width: 100%}
.shopD .shopDr{width: 45%}
.shopD .shopDr h3{font-size: 30px;color: #fff;font-weight: normal}
.shopD .shopDr p{font-size: 18px;color: #fff;margin: 30px 0;line-height: 1.6}

.shopE{text-align: center;margin-top: 40px;padding-bottom: 40px}
.shopE img{max-width: 100%}

/*============================ 门户网站建设 ============================*/
.mhB{display: flex;justify-content: center;align-items: center;padding: 40px 0 0}
.mhB dl{width: 50%;text-align: right;padding-right: 15%}
.mhB dl h3{font-size: 30px;color: #555;font-weight: normal}
.mhB dl p{font-size: 18px;color: #999;margin: 30px 0}
.mhB dd{width: 32%}
.mhB dd img{max-width: 100%}
.mhB .ljzx{display: inline-block}

.mhC{background: url("../service_img/mhc.jpg") no-repeat center;overflow: hidden;padding-bottom: 60px}
.mhC .title h2{color: #fff}
.mhC .title p{color: #fff}
.mhCa{display: flex;justify-content: space-between;align-items: center}
.mhCa ul{width: 30%}
.mhCa ul li{margin-top: 40px}
.mhCa ul li h3 {font-size: 24px;color: #fff;font-weight: normal;margin-top: 10px;}
.mhCa ul li p{color: #fff;margin-top: 10px;line-height: 1.6}
.mhCa ul:nth-child(1){padding-right: 5%}
.mhCa ul:nth-child(1) li{text-align: right}
.mhCa dl{width: 40%;padding-top: 40px}
.mhCa dl img{max-width: 100%}
.mhCa ul:nth-child(3){padding-left: 5%}

/*============================ 电商网站 ============================*/
.dsA{margin-top: 10px;overflow: hidden}
.dsA ul{display: flex;justify-content: space-between;flex-wrap: wrap}
.dsA ul li{width: 32%;border: 1px solid #e5e5e5;margin-top:30px;padding: 25px;display: flex;justify-content: space-between;align-items: center;}
.dsA ul li dl{width: 70%;}
.dsA ul li h3 {font-size: 20px;color: #3a3a3a;font-weight: normal;}
.dsA ul li i {width: 50px;height: 1px;display: block;background: #c9c9c9;margin-top: 15px;}
.dsA ul li p {margin-top: 17px;color: #4f4f4f;}

.dsB{background: #F2F8FE;overflow: hidden;padding-bottom: 60px;margin-top: 50px}
.dsB .title h2 span{background: #F2F8FE}
.dsB ul{display: flex;justify-content: space-between;margin-top: 50px}
.dsB ul li{width: 16.6%;text-align: center;padding: 0 20px}
.dsB ul li h3 {font-size: 20px;margin-top: 40px;font-weight: normal;}
.dsB ul li p {text-align: left;padding-left: 15px;margin-top: 20px;color: #838484;line-height: 22px;}
.dsB a {display: block;width: 270px;background: #2690f5;color: #fff;line-height: 55px;text-align: center;font-size: 20px;border-radius: 30px;margin: 0 auto;margin-top: 50px;}

.dsC{margin-top: 40px}
.dsC ul{display: flex;flex-wrap: wrap}
.dsC ul li{width: 14.22%;height: auto;display: inline-block;text-align: center;padding-top: 20px;padding-bottom: 15px;border: 1px solid rgba(238, 238, 238, 0.5);}
.dsC ul li:hover {background: rgba(255, 255, 255, 1);box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 20%);}
.dsC ul li p {font-size: 18px;font-weight: 400;color: rgba(85, 85, 85, 1);}

.dsD{background: #F2F8FE;overflow: hidden;padding-bottom: 100px;margin-top: 50px}
.dsD .title h2 span{background: #F2F8FE}
.dsD ul{display: flex;justify-content: space-between;margin-top: 50px}
.dsD ul li{width: 16.666%;height: 480px;position: relative;text-align: center;}
.dsD ul li .dsD_show{padding-top: 100px}
.dsD ul li h3 {padding: 50px 0;font-size: 18px;font-weight: bold;color: rgba(255, 255, 255, 1);}
.dsD ul li p {padding: 10px 0;font-size: 16px;font-weight: 400;color: rgba(255, 255, 255, 1);}
.dsD ul li .dsD_hide {width: 100%;height: 540px;position: absolute;top: 0;left: 0;opacity: 0;background: rgba(36,52,93, 1);text-align: center;padding-top: 120px;box-sizing: border-box;box-shadow: 0px 0px 20px 0px rgb(230 0 18 / 40%);}
.dsD ul li:hover .dsD_hide {opacity: 1;top: -20px;transition: top 0.5s;}

.dsE{overflow: hidden}
.dsE ul{display: flex;justify-content: space-between;flex-wrap: wrap;overflow: hidden}
.dsE ul li{width: 30%;margin-top:40px;display: flex;justify-content: space-between;align-items: center;}
.dsE ul li dl{width: 72%;}
.dsE ul li dl h3 {font-size: 22px;display: block;margin-bottom: 15px;font-weight: normal;}
.dsE ul li dl p{font-size: 16px;color: #4f4f4f;}
.dsE a{display: block;width: 278px;height: 55px;background-image: linear-gradient(to right, #FF9C00,#FF6600);color: #fff;line-height: 55px;text-align: center;font-size: 20px;border-radius: 30px;margin: 0 auto;margin-top: 50px;}

.dsF{background: #F2F8FE;overflow: hidden;margin-top: 50px}
.dsF .title h2 span{background: #F2F8FE}

/*============================ 400电话 ============================*/
.A400{margin-top: 30px}
.A400 .hd ul{display: flex;justify-content: center;}
.A400 .hd ul li{margin-right: 2px;width: 203px;line-height: 44px;font-size: 18px;text-align: center;background-color: #c1c1c1;color: #FFF;font-weight: bold;}
.A400 .hd ul li:hover,.A400 .hd ul li.on{background: #ff6600;color: #fff;cursor: pointer}
.A400 .bd{margin-top: 10px}
.A400 .bd ul{display: flex;justify-content: space-between;flex-wrap: wrap}
.A400 .bd ul li{width: 230px;border: 1px solid #dedede;margin-top: 40px;position: relative;}
.A400 .bd ul li h3{padding-top: 10px;text-align: center;line-height: 45px;font-size: 20px;color: #ff6600;}
.A400 .bd ul li p{text-align: center}
.A400 .bd ul li dl{line-height: 50px;font-weight: bold;border-top: 1px dashed #dedede;margin-top: 15px;display: flex;justify-content: space-between;padding: 0 30px;}
.A400 .bd ul li a{width: 100%;background: #dedede;text-align: center;line-height: 36px;font-weight: bold;display: block;}
.A400 .bd ul li i{position: absolute;right: -15px;top: -15px;}
.A400 .bd ul li:hover{border-color: #ff6600}
.A400 .bd ul li:hover a{background: #ff6600;color: #fff}

.B400{background: #F7F8FA;overflow: hidden;margin-top: 50px;padding-bottom: 60px}
.B400 .title h2 span{background: #F7F8FA}
.B400 ul{display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 10px}
.B400 ul li{width: 32%;border: 1px solid #ccc;padding: 20px;margin-top: 30px;}
.B400 ul li h3{font-size: 20px;}
.B400 ul li p{color: #666;line-height: 1.8;margin: 15px 0;}
.B400 ul li a {display: inline-block;padding: 4px 10px;border: 1px solid #f23914;color: #f23914;}
.B400 ul li:hover{border-color: #F23914}
.B400 ul li a:hover{background: #F23914;color: #fff}

.C400 ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.C400 ul li{width: 20%;padding: 0 15px;margin-top: 40px;text-align: center}
.C400 ul li h3{font-size: 18px;font-weight: normal;margin-top: 20px}
.C400 ul li p {width: 200px;text-align: left;line-height: 1.6;min-height: 89px;color: #666666;margin: 20px auto;}
.C400 ul li a{display: block;width: 200px;margin: 0 auto;border: 1px solid #fe7b03;border-radius: 5px;line-height: 38px;color: #fe7b03;font-size: 16px;}
.C400 ul li a:hover{background: #fe7b03;color: #fff}

.D400{background: #F7F8FA;overflow: hidden;margin-top: 50px;padding-bottom: 60px}
.D400 .title h2 span{background: #F7F8FA}
.D400 ul{margin-top: 40px;display: flex;justify-content: space-between}
.D400 ul li{padding: 60px 50px;transition: all .4s;width: 33.33%}
.D400 ul li dd{width: 123px;height: 123px;padding-top: 36px;margin: 0 auto 20px;background: url(../service_img/d400.png) no-repeat;text-align: center;}
.D400 ul li dd p{font-size: 18px}
.D400 ul li dd h3{font-size: 18px}
.D400 ul li dl{color: #7B7B7B;font-size: 16px;line-height: 24px;}
.D400 ul li dl span{text-align: center;display: block}
.D400 ul li:nth-child(1) dl{display: flex;align-items: center;justify-content: space-between;}
.D400 ul li:hover {box-shadow: 0px 0px 30px 0px rgb(0 0 0 / 10%);position: relative;z-index: 999;background: #fff}
.D400 ul li:nth-child(2) dd{background-position: left -401px center;}
.D400 ul li:nth-child(3) dd{background-position: left -801px center;}

.E400 ul{margin-top: 40px;display: flex;justify-content: space-between}
.E400 ul li{background: #fff;padding: 80px 40px;transition: all .4s;width: 23.5%;border: 1px solid #F7F8FA;text-align: center}
.E400 ul li h3{font-size: 18px;margin: 20px 0}
.E400 ul li p{line-height: 22px;color: #999;}
.E400 ul li:hover img{transition: all .4s ease;transform: translateY(-10px);}
.E400_more a{border: 1px solid rgba(255, 255, 255, 0.15);background: #FF6600;width: 260px;display: block;margin: 40px auto 0;line-height: 50px;
    font-size: 16px;color: #fff;text-align: center;transition: all .3s;}
.E400_more a:hover{background: #FE7B03;}

.F400{background: #F7F8FA;overflow: hidden;margin-top: 50px}
.F400 .title h2 span{background: #F7F8FA}

/*============================ h5网站 ============================*/
.h5A ul{margin-top: 40px;display: flex;justify-content: space-between}
.h5A ul li{background:#3BB3EF;padding: 30px 20px;transition: all .4s;width: 23.5%;display: flex;justify-content: space-between;border-radius: 5px}
.h5A ul li dl{width: 75%;color: #fff}
.h5A ul li dl h3{font-size: 18px;font-weight: normal;margin-bottom: 15px}
.h5A ul li dl p{line-height: 1.6}
.h5A ul li:nth-child(2){background: #FCA444}
.h5A ul li:nth-child(3){background: #3CCC88}
.h5A ul li:nth-child(4){background: #EE5D47}

.h5B{background: rgba(26,35,50,.85);overflow: hidden;margin-top: 40px}
.h5B ul{display: flex;justify-content: space-between;}
.h5B ul li{height: 420px;width: 25%;background-size: cover!important;position: relative;}
.h5B ul li dl {height: 100%;background: rgba(26,35,50,.85);overflow: hidden;-webkit-transition: all .3s;transition: all .3s;text-align: center;color: #fff;}
.h5B ul li dd img{width: 80px;margin-top: 98px;transition: all .3s;}
.h5B ul li dl i {width: 40px;height: 4px;background: #fff;display: block;margin: 35px auto 0;opacity: 1;-webkit-transition: all .1s;transition: all .1s;}
.h5B ul li dl h3 {font-size: 20px;margin-top: 40px;line-height: 28px;transition: all .3s;font-weight: normal}
.h5B ul li dl p{max-width: 220px;padding: 0 20px;box-sizing: border-box;margin: 30px auto 0;font-size: 12px;line-height: 22px;opacity: 0;transition: all .3s;}
.h5B ul li:hover dl{background: #1e8cff;}
.h5B ul li:hover dd img{-webkit-transform: translateY(-30px);transform: translateY(-30px);}
.h5B ul li:hover dl i{opacity: 0;}
.h5B ul li:hover dl h3,.h5B ul li:hover dl p {-webkit-transform: translateY(-80px);transform: translateY(-80px);opacity: 1;}

.h5C ul{display: flex;justify-content: space-between;flex-wrap: wrap}
.h5C ul li{transition: all .4s;width:31.5%;background: #F7F8FA;margin-top: 40px;}
.h5C ul li dd img{max-width: 100%}
.h5C ul li dl{padding: 30px 40px;}
.h5C ul li dl h3{font-size: 18px;font-weight: normal;margin-bottom: 15px;text-align: center}
.h5C ul li dl p{line-height: 1.6;color: #666}

.h5D{background: #F7F8FA;overflow: hidden;margin-top: 50px;padding-bottom: 60px}
.h5D .title h2 span{background: #F7F8FA}
.h5D ul{width: 100%;height: 220px;display: table;margin-top: 40px;padding-top: 20px}
.h5D ul li{display: table-cell;position: relative;text-align: center;}
.h5D ul li dd img{width: 75px;height: 75px;margin-top: 10px;}
.h5D ul li dl {position: absolute;width: 100%;height: 1px;border-bottom: 1px dashed #8b96a7;top: 52%;text-align: center;}
.h5D ul li dl img{width: 30px;height: 30px;margin-top: -15px;background: #f7f8fa;}
.h5D ul li p{width: 100%;text-align: center;margin-top: 50px;font-size: 18px;color: #212632;line-height: 28px;}
.h5D ul li:first-child dl{width: 50%;right: 0;}
.h5D ul li:first-child dl img{position: absolute;left: -15px;}
.h5D ul li:last-child dl{width: 50%;left: 0;}
.h5D ul li:last-child dl img{position: absolute;right: -15px;}
.h5D ul li dl img{width: 30px;height: 30px;margin-top: -15px;background: #f7f8fa;}

.h5E ul{display: flex;justify-content: space-between;flex-wrap: wrap}
.h5E ul li{transition: all .4s;width:23.5%;margin-top: 40px;border: 2px solid #F6F6F6;}
.h5E ul li h3{text-align: center;font-size: 20px;font-weight: 500;color: #212632;background: #fbfbfb;line-height: 80px;}
.h5E ul li dd{text-align: center}
.h5E ul li dd img{width: 90px;height: 90px;margin-top: 32px;}
.h5E ul li p {font-weight: 400;color: #788398;line-height: 24px;padding:30px 30px 40px;}

.h5F{background: #F7F8FA;overflow: hidden;margin-top: 50px;}
.h5F .title h2 span{background: #F7F8FA}

/*============================ 网站改版 ============================*/
.gaibanA{background: url(../service_img/gba.png) no-repeat 0 40px;overflow: hidden;padding-top: 40px;margin-top: 40px}
.gaibanA ul{display: flex;justify-content: space-between}
.gaibanA ul li{width: 10%}
.gaibanA ul li i{width:60px;height:60px;display:inline-block;margin-bottom:15px;background:#0052D9;background:linear-gradient(to right,#0052D9,#2670E8 50%,#00C8DC);border-radius:40px;position:relative;}
.gaibanA ul li i:before{width:calc(100% + 10px);height:calc(100% + 10px);left:-6px;top:-6px;border:dotted 1px #D3D7DE;border-radius:40px;content: '';position: absolute}
.gaibanA ul li h3{font-size:20px;font-weight:bold;line-height:24px;}
.gaibanA ul li p{line-height:24px;margin-top:15px;}
.gaibanA ul li:nth-child(2n){margin-top: 110px}
.gaibanA_more{text-align: center;margin-top: 30px}
.gaibanA_more a{display: inline-block;padding: 0 50px;line-height: 50px;font-size: 16px;color: #fff;position: relative;border-radius: 6px;overflow: hidden;}
.gaibanA_more a:before {content: '';position: absolute;width: 100%;height: 100%;left: 0;top: 0;background: #0052D9;background: linear-gradient(to right,#0052D9,#00A3FF,#00C8DC);border-radius: 6px;z-index: -1;}

.gaibanB {width:calc(100% - 1px);overflow: hidden;border-left:solid 1px #D3D7DE;margin-top: 40px}
.gaibanB li{width:calc(16% - 1px);float:left;height:410px;border:solid 1px #D3D7DE;border-left:none;cursor:pointer;}
.gaibanB li .gaibanBa{width:100%;float:left;height:100%;padding:30px;position:relative;}
.gaibanB li .gaibanBa i{width:80px;height:92px;margin:0 auto;margin-top:70px;display:table;background:url("../service_img/gbb1.png") no-repeat;background-size:100%;}
.gaibanB li .gaibanBa h2{font-size:20px;font-weight:bold;text-align:center;line-height:40px;}
.gaibanB li .gaibanBa p{width:100%;position:absolute;line-height:60px;background:#F5F7FA;left:0px;bottom:0px;border-top:dotted 1px #D3D7DE;text-align:center;overflow:inherit;}
.gaibanB li .gaibanBb{width:60%;float:left;padding:10px 20px;display:none;}
.gaibanB li .gaibanBb p{line-height:24px;margin-top:10px;position:relative;padding-left:15px;font-size:14px;}
.gaibanB li .gaibanBb p:before{content: '';position: absolute;width:7px;height:7px;background:#0052D9;left:0px;top:9px;border-radius:10px;}
.gaibanB li.active{width:calc(34% + 20px);}
.gaibanB li.active .gaibanBa{width:40%;background:#0052D9;}
.gaibanB li.active .gaibanBa h2{color:#fff;}
.gaibanB li.active .gaibanBa p{background:none;color:#E9EFF7;}
.gaibanB li.active .gaibanBa p:before,.gaibanB li.active .gaibanBa p:after{content: '';position: absolute;width:9px;height:9px;background:#fff;left:-5px;top:-5px;border-radius:10px;}
.gaibanB li.active .gaibanBa p:after{left:auto;right:-5px;}
.gaibanB li.active .gaibanBb{display:block;}
.gaibanB li:nth-child(2).active .gaibanBa{background:#575EF4;}
.gaibanB li:nth-child(3).active .gaibanBa{background:#FF8C12;}
.gaibanB li:nth-child(4).active .gaibanBa{background:#4191FF;}
.gaibanB li:nth-child(5).active .gaibanBa{background:#21D399;}

.gaibanC{background: url("../service_img/gbc.jpg") no-repeat center;overflow: hidden;margin-top: 50px;padding: 50px 0;position: relative;}
.gaibanCa{width: 50%;float: left;padding: 0 0 0 20px;position: relative;}
.gaibanCa b{font-size: 160px;line-height: 160px;position: absolute;top: -40px;left: -10px;-webkit-text-fill-color: transparent;-webkit-text-stroke-width: 1px;-webkit-text-stroke-color: rgba(255,255,255,.2);letter-spacing: 30px;}
.gaibanCa h2 {font-size: 32px;line-height: 40px;margin-bottom: 50px;color: #fff;font-weight: normal;}
.gaibanCa h3 {font-size: 18px;color: #fff;line-height: 30px;font-weight: normal;}
.gaibanCa h3 em {font-weight: bold;font-size: 20px;color: #06F4F2;position: relative;top: -2px;font-style: normal}
.gaibanCa p{width:48%;float:left;font-size:16px;line-height:30px;margin-top:20px;background-color:rgba(255,255,255,.80);
    color:#0052D9;border-radius:4px;padding:0 4px 0 25px;position:relative;}
.gaibanCa p:before{content:"原因";width:20px;line-height:14px;height:100%;text-align:center;background:#F04142;color:#fff;left:0;top:0;position:absolute;font-size:12px;}
.gaibanCa p:nth-child(2n){float:right;}
.gaibanCa a{display:inline-block;margin-top:50px;background:#fff;color:#0052D9;font-size:16px;padding:10px 30px 10px 50px;position:relative;border-radius:40px;}
.gaibanCa a:before{content:"☎";left:20px;font-size:20px;position: absolute;top: 6px}
.gaibanCb {width: 40%;position: absolute;right: 100px;bottom: 0;}
.gaibanCb img{max-width: 100%}

.gaibanD{}
.gaibanD ul{display: flex;justify-content: space-between;flex-wrap: wrap}
.gaibanD li{width:32%;float:left;margin:30px 0 0;padding:30px;box-shadow:0 4px 20px 5px rgba(68,93,127,0.1);border-radius:6px;cursor:pointer;padding-right:180px;overflow:hidden;position: relative}
.gaibanD li:hover{box-shadow:8px 8px 20px 0 rgba(0,82,217,.20),-8px -8px 20px 0 #fff;transition:0.3s ease-out;}
.gaibanD li h3{font-size:20px;line-height:22px;margin-bottom:10px;}
.gaibanD li p{font-size:14px;line-height:26px;height:80px;overflow:hidden;color:#3D485D;}
.gaibanD li i{width:160px;height:160px;position:absolute;right:-30px;bottom:-30px;background:linear-gradient(to top,#fff,rgba(0,82,217,.15));border-radius:200px;}
.gaibanD li i:before{content:'';position:absolute;width:calc(100% + 20px);height:calc(100% + 20px);border:dashed 1px rgba(68,93,127,0.20);border-radius:200px;left:-10px;top:-10px;}
.gaibanD li i:after{content:'';position:absolute;width:80px;height:80px;background:url("../service_img/gbd.png") no-repeat 0 5px;background-size:70px;left:40px;top:30px;}
.gaibanD li:nth-child(2) i:after{background-position:0 -80px;}
.gaibanD li:nth-child(3) i:after{background-position:0 -165px;}
.gaibanD li:nth-child(4) i:after{background-position:0 -250px;}
.gaibanD li:nth-child(5) i:after{background-position:0 -335px;}
.gaibanD li:nth-child(6) i:after{background-position:0 -420px;}
.gaibanD li:nth-child(7) i:after{background-position:0 -505px;}
.gaibanD li:nth-child(8) i:after{background-position:0 -590px;}
.gaibanD li:nth-child(9) i:after{background-position:0 -678px;}
.gaibanD li:hover h3{color: #0052D9}

.gaibanE{background: #F6F7FB;overflow: hidden;margin-top: 50px}