@charset "utf-8";
/*============================ 初始化样式 ============================*/
*{margin:0; padding:0;box-sizing: border-box}
body {color: #333;font-size: 14px;font-family: Microsoft Yahei,Arial;overflow-x: hidden}
a{text-decoration: none;outline: none;color: #333}
a:hover,a:focus {text-decoration: none;outline: none}
a:hover{color: #21d852}
li{list-style: none}
h1,h2,h3,h4,h5,h6,img,ul,li,a,span,p,i,strong,b,em,form,input,label,div,body,html,blockquote,dd,dl,figure,pre{margin: 0;padding: 0}
dt,label{font-weight: normal}
.clear{clear:both;}
.fl{float: left}
.fr{float: right}
/*.container{padding: 0}
.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
@media (min-width: 768px){
    .container {
        width: 750px;
    }
}
@media (min-width: 992px){
    .container {
        width: 970px;
    }
}
@media (min-width: 1200px) {
    .container {
        width: 1300px;
    }
}*/

/*============================ 头部 ============================*/
header{position: fixed;top: 0;left: 0;border-bottom: 1px solid #4c4c4c;width: 100%;line-height: 72px;
    background-color: #1f1f1f;z-index: 99}
.topr{font-size: 16px;color: #fff}
.topr nav ul{display: flex;justify-content: space-between;margin-right: 20px}
.topr nav ul li{margin: 0 20px;position: relative}
.topr nav ul li a{font-size: 16px;color: #fff;transition: all 0.3s ease 0s;}
.topr nav ul li::before{  content: " ";  position: absolute;  bottom: 0;  left: 50%;  right: 50%;  height: 2px;  background-color: #21d852;
   transition: all 0.3s ease 0s;}
.topr nav ul li:hover::before,.topr nav ul li.active::before{left: 0;right: 0;}
.topr nav ul li:hover a,.topr nav ul li.active a{color: #21d852}
.topr span{background: url("../img/htel.png") no-repeat left;padding-left: 35px}
.topr nav ul li dl{position: absolute; top: 72px;z-index: 6000;width: 145px;transition: all .6s ease-in-out 0s;padding-top: 5px;
    opacity: 0;visibility: hidden;transform: translateY(10%);-webkit-transform: translateY(10%);height:200px;}
.topr nav ul li:hover dl{opacity: 1;transform: translateX(0px);  visibility: visible  }
.topr nav ul li dl dd{line-height: 32px;padding-left: 29px;position: relative}
.topr nav ul li dl dd a{color: #fff!important;font-size: 14px!important;}
.topr nav ul li dl dd i{ position: absolute;  top: 14px;  left: 0;  width: 9px;  height: 2px;  background: #fff;  transition: all .6s;  }
.topr nav ul li dl dd:hover i{  width: 20px;  background: #21d852;  }
.topr nav ul li dl dd:hover a{color: #21d852!important;}
.nav_cont{  position: absolute;  top: 72px;  width: 100%;  height: 224px; border-top: 1px solid #4c4c4c; border-bottom: 1px solid #4c4c4c;  background-color: rgba(0,0,0,.7);
    transition: all .2s ease-in-out 0s;  opacity: 0;  visibility: hidden;  transform: translateY(10%);  -webkit-transform: translateY(10%);  }
.nav_cont.nav_contsc {  z-index: 2;  opacity: 1;  transform: translateX(0px);  visibility: visible  }

/*手机端*/
.menu{display: none}
.header-bream{width: 29px;}
.header-bream span {  position: relative;  display: inline-block;  width: 100%;  height: 1px;  background-color: #fff;  margin-top: 10px;  transition: all 0.3s ease 0s;  }
.header-bream span::before, .header-bream span::after {  content: " ";  position: absolute;  left: 0;  width: 100%;
    height: 1px;  background-color: #fff; transition: all 0.3s ease 0s;  }
.header-bream span::before {  top: -10px;  }
.header-bream span::after {  top: 10px;  }
.header-phone-close {  position: absolute;  right: 0;  top: 0;  display: none;  width: 200px;  height: 72px;  background-color: #1f1f1f;  -webkit-transition: all 0.5s ease 0s;  -moz-transition: all 0.5s ease 0s;  -o-transition: all 0.5s ease 0s;  transition: all 0.5s ease 0s;  text-align: right;  }
.header-phone-close img{margin-right: 15px}
.mnav{position: fixed;display: none;  top: 72px;  right: 0;  width: 100%;height: 100%;  background: #000;  z-index: 9;  letter-spacing: 2px;  color: #fff;  overflow-y: auto;  overflow-x: hidden;  padding-bottom: 55px;  }
.mnav ul li{line-height: 55px!important;font-size: 16px;border-bottom: 1px solid #464646;}
.mnav ul li a{color: #fff;padding: 0 30px;}
.mnav ul li dl{display: none}
.mnav ul li dl dd{line-height: 55px!important;border-bottom: 1px solid #666;background-color: #404040;font-size: 14px;
    padding-left: 25%;}

/*============================ 首页 ============================*/
.banner{height: 725px;background-size: cover}
.banner h3{font-size: 50px;color: #fff;margin-top: 20%;font-weight: bold;line-height: 1.4}
.banner a{display: inline-block;width: 215px;line-height: 53px;border: 1px solid #21d852;font-size: 16px;color: #21d852;text-align: center;
 margin-top: 4%;transition: all 0.5s ease;}
.banner a:hover{background-color: #21d852;color: #fff;transition: all 0.5s ease;}

.oneA{overflow: hidden}
.oneA ul li{float:left;background-color: #f9f9f9;text-align: center;padding: 50px 40px 20px;position: relative;width: 14.285%;cursor: pointer;height: 350px;}
.oneA ul li:nth-child(even)::before {transform: translateY(-100%);}
.oneA ul li dl{position: relative;z-index: 1}
.oneA ul li dl dd{width: 60px;margin: 0 auto}
.oneA ul li dl h3{margin: 10px 0;padding-top: 30px;}
.oneA ul li i{display: inline-block;width: 40px;height: 1px;background-color: #999}
.oneA ul li .txt span{display: inline-block;width: 100%;height: 40px;line-height: 40px;color: #666;border: 1px solid #b9b9b9;border-radius: 40px;font-size: 14px;
margin-top: 10px;cursor: pointer;transition: all 1s ease 0s;}
.oneA ul li .txt span:hover{background-color: rgba(255, 255, 255, .2);color: #fff;}
.oneA ul li::before {content: " ";position: absolute;left: 0;top: 0;right: 0;bottom: 0;transform: translateY(100%);background: linear-gradient(135deg, #1d95ed, #24a7ec, #3ce0ea); transition: all 1s ease 0s;visibility: hidden;}
.oneA ul li:hover::before {transform: translateY(0);visibility: visible;}
.oneA ul li:nth-child(2)::before{background: linear-gradient(135deg, #f57239, #f68d40, #f9d556);}
.oneA ul li:nth-child(3)::before{background: linear-gradient(135deg, #29bd90, #4bc581, #9ed95b);}
.oneA ul li:nth-child(4)::before{background: linear-gradient(135deg, #5c35dc, #7a4ae4, #cf86fa);}
.oneA ul li:nth-child(5)::before{background: linear-gradient(135deg, #ed4c4c, #ee505d, #f25e98);}
.oneA ul li:nth-child(6)::before{background: linear-gradient(135deg, #39b54a, #8dc63f);}
.oneA ul li:nth-child(7)::before{background: linear-gradient(135deg, #ec008c, #6739b6);}
.oneA ul li:hover{color: #fff}
.oneA ul li:hover span{color: #fff;border-color: #fff}
.oneA ul li:hover i{background-color: #fff}
.oneA ul li:nth-child(even){background-color: #f0f0f0}
/*.oneA ul li:nth-child(1) dl dd{background: url("../images/oa1.png") no-repeat center;background-size: cover}
.oneA ul li:nth-child(1):hover dl dd{background: url("../images/oa1h.png") no-repeat center;background-size: cover}
.oneA ul li:nth-child(2) dl dd{background: url("../images/oa2.png") no-repeat center;background-size: cover}
.oneA ul li:nth-child(2):hover dl dd{background: url("../images/oa2h.png") no-repeat center;background-size: cover}
.oneA ul li:nth-child(3) dl dd{background: url("../images/oa3.png") no-repeat center;background-size: cover}
.oneA ul li:nth-child(3):hover dl dd{background: url("../images/oa3h.png") no-repeat center;background-size: cover}
.oneA ul li:nth-child(4) dl dd{background: url("../images/oa4.png") no-repeat center;background-size: cover}
.oneA ul li:nth-child(4):hover dl dd{background: url("../images/oa4h.png") no-repeat center;background-size: cover}
.oneA ul li:nth-child(5) dl dd{background: url("../images/oa5.png") no-repeat center;background-size: cover}
.oneA ul li:nth-child(5):hover dl dd{background: url("../images/oa5h.png") no-repeat center;background-size: cover}*/

.title h2{font-size: 26px;}
.title p{color: #737373;margin-bottom: 20px;}

.oneB{margin-top: 80px}
.oneB ul li .item,.oneB ul li .itemlast{width: 25%;float: left;position: relative}
.oneB ul li .item img{max-width: 100%}
/*.oneB ul li .item:nth-child(2n+2){margin-left: 1%}
.oneB ul li .item:nth-child(1n+3){margin-top: 0.8%;}
.oneB ul li:nth-child(2n+2){margin-left: .5%;}
.oneB ul li:nth-child(1n+3){margin-top: .5%;}*/
.oneB ul li .item::after{content: " ";  position: absolute;  left: 0;  top: 0;  width: 100%;  height: 100%;  z-index: 8;  background-color: #000; opacity: 0; transition: all 600ms ease 0s; clip-path: polygon(50% 20%, 50% 50%, 20% 50%, 50% 50%, 50% 80%, 50% 50%, 80% 50%, 50% 50%);}
.oneB ul li .item:hover::after{opacity: 0.6;clip-path: polygon(50% 0%, 0% 0%, 0% 50%, 0% 100%, 50% 100%, 100% 100%, 100% 50%, 100% 0%);}
/*.oneB ul li .item:hover{width: 100%;  height: 100%;  z-index: 8;  background-color: #000; opacity: 0.6; transition: all 600ms ease 0s;}*/
.oneB ul li .item dt{  position: absolute;  z-index: 9;  left: 1em;  top: 1em;  right: 1em;  bottom: 1em;  }
.oneB ul li .item .border{  position: absolute;  z-index: 1;  background-color: #fff;  }
.oneB ul li .item .b_t{  left: 0;  right: 100%;  top: 0;  height: 1px;  transition: all 340ms linear 150ms;  }
.oneB ul li .item:hover .b_t{  left: 0;  right: 0;  transition: all 340ms linear 150ms;  }
.oneB ul li .item .b_r{  top: 0;  bottom: 100%;  right: 0;  width: 1px;  transition: all 340ms linear 150ms;  }
.oneB ul li .item:hover .b_r{  top: 1em;  bottom: 1em;  transition: all 340ms linear 150ms;  }
.oneB ul li .item .b_b{  left: 0;  right: 100%;  bottom: 0;  height: 1px;  transition: all 340ms linear 150ms;  }
.oneB ul li .item:hover .b_b{  left: 0;  right: 0;  transition: all 340ms linear 150ms;  }
.oneB ul li .item .b_l{  top: 0;  bottom: 100%;  left: 0;  width: 1px;  transition: all 340ms linear 150ms;  }
.oneB ul li .item:hover .b_l{ top: 1em;  bottom: 1em; transition: all 340ms linear 150ms;  }
.oneB ul li .item dd{  position: absolute;  z-index: 10;  width: 100%;  text-align: center;  color: #fff;
    transition: all 250ms ease 0ms;  opacity: 0;  filter: alpha(opacity=0);  *zoom: 1;  visibility: hidden;  top: 50%;  transform: translateY(-20%);  }
.oneB ul li .item:hover dd{transition: all 300ms ease 200ms, transform 500ms ease 200ms, -webkit-transform 500ms ease 200ms;
    opacity: 1;  filter: alpha(opacity=100);  visibility: visible;  transform: translateY(-50%);}
.oneB ul li .item:hover dd img{height: 5rem}
.oneB ul li .item:hover dd h3{font-size: 18px;padding: 10px 0}
.oneB ul li .itemlast{margin-left: 1%}
.oneB ul li .itemlast .more{display: block;height: 100%;  position: relative; background-color: #53b753;  color: #fff; text-align: center;
    background-image: url(../img/casemore.png);  background-size: 100% 100%;  background-position: 50% 50%;  background-repeat: no-repeat;  transition: all 1000ms ease 0s;}
.oneB ul li .itemlast .more span{  position: absolute;  left: 0;  top: 50%;  margin-top: -60px;  width: 100%;  padding-top: 102px;font-size: 18px;  }
.oneB ul li .itemlast .more span:before {
    content: " ";  position: absolute;  left: 50%;  top: 0;  margin-left: -40px;  width: 81px;  height: 81px;
    background-image: url(../img/btn-casemore.png);  background-size: 100% 100%;  background-position: 50% 0;  background-repeat: no-repeat;  transition: all 1200ms ease 50ms;
}
.oneB ul li .itemlast .more:hover {  background-size: 125% 125%;  }
.oneB ul li .itemlast .more:hover span:before {  transform: rotate(540deg);  }
@-webkit-keyframes clipSectorIn{
    0%{
        -webkit-clip-path: polygon(0% 100%, 0% 0%, 0% 0%, 100% 0%, 0% 0%);
        clip-path: polygon(0% 100%, 0% 0%, 0% 0%, 100% 0%, 0% 0%);}
    55%{
        -webkit-clip-path: polygon(0% 100%, 0% 0%, 0% 0%, 100% 0%, 100% 0%);
        clip-path: polygon(0% 100%, 0% 0%, 0% 0%, 100% 0%, 100% 0%);}
    100%{
        -webkit-clip-path: polygon(0% 100%, 0% 100%, 0% 0%, 100% 0%, 100% 100%);
        clip-path: polygon(0% 100%, 0% 100%, 0% 0%, 100% 0%, 100% 100%);}
}
@keyframes clipSectorIn{
    0%{
        -webkit-clip-path: polygon(0% 100%, 0% 0%, 0% 0%, 100% 0%, 0% 0%);
        clip-path: polygon(0% 100%, 0% 0%, 0% 0%, 100% 0%, 0% 0%);}
    55%{
        -webkit-clip-path: polygon(0% 100%, 0% 0%, 0% 0%, 100% 0%, 100% 0%);
        clip-path: polygon(0% 100%, 0% 0%, 0% 0%, 100% 0%, 100% 0%);}
    100%{-webkit-clip-path: polygon(0% 100%, 0% 100%, 0% 0%, 100% 0%, 100% 100%);
        clip-path: polygon(0% 100%, 0% 100%, 0% 0%, 100% 0%, 100% 100%);
    }
}

.titlew h2,.titlew p{color: #fff}
.oneC{background-color: #1f1f1f;overflow: hidden;margin-top: 40px;padding-bottom: 50px;height: 609px}
.oneC1{margin-top: 50px;}
.oneC1 ul li{padding: 0 0 50px 0;border: 1px solid #fff}
.oneC1 ul li dl{padding-top: 40px;transition: all 0.3s ease 0s;}
.oneC1 ul li dd{width: 90px;margin: 0 auto;max-width: 90%;border-radius: 50%;background-color: #74cc4d;}
.oneC1 ul li{background-color: #fff}
.oneC1 ul li h3{font-size: 24px;text-align: center;padding: 35px 0 25px}
.oneC1 ul li p{line-height: 26px;color: #666;padding: 0 30px;display: -webkit-box;  -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;  overflow: hidden;transition: all 0.3s ease 0s;}
.oneC1 ul li:hover dl,.oneC1 ul li.active dl{background-color: #74cc4d;padding-top: 0}
.oneC1 ul li:hover h3,.oneC1 ul li.active h3{color: #fff;padding-top: 0}
.oneC1 ul li:hover,.oneC1 ul li.active {border: 1px solid #74cc4d;margin-top: -30px;}
.oneC1 ul li:hover p,.oneC1 ul li.active p {-webkit-line-clamp: 10;margin-top: 25px;height: 208px}
.oneC1 ul li:nth-child(even){background-color: #f0f0f0}


.oneD{border-bottom: 1px solid #e6e6e6;padding: 30px 0;overflow: hidden;text-align: center}
.oneD a{display: inline-block; padding: 0 30px;background-color: #74cc4d;font-size: 20px;color: #fff;line-height: 60px;border-radius: 30px;}
.oneD p{color: #666;margin-top: 11px;}
.oneD dl{font-size: 18px;color: #4c4c4c;margin: 20px 0 6px;font-weight: bold}
.oneD dl img{margin-right: 9px}
.oneD b{font-size: 40px;font-family: "Arial";margin-top: 6px;}

.oneE{margin-top: 10px}
.oneE ul li{padding: 0;margin-top: 30px}
.oneE ul li dl{width: 30%}
.oneE ul li dl img{max-width: 100%;min-height: 74px;}
.oneE ul li dd{width: 62%;margin-left: 3%}
.oneE ul li dd h3{font-size: 16px;padding: 5px 0 10px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis}
.oneE ul li dd p{color: #666;font-size: 12px;line-height: 1.6;
    overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;}

.oneF{background: url("../img/of.jpg") no-repeat center;overflow: hidden;margin-top: 40px;background-size: cover}
.oneFs1{width: 40%;padding: 50px 40px;background-color: #353d47;color: #ccc}
.oneFs1 h2{font-size: 24px;}
.oneFs1 dl{color: #21b749;font-size: 40px;margin-top: 35px}
.oneFs1 ul li{margin-top: 40px}
.oneFs1 ul li h3{font-size: 20px;line-height: 30px}
.oneFs1 ul li h3 img{vertical-align: top;margin-right: 15px}
.oneFs1 ul li .txt{margin-top: 20px}
.oneFs1 ul li .txt dd{display: inline-block;margin-left: 47px;width: 103px;font-size: 16px;line-height: 2}
.oneFs1 ul li .txt dd span{color: #21b749}
.oneFs1 .service{text-align: center;font-size: 24px;color: #21b749;margin-top: 50px}
.oneFsr{width: 50%;margin-right: 20px}
.oneFsrt{margin-top: 110px}
.oneFsrt a{display: inline-block;width: 130px;line-height: 40px;height: 40px;border: 1px solid #666;border-radius: 4px;
    text-align: center;margin: 0 10px 10px 0;color: #666}
.oneFsrc{margin: 10px 0 20px}
.oneFsrc span{font-size: 30px;  color: #333; line-height: 46px;float: left;}
.oneFsrc a{  position: relative;  width: 150px;  height: 46px;  border: 2px solid #74cc4d;  line-height: 42px;  text-align: center;  font-size: 14px;  color: #74cc4d;  margin-left: 58px;  display: inline-block;  }
.oneFsrc a::before {  content: " ";  position: absolute;  left: -17px;  top: 50%;  margin-top: -4px;  width: 36px;  height: 8px;  background: url(../img/ofrc.png) right center no-repeat;  animation: arrow_jt ease-out 1s 0.2s infinite;  }
.oneFsr p{font-size: 24px;}
@keyframes arrow_jt {
    0% { transform: translateX(0px); }
    25% { transform: translateX(5px); }
    50% { transform: translateX(0px); }
    75% { transform: translateX(-5px); }
    100% { transform: translateX(0px); }
}
.oneFsr dl{position: relative;margin-top: 15px}
.oneFsr dl img{position: absolute;left: 13px;  top: 15px;}
.oneFsr dl input{outline: none;width: 100%;height: 52px;line-height: 50px;background: #fff;border: 1px solid #e5e5e5;
    border-radius: 5px;padding-left: 47px;padding-right: 15px;}
.oneFsr dl textarea{outline: none;width: 100%;height: 100px;line-height: 50px;background: #fff;border: 1px solid #e5e5e5;
    border-radius: 5px;padding-left: 47px;padding-right: 15px;}
.oneFsr form .btn{text-align: center;margin-top: 30px;display: inline-block;width: 190px;height:48px;line-height:48px;
    background: #74cc4d;color: #fff;border-radius: 48px;}

/*============================ 底部 ============================*/
footer{background-color: #000;padding-top: 30px;}
.foot ul li{  float: left;  display: flex;  display: -ms-flexbox;  justify-content: flex-start;  align-items: flex-start;  flex-direction: column;  -ms-flex-direction: column;  text-align: left;  -ms-flex-direction: column; margin-right: 8%;  }
.foot ul li a{  font-size: 12px;  color: #B4B5B5;margin-bottom: 10px;  }
.foot ul li b{  margin-bottom: 16px;color: #fff;  }
.foot ul li p{color: #B4B5B5;margin-bottom: 12px;font-size: 12px}
.foot ul li p img{margin-right: 10px;width: 15px}
.foot ul li .help{  width: 140px;  height: 34px;  background: #21d852;  display: flex;
    justify-content: center;  align-items: center;  box-sizing: border-box;  margin-top: 10px;  color: #fff!important;  }
.foot ul li:last-child{margin-right: 0}
.foot ul li a:hover{color: #21d852}
.link{border-top: 1px solid #43474B;border-bottom: 1px solid #43474B;padding: 15px 0;margin-top: 30px;}
.link .linkl{width: 8%;border-right: 1px solid #43474B;color: #fff;height: 50px;position: relative;
    text-align: right;padding-right: 20px}
.link .linkl::after{  content: '';  position: absolute;  width: 3px;  height: 26px;  background: #21d852;  top: 0;  right: -2px;  }
.link .linkr{width: 89%;margin-left: 2%;}
.link .linkr ul li{float: left;margin-right: 20px;line-height: 30px}
.link .linkr ul li a{color:#B4B4B4}
.link .linkr ul li a:hover{color: #21d852}

.footb{text-align: center;font-size: 12px;line-height: 45px;color: #999;}
.footb a{color: #999}

.footm-line{height: 60px;display: none}
.footm{position: fixed;bottom: 0;left: 0;width: 100%;background-color: #1f1f1f;padding: 5px 0;z-index: 999;display: none}
.footm ul li{width: 25%;text-align: center;float: left}
.footm ul li img{width: 30px;}
.footm ul li a{color: #21d852}


.wzA{background-color: #f5f5f5;overflow: hidden;padding-bottom: 50px}
.wzA ul{text-align: center;margin-top: 10px}
.wzA ul li{background-color: #fff;text-align: center;font-size: 16px;width: 15%;padding: 30px 0;display: inline-block;
    height: 150px;margin: 25px 9px 0;cursor: pointer;transition: all 0.5s ease}
.wzA ul li p{margin-top: 10px}
.wzA ul li img{transition: all 0.5s ease}
.wzA ul li:hover{box-shadow: 0 0 10px rgba(0,0,0,0.15);}
.wzA ul li:hover img{transform: rotate(360deg);}

.wzB ul li:nth-child(1) .item{width: 49.5%}

.wzC{background-color: #242120;margin-top: 50px;overflow: hidden;padding-bottom: 50px}
.wzCs{text-align: center;margin-top: 50px}
.wzCs img{max-width: 100%}

.foot_line{height: 40px;overflow: hidden}

/*============================ 移动端开发 ============================*/
.slideryd ul li:nth-child(1) i{background: url("../img/wz3.png") no-repeat center}
.slideryd ul li:nth-child(1):hover i{background: url("../img/wz3h.png") no-repeat center #fff}
.slideryd ul li:nth-child(2) i{background: url("../img/wz6.png") no-repeat center}
.slideryd ul li:nth-child(2):hover i{background: url("../img/wz6h.png") no-repeat center #fff}
.slideryd ul li:nth-child(3) i{background: url("../img/wz7.png") no-repeat center}
.slideryd ul li:nth-child(3):hover i{background: url("../img/wz7h.png") no-repeat center #fff}
.slideryd ul li:nth-child(4) i{background: url("../img/wz8.png") no-repeat center}
.slideryd ul li:nth-child(4):hover i{background: url("../img/wz8h.png") no-repeat center #fff}

.ydA{background-color: #f3f3f3;overflow: hidden;padding-bottom: 50px}
.ydAs{margin-top: 40px}
.ydAsl{width: 70%}
.ydAsl dl{width: 540px;line-height: 30px;}
.ydAsl dl span{color: #dc1010;font-size: 22px;}
.ydAsl dl a{display: block;text-align: center;  width: 114px;  height: 40px;  background: #1ab746;  border-radius: 5px;  line-height: 40px;  font-size: 16px;  color: #fff;  margin-top: 10px;  }
.ydAsl dd{margin-top: -120px}
.ydAsl dd img{max-width: 100%}
.ydAsr{width: 30%;text-align: center}
.ydAsr img{max-width: 100%}

.ydB{margin-top: 50px}
.ydBl{width: 60%}
.ydBl img{max-width: 100%}
.ydBr{width: 35%;margin: 25px 30px 0 0}
.ydBr dl{width: 75%;height: 54px;  background: #1f2229;  font-size: 28px;  color: #fff;  line-height: 54px;}
.ydBr dl span{display: inline-block;width: 58px;height: 54px;background-color: #21d852;text-align: center;margin-right: 10px}
.ydBr ul,.ydBr dd{padding: 12px 0px 20px;}
.ydBr ul li{font-size: 16px;color: #303030;line-height: 30px}
.ydBr ul li span{color: #c90001}
.ydBr dd{font-size: 16px;}
.ydBr dd span{color: #c7c7c7;padding: 0 10px;}
.ydBr a{display: block;text-align: center;  width: 114px;  height: 40px;  background: #1ab746;  border-radius: 5px;  line-height: 40px;  font-size: 16px;  color: #fff;  margin-top: 10px; }

.ydC{background-color: #f3f3f3;overflow: hidden;margin-top: 40px;}
.ydC ul{padding: 50px 0;}
.ydC ul li{width: 16%;padding:50px 0;background: url("../img/ydc.png") no-repeat center;background-size: cover;
    overflow: hidden;float: left;margin-right: 5%}
.ydC ul li a{display: inline-block;overflow: hidden; width:85%;height:318px;margin-left: 15px;}
.ydC ul li:last-child{margin-right: 0}

/*============================ 新闻动态 ============================*/
.news{}
.newsl{width: 75%}
.newsl ul li{padding: 20px 0;background: #f7f7f7;border-bottom: 1px solid #ebebeb;margin-top: 20px;overflow: hidden}
.newsl ul li dd{width: 37%}
.newsl ul li dd img{max-width: 100%}
.newsl ul li dl{width: 60%;padding-right: 10px;}
.newsl ul li dl h3{font-size: 22px;font-weight: bold}
.newsl ul li dl p{color: #666;margin-top: 25px;line-height: 25px}
.newsl ul li dt{margin-top: 55px;color: #999}

.newsr{width: 23%;margin-top: 20px}
.newsrt{background-color: #f7f7f7;padding-bottom: 20px}
.newsrt h3{font-size: 16px;font-weight: bold;color: #737373;padding: 20px 0;margin: 0 20px;border-bottom: 1px solid #c8c8c8;position: relative}
.newsrt h3::after{content:'';position: absolute;bottom: 0;left: 0;width: 32px;height: 1px;background-color: #a5050e}
.newsrt ul li{padding: 10px 15px;position: relative;transition: all 0.3s ease}
.newsrt ul li a{  color: #666;  padding-left: 5px;  display: -webkit-box;  -webkit-box-orient: vertical;  overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;  }
.newsrt ul li::before{content:'';position: absolute;top: 18px;left: 10px;  width: 5px;  height: 5px;  display: inline-block;  border-radius: 100%;  background: #21d852;}
.newsrt ul li:hover{background-color: #21d852}
.newsrt ul li:hover a{color: #fff}
.newsrt ul li:hover::before{background-color: #fff}

.newsrb{position: relative;margin-top: 20px}
.newsrb h3{padding: 20px;font-size: 16px;color: #737373;font-weight: bold}
.newsrb h3 span{color: #a5050e;}
.newsrb ul{border-left: 1px solid #e9e9e9;border-top: 1px solid #e9e9e9;}
.newsrb ul li{padding: 20px 0 10px 30px;color: #666}
.newsrb ul li p{margin-top: 10px}
.newsrb ul li p a{color: #666;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;
    text-overflow: ellipsis;white-space: nowrap;}
.newsrb i{position: absolute;width: 40px;background-color: #fff;height: 40px;border-radius: 100%;
    border: 1px solid #e9e9e9;display: inline-block;top: 35px;left: -20px}
.newsrb ul li:hover{background-color: #f7f7f7}
.newsrb ul li:hover a{color: #21d852}

/*============================ 小程序开发 ============================*/
/*.xcxA{background: #d9fffc;padding-bottom: 50px;overflow: hidden}
.xcxAs{text-align: center;margin-top: 50px}
.xcxAs img{max-width: 100%;}

.xcxB ul{display: flex;  justify-content: space-between;  align-items: center;  flex-wrap: wrap;  }
.xcxB ul li{margin-top: 50px;text-align: center;width: 20%}
.xcxB ul li p{font-size: 16px;font-weight: bold;color: #666;margin-top: 20px}*/

/*============================ 企业简介 ============================*/
.slider_gy{height: 482px;background-color: #1f1f1f;position: relative;margin-top: 73px}
.slider_gyl{width: 60%;height: 100%}
.slider_gys{position: absolute;top: 0;left: 0;right:0;bottom:0;margin:auto;overflow: hidden;}
.slider_gys h2{font-size: 36px;color: #fff;margin-top: 15%;float: left}
.slider_gys ul{float: right;width: 40%}
.slider_gys ul li{font-size: 26px;width: 50%;text-align: center;height: 241px;float: left}
.slider_gys ul li a{color: #fff}
.slider_gys ul li img{margin: 65px 0 25px}

.aboutA ul{margin: 3% 0;overflow: hidden}
.aboutA ul li{text-align: center}
.aboutA ul li b{font-size: 44px;font-family: Arial}
.aboutA .text{line-height: 2.5;color: #666}

.aboutB{background-color: #f5f5f5;margin-top: 30px;overflow: hidden;padding-bottom: 50px}
.aboutB ul{margin-top: 50px}
.aboutB ul li{text-align: center;padding: 0 }
.aboutB ul li dl{min-height: 143px;position: relative}
.aboutB ul li dl img{max-width: 100%;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto}
.aboutB ul li h3{font-size: 18px;font-weight: bold;padding: 30px 0}
.aboutB ul li p{color: #666;line-height: 24px}

.aboutC{margin-top: 20px}
.aboutC ul{display: flex;justify-content: space-between;flex-wrap: wrap}
.aboutC ul li{float: left;padding: 10px 20px;text-align: center}
.aboutC ul li img{padding: 5px;border: 1px solid #E7E7E9;}
.aboutC ul li p{margin-top: 15px}

/*============================ 人才招聘 ============================*/
.recruit{margin-top: 40px}
.recruit ul li h3{width: 100%;border-radius: 30px;font-size: 24px;background-color: #3d4c66;color: #fff;
    text-align: center; font-weight: 400;line-height: 50px;}
.recruit ul li .text{padding: 23px 20px;max-height: 427px;overflow-y: auto;}
.recruit ul li .text::-webkit-scrollbar {width: 5px;height: 5px;background-color: #fff;}
.recruit ul li .text::-webkit-scrollbar-thumb {height: 20px;border-radius: 10px;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);  background-color: #ddd;  }
.recruit ul li .text::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);border-radius: 5px;background-color: #fff;  }
.recruit ul li .text h4 {font-size: 15px;color: #666;font-weight: 700;text-align: left;}
.recruit ul li .text div{line-height: 26px;color: #666}
.recruit ul li:nth-child(3) h3{background-color: #fdaf34}

/*============================ 联系我们 ============================*/
.lxwmA{margin-top: 40px}
.lxwmAl{width: 31%}
.lxwmAl b{font-size: 32px;text-transform: uppercase;font-family: Arial;line-height: 1.2}
.lxwmAl p{font-size: 32px;margin: 5px 0}
.lxwmAl a{display: block; font-size:18px;margin-top: 2em; width: 180px; height: 50px; line-height: 50px; text-align: center; color: #fff; background-color: #21d852; overflow: hidden; position: relative;}
.lxwmAl a:before{content: " "; position: absolute; overflow: hidden; width: 0; height: 0; left: 50%; top: 50%; padding-top: 0%; padding-left: 0%; border-radius: 50%; background: radial-gradient(circle, rgba(255, 255, 255, 0) 33%, rgba(255, 255, 255, 0.4)); pointer-events: none; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.lxwmAl a:hover:before{-webkit-transform: scale(2.25) translate(-22.22222222%, -22.22222222%); transform: scale(2.25) translate(-22.22222222%, -22.22222222%); padding-top: 80%; padding-left: 80%; -webkit-transition: all 400ms ease 0s; transition: all 400ms ease 0s;}
.lxwmAc p{line-height: 2;font-size: 16px;color: #666}
.lxwmAc .mf{font-size: 20px}
.lxwmAc .dh{font-size: 28px;color: #21d852;font-family: Arial;line-height: 1.5}
.lxwmAr{padding: 15px;background-color: #eee;text-align: center;}
.lxwmAr p{margin-top: 8px}
.lxwmAr2{margin-top: 14%}

#map{width: 100%;height: 450px;margin-top: 40px}

/*============================ 技术创投 ============================*/
.kjctA{margin-top: 40px}
.kjctA ul{height: 320px}
.kjctA ul li{width: 16.6%;height: 100%;float: left;overflow: hidden}
.kjctA ul li dd{width:100%;height: 100%;text-align: center;color: #fff;float: left}
.kjctA ul li dd h3{font-weight: bold;font-size: 20px;margin: 25px 0 5px}
.kjctA ul li dd p{font-size: 12px}
.kjctA ul li dd img{margin-top: 88px}
.kjctA ul li:nth-child(1) dd{background-color: #2dafbc;}
.kjctA ul li:nth-child(2) dd{background-color: #50d2b7;}
.kjctA ul li:nth-child(3) dd{background-color: #7b99ee;}
.kjctA ul li:nth-child(4) dd{background-color: #7fc622;}
.kjctA ul li:nth-child(5) dd{background-color: #fdad73;}
.kjctA ul li dl{width: 50%;height: 100%;background: url("../img/kjctbg.jpg") no-repeat center;
    background-size: cover;float: left}
.kjctA ul li:nth-child(1){width: 33.2%}
.kjctA ul li:nth-child(1) dd{width: 50%}
.kjctA ul li dl a{display: block;height: 64px;border-bottom: 1px solid #84898a;line-height: 64px;
    padding-left: 16px;color: #b7b9b9; background: url(../img/kcjtaj.png) no-repeat right 8px center;  }
.kjctA ul li dl a:hover{color: #fff}

.kjctB{background: url("../img/kjctb.jpg") no-repeat center;background-size: cover;margin-top: 50px;padding: 4% 0}
.kjctBsl{width: 60%;color: #fff;margin-top: 7%}
.kjctBsl h2{font-size: 40px;font-weight: bold}
.kjctBsl h3{font-size: 20px;font-weight: bold}
.kjctBsl span{  display: block;  width: 280px;  height: 1px;  margin: 70px 0 30px;  background: #fff;  }
.kjctBsl p{line-height: 30px;width: 80%}
.kjctBsr{width: 40%}
.kjctBsr img{max-width: 100%}

.kjctC{margin-top: 40px;}
.kjctC .bd ul li{overflow: hidden;position: relative;}
.kjctC .bd ul li dd{width: 40%;position: absolute;top: 0;left: 0}
.kjctC .bd ul li dd img{max-width: 100%}
.kjctC .bd ul li dl{width: 70%;background-color: #f7f7f7;margin-top: 30px;padding: 5% 5% 4% 17%}
.kjctC .bd ul li dl h3{font-size: 36px;font-weight: bold;margin-bottom: 8px}
.kjctC .bd ul li dl span{font-size: 32px;color: #21d852;}
.kjctC .bd ul li dl i {  width: 170px;  height: 1px;  background: #dcdcdc;  margin: 36px 0 20px;  display: block;  }
.kjctC .bd ul li dl p {  font-size: 16px;  line-height: 30px;  }

.kjctC .hd ul li{float: left;}
.kjctC .hd ul li.on .team{background-color: #21d852;  }
.kjctC .hd ul li .team:hover{background-color: #21d852;  }
.kjctC .hd ul li:last-child i{display: none;  }
.kjctC .hd ul{margin: 52px 0 0 30px}
.kjctC .hd ul li span{  float: left;  margin-top: 40px;  margin-left: 20px;  font-size: 18px;  }
.kjctC .hd ul li i{  display: block;  width: 36px;  height: 30px;  background: url("../img/jt.png") no-repeat center;  float: left;  margin-top: 35px;  margin-left: 30px;  }

.kjctC .hd ul li .team{float: left;width: 100px;height: 100px;margin-left: 15px;cursor: pointer;background: #eeeeee;
    -webkit-transition: all 0.3s ease;-moz-transition:  all 0.3s ease;transition:  all 0.3s ease;}
.kjctC .hd ul li .team p{display: block;width: 100%;height: 100%;  }
.kjctC .hd ul li:nth-child(1) p{background: url("../img/kjctc1.png") no-repeat center;}
.kjctC .hd ul li:nth-child(2) p{background: url("../img/kjctc2.png") no-repeat center;}
.kjctC .hd ul li:nth-child(3) p{background: url("../img/kjctc3.png") no-repeat center;}
.kjctC .hd ul li:nth-child(4) p{background: url("../img/kjctc4.png") no-repeat center;}
.kjctC .hd ul li:nth-child(5) p{background: url("../img/kjctc5.png") no-repeat center;}

.kjctC .hd ul li:nth-child(1):hover p{background: url("../img/kjctc1h.png") no-repeat center;}
.kjctC .hd ul li:nth-child(2):hover p{background: url("../img/kjctc2h.png") no-repeat center;}
.kjctC .hd ul li:nth-child(3):hover p{background: url("../img/kjctc3h.png") no-repeat center;}
.kjctC .hd ul li:nth-child(4):hover p{background: url("../img/kjctc4h.png") no-repeat center;}
.kjctC .hd ul li:nth-child(5):hover p{background: url("../img/kjctc5h.png") no-repeat center;}

.kjctC .hd ul li:nth-child(1).on p{background: url("../img/kjctc1h.png") no-repeat center;}
.kjctC .hd ul li:nth-child(2).on p{background: url("../img/kjctc2h.png") no-repeat center;}
.kjctC .hd ul li:nth-child(3).on p{background: url("../img/kjctc3h.png") no-repeat center;}
.kjctC .hd ul li:nth-child(4).on p{background: url("../img/kjctc4h.png") no-repeat center;}
.kjctC .hd ul li:nth-child(5).on p{background: url("../img/kjctc5h.png") no-repeat center;}
.yh{width: 112px;height: 112px;background: url("../img/kjctdh.png") no-repeat center;position: absolute;top: 0;right: 0;}

/*============================ 小程序开发 ============================*/
.my_ban{height: 437px;overflow: hidden;}
.my_ban dl{text-align: center;margin-top: 14%;color: #fff;}
.my_ban dl h3{font-size: 36px;font-weight: bold}
.my_ban dl p{font-size: 18px;margin-top: 15px}

.xcxA{}
.xcxA ul li{text-align: center;width: 16.6%;float: left;margin-top: 40px}
.xcxA ul li p{margin-top: 15px;font-size: 16px}
.xcxA ul li img{max-width: 100%}

.xcxB{background-color: #f1f4f4;overflow: hidden;margin-top: 40px;padding-bottom: 40px}
.xcxBs{box-shadow: 0 0 10px 6px rgba(0,0,0,.04);background-color: #fff;padding: 40px;margin-top: 40px;}
.xcxBs dl{margin-bottom: 20px;overflow: hidden}
.xcxBs dl label{width: 80px;display: inline-block;float: left;text-align: right;line-height: 40px;padding-right: 10px}
.xcxBs ul{display: none}
.xcxBs dl .text{width: 80%;float: left}
.xcxBs dl .text dd a{width: 120px;  height: 40px;  line-height: 38px;  background: #fff;border: 1px solid #21d852;
    border-radius: 2px;text-align: center;display: inline-block;color: #21d852;margin-right: 10px;box-sizing: border-box;  }
.xcxBs dl .text dd a.active{background-color: #21d852;color: #fff}
.xcxBs dl .text dt{margin-top: 20px;overflow: hidden;  border: 1px solid #e7e7e7;  width: 100%;  padding: 20px 20px 10px;  box-shadow: 0 0 10px 0 rgba(211,211,211,.3);  color: #454545;}
.xcxBs dl .text p{border-bottom: 1px dashed #e7e7e7;padding-bottom: 10px;margin-bottom: 10px}
.xcxBs dl .text span{line-height: 2;margin-bottom: 5px;display: inline-block;width: 20%;float: left}
.xcxBs dl .price{line-height: 38px}
.xcxBs dl .price b{font-size: 20px;color: #ff6000;}
.xcxBs dl i{font-size: 12px;  color: #fff;  padding: 2px 10px;  border-radius: 20px;  background: #ff6000;  line-height: initial;  min-width: 64px;  font-style: normal;  margin-left: 30px;  }
.xcxBs .btn{border-top: 1px dashed #e7e7e7;  margin-left: 30px;  width: 82%;  }
.xcxBs .btn a{display: inline-block;  float: right;  margin-top: 20px;  width: 142px;  height: 42px;line-height: 42px;
    background: #21d852; border-radius: 4px;  font-size: 18px;  color: #fff;text-align: center;  margin-left: 90px;  }

.xcxC{background: linear-gradient(#fff,#f1f3fb);padding-bottom: 40px;}
.xcxC ul{margin-top: 15px}
.xcxC ul li{text-align: center;margin-top:25px;padding: 0 12px}
.xcxC ul li dl{background-color: #fff;padding: 25px 0;line-height: 1.6;box-shadow: 0 10px 30px rgba(0,0,0,.1);}
.xcxC ul li h3{margin-top: 15px;font-size: 20px;}
.xcxC ul li p{font-size: 16px;margin-top: 10px;color: #666}

.xcxD{background: url("../img/xcxd.jpg") no-repeat center;background-size: cover;overflow: hidden;padding-bottom: 40px}
.xcxD .title h2{color: #fff}
.xcxD ul{margin-top: 40px}
.xcxD ul li{overflow: hidden;}
.xcxD ul li dl{background-color: #fff;padding: 20px;position: relative}
.xcxD ul li .xcxDt{overflow: hidden;}
.xcxD ul li .xcxDt img{float: left;margin-right: 15px;width: 72px;border: 1px solid #eee;border-radius: 10px}
.xcxD ul li .xcxDt dd{float: left;margin-top: 15px}
.xcxD ul li .xcxDt dd h3{font-size: 18px;margin-bottom: 8px}
.xcxD ul li .xcxDt dd span{  padding: 0 10px;  border-radius: 4px;  background: #f3f3f3;  line-height: 22px;  font-size: 12px;  color: #252525;  }
.xcxD ul li dt{min-height: 78px;margin-top: 20px;color: #7d7d7d;line-height: 2}
.xcxD ul li .xcxDwx{display: block;  position: absolute; left: 0;  top: 100%;  width: 100%;height: 100%;background: #fff;
    transition: all 0.3s linear;}
.xcxD ul li .xcxDwx img{max-width: 100%;display: block;  width: auto;  height: 90%;  margin: 5% auto;  }
.xcxD ul li:hover .xcxDwx{top: 0;}

.xcxE{margin-top: 30px;position: relative}
.xcxE ul{position: relative;}
.xcxE ul li dl{padding: 12px 24px;border: 1px solid #e5e5e5;box-shadow: 5px 5px 6px rgba(0, 0, 0, 0.04);overflow: hidden;
    border-radius: 30px;background-color: #fff}
.xcxE ul li dl span{display: inline-block;width: 33px;height: 33px;background: #21d852;border-radius: 100%;
text-align: center;line-height: 33px;font-size: 18px;color: #fff;float: left}
.xcxE ul li dl dt{display: inline-block;float: left;font-size: 18px;color: #5e5e5e;line-height: 33px;margin-left: 15px}
.xcxEs{  width: 100%;  height: 1px;  background: #d5d5de;  position: absolute;  left: 0;  top: 50%; padding: 0 15px}
.xcxE ul li:nth-child(1){padding-left: 0}
.xcxE ul li:nth-child(4){padding-right: 0}

.xcxF{margin-top: 35px}
.xcxF ul li{border: 1px #e4ede1 solid;background: #f6fbf5;padding: 20px;margin-top: 6px;cursor: pointer}
.xcxF ul li span{display: inline-block;width: 20px;float: left;height: 20px;margin-right: 16px;border-radius: 50%;
    background: #21d852;text-align: center;line-height: 20px;color: #fff}
.xcxF ul li p{font-size: 16px}
.xcxF dl{padding: 20px;line-height: 2;color: #555;display: none;background: #f6fbf5;border: 1px solid #e4ede1;border-top: none}

/*============================ 网站营销 ============================*/
.yxA{margin-top: 20px}
.yxAt{margin-top: 20px;background: url("../img/yxa.png") no-repeat center;background-size:cover;overflow: hidden;min-height: 294px;}
.yxAt h3{font-size: 18px;text-align: center}
.yxAt ul{margin-top: 20px}
.yxAt ul li{width: 20%;float: left;text-align: center}
.yxAt ul li p{  font-size: 18px;  color: #21d852;  line-height: 2;margin-top: 10px;  }
.yxAt ul li span{line-height: 24px}

.yxB{background-color: #f7f6f5;overflow: hidden;margin-top: 40px}
.yxB ul li{margin-top: 40px;overflow: hidden}
.yxB ul li h3{color: #666;font-size: 20px;padding: 20px 0}
.yxB ul li p{color: #666;line-height: 1.6}
.yxB ul li dd{width: 40%;height: 260px;text-align: center}
.yxB ul li dd img{height: 100%}
.yxB ul li dt{width: 55%;padding:2% 10% 0 0;line-height: 2}
.yxB ul li:nth-child(1){text-align: center}
.yxB ul li:nth-child(1) dd{margin-top: 40px;height: auto;width: 100%}
.yxB ul li:nth-child(1) dd img{max-width: 100%;height: auto}
.yxB ul li:nth-child(3) dt{padding:2% 0 0 10%;}

.yxC{margin-top: 40px;background: linear-gradient(#fff,#f7f6f5);padding-bottom: 40px;overflow: hidden}
.yxC thead td {color: #fff;background: #21d852;  line-height: 30px;  font-size: 16px;  font-weight: bold;padding: 10px 0;  }
.yxC table{width: 100%}
.yxC .td1 {width: 30%;text-align: center;}
.yxC .td2 {width: 30%;text-align: left;padding-left: 40px;}
.yxC .td3 {width: 40%;text-align: left;padding-left: 40px;}
.yxC td {padding: 10px 0;color: #666}
.yxC td b{display: block;text-align: center}
.yxC td i {background: url(../img/yxc.png) no-repeat;  width: 20px;  height: 18px;  display: inline-block;  float: left;  margin: 0 10px;  }
.yxC td .fei {background-position: -21px;}
.yxC tr:nth-child(odd){background-color: #eee;}

.yxC ul li{text-align: center;width: 20%;float: left;margin-top: 40px}

/*============================ 报价 ============================*/
.bj{overflow: hidden;}
.bj ul li{margin-top: 40px}
.bj ul li .bj1{text-align: center;padding: 20px 0;color: #fff}
.bj ul li .bj1 h3{font-size: 22px;}
.bj ul li .bj1 p{margin-top: 20px;font-size: 16px}
.bj ul li .bj2{padding: 14px 9px 0 20px;height: 289px;line-height: 24px}
.bj ul li .bj2 p{margin-bottom: 10px;color: #000;}
.bj ul li .bj2 p big{color: red}
.bj ul li .bj3 {  height: 47px;  text-align: center;  font-size: 16px;  color: #fff;  line-height: 47px;  }
.bj ul li .btn{width: 140px;display: block;margin: 0 auto;position: relative}
.bj ul li .bj2 a{width: 140px;display: block;margin: 0 auto;text-align: center;margin-top: 40px;height: 35px;line-height: 35px;
    border: 1px solid #21d852;color: #21d852;position: relative;z-index: 1;transition: all .6s;}
.bj ul li .btn:before {content: "";  width: 0;  height: 35px;  background: #21d852;position: absolute;top: 0;left: 0;
    transition: all .6s;opacity: 1;}
.bj ul li .btn:hover a{color: #fff}
.bj ul li .btn:hover:before{width: 100%;}
.bj ul li:nth-child(1) dl{border: 1px solid #3ad176;}
.bj ul li:nth-child(1) .bj1{background: url("../img/bj1.png") no-repeat center;background-size: cover}
.bj ul li:nth-child(1) .bj3{background-color: #3ad176}
.bj ul li:nth-child(2) dl{border: 1px solid #16babb;}
.bj ul li:nth-child(2) .bj1{background: url("../img/bj2.png") no-repeat center;background-size: cover}
.bj ul li:nth-child(2) .bj3{background-color: #16babb}
.bj ul li:nth-child(3) dl{border: 1px solid #27224d;}
.bj ul li:nth-child(3) .bj1{background: url("../img/bj3.png") no-repeat center;background-size: cover}
.bj ul li:nth-child(3) .bj3{background-color: #27224d}

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

/*============================ app开发 ============================*/
.appA{margin-top: 30px}
.appA ul li{text-align: center;padding: 25px}
.appA ul li dl{  width: 114px;  height: 130px;  margin: 0 auto;  margin-bottom: 17px;
    background: url("../img/appa.png") no-repeat center;position: relative}
.appA ul li dl img{position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto}
.appA ul li h3{font-size: 18px; color: #212121;}
.appA ul li i {display: inline-block;  width: 30px;  height: 2px;  margin: 15px auto 10px;  background-color: #21d852;  }
.appA ul li p{line-height: 22px;  color: #656565;min-height: 66px}
.appA ul li:hover {box-shadow: 0px 0px 10px #cccccc;border-radius: 3px;}

.appB{background-color: #f6f6f6;overflow: hidden;margin-top: 30px;}
.appB table{width: 100%;margin: 40px auto;background-color: #e6e9f0;box-shadow: 0px 0px 10px #eeeeee;}
.appB table tr th{width: 20%;text-align: center; background-color: #21d852;color: #fff;font-size: 18px;line-height: 55px;}
.appB table tr td{background-color: #ffffff; height: 55px; text-align: center;  color: #212121; }
.appB table tr:nth-child(odd) td {background-color: #f6f9fd;}

.appC{}
.appC ul li{position: relative;height: 347px;transition: all .5s;margin-top: 20px}
.appC ul li dl{border: 1px solid #21d852; border-top: 4px solid #e6e9ed; border-radius: 10px 10px 0 0;box-shadow: 0 0 10px #e6e9ed;
   transition: all .5s;text-align: center;padding: 25px 20px;height: 329px;position: absolute;bottom: 0;left: 0;margin: 0 15px}
.appC ul li i{display: inline-block;width: 100px;height: 100px;background-color: #f1f4f6;border-radius: 50px;
    background-position: center;background-repeat: no-repeat;}
.appC ul li h3{font-size: 20px;font-weight: bold;color: #21d852;margin: 10px 0}
.appC ul li p{color: #656565;line-height: 24px;margin-bottom: 10px}
.appC ul li dd{font-size: 12px;color: #ff6d00;}
.appC ul li dd b{font-size: 30px;}
.appC ul li a{  position: absolute;  bottom: -21px;  left: 0;  right: 0;  margin: 0 auto;  width: 138px;
    background-color: #21d852;  color: #fff;  text-align: center;  line-height: 40px;
    border-radius: 30px;  display: none;  transition: all .5s;  }
.appC ul li a img{vertical-align: middle;margin-right: 10px}
.appC ul li:hover a{display: block}
.appC ul li:hover dl{ border-color: #21d852;height: 347px;}

.appD{overflow: hidden;margin-top: 50px;background: #53B753;padding-bottom: 40px}
.appD .title h2,.appD .title p{color: #fff;}
.appD ul{}
.appD ul li{min-height: 80px;margin-top: 40px}
.appD ul li i{width: 64px;  height: 64px;  margin: 0 11px;  background-color: #ffffff;  border-radius: 32px;  box-shadow: 0 0 8px #ffffff;  background-position: center;  background-repeat: no-repeat;  float: left;}
.appD ul li dl{width: 80%;float: left}
.appD ul li dl h3{line-height: 25px;  font-size: 16px;  color: #ffffff;  font-weight: bold;}
.appD ul li dl p{color: #fff;line-height: 24px; opacity: 0.8}

.appE{margin-top: 40px}
.appE ul li{width: 10%;height: 130px;float: left;cursor: pointer;}
.appE ul li{text-align: center}
.appE ul li .icon {width: 100%;height: 80px;background-position: center;  background-repeat: no-repeat;}
.appE ul li .icon1 {width: 100%;height: 80px;background-position: center;  background-repeat: no-repeat;display: none;  }
.appE ul li.jiantou {width: 2.5%;height: 80px;background-image: url(../img/appejt.png);  background-position: center;background-repeat: no-repeat; }
.appE ul li:hover .icon{display: none}
.appE ul li:hover .icon1{display: block}
.appE ul li:hover p{color: #ff6d00}

.appF{background-color: #f7f6f6;overflow: hidden;margin-top: 30px;padding-bottom: 40px}
.appF ul{margin-top: 40px}
.appF ul li{width: 20%;float: left;padding: 0 10px}
.appF ul li dl{margin: 0 10px;padding: 30px 10px;text-align: center;  border: 1px solid #e7e9eb;width: 100%;
    border-radius: 5px;  float: left;  background-color: #ffffff;}
.appF ul li i{display: block;  width: 100px;  height: 100px;  margin: 0 auto;  border-radius: 50px;
    border: 1px solid #e3e9ef;  background-position: center;  background-repeat: no-repeat;  margin-bottom: 20px;  }
.appF ul li .i2{width: 100px;  height: 100px;  margin: 0 auto;  border-radius: 50px;display: none;
    border: 1px solid #bac8d7;box-shadow: 0px 0px 10px #ddd;  background-position: center;background-repeat: no-repeat;  margin-bottom: 20px;  }
.appF ul li dl h3{font-size: 18px;color: #212121;}
.appF ul li dl p{color: #656565;line-height: 24px}
.appF ul li span{display: inline-block;width: 30px;height: 2px;  margin: 13px auto;background-color: #21d852;  }
.appF ul li:hover dl{box-shadow: 0px 0px 10px #ccc;}
.appF ul li:hover h3{color: #21d852}
.appF ul li:hover .i1{display: none}
.appF ul li:hover .i2{display: block}

/*============================ 微信站开发 ============================*/
.wxA{margin-top: 40px}
.wxA ul li{padding: 0}
.wxA ul li .text{border: 1px solid #e2e2e2;margin: 0 20px}
.wxA ul li .text .wxAt{color: #fff;padding: 20px 40px}
.wxA ul li .text .wxAt i{display: inline-block;float: left;margin-right: 30px}
.wxA ul li .text .wxAt h3{font-size: 24px;margin-bottom: 8px}
.wxA ul li .text .wxAc{overflow: hidden;padding: 25px 20px 40px;}
.wxA ul li .text .wxAc dl{overflow: hidden;margin-bottom: 5px;}
.wxA ul li .text .wxAc dl dd{width: 25%;float: left;color: #9e9e9e}
.wxA ul li .text .wxAc dl dt{width: 70%;float: left;line-height: 24px;}
.wxA ul li .text a{display: block;width: 40%;line-height: 40px;border: 1px solid #d9d9d9;text-align: center;margin: 0 auto;margin-top: 25px}
.wxA ul li .text .mh{min-height: 72px;}
.wxA ul li:nth-child(1) .wxAt{background-color: #62a4e7}
.wxA ul li:nth-child(2) .wxAt{background-color: #605dae}
.wxA ul li:nth-child(3) .wxAt{background-color: #2ba246}

.wxB{background-color: #f3f0f0;overflow: hidden;margin-top: 40px;padding: 10px 0 40px}
.wxB ul{display: flex;flex-wrap: wrap}
.wxB ul li{width: 12.28%;background-color: #fff;border: 1px solid #e7e7e7;text-align: center;padding: 15px 0 20px;
    margin: 30px 1% 0}
.wxB ul li i{display: block;min-height: 60px;line-height: 60px}
.wxB ul li label{display: none;min-height: 60px;line-height: 60px}
.wxB ul li i img,.wxB ul li label img{vertical-align: middle}
.wxB ul li p{font-size: 16px}
.wxB ul li:hover{background-color: #2ba246;color: #fff}
.wxB ul li:hover i{display: none}
.wxB ul li:hover label{display: block}

.wxC{}
.wxC ul li{text-align: center;padding: 40px 70px 0;border: 1px solid #fff;}
.wxC ul li dl{min-height: 64px;line-height: 64px;}
.wxC ul li dl img{vertical-align:middle}
.wxC ul li h3{font-size: 16px;font-weight: bold;  color: #333;  margin: 24px 0 12px;}
.wxC ul li p{color: #666;line-height: 2}
.wxC ul li a{display: inline-block;color: #078651;  background: #fff;  border: 1px solid #078651;padding: 0 40px;line-height: 36px;
    border-radius: 18px;  margin-top: 30px;}
/*.wxC ul li:hover{border:1px solid #078651}*/
.wxC ul li:hover a{background-color: #078651;color: #fff}

.wxD{background-color: #f3f0f0;overflow: hidden;margin-top: 40px;padding-bottom: 50px}
.wxD ul{margin-top: 40px}
.wxD ul li dl{min-height: 60px;line-height: 60px;}
.wxD ul li dl img{vertical-align: middle}
.wxD ul li{width: 16.6%;text-align: center;float: left;}
.wxD ul li p{font-size: 16px;margin-top: 30px}



/*============================ 移动端样式 ============================*/
/*@media(min-width: 1024px) and (max-width:1200px) {
    .newsr{display: none}
}*/
@media screen and (max-width: 1200px) {
    .topr{display: none}
    .menu{display: block}
    .newsl{width: 100%}
    .newsr{display: none}
    .oneA ul li{width: 14.285%}
    .slider_gys h2{font-size: 30px;margin-top: 20%}
}
@media screen and (max-width: 1024px) {
    .h3, h3{font-size: 20px;}
    .oneA ul li .txt span{font-size: 12px;}
    .foot ul li{margin-right: 5%}
}

@media screen and (max-width: 768px) {
    .banner{height: 350px;}
    .banner h3{font-size: 24px;margin-top: 30%}
    .banner a{width: 120px;line-height: 40px;font-size: 14px}
    .title h2{font-size: 20px}
    .oneA ul li{width: 100%}
    .oneA ul li dl h3{margin: 15px 0 5px}
    .title{margin-top: 35px}
    .oneB ul li{width: 100%;margin-top: 1%!important;margin-right: 0!important;margin-left: 0!important;}
    .oneB ul li .item,.oneB ul li .itemlast{width: 50%;float: left;position: relative}
    .oneFs1{width: 100%;padding: 20px}
    .oneFs1 ul li{margin-top: 20px}
    .oneFs1 .service{margin-top: 30px}
    .oneFsr{width: 100%;margin-right: 0}
    .oneFsrt{margin-top: 30px}
    .footb{line-height: 24px}
    .ydAsl,.ydAsr,.ydAsl dl,.ydBl,.ydBr{width: 100%}
    .ydBr{margin-right: 0}
    .ydAsl dd{margin-top: -60px}
    .ydC ul{padding: 35px 10px 10px}
    .ydC ul li{width: 48%;margin-right: 0;margin-bottom: 25px}
    .ydC ul li a{height: 290px;}
    .ydC ul li:nth-child(2n){float: right;}
    .ydC ul li:last-child{display: none}
    .slider ul li{margin: 0 2%}
    .slider ul li i{width: 90px;height: 90px;}
    .slider ul li a{font-size: 18px}
    .wzA ul li{width: 30%;margin: 3% 1% 0}
    .news{background-color: #f7f7f7}
    .newsl ul li{margin-top: 0}
    .newsl ul li dd,.newsl ul li dl{width: 100%}
    .newsl ul li dl{margin-top: 20px}
    .newsl ul li dt{margin-top: 20px}
    .oneFsrt a{width: 30%}
    .oneFsrt a:nth-child(3n){margin-right: 0}
    .footm-line{display: block}
    .footm{display: block}
    .oneC{height: auto}
    .oneC1 ul li{padding-bottom: 20px}
    .oneC1 ul li dl{padding-top: 20px}
    .oneC1 ul li h3{font-size: 20px;padding: 15px 0}
    .oneC1 ul li p{padding: 0 10px}
    .oneD a{line-height: 50px}
    .oneFs1 dl{margin-top: 20px;font-size: 32px}
    .oneFs1 ul li h3{font-size: 16px}
    .oneFs1 .service{margin-top: 20px;font-size: 20px}
    .oneFsrc span{font-size: 24px}
    .oneFsr p{font-size: 18px}
    .oneA ul li dl dd{width: 65px;height: 65px}
    .ydBr dl{font-size: 22px}
    .oneB{margin-top: 20px}
    .oneE ul li{margin-top: 15px}
    .wzC,.ydB{margin-top: 35px}
    .newsl ul li dl h3{font-size: 18px}
    .newsl ul li dl p{margin-top: 15px}
    .oneFs1 ul li .txt dd{margin-left: 5%}
    .oneFsr form .btn{margin: 20px 0}
    .slider_gy{height: 420px;}
    .slider_gyl{width: 100%}
    .slider_gys ul{width: 100%}
    .slider_gys{position: absolute;bottom: 0;left: 0;right: inherit;top: inherit}
    .slider_gys h2{font-size: 20px;margin: 0 0 10% 0}
    .slider_gys ul li{height: 135px;font-size: 18px}
    .slider_gys ul li img{margin: 15px 0;}
    .aboutC ul li{width: 50%;padding: 0 2%}
    .aboutC ul li img{max-width: 100%}
    .aboutC ul li p{margin: 10px 0}
    .lxwmAl{width: 100%}
    .lxwmAr{display: none}
    .lxwmAc{margin-top: 25px}
    .lxwmAc p{font-size: 14px}
    .kjctB{margin-top: 35px}
    .kjctBsl{width: 100%;margin-top: 0}
    .kjctBsl h2{font-size: 20px;line-height: 1.6;text-align: center}
    .kjctBsl h3{font-size: 14px;line-height: 1.6;text-align: center}
    .kjctBsl p{width: 100%}
    .kjctBsl span{width: 100%;margin: 4% 0}
    .kjctBsr{display: none}
    .kjctC{margin-top: 30px}
    .kjctC .bd ul li dd{display: none}
    .kjctC .bd ul li dl{width: 100%;padding: 4%}
    .kjctC .bd ul li dl h3{font-size: 20px}
    .kjctC .bd ul li dl span{font-size: 16px}
    .kjctC .bd ul li dl p{font-size: 12px;line-height: 1.6}
    .kjctC .bd ul li dl i{width: 100px;margin: 20px 0 15px;}
    .yh{width: 70px;height: 70px;background-size: cover}
    .kjctC .hd ul li i{display: none}
    .kjctC .hd ul li span{display: none}
    .kjctC .hd ul{text-align: center;margin: 5% 0 0 0}
    .kjctC .hd ul li{width: 12px;height: 12px;background-color: #dcdcdc;float: inherit;display: inline-block;font-size: 0;margin: 0 3px}
    .kjctC .hd ul li.on{background-color: #21d852}
    .kjctC .hd ul li .team{display: none}
    .kjctA ul li{width: 50%!important;}
    .kjctA ul li dl{display: none}
    .kjctA ul li:nth-child(1) dd{width: 100%}
    .kjctA ul li:last-child{display: none}
    .my_ban dl{margin-top: 40%}
    .xcxA ul li{width: 25%;padding: 0 10px;margin-top: 20px}
    .xcxA ul li p{font-size: 14px}
    .xcxBs{padding: 20px 10px}
    .xcxBs .btn{width: 100%;margin-left: 0}
    .xcxBs dl .text{width: 85%}
    .xcxBs dl .text span{font-size: 12px;width: 33.3%}
    .xcxBs dl label{width: 55px;line-height: 35px}
    .xcxBs dl .text dd a{height: 35px;line-height: 35px;width: 100px}
    .xcxBs dl .text dt{padding: 10px}
    .xcxBs .btn a{height: 35px;line-height: 35px;font-size: 16px}
    .xcxC ul li dl{padding: 15px 0}
    .xcxC ul li h3{font-size: 18px}
    .xcxC ul li p{font-size: 14px}
    .xcxD ul li{padding: 0 10px;margin-bottom: 20px}
    .xcxD ul li dl{padding: 10px}
    .xcxD ul li .xcxDt{text-align: center}
    .xcxD ul li .xcxDt img{float: inherit;margin-right: 0}
    .xcxD ul li .xcxDt dd{float: inherit}
    .xcxD ul li dt{margin-top: 10px}
    .xcxE ul li{padding: inherit;margin-bottom: 10px}
    .xcxEs{display: none}
    .xcxE ul li dl{padding: 6px}
    .xcxE ul li dl dt{font-size: 16px;line-height: 25px;margin-left: 10px}
    .xcxE ul li dl span{width: 25px;height: 25px;line-height: 25px;font-size: 12px}
    .xcxF ul li{padding: 10px}
    .yxAt ul li{width: 50%}
    .yxAt ul li span{display: inline-block;min-height: 90px}
    .yxAt ul li:last-child{display: none}
    .yxB ul li{margin-top: 20px}
    .yxB ul li dd{width: 100%;padding: 0}
    .yxB ul li dt{width: 100%;padding: inherit!important;}
    .yxB ul li:nth-child(3) dt{padding-bottom: 4%!important;}
    .yxC ul li{width: 50%;margin-top: 15px;min-height: 135px}
    .yxC .td2{padding-left: 20px}
    .yxC .td3{padding-left: 20px}
    .yxC td i {margin: 0 6px 0 0}
    .appA ul li{padding: 10px}
    .appB table tr th{font-size: 16px}
    .appC ul li dl{margin: 0 5px;padding: 10px}
    .appD ul li{padding: 0}
    .appD ul li dl{width: 74%}
    .appE ul li{width: 21%}
    .appF ul{margin-top: 20px}
    .appF ul li{width: 50%;padding: 0 5px;margin-top: 20px}
    .appF ul li dl{margin: 0;padding: 15px 5px}
    .appF ul li:last-child{display: none}
    .wxA{margin-top: 0}
    .wxA ul li{margin-top: 20px}
    .wxB ul li{width: 33.3%;margin: 10px 0 0 0}
    .wxC ul li{padding: 0;margin-top: 20px}
    .wxC ul li a{margin-top: 15px}
    .wxD ul{margin-top: 20px}
    .wxD ul li{width: 33.3%;margin-top: 20px}
    .wxD ul li p{margin-top: 10px}
}
@media screen and (max-width: 414px) {
    .oneFs1 ul li h3 img{width: 25px}
    .oneFs1 ul li h3{font-size: 14px}
    .oneFsrt a{font-size: 12px}
    .oneFsrc a{margin-left: 6%}
}

@media screen and (max-width:1440px) {
.container {max-width: 1600px;}
.nav li.m{ padding-right:12px; margin-right:12px;}
.nav li:last-child{ padding-right:0; margin-right:0;}
.nav .sub .nav_xiao{ width:1200px;}
.foot_div .foot_links{ width:1200px;}
.foot_div .foot-top-box {width: 1200px;}
}
@media screen and (max-width:1360px) {
.nav li.m{ padding-right:10px; margin-right:10px;}
.nav li:last-child{ padding-right:0; margin-right:0;}
}