@charset "utf-8";
/*============================ 初始化样式 ============================*/
*{margin:0; padding:0;}
@font-face{
    font-family: 'Alibaba-PuHuiTi-Regular';
    src:url('../font/Alibaba-PuHuiTi-Regular.otf');
}
body{font-family:'Alibaba-PuHuiTi-Regular',Microsoft YaHei,'黑体',Verdana,Tahoma,Arial,sans-serif; font-size:14px; color:#333;}
li{list-style:none;}
a{color:#333;text-decoration:none; }
a:hover{color:#245fc3;}
a:focus{outline:none;}
.clear{clear:both;}
.text_overflow /*限制文字,文字超出显示冒号*/
{ white-space:nowrap; text-overflow: ellipsis; overflow:hidden;}
.fl{float: left}
.fr{float: right}
.page {color: #6f6f6f;line-height: 20px; padding: 20px 0 50px; text-align: center; vertical-align: middle; overflow: hidden;font-size:14px }
.page a,.page span {color: #666; display: inline-block; margin: 0 1px; text-align: center; width: auto; padding: 5px 12px; font-size:14px;border:1px #d8d8d8 solid;    float: none;}
.page a:hover, .page span.current {color: #fff; background: #ff6d00; text-decoration: none; border:1px #ff6d00 solid;}


/*========================================= 头部 =====================================*/
header{width:100%;height:65px;background: rgba(0, 0, 0, 0.2);position: fixed;top: 0;left: 0;z-index: 9999;padding: 10px 0;transition: all 0.4s;}
nav{overflow: hidden;}
.logo{}
.logo i{color: #fff;background-color: #F7B10A;padding: 0 7px;font-style: normal;border-radius: 10px;margin-left: 5px}
.logo2{display: none}
.logo2 i{color: #fff;background-color: #ff6d00;padding: 0 7px;font-style: normal;border-radius: 10px;margin-left: 5px}
.nav{line-height: 45px;}
.nav ul li{float: left;text-align: center;margin-left: 35px;transition: transform 0.4s;}
.nav ul li a{color: #fff}
.nav .tel{font-size: 22px;color: #ff6d00;line-height: 45px;background: url("../img/tel.png") no-repeat left;padding-left: 40px;margin-left: 35px;display: none}
.nav ul li:hover{border-bottom: 2px solid #ff6d00;transform: translate(0, -2px);}
.nav ul li:hover a{color: #ff6d00!important;}
.menu{display: none;z-index: 9999}
.meuns{display: none}
.meuns{width: 100%;background-color: #fafafa;position: fixed;top: 54px;left: 0;z-index: 9999}
.meuns ul li{text-align: center;border-bottom: 1px solid #f2f2f2;line-height: 40px;}

header.on{background-color: #fff;box-shadow: rgb(102, 102, 102) 0px 0px 8px;}
header.on .nav ul li a{color: #333}

/*========================================= banner =====================================*/
.banner{width:100%;overflow:hidden;position: relative}
.banner ul li{height: 530px;}
.banner .pagination{position: absolute;bottom: 10px;left: 0;width: 100%;text-align: center;z-index: 999}
.banner .pagination span{width: 10px;height: 10px;display: inline-block; -webkit-border-radius: 6px;
    -moz-border-radius: 6px; border-radius: 6px;  background: #fff;margin: 0 6px;}
.banner .pagination span.swiper-pagination-bullet-active{width: 30px;height: 10px;background: #ffffff;}
.banner ul li .text{position: absolute;  top: 50%;  left: 48%;  transform: translate(-50%,-50%);  cursor: pointer;color: #fff}
.banner ul li h2{font-size: 68px;  line-height: 1;  margin: 0 0px 35px 0px;  transform:translateY(100px);  opacity:0;
    transition:all .3s;  transition-delay: .2s; }
.banner ul li p{color: #fff;  font-size: 30px;  line-height: 1;  margin: 0px;  transform:translateY(100px);
    opacity:0;  transition:all .5s;  transition-delay: .4s;}
.banner ul li.swiper-slide-active h2{  transform:translateY(0);  opacity:1;  }
.banner ul li.swiper-slide-active p{  transform:translateY(0);  opacity:1;  }

/*========================================= 我们的优势 =====================================*/
.title{margin-top: 40px;text-align: center}
.title h2{font-size: 24px;}
.title p{color: #666;margin-top: 10px}
.title span{color: #ff6d00}
.oneAl{padding: 0}
.oneAl ul li{padding: 0;margin-top: 15px}
.oneAl ul li div{border: 1px solid #a6c8ff;overflow: hidden;margin-right: 20px;transition: transform 0.4s;}
.oneAl ul li dd{float: left;margin-right: 15px;transition: all 0.8s;}
.oneAl ul li dl{float: left;}
.oneAl ul li dt p{font-weight: bold;color: #2360c3;padding: 13px 0 5px}
.oneAl ul li dt span{font-size: 12px}
.oneAr{margin-top: 15px;padding: 0}
.oneAr dd {  background: url(../img/oar.jpg) left center repeat-x;  height: 38px;  position: relative;  }
.oneAr dd .a1 {  position: absolute;  top: 0;  right: 0;  display: block;  height: 38px;  line-height: 38px;  overflow: hidden;  padding-left: 10px;  background-color: #ffffff;  }
.oneAr dd .a1 .b1{font-size: 18px;color: #ff6d00}
.oneAl ul li:hover dd{transform: rotateX(360deg);}
.oneAl ul li:hover div{transform: translate(-10px, -5px);}

/*========================================= 我们的案例 =====================================*/
.oneBs{position: relative;width: 1300px;margin: 0 auto}
.oneB{}
.oneB .oneBss{padding: 0}
.oneB ul li{float: left;margin-top: 20px!important;}
.oneB ul li div{padding: 6px;border: 1px solid #DDDDDD;}
.oneB ul li dl{position: relative;overflow: hidden;}
.oneB ul li dl img{max-width: 100%}
.oneB ul li dl dd{position: absolute;top: 0;left: 100%;width:100%;height: 100%;background: rgba(0,0,0,0.6);color: #fff;text-align: center;
    transition: all 0.5s;}
.oneB ul li dl dd p{margin: 20% 0 2%}
.oneB ul li dl dd img{margin-top: 3%;width: auto}
.oneB ul li h3{text-align: center;font-size: 14px;margin-top: 10px}
.oneB ul li:hover dl dd{left: 0}
/*.oneBsy ul li dl dd p{margin: 30% 0 2%}*/
.oneBs .pagination{text-align: center;width: 100%;margin: 30px 0 0}
.oneBs .pagination span{width: 12px;height: 12px;display: inline-block; -webkit-border-radius: 6px;
    -moz-border-radius: 6px; border-radius: 6px;  background: #C8C8C8;margin: 0 4px;}
.oneBs .pagination span.swiper-pagination-bullet-active{width: 40px;height: 12px;background: #FF8500;}

/*========================================= 中高端网站定制开发服务商 =====================================*/
.oneC{overflow: hidden;background: #3567BC;padding: 30px 0;margin-top: 40px;max-height: 450px}
.oneCl{padding-right: 6%}
.oneCl img{max-width: 100%}
.oneCr{color: #fff;margin-top: 5%}
.oneCr h2{font-weight: bold;font-size: 32px;}
.oneCr h3{font-size: 18px;margin: 25px 0 10px 0;}
.oneCr p{line-height: 24px}
.oneCr a{display: inline-block;font-size: 18px;  float: left;  width: 226px;margin-top: 38px;line-height: 42px;
      text-align: left;  padding-left: 40px;margin-right: 30px;background-color: #fff;border-radius: 30px;}

/*========================================= 我们的套餐 =====================================*/
.oneD{margin-top: 20px;padding: 0}
.oneD ul li{}
.oneD ul li dl{border: 1px solid #DDDDDD;text-align: center;border-radius: 5px;height: 345px;border-top: 2px solid #245fc3;transition: all 0.4s}
.oneD ul li dl h3{font-size: 24px;margin-top: 35px}
.oneD ul li dl dd{margin: 20px 0}
.oneD ul li dl dd b{color: #ff6d00;font-size: 32px;font-weight: bold;}
.oneD ul li p{margin: 20px 0}
.oneD ul li dl span{line-height: 24px;color: #666;font-size: 12px}
.oneD ul li a{display: inline-block;  width: 124px;  height: 36px;  line-height: 36px;  overflow: hidden;margin-top: 25px;
    position: relative;  -webkit-border-radius: 30px;  -moz-border-radius: 30px;  border-radius: 30px;  border: 1px solid #245fc3;}
.oneD ul li:hover dl{border-top: 5px solid #ff6d00;box-shadow: 0 5px 10px #ddd; transform: translateY(-8px);}
.oneD ul li:hover a{background-color: #2360c3;color: #fff}

/*========================================= 荣誉资质 =====================================*/
.onebg{background-color: #f2f3f5;overflow: hidden;padding-bottom: 30px;margin-top: 40px}
.oneE{overflow: hidden;margin-top: 20px;padding: 0}
.oneE ul li{float: left;padding: 0 20px}
.oneE ul li div{border: 1px solid #ddd;padding: 6px;background-color: #fff}
.oneE ul li dl dd{overflow: hidden}
.oneE ul li dl dd img{max-width: 100%;transition: all 0.5s;}
.oneE ul li p{text-align: center;margin-top: 10px}
.oneE ul li:hover div{border: 1px solid #FC8C06}
.oneE ul li:hover dl dd img{transform: scale(1.2, 1.2);}

/*========================================= 继续在老套路中化作尘埃 =====================================*/
.oneF{margin-top: 40px;padding: 30px 0;background: url("../img/of.jpg") repeat;background: #f2f3f5}
.oneF ul li{}
.oneF ul li dl{background: url("../img/ofl.png") no-repeat center;background-size: cover;min-height: 260px;
    text-align: center;color: #fff;overflow: hidden}
.oneF ul li h3{font-size: 34px;letter-spacing: 2px;margin: 70px 0 35px}
.oneF ul li a{display: inline-block;  width: 140px;  border: 1px #fff solid;  border-radius: 6px;  text-align: center;  line-height: 35px;
    font-size: 18px;  color: #fff;  transition: 0.5s;  cursor: pointer;}
.oneF ul li:nth-child(2) dl{background: url("../img/ofr.png") no-repeat center;background-size: cover;}
.oneF ul li a:hover {  background: #fff;  border: 1px #fff solid;  color: #000;  }

/*========================================= 合作流程 =====================================*/
.oneG{margin-top: 20px;padding: 0}
.oneG ul li{text-align: center}
.oneG ul li h3{font-size: 18px;font-weight: bold;margin: 15px 0 10px}
.oneG ul li p{color: #454545}

/*========================================= 答疑 =====================================*/
.oneH{background: url("../img/oh.png") no-repeat center;background-color: #f5f5f5;overflow: hidden;margin-top: 40px;padding-bottom: 50px}
.oneHa{padding: 0;overflow: hidden}
.oneHa ul li{margin-top: 30px!important;}
.oneHa ul li dl{background-color: #fff;padding: 30px;transition: 0.5s;}
.oneHa ul li dl h3{font-size: 18px;color: #000;font-weight: bold;margin-bottom: 10px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis}
.oneHa ul li dl p{line-height: 24px;color: #888;min-height: 48px;
    overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;}
.oneHa ul li:hover dl{box-shadow: 0px 5px 20px rgba(0,0,0,0.2);}
.oneHa ul li:hover dl h3{color: #245fc3}

.oneHb{position: relative;text-align: center;height: 24px;font-size: 18px;margin-top: 30px;width: 230px}
.oneHb .swiper-button-next, .oneHb .swiper-button-prev{margin-top: -5px;height: 0;width: 40px}

.oneI{background: url("../img/oi.jpg") no-repeat center;background-size: cover;overflow: hidden;padding-bottom: 45px}
.oneI .title h2{color: #fff}
.oneI .oneIa{margin-top: 30px;}
.oneI input{background: none;outline: none;color: rgb(173, 188, 220);border: 1px solid rgb(221, 221, 221);line-height: 43px;border-radius: 3px;
    text-indent: 16px;width: 28%;float: left;margin-right: 1.6%}
.oneI a{display: inline-block;width: 11%;text-align: center;border-radius: 3px;line-height: 45px;
    font-size: 18px;background: #ffffff;float: left}

/*========================================= 底部 =====================================*/
.footer{width: 100%;background-color: #1E1D1D;overflow: hidden;}
.foota{padding: 3% 0 2%}
.foot_nav{overflow: hidden}
.foot_nav ul h3{font-size: 16px;color: #eae8e8;margin-bottom: 20px;}
.foot_nav ul li a{color: #a0a0a0;display: block;margin-bottom: 12px}
.footar{color: #959595}
.footar b{color: #d0d0d0;font-size: 40px}
.footar p{margin-bottom: 12px}
.footb{border-top:1px solid #363636}
.copy{color: #6a6a6a;margin: 2% auto}
.copy a{color: #6a6a6a}
.link{color: #fff;padding-bottom: 2%;}
.link a{color: #868686;margin-right: 10px;margin-bottom: 10px;display: inline-block}

.foot{bottom: 0; left: 0; right: 0; position: fixed;height: 60px;background: #3567BC;overflow: hidden;z-index: 999;display: none}
.foot ul{ display: flex;justify-content: space-around; padding-top: 10px}
.foot ul li img{margin-bottom: 5px; width: 20px;display: block;margin-left: auto;margin-right: auto}
.foot ul li a{color: #fff}

input::-webkit-input-placeholder {
    color: #fff;
}
input:-moz-placeholder {
    color: #fff;
}
input::-moz-placeholder {
    color: #fff;
}
input::-ms-input-placeholder{
    color: #fff;
}

/*========================================= 模板网站 =====================================*/
.nyban{padding: 140px 0 100px}
.nyban ul{text-align: center}
.nyban ul li{padding: 10px 56px;margin: 0 5px;border: 1px dashed #d0d0d0;border-radius: 30px;font-size: 16px;transition: all 0.5s ease; display: inline-block}
.nyban ul li a{color: #fff;}
.nyban ul li:hover,.nyban ul li.active{background-color: #e60012;border-color: #e60012}
.nyban ul li:hover a,.nyban ul li.active a{color: #fff}

.nytitle{margin-top: 40px;overflow: hidden;text-align: center;}
.nytitle h2{font-size: 28px}
.nytitle p{color: #999;margin-top: 10px}

.scD{overflow: hidden;margin-top: 20px;}
.scD ul{box-shadow: 0px 0px 15px rgba(0,0,0,0.1);overflow: hidden;margin-top: 20px}
.scD ul li{padding: 20px;text-align: center;border-right: 1px solid #e9e9e9;border-bottom: 1px solid #e9e9e9;
    box-sizing: border-box;min-height: 915px;background-color: #fff;}
.scD ul li h3{margin-bottom: 5px}
.scD ul li span{font-size: 12px;color: #999;}
.scD ul li p{color: #e0b630;border-bottom: 1px solid #e8e8e8;padding: 5px 0}
.scD ul li dl{margin-bottom: 0;position: relative;padding-top: 10px}
.scD ul li dl b{font-size: 34px;color: #fe6c00;font-weight: normal}
.scD ul li dl .sym{background-color: #e8f6ff;border: 1px solid #c7dff9;box-sizing: border-box;width: 50px;line-height: 22px;border-radius: 30px;
    font-size: 12px;color: #2085ed;position: absolute;right: 5px;top: 10px}
.scD ul li .text{color: #a493f3}
.scD ul li .gm{display: inline-block;width: 180px;line-height: 40px;background-color: #2085ed;text-align: center;
    font-size: 16px;color: #fff;border-radius: 5px;margin-top: 10px}
.scD ul li dd{color: #000;text-align: left;border-bottom: 1px solid #e8e8e8;padding: 15px 0 5px;font-weight: bold;overflow: hidden}
.scD ul li .zdpz{text-align: left;color: #666;box-sizing: border-box;line-height: 2;padding: 10px 0 0 15px}
.scD ul li .dzzc{padding-top:10px;overflow: hidden}
.scD ul li .dzzc dt{width: 50%;float: left;background: url("../img/yes.png") no-repeat 5px;padding-left: 25px;
    text-align: left;color: #999;line-height: 2;box-sizing: border-box}
.scD ul li .dzzc .w100{width: 100%}

.mbA{overflow: hidden;height: 2140px;margin-top: 40px}

/*========================================= 企业网站 =====================================*/
.qyA{margin-top: 20px;padding: 0}
.qyA ul{display: flex;flex-wrap: wrap}
.qyA ul li{margin-top: 20px}
.qyA ul li div{border: 1px solid #efefef;padding: 20px;height: 100%}
.qyA ul li div h3{font-size: 17px;font-weight: bold;margin: 5px 0 20px;}
.qyA ul li p{ padding: 0 0 10px 20px;  font-size: 13px;  line-height: 1.5;  background: url(../img/010.png) no-repeat 0 5px;color: #666;}

.qyB{background-color: #f7f8f9;overflow: hidden;margin-top: 40px;padding-bottom: 30px}
.qyBs{padding: 0}
.qyB ul li{margin-top: 30px}
.qyB ul li h3{font-size: 17px;font-weight: bold;margin: 5px 0 20px;}
.qyB ul li p{ padding: 0 0 8px 20px; font-size: 13px; line-height: 2em;background: url(../img/010.png) no-repeat 0 5px;color: #666;}
.qyB ul li div{padding: 0 12px}

/*========================================= 营销网站 =====================================*/
.seoA{padding: 0}
.seoA ul li{margin-top: 40px;}
.seoA ul li div{border: solid 1px #eee;padding: 30px 15px;border-radius: 5px;text-align: center;transition: all 0.4s;}
.seoA ul li img{transition: all 0.4s;}
.seoA ul li p{  font-size: 18px;  color: #666;  margin-top: 10px;  }
.seoA ul li p span{  font-size: 46px;  color: #ff4229;  margin-right: 10px;  }
.seoA ul li:hover div{border: solid 1px #ff4229;}
.seoA ul li:hover img{  transform: rotate(360deg);  }

.seoB{background-color: #f4f4f4;overflow: hidden;margin-top: 40px;padding-bottom: 40px}
.seoBs{padding: 0}
.seoB ul li div{  margin-top: 30px;  background-color: #fff;  box-shadow: 0 0 10px rgba(0,0,0,0.05);  padding: 20px;  }
.seoB ul li h3{  font-size: 26px;  color: #F60;  padding-bottom: 18px;border-bottom: 1px solid #eee;margin-bottom: 18px;  }
.seoB ul li p{  font-size: 16px;  color: #666;line-height: 30px; }

.seoC{margin-top: 40px;padding: 0}
.seoC ul li div{background-color: #efb230;overflow: hidden}
.seoC ul li dd,.seoC ul li dt{width: 50%}
.seoC ul li dd img{max-width: 100%}
.seoC ul li dt{padding: 2% 4%;color: #fff}
.seoC ul li dt span{  color: #333;  display: block;  line-height: 90%;  font-size: 68px;  opacity: 0.1;
    text-align: right;  font-weight: bold;  letter-spacing: -8px;  font-family: Arial;}
.seoC ul li dt h3{font-size: 28px;font-weight: bold;line-height: 40px;}
.seoC ul li dt p{line-height: 36px;font-size: 16px;margin-top: 10px}
.seoC ul li:nth-child(2) div{background-color: #00a0e9}
.seoC ul li:nth-child(3) div{background-color: #10AF5D}
.seoC ul li:nth-child(4) div{background-color: #FF5732}
.seoC ul li:nth-child(5) div{background-color: #4D2E83}
.seoC ul li:nth-child(6) div{background-color: #00A1C2}

.seoD{background-color: #F3F3F3;overflow: hidden;margin-top: 40px;padding-bottom: 40px}
.m10{margin-top: 10px}
.seoF{padding-bottom: 40px!important;}
.seoF ul li dl{box-shadow: 0 5px 10px rgba(0,0,0,0.2);}

/*========================================= 移动网站 =====================================*/
.sjA{background: url("../img/sj-gjbg.jpg") no-repeat center;background-size: cover;overflow: hidden;
    padding: 0 0 40px 0}
.sjA ul li{width: 20%;text-align: center;margin-top: 40px;float: left;}
.sjA ul li div{padding: 0 10px;}
.sjA ul li img{transition: all 0.4s linear;}
.sjA ul li h3{font-size: 20px;margin: 30px 0 10px;color: #000}
.sjA ul li p{font-size: 16px;line-height: 30px;}
.sjA ul li:hover img{transform: rotateY(180deg);}

.sjB{padding: 0}
.sjB ul li{width: 20%;text-align: center;float: left;margin-top: 40px;}
.sjB ul li div{padding: 0 10px;}
.sjB ul li h3{font-size: 20px;margin: 30px 0 10px;color: #000}
.sjB ul li p{font-size: 16px;line-height: 30px;}

.sjC{background-color: #D9ECF7;overflow: hidden;margin-top: 40px;padding-bottom: 40px}
.sjCs{margin-top: 40px;padding: 0}
.sjCs ul li{background: url("../img/sj-sjk.png")no-repeat center;background-size: contain}
.sjCs ul li div{padding: 70px 30px;}
.sjCs ul li dl{position: relative}
.sjCs ul li img{max-width: 100%}
.sjCs ul li dt{width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: rgba(0,0,0,0.5);opacity: 0;transition: all 0.4s ease}
.sjCs ul li dt img{position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto}
.sjCs ul li:hover dt{opacity: 1;}

/*========================================= 小程序 =====================================*/
.nyban2{padding: 120px 0 70px}
.app{text-align: center}
.app li{display:inline-block;vertical-align: middle;text-align: center;margin:0 10px;}
.app li span {display: block;color: #fff;font-size: 16px;margin-top: 5px;text-align: center}
.app li a i {width: 66px;height: 66px;border:none;background-color: #fff;background-position: center;
    background-size: auto;display: block;border-radius: 50%;background-repeat: no-repeat;}
.app li:hover a i {background-color: #00ad66;}

.app li.li1 a i {background-image: url(../img/01.png);}
.app li.li2 a i {background-image: url(../img/02.png);}
.app li.li3 a i {background-image: url(../img/03.png);}
.app li.li4 a i {background-image: url(../img/04.png);}
.app li.li5 a i {background-image: url(../img/05.png);}
.app li.li6 a i {background-image: url(../img/06.png);}
.app li.li7 a i {background-image: url(../img/07.png);}
.app li.li8 a i {background-image: url(../img/08.png);}
.app li.li9 a i {background-image: url(../img/09.png);}
.app li.li10 a i {background-image: url(../img/10.png);}
.app li.li11 a i {background-image: url(../img/11.png);}
.app li.li12 a i {background-image: url(../img/12.png);}
.app li.li13 a i {background-image: url(../img/13.png);}
.app li.li14 a i {background-image: url(../img/14.png);}
.app li.li15 a i {background-image: url(../img/15.png);}
.app li.li1:hover a i {background-image: url(../img/01_hover.png);}
.app li.li2:hover a i {background-image: url(../img/02_hover.png);}
.app li.li3:hover a i {background-image: url(../img/03_hover.png);}
.app li.li4:hover a i {background-image: url(../img/04_hover.png);}
.app li.li5:hover a i {background-image: url(../img/05_hover.png);}
.app li.li6:hover a i {background-image: url(../img/06_hover.png);}
.app li.li7:hover a i {background-image: url(../img/07_hover.png);}
.app li.li8:hover a i {background-image: url(../img/08_hover.png);}
.app li.li9:hover a i {background-image: url(../img/09_hover.png);}
.app li.li10:hover a i {background-image: url(../img/10_hover.png);}
.app li.li11:hover a i {background-image: url(../img/11_hover.png);}
.app li.li12:hover a i {background-image: url(../img/12_hover.png);}
.app li.li13:hover a i {background-image: url(../img/13_hover.png);}
.app li.li14:hover a i {background-image: url(../img/14_hover.png);}
.app li.li15:hover a i {background-image: url(../img/15_hover.png);}

.appA{padding: 0}
.appA ul li{margin-top: 35px}
.appA ul li div{border: 1px solid #ebebeb;  background-color: #f5f5f5;padding: 15px}
.appA ul li dl{overflow: hidden}
.appA ul li dl dd{  width: 67px;  height: 67px;  border: 2px solid #00ad66;float: left;  border-radius: 50%;background: url("../img/function_icon01.png") no-repeat center;  }
.appA ul li dl dt{float: left;margin-left: 15px}
.appA ul li dl dt h3{font-size: 22px;margin: 10px 0 4px;}
.appA ul li dl dt p{color: #777}
.appA ul li label{display: block;margin: 15px 0 0;font-weight: normal}
.appA ul li label a{display: inline-block;  width: 96px;  border: 1px solid #c7c7c7;  border-radius: 2px;
    color: #666;  font-size: 15px;  text-align: center;  line-height: 28px;}
.appA ul li label a:last-child{float: right}
.appA ul li:hover div{box-shadow: 0 0 10px #ccc;}
.appA ul li label a:hover {background-color: #00ad66;  color: #fff;  border: 1px solid #00ad66;  }
.appA ul li:nth-child(2) dl dd{border: 2px solid #fd9525;background: url(../img/function_icon02.png) no-repeat center center;}
.appA ul li:nth-child(3) dl dd{border: 2px solid #129cfd;background: url(../img/function_icon03.png) no-repeat center center;}
.appA ul li:nth-child(4) dl dd{border: 2px solid #f1c100;background: url(../img/function_icon04.png) no-repeat center center;}
.appA ul li:nth-child(5) dl dd{border: 2px solid #00c6f1;background: url(../img/function_icon05.png) no-repeat center center;}
.appA ul li:nth-child(6) dl dd{ border: 2px solid #00a7ad; background: url(../img/function_icon06.png) no-repeat center center; }
.appA ul li:nth-child(7) dl dd{ border: 2px solid #dfd641; background: url(../img/function_icon07.png) no-repeat center center; }
.appA ul li:nth-child(8) dl dd{ border: 2px solid #c32102; background: url(../img/function_icon08.png) no-repeat center center; }
.appA ul li:nth-child(9) dl dd{ border: 2px solid #1e8dcc; background: url(../img/function_icon09.png) no-repeat center center; }
.appA ul li:nth-child(10) dl dd{ border: 2px solid #3ecf94; background: url(../img/function_icon10.png) no-repeat center center; }
.appA ul li:nth-child(11) dl dd{ border: 2px solid #ddb100; background: url(../img/function_icon11.png) no-repeat center center; }
.appA ul li:nth-child(12) dl dd{ border: 2px solid #ff8e15; background: url(../img/function_icon12.png) no-repeat center center; }
.appA ul li:nth-child(13) dl dd{ border: 2px solid #00ad66; background: url(../img/function_icon13.png) no-repeat center center; }
.appA ul li:nth-child(14) dl dd{ border: 2px solid #f1c100; background: url(../img/function_icon14.png) no-repeat center center; }
.appA ul li:nth-child(15) dl dd{ border: 2px solid #00c6f1; background: url(../img/function_icon15.png) no-repeat center center; }
.appA ul li:nth-child(16) dl dd{ border: 2px solid #3ecf94; background: url(../img/function_icon16.png) no-repeat center center; }

.appB{background-color: #F5F5F5;margin-top: 40px;overflow: hidden;padding-bottom: 40px}
.appBs{padding: 0}
.appBs ul li{margin-top: 30px}
.appBs ul li img{max-width: 100%}
.appBs ul li .text{background-color: #333;padding: 20px;overflow: hidden;}
.appBs ul li .text .img{font-size: 12px;color: #c7c7c7;text-align: center}
.appBs ul li .text .img img{width: 78px;margin-bottom: 6px}
.appBs ul li .text .txt{margin-left: 25px;}
.appBs ul li .text .txt h3{font-size: 24px;color: #fff}
.appBs ul li .text .txt p{color: #fff;opacity: 0.6;margin: 5px 0 15px}
.appBs ul li .text .txt a{  width: 92px;  border: 1px solid #999999;  font-size: 16px;  color: #9c9c9c;  border-radius: 2px;  text-align: center;  line-height: 26px;  display: block;  }
.appBs ul li .text .txt a:hover{background-color: #00ad66; border: 1px solid #00ad66;  color: #fff;}

.appC{margin-top: 40px}
.appC ul li{padding-top: 5%}
.appC ul li:nth-child(1){background: url("../img/wechat_bg1.jpg") no-repeat center;background-size: cover}
.appC ul li dd{width: 48%;margin-top: 13%}
.appC ul li dd h3{font-size: 48px;font-weight: bold;margin-bottom: 10px}
.appC ul li dd p{  font-size: 16px;  line-height: 28px;  }
.appC ul li:nth-child(2){background-color: #27b7b8;color: #fff}
.appC ul li:nth-child(3){background-color: #fcf5a5;color: #956041}
.appC ul li:nth-child(4){background-color: #393A4E;color: #fff}

.appD{margin-top: 40px}
.appD ul li{border: 1px solid #c7c7c7;padding: 0}
.appD ul li:nth-child(2){border-left: none;border-right: none}
.index_system_iconbox { width: 100%; background-color: #252d30; padding: 20px 0; }
.index_system_icon { width: 76px; height: 76px; background: url(../img/price_iconbox.png) no-repeat center top; margin: 0 auto; }
.system_icon02 { width: 100%; height: 76px; background: url(../img/price_icon02.png) no-repeat 23px center; display: block; }
.system_icon03 { width: 100%; height: 76px; background: url(../img/price_icon03.png) no-repeat 23px center; display: block; }
.system_icon04 { width: 100%; height: 76px; background: url(../img/price_icon04.png) no-repeat center center; display: block; }
.index_system_title { width: 100%; margin-top: 12px; text-align: center; position:relative; }
.index_system_title h2{font-size: 24px;color: #fff}
.index_system_title a { font-size: 20px; color: #fff; }
.index_system_title a:hover {color: #fff; text-decoration: underline; }
.index_system_title p { font-size: 14px; color: #fff; opacity: 0.5; margin-top: 4px; }
.index_system_title .note_box{ width:auto; padding:2px 4px; font-size:12px; color:#fff; background-color:#f1ae1f; position:absolute; top:7px; left:245px;}
.index_system_title .note_box em{ display:block; width:0; height:0; border-top:7px solid transparent; border-bottom:7px solid transparent; border-right:10px solid #f1ae1f; position:absolute; top:3px; left:-7px;}
.index_system_pricebox { width: 100%; padding: 0 20px; overflow: hidden;margin:0 auto; box-sizing:border-box;}
.index_system_price { width: 100%; border-bottom: 1px dashed #e5e5e5; text-align: center;}
.index_system_price h2 { font-size: 36px; font-weight: bold; color: #00ad66; line-height: 70px}
.index_system_price h2 i { font-size: 20px; font-style: normal }
.index_system_price h2 span{font-size: 16px}
.system_price_functionbox { width: 100%; margin-top: 6px; overflow: hidden; padding: 15px 0}
.system_price_functionbox span{margin-bottom:15px;float: left; font-size: 14px; color: #777; background: url(../img/icon_check.png) no-repeat 20px center;
    padding-left: 40px; width:140px; }
.system_price_functionbox span.no { background: url(../img/icon_uncheck.png) no-repeat 20px center; }
.appD ul li:hover { border: 2px solid #00ad66; z-index: 2; top: -1px; box-shadow: 0 0 10px #00ad66; }
.appD ul li:hover .index_system_iconbox { background-color: #00ad66; }
.appD ul li:hover .index_system_icon { background: url(../img/price_iconbox.png) no-repeat center bottom; }
.appD ul li:hover .system_icon02 { background: url(../img/price_icon02_hover.png) no-repeat 23px center; }
.appD ul li:hover .system_icon03 { background: url(../img/price_icon03_hover.png) no-repeat 23px center; }
.appD ul li:hover .system_icon04 { background: url(../img/price_icon04_hover.png) no-repeat center center; }

/*========================================= 案例 =====================================*/
.case{padding: 0 0 40px 0}
.case ul li{margin-top: 40px}
.case ul li div{background-color: #fff;border: 1px solid #F0F0F0;overflow: hidden}
.case ul li dd{position: relative;}
.case ul li dd i{width: 100%;height: 100%;overflow: hidden;display: block}
.case ul li dd label{width: 100%;  height: 100%;  position: absolute;  top: 0;  left: 0;
    background-color: #333333;  transition: .6s;  background-size: cover;  opacity: 0;}
.case ul li dd b{position: absolute;  width: 68px;  height: 68px;  background: url(../img/more.png) no-repeat center;bottom: -34px;right: 10%;transition: .6s;opacity: 0;}
.case ul li dd img{max-width: 100%;transition: 1s;}
.case ul li dl{padding: 0 20px;}
.case ul li h3{font-size: 16px;color: #4c4c4c;margin-top: 30px}
.case ul li p{color: #4c4c4c;overflow: hidden;white-space: nowrap;text-overflow: ellipsis}
.case ul li dt{font-size: 12px;  border-top: 1px solid #EBEBEB;color: #808080;  line-height: 48px;  margin: 14px 0 0;  }
.case ul li dt i{display: inline-block;float: right;margin-top: 20px;transition: 1.5s;}
.case ul li dt i img{width: 24px;height: 8px;transition: .4s;display: inline-block;}
.case ul li:hover b{opacity: 1;transform: rotate(90deg);}
.case ul li:hover dd img {transform: scale(1.05);}
.case ul li:hover dd label{opacity: .4;}
.case ul li:hover dt span{color: #F2C62C}
.case ul li:hover dt i{width: 40px;}
.case ul li:hover dt i img{width: 40px}

.newsA{text-align: center;margin-top: 40px}
.newsA ul li{width: 130px;background: #f7f7f8;text-align: center;font-size: 16px;display: inline-block;line-height: 40px;margin: 2px 5px;}

.newsB {padding:10px 0 40px;overflow: hidden}
.newsB ul li{margin-top: 30px}
.newsB ul li div{ width:100%; float:left; height:128px;background:#f7f7f8; padding-left:128px; position:relative;}
.newsB ul li dd{ width:128px; height:128px; position:absolute; left:0; top:0; overflow:hidden;}
.newsB ul li dd img{ width:100%; float:left;transition: all 1s linear;  }
.newsB ul li dl{ width:100%; padding:15px 20px 0 20px; position:relative;}
.newsB ul li dl h3{ width:100%;  display:block; font-size:16px; color:#222; line-height:24px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis}
.newsB ul li dl p{color: #666;line-height: 23px;margin-top: 5px;
    overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;}
.newsB ul li dl span{font-size: 12px;margin-top: 10px; color: #888;display: inline-block}
.newsB ul li dl i{display:inline-block;width: 28px;height: 28px;position: absolute;  right: 20px;  top: 92px;  opacity: 0; transition: all 0.3s ease-out 0s;}
.newsB ul li:hover div{background-color: #d32329}
.newsB ul li:hover dl i{opacity: 1}
.newsB ul li:hover dl h3{color: #fff}
.newsB ul li:hover dl p{color: #fff;opacity: 0.6;}
.newsB ul li:hover dl span{color: #fff;opacity: 0.6;}
.newsB ul li:hover dd img{transform: scale(1.09,1.09);}

/*========================================= 关于我们 =====================================*/
.aboutA{overflow: hidden;text-align: center;font-size: 16px}
.aboutA{line-height: 2;margin-top: 30px}
.aboutA p{text-indent: 2rem}

.aboutB{background: url("../img/aboutb.jpg") no-repeat center;background-size: cover;margin-top: 40px;overflow: hidden}
.aboutB .nytitle h2{color: #fff}
.aboutB .aboutB2{padding: 7% 0;}
.aboutBs{overflow: hidden;padding: 0}
.aboutBs .z_div{width: 16.6%;float: left}
.aboutBs .p{ width:100%; float:left; padding:0 24px; height:120px; font-size:14px; color:white;
    line-height:24px; opacity:0.6; overflow:hidden; position: relative}
.aboutBs .p span{position: absolute;left: 0;bottom: 6px;padding: 0 24px;}
.aboutBs .bian{ width:100%; float:left; margin-top:18px;}
.aboutBs .bian img{ width:98%; margin:auto;}
.aboutBs .time{ width:100%; height:132px; padding-top:60px; position:relative; float:left; text-align:center;}
.aboutBs .time .ico{ display:inline-block; *zoom:1; *display:inline; width:72px; height:72px; background:#d32329;
    position:relative; text-align:center; border-radius:50%;}
.aboutBs .time .ico span{ display:block; width:100%; height:100%; position:absolute; left:0; top:0; border:solid 2px #27282c; opacity:0;
    border-radius:50%;transition: all 0.2s ease-out 0s;}
.aboutBs .time .ico h3{ width:100%; float:left; font-size:22px; color:white; line-height:72px;}
.aboutBs .time .ico svg{ display:block; width:2px; height:60px; background:#d32329; position:absolute; left:50%; top:-60px; margin-left:-1px;}
.aboutBs .l1 .time{ width:100%; height:132px; padding-top:0; padding-bottom:60px;}
.aboutBs .l1 .time .ico svg{ top:auto; bottom:-66px; height:66px;}
.aboutBs .l1 .bian{ margin-top:6px;}
.aboutBs .l1 .p{ margin-top:24px;}
.aboutBs .z_div:hover .time .ico span{ opacity:1; width:96%; height:96%; left:2%; top:2%;}

.aboutC{padding: 0}
.aboutC ul li{margin-top: 30px}
.aboutC ul li div{border: 1px solid #eaeaea;padding: 15px 15px 20px;}
.aboutC ul li h3{font-size: 25px;line-height: 50px;}
.aboutC ul li:hover{color: #d51419}

.aboutbg{background-color: #f8f8f8;overflow: hidden;margin-top: 40px;padding-bottom: 40px}

.aboutD{margin-top: 40px}
.aboutD .aboutDs{padding: 30px;background: url("../img/lx_03.jpg") no-repeat center;box-shadow: 0 0 5px #ddd;}
.aboutDs .lx2l{width: 70%;float: left}
.aboutDs .lx2l_tel{font-size: 18px;margin-bottom: 40px;}
.aboutDs .lx2l_tel span{color: #e50a28;font-size: 35px;}
.aboutDs .lx2l ul li{font-size: 18px;margin-top: 20px;}
.aboutDs .lx2l ul li img{  float: left;  margin: -5px 10px 0 0;}
.aboutDs .lx2l ul li span{font-weight: bold;font-size: 20px}
.aboutDs .lx2l ul li a{border: 1px #696969 solid;  border-radius: 3px;  color: #696969;  padding: 3px 10px;
    margin-right: 5px;  transition: .3s;  font-size: 14px}
.aboutDs .lx2l ul li a:hover{  background: #434343;  color: #fff;  }
.aboutDs .lx2r{width: 30%; float: left;}
.aboutDs .lx2r img{float: left;width: 150px;height: 150px;border: 1px #e7e7e7 solid;  }
.aboutDs .lx2r .cont{float: left;margin-left: 20px;}
.aboutDs .lx2r h3{font-size: 22px;font-weight: normal;  line-height: 22px;  margin: 25px 0 15px 0;}
.aboutDs .lx2r p{font-size: 16px;margin-top: 5px;color: #a0a0a0;}

.aboutF{padding: 0;}
.aboutF ul li{margin-top: 40px;}
.aboutF ul li dl{box-shadow: 0 0 5px #eee;overflow: hidden;padding: 20px;background-color: #fff}
.aboutF ul li dd{margin-right: 20px;margin-top: 10px}
.aboutF ul li h3{font-size: 24px;font-weight: bold;margin: 20px 0;}
.aboutF ul li p{font-size: 16px;line-height: 32px;}
.aboutF ul li dt{width: 70%}

/*浮窗*/
.customer{width: 70px;position:fixed;right:0; top:50%; margin-top: -177px; z-index:9999;}
.customer dl{width: 100%;height: 70px;position: relative; z-index: 2; margin-bottom: 1px;}
.customer dl dt{width: 70px;height: 70px; box-sizing: border-box; padding: 7px 0; color:#FFFFFF;background-color: #21282e;cursor: pointer;position: relative; z-index: 5;transition: all 0.6s ease; text-align: center; }
.customer dl dt i{ display: inline-block; font-size:32px;}
.customer dl dt p{ font-size: 12px; margin-top: 6px;}
.customer dl dt a{color: #fff}
.customer dl:hover dt{background-color: #ff6d00;}
.customer dl.icon1 dd{width: 150px;background-color:rgba(0, 0, 0, 0.8);padding: 10px 0;position: absolute; top: 0;right:-150px;z-index: 1;transition: all 0.6s ease; }
.customer dl.icon1 dd a{display: block; color: #fff; width: 75px; margin: 10px auto; padding-left: 45px;border-radius: 17px;text-align: left; line-height: 34px; border: solid 1px #fff;}
.customer dl.icon1 dd a:hover{ background-color: #ff6d00; border-color: #ff6d00; color: #fff;}
.customer dl.icon2 dd{width: 100px; height: 100px;position: absolute; top: 0; right: -300px; z-index: 1; transition: all 0.6s ease; }
.customer dl.icon2 dd img{ width: 100%; display: block;  border: solid 1px #eee;box-sizing: border-box;}
.customer dl.icon3 dd{width: 200px;height: 70px;padding: 10px 15px;box-sizing: border-box; color: #fff;font-size: 14px; line-height: 24px;background-color:rgba(0, 0, 0, 0.8); position: absolute; top: 0;right: -300px; z-index: 1; transition: all 0.5s ease;}
.customer dl:hover dd{right: 70px;}

.content{margin-top: 40px;}
.cont h1{line-height:36px; font-size:26px; color:#333333; margin-bottom:10px;  font-weight:normal;text-align: center;}
.cont .con{line-height: 250%;overflow:hidden;white-space:normal;word-break:break-all;padding-top:20px;color:#666;text-align:left;font-size: 14px}
.cont .con img{max-width: 100%!important;height: auto!important;display: block;margin: 0 auto;}
.cont .con a{color: #ff6c00;}

.other{overflow:hidden; background:#fff; margin:40px auto;}
.other h3{font-weight:normal; color:#333333; font-size:20px;height:34px;padding-bottom: 10px;border-bottom:1px dashed #e7e7e7;}
.other ul li{display:block; border-bottom:1px dashed #e7e7e7; padding: 16px 0;font-size: 14px}
.other ul li a{color: #666}
.other ul li a:hover{color: #ff6c00}



@media screen and (max-width: 992px) {
    .oneAl ul li div{margin-right: 0}
    .oneC{max-height: inherit;padding-bottom: 40px}
    .oneBs .swiper-button-prev,.oneBs .swiper-button-next{display: none}
    .oneD{margin-top: 20px}
    .oneD ul li{margin-top: 20px}
    .oneG{margin-top: 20px}
    .oneG ul li{margin-top: 20px}
}
@media screen and (max-width: 768px) {
    header{height: inherit}
    .logo img{width: 130px}
    .logo2 img{width: 130px}
    .top{display: none}
    .nav{display: none}
    .menu{display: block;margin-top: 3px}
    .menu img{width: 28px}
    .banner ul li{height: 300px}
    .banner .pagination span{width: 8px;height: 8px;}
    .banner .pagination span.swiper-pagination-bullet-active{width: 30px;height: 8px;}
    .banner ul li .text{width: 100%}
    .banner ul li h2{font-size: 28px;margin: 0 0 20px 0}
    .banner ul li p{font-size: 18px;line-height: 1.6}
    .title{margin-top: 25px}
    .title h2{font-size: 22px}
    .title p{font-size: 12px}
    .oneA ul{margin: 10px auto}
    .oneA ul li{padding: 0 0 0 0}
    .oneAl ul li dd{margin-right: 10px}
    .oneAl ul li dt p{padding: 5px 0}
    .oneBs{width: auto}
    .oneBs .pagination{margin-top: 20px}
    .oneBs .pagination span{width: 8px;height: 8px;}
    .oneBs .pagination span.swiper-pagination-bullet-active{width: 30px;height: 8px}
    .oneC{margin-top: 30px;max-height:inherit;padding: 30px 0}
    .oneCl{padding: 0}
    .oneCr{padding: 0}
    .oneCr h2{font-size: 26px}
    .oneCr h3{font-size: 16px}
    .oneCr p{font-size: 12px}
    .oneCr a{width: 48%;margin-right: 0;padding-left: 0;text-align: center;font-size: 16px;margin-top: 30px;line-height: 40px}
    .oneCr a:last-child{float: right}
    .oneD{margin-top: 10px;padding: 0 12px}
    .oneD ul li{margin-top: 20px;width: 48%;padding: 0}
    .oneD ul li:nth-child(2n){float: right}
    .oneD ul li dl{height: auto;padding-bottom: 20px}
    .oneD ul li dl h3{font-size: 20px;margin-top: 20px}
    .oneD ul li dl dd{margin: 10px 0}
    .oneD ul li dl dd b{font-size: 28px}
    .oneD ul li p{margin: 10px 0;overflow: hidden;white-space: nowrap;text-overflow: ellipsis}
    .oneD ul li a{line-height: 30px;height: 30px;margin-top: 20px;width: 60%}
    .oneE{padding: 0 12px;margin-top: 0}
    .oneE ul li{padding: 0;width: 48.5%;text-align: center;margin-top: 20px}
    .oneE ul li:nth-child(2n){float: right}
    .oneF{margin-top: 30px;padding: 20px 0}
    .oneF .container{padding: 0}
    .oneF ul li h3{font-size: 26px;margin: 60px 0 25px}
    .oneF ul li dl{min-height: 190px}
    .oneF ul li a{line-height: 33px;width: 110px;font-size: 16px}
    .oneG{margin-top: 0}
    .oneG ul li{margin-top: 20px}
    .oneG ul li img{width: 40px}
    .oneG ul li h3{font-size: 16px}
    .oneH{margin-top: 30px;padding-bottom: 30px}
    .oneHa{padding: 0}
    .oneHa ul li{margin-top: 20px!important;}
    .oneHa ul li dl{padding: 20px}
    .oneHa ul li dl h3{font-size: 16px}
    .oneI{padding-bottom: 30px;text-align: center}
    .oneI .title{text-align: left!important;}
    .oneI input{width: 100%;margin-bottom: 20px;line-height: 40px}
    .oneI a{width: 40%;line-height: 38px;font-size: 16px;float: inherit}
    .foot_nav{display: none}
    .footar b{font-size: 32px}
    .link{display: none}
    .footer{margin-bottom: 60px}
    .foot{display: block}
    .nytitle h2{font-size: 22px}
    .scD ul li{min-height: inherit}
    .nyban ul li{padding: 8px 50px;margin-top: 15px}

    .app li{margin: 0 10px 10px;}
    .app li a i {width: 50px;height: 50px;background-size: 20px auto}
    .app li span{font-size: 12px}
    .seoB ul li h3{font-size: 20px}
    .seoB ul li p{font-size: 14px;line-height: 23px}
    .seoC ul li dd, .seoC ul li dt{width: 100%}
    .seoC ul li dt span{font-size: 50px}
    .seoC ul li dt h3{font-size: 20px}
    .seoC ul li dt p{font-size: 14px;line-height: 30px}
    .sjA ul li{width: 50%}
    .sjA ul li:last-child{display: none}
    .sjA ul li p{font-size: 14px;line-height: 24px}
    .sjB ul li{width: 50%}
    .sjB ul li:last-child{display: none}
    .sjB ul li p{font-size: 14px;line-height: 24px}
    .appA ul li label a:first-child{display: none}
    .appA ul li label a:last-child{float: inherit}
    .appA ul li dl{text-align: center}
    .appA ul li dl dd{float: inherit;margin: 0 auto}
    .appA ul li div{padding: 15px 0}
    .appA ul li dl dt{float: inherit;margin-left: 0}
    .appA ul li label a{display: block;margin: 0 auto;float: inherit}
    .appA ul li dl dt h3{font-size: 18px}
    .appBs ul li .text .img{display: none}
    .appBs ul li .text .txt{margin-left: 0}
    .appBs ul li .text .txt h3{font-size: 18px}
    .appC ul li dd{width: 100%;margin: 5% 0}
    .appC ul li dt{width: 100%}
    .appC ul li dt img{max-width: 100%}
    .appC ul li dd h3{font-size: 24px}
    .appC ul li dd p{font-size: 14px}
    .appD ul li{margin-bottom: 20px}
    .appD ul li:nth-child(2){border: 1px solid #c7c7c7;}
    .appD ul li:last-child{margin-bottom: none}
    .aboutC ul li h3{font-size: 18px}
    .aboutD .aboutDs{padding: 20px 10px}
    .aboutDs .lx2l{width: 100%}
    .aboutDs .lx2r{display: none}
    .aboutDs .lx2l ul li a{margin:5px;display: inline-block}
    .aboutF ul li h3{font-size: 18px;margin: 10px 0}
    .aboutF ul li dd img{width: 80px}
    .aboutF ul li dl{padding: 15px}
    .aboutF ul li p{font-size: 14px;line-height: 24px}
    .customer{display: none}
    .content{margin-top: 20px}
    .cont h1{font-size: 18px}
    .cont .con{padding-top: 10px}
}