@import url(style.css);
@import url(slide.css);
@import url(pscroll.css);
.flipInY {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;opacity: 1;
}
/*首页*/
.in_banner {height:100vh !important;background-color:rgb(34,31,52);transition:1s background-color 1.3s;z-index:0;}
.in_banner .swiper-wrapper {transition-delay:1s;transition-timing-function:cubic-bezier(0.5,0,0,1);}
.in_banner .swiper-slide {text-align:center;font-size:18px;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;}
.in_banner .title {transition-delay:1s;z-index:10;padding:0px 100px;width:100%;}
.in_banner .title h3 {font-weight:normal;font-size:3.6vw;letter-spacing:-2px;color:rgba(255,255,255,1);}
.in_banner .title h3 strong {color:#c73041;padding-right:10px;}
.in_banner .title p {font-size:1.8vw;letter-spacing:-1px;color:rgba(255,255,255,1);opacity:0.6;padding-top:10px;}
.in_banner .img-box {width:100%;height:100%;position:absolute;transform:scale(0.7,0.7);transition-duration:1s;transition-property:transform;transition-timing-function:cubic-bezier(0.5,0,0,1);opacity:0.9;overflow:hidden;}
.in_banner .img-box img {width:100%;height:100%;object-fit:cover;transform:scale(1.2,1.2) translateX(50%);transition-timing-function:cubic-bezier(0.5,0,0,1);transition-property:transform;}
.in_banner .img-box video {height:100%;width:100%;object-fit:cover;}
.in_banner .swiper-button-prev {left:6vw;width:28px;height:79px;background:url(../images/in_button_prev.png) no-repeat;background-size:cover;opacity:1;}
.in_banner .swiper-button-next {right:6vw;left:auto;width:28px;height:79px;background:url(../images/in_button_next.png) no-repeat;opacity:1;background-size:cover;}
.in_banner .swiper-button-disabled {opacity:0.5;cursor:default;}
.in_banner .tsgd {position:absolute;bottom:50px;width:140px;left:50%;margin-left:-70px;z-index:10;font-size:14px;color:#fff;text-align:center;height:100px;}
.in_banner .tsgd::before {content:'';width:100%;height:20px;background:#ff4229;position:absolute;top:10px;left:0px;z-index:-1;}
.in_banner .tsgd::after {content:'';width:1px;height:80px;background:#ff4229;position:absolute;left:50%;bottom:0px;animation:scrollLine 1.4s cubic-bezier(.25,.46,.45,.94) infinite;}
@keyframes scrollLine {0%,100% {bottom:0;height:80px}
25% {bottom:0px;height:60px}
75% {bottom:0px;height:20px}
}
.in_banner .swiper-pagination {bottom:10%;text-align:left;padding-left:80px;}
.in_banner .swiper-pagination span {color:#fff;width:43px;height:43px;background:none;text-align:center;line-height:43px;font-size:16px;opacity:1;}
.in_banner .swiper-pagination .swiper-pagination-bullet-active {background:#ff4229;position:relative;}
.in_banner .swiper-pagination .swiper-pagination-bullet-active::after {content:'';width:60%;height:2px;background:#fff;display:block;position:absolute;right:-5px;bottom:5px;}
.in_banner1 {display:none;}




.i_service_t{ overflow:hidden; color:#000; line-height:1.2; padding-top:5%; text-align:center;}
.i_service_t .h2{ font-weight:normal; margin-bottom:1%;}
.i_service_t .p{ color:#666666;}

/*我们的服务领域*/
.ibussniess{background:url(../images/home_bg.jpg) no-repeat center top;background-size:cover;padding-bottom: 60px;background-attachment: fixed;}
.i_one_bg{display: block;}
.i_one_bg>ul {margin:0 auto;position:relative;z-index:1;}
.i_one_bg>ul>li {margin-top:60px;padding:40px;width:50%;height:420px;float:left;position:relative;cursor:pointer;box-sizing:border-box;transition:all 0.5s;-webkit-transition:all 0.5s;background-color:#FFF;z-index:-10;}
.i_one_bg>ul>li:before {width:100%;height:100%;position:absolute;right:0;top:0;background:#F46301;content:"";z-index:-2;transition:all 0.5s;-webkit-transition:all 0.5s;}
.i_one_bg>ul>li:hover:before {background:#fff;}
.i_one_bg>ul>li:after {width:100%;height:100%;position:absolute;right:0;top:0;/* background:url(../images/img06.png) no-repeat left bottom;*/  background-size:13%;/* g */  content:"";z-index:-1;transition:all 0.5s;}
.i_one_bg>ul>li:hover:after {right:-10px;/* background-image:url(../images/img06_on.png);*/  background-size:13%;/* g */}
.i_one_bg>ul>.li02:before {background:#FDB200;}
.i_one_bg>ul>.li02:after {/* background:url(../images/img07.png) no-repeat left bottom;*/  background-size:19%;/* g */}
.i_one_bg>ul>.li02:hover:after {right:-20px;/* background-image:url(../images/img07_on.png);*/  background-size:19%;/* g */}
.i_one_bg>ul>.li03:before {background:#2344A7;}
.i_one_bg>ul>.li03:after {/* background:url(../images/img08.png) no-repeat left bottom;*/  background-size:19%;/* g */}
.i_one_bg>ul>.li03:hover:after {right:-20px;/* background-image:url(../images/img08_on.png);*/  background-size:19%;/* g */}
.i_one_bg>ul>.li04:before {background:#2B52D3;}
.i_one_bg>ul>.li04:after {/* background:url(../images/img09.png) no-repeat left bottom;*/  background-size:19%;/* g */}
.i_one_bg>ul>.li04:hover:after {right:-20px;/* background-image:url(../images/img09_on.png);*/  background-size:19%;/* g */}
.i_one_bg li .title {color:#fff !important;font-size:24px;line-height:1.1;}
.i_one_bg>ul>li:nth-child(1) * {color:#F46301;}
.i_one_bg>ul>li:nth-child(2) * {color:#FDB200;}
.i_one_bg>ul>li:nth-child(3) * {color:#2344A7;}
.i_one_bg>ul>li:nth-child(4) * {color:#2B52D3;}
.i_one_bg>ul>li a:hover {color:#fff;}
.i_one_bg>ul>li .style01 a,.i_one_bg>ul>li .style02 a {color:#fff;}
.i_one_bg>ul>li .style01 a:hover,.i_one_bg>ul>li .style02 a:hover {color:#F46301;}
.i_one_bg>ul>li:nth-child(2) .style01 a:hover,.i_one_bg>ul>li:nth-child(2) .style02 a:hover {color:#FDB200;}
.i_one_bg>ul>li:nth-child(3) .style01 a:hover,.i_one_bg>ul>li:nth-child(3) .style02 a:hover {color:#2344A7;}
.i_one_bg>ul>li:nth-child(4) .style01 a:hover,.i_one_bg>ul>li:nth-child(4) .style02 a:hover {color:#2B52D3;}
.i_one_bg li .title>span {margin-top:11px;display:block;font-size:18px;color:#fff !important;}
.i_one_bg li .b_img {position:absolute;right:30px;/* g */  top:29px;/* g */}
.i_one_bg li .b_img.dddw {position:absolute;right:0px;/* g */  top:29px;/* g */}
.i_one_bg li .b_img.dddw4 {position:absolute;right:15px;/* g */  top:29px;/* g */}
.i_one_bg li .b_img .pr {width:100%;height:100%;position:relative;}
.i_one_bg li .b_img .o_img {width:100%;height:100%;}
.i_one_bg li .b_img .pr .fp {position:absolute;top:0;left:0;}
.i_one_bg li .arrow {position:absolute;right:100px;bottom:40px;}
.i_one_bg li ul {/* padding-top:10px;position:absolute;*/  /* left:232px;*/  /* top:50%;*/  display:none;/* transform:translateY(-50%);-webkit-transform:translateY(-50%);*/}
.i_one_bg li:hover ul {display:block;}
.i_one_bg li:hover .title,.i_one_bg li:hover .arrow {display:none;}
.i_one_bg li:hover .b_img .pr img {opacity:0;}
.i_one_bg li .b_img .pr .fp img {opacity:0;}
.i_one_bg li:hover .b_img .pr .fp img {opacity:1;}
/* g *//* .i_one_bg li:hover .img {background:url(../images/four_11.png) no-repeat;position:absolute;top:26px;right:20px;}
.i_one_bg .li02:hover .img {background:url(../images/four_22.png) no-repeat;position:absolute;top:38px;right:76px;}
.i_one_bg .li03:hover .img {background:url(../images/four_33.png) no-repeat;position:absolute;top:38px;right:14px;}
.i_one_bg .li04:hover .img {background:url(../images/four_44.png) no-repeat;position:absolute;top:13px;right:32px;}
*/.i_one_bg li:hover .img_new img {visibility:hidden;}
.i_one_bg li li {margin:0 8px 10px 0;padding:0 10px;float:left;color:#f46301;font-size:16px;line-height:28px;border:2px solid #F46301;transition:all 0.5s;-webkit-transition:all 0.5s;position:relative;}
.i_one_bg li li.style01 {color:#fff;background-color:#F46301;}
.i_one_bg li li.style02 {color:#fff;font-size:24px;font-weight:bold;line-height:46px;background-color:#F46301;}
.i_one_bg li li:hover {background-color:#F46301;color:#fff;}
.i_one_bg li li:hover a {color:#fff;}
.i_one_bg li li.style01:hover,.i_one_bg li li.style02:hover {border:2px solid #F46301;color:#f46301;background-color:#FFF;}
.i_one_bg li li.style01:hover a,.i_one_bg li li.style02:hover a {color:#f46301;}
.i_one_bg .li02 li {color:#fdac00;border-color:#fdac00;}
.i_one_bg .li02 li.style01 {background-color:#fdac00;}
.i_one_bg .li02 li.style02 {background-color:#fdac00;}
.i_one_bg .li02 li:hover {background-color:#fdac00;color:#fff;}
.i_one_bg .li02 li:hover a {color:#fff;}
.i_one_bg .li02 li.style01:hover,.i_one_bg .li02 li.style02:hover {border:2px solid #fdac00;color:#fdac00;background-color:#FFF;}
.i_one_bg .li02 li.style01:hover a,.i_one_bg .li02 li.style02:hover a {color:#fdac00;}
.i_one_bg .li03 li {color:#2241a7;border-color:#2241a7;}
.i_one_bg .li03 li.style01 {background-color:#2241a7;}
.i_one_bg .li03 li.style02 {background-color:#2241a7;}
.i_one_bg .li03 li:hover {background-color:#2241a7;color:#fff;}
.i_one_bg .li03 li.style01:hover,.i_one_bg .li03 li.style02:hover {border:2px solid #2241a7;color:#2241a7;background-color:#FFF;}
.i_one_bg .li03 li.style01:hover a,.i_one_bg .li03 li.style02:hover a {color:#2241a7;}
.i_one_bg .li04 li {color:#2951d3;border-color:#2951d3;}
.i_one_bg .li04 li.style01 {background-color:#2951d3;}
.i_one_bg .li04 li.style02 {background-color:#2951d3;}
.i_one_bg .li04 li:hover {background-color:#2951d3;color:#fff;}
.i_one_bg .li04 li:hover a {color:#fff;}
.i_one_bg .li04 li.style01:hover,.i_one_bg .li04 li.style02:hover {border:2px solid #2951d3;color:#2951d3;background-color:#FFF;}
.i_one_bg .li04 li.style01:hover a,.i_one_bg .li04 li.style02:hover a {color:#2951d3;}
.i_one_bg li .clear {clear:both;}

.section02 {padding-bottom:62px;display: none;}
.section02>p {margin-bottom:10px;color:#333;font-size:14px;text-align:center;opacity:0;transform:translateY(20px);-webkit-transform:translateY(20px);transition:all 0.5s;-webkit-transition:all 0.5s;transition-delay:1.2s;-webkit-transition-delay:1.2s;}
.section02>.title {margin-bottom:22px;width:0;height:76px;overflow:hidden;color:#fff;font-size:30px;font-weight:bold;line-height:76px;text-align:center;background:#000;box-sizing:border-box;transition:all 0.5s linear;-webkit-transition:all 0.5s linear;}
.section02.active>.title {width:100%;}
.section02>.title p {padding:0 30px;opacity:0;transition:all 0.5s;-webkit-transition:all 0.5s;transition-delay:0.8s;-webkit-transition-delay:0.8s;}
.section02.active>p,.section02.active>.title p {transform:translateY(0);-webkit-transform:translateY(0);opacity:1;}
.section02 .img {margin-right:12px;text-align:center;}
.section02>ul {margin:0 auto;padding:0 65px;position:relative;z-index:1;max-width:1600px;}
.section02>ul>li {margin-top:60px;padding:40px;width:50%;height:420px;float:left;position:relative;cursor:pointer;box-sizing:border-box;transition:all 0.5s;-webkit-transition:all 0.5s;background-color:#FFF;z-index:-10;}
.section02>ul>li:before {width:100%;height:100%;position:absolute;right:0;top:0;background:#F46301;content:"";z-index:-2;transition:all 0.5s;-webkit-transition:all 0.5s;}
.section02>ul>li:hover:before {background:#fff;}
.section02>ul>li:after {width:100%;height:100%;position:absolute;right:0;top:0;background:url(../images/img06.png) no-repeat left bottom;content:"";z-index:-1;transition:all 0.5s;}
.section02>ul>li:hover:after {right:-10px;background-image:url(../images/img06_on.png);}
.section02>ul>.li02:before {background:#FDB200;}
.section02>ul>.li02:after {background:url(../images/img07.png) no-repeat left bottom;}
.section02>ul>.li02:hover:after {right:-20px;background-image:url(../images/img07_on.png);}
.section02>ul>.li03:before {background:#2344A7;}
.section02>ul>.li03:after {background:url(../images/img08.png) no-repeat left bottom;}
.section02>ul>.li03:hover:after {right:-20px;background-image:url(../images/img08_on.png);}
.section02>ul>.li04:before {background:#2B52D3;}
.section02>ul>.li04:after {background:url(../images/img09.png) no-repeat left bottom;}
.section02>ul>.li04:hover:after {right:-20px;background-image:url(../images/img09_on.png);}
.section02 li .title {color:#fff !important;font-size:20px;line-height:1.1;}
.section02>ul>li:nth-child(1) * {color:#F46301;}
.section02>ul>li:nth-child(2) * {color:#FDB200;}
.section02>ul>li:nth-child(3) * {color:#2344A7;}
.section02>ul>li:nth-child(4) * {color:#2B52D3;}
.section02>ul>li a:hover {color:#fff;}
.section02>ul>li .style01 a,.section02>ul>li .style02 a {color:#fff;}
.section02>ul>li .style01 a:hover,.section02>ul>li .style02 a:hover {color:#F46301;}
.section02>ul>li:nth-child(2) .style01 a:hover,.section02>ul>li:nth-child(2) .style02 a:hover {color:#FDB200;}
.section02>ul>li:nth-child(3) .style01 a:hover,.section02>ul>li:nth-child(3) .style02 a:hover {color:#2344A7;}
.section02>ul>li:nth-child(4) .style01 a:hover,.section02>ul>li:nth-child(4) .style02 a:hover {color:#2B52D3;}
.section02 li .title>span {margin-top:11px;display:block;font-size:12px;color:#fff !important;}
.section02 li .img {position:absolute;right:55px;top:42px;}
.section02 li .arrow {position:absolute;right:100px;bottom:40px;}
.section02 li ul {padding-top:10px;position:absolute;left:232px;top:50%;display:none;transform:translateY(-50%);-webkit-transform:translateY(-50%);}
.section02 li:hover ul {display:block;}
.section02 li:hover .title,.section02 li:hover .arrow {display:none;}
.section02 li:hover .img {background:url(../images/img02_on.png) no-repeat;}
.section02 .li02:hover .img {background:url(../images/img03_on.png) no-repeat;}
.section02 .li03:hover .img {background:url(../images/img04_on.png) no-repeat;}
.section02 .li04:hover .img {background:url(../images/img05_on.png) no-repeat;}
.section02 li:hover .img img {visibility:hidden;}
.section02 li li {margin:0 8px 10px 0;padding:0 10px;float:left;color:#f46301;font-size:16px;line-height:28px;border:2px solid #F46301;transition:all 0.5s;-webkit-transition:all 0.5s;position:relative;}
.section02 li li.style01 {color:#fff;background-color:#F46301;}
.section02 li li.style02 {color:#fff;font-size:24px;font-weight:bold;line-height:46px;background-color:#F46301;}
.section02 li li:hover {background-color:#F46301;color:#fff;}
.section02 li li:hover a {color:#fff;}
.section02 li li.style01:hover,.section02 li li.style02:hover {border:2px solid #F46301;color:#f46301;background-color:#FFF;}
.section02 li li.style01:hover a,.section02 li li.style02:hover a {color:#f46301;}
.section02 .li02 li {color:#fdac00;border-color:#fdac00;}
.section02 .li02 li.style01 {background-color:#fdac00;}
.section02 .li02 li.style02 {background-color:#fdac00;}
.section02 .li02 li:hover {background-color:#fdac00;color:#fff;}
.section02 .li02 li:hover a {color:#fff;}
.section02 .li02 li.style01:hover,.section02 .li02 li.style02:hover {border:2px solid #fdac00;color:#fdac00;background-color:#FFF;}
.section02 .li02 li.style01:hover a,.section02 .li02 li.style02:hover a {color:#fdac00;}
.section02 .li03 li {color:#2241a7;border-color:#2241a7;}
.section02 .li03 li.style01 {background-color:#2241a7;}
.section02 .li03 li.style02 {background-color:#2241a7;}
.section02 .li03 li:hover {background-color:#2241a7;color:#fff;}
.section02 .li03 li.style01:hover,.section02 .li03 li.style02:hover {border:2px solid #2241a7;color:#2241a7;background-color:#FFF;}
.section02 .li03 li.style01:hover a,.section02 .li03 li.style02:hover a {color:#2241a7;}
.section02 .li04 li {color:#2951d3;border-color:#2951d3;}
.section02 .li04 li.style01 {background-color:#2951d3;}
.section02 .li04 li.style02 {background-color:#2951d3;}
.section02 .li04 li:hover {background-color:#2951d3;color:#fff;}
.section02 .li04 li:hover a {color:#fff;}
.section02 .li04 li.style01:hover,.section02 .li04 li.style02:hover {border:2px solid #2951d3;color:#2951d3;background-color:#FFF;}
.section02 .li04 li.style01:hover a,.section02 .li04 li.style02:hover a {color:#2951d3;}
.section02 li .clear {clear:both;}



/*我们的案例作品*/
.i_case_bg{overflow:hidden;padding-bottom:4%;background:url(../images/clients_bk_bgqe.jpg) no-repeat center top;background-size:cover;background-attachment: fixed;}
.i_case{ margin-top:3%;}
.i_case ul li{margin-bottom:40px;width:calc(33.3% - 30px);float:left;position:relative;overflow:hidden;margin-right:45px;box-shadow: 0px 0px 5px #ccc;}
.i_case ul li:nth-child(3n) {margin-right: 0;}

.i_case ul li .pic{width: 100%; /*height: 360px;*/ /*padding-top: 65%;*/ overflow: hidden; position: relative; z-index: 1;}
.i_case ul li .pic img{width: 100%; /*max-height: 100%;*/ display: block; /*position: absolute; left: 0; right: 0; top: 0; bottom: 0; */z-index: 1; margin: auto; -moz-transition: all 0.6s ease;-webkit-transition: all 0.6s ease;-o-transition: all 0.6s ease;-ms-transition: all 0.6s ease;transition: all 0.6s ease;}
.i_case ul li .bg{width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 10; visibility: hidden; opacity: 0; background-color: rgba(237, 38, 59, 0.8); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000, endColorstr=#80000000); transition: all 0.6s ease;-webkit-transition: all 0.6s ease;}
.i_case ul li:hover .bg{visibility: visible; opacity: 1;}
.i_case ul li .bg img{ position:absolute;max-width: 80%; max-height: 80%; width: auto; left:50%; top: 60%; transform: translate(-50%, -50%); transition: all 0.6s ease;-webkit-transition: all 0.6s ease;}
.i_case ul li:hover .bg img{ top:50%;}
.i_case ul li .tit{background-color: #fff; padding: 15px 50px 13px 24px; position: relative; z-index: 1;}
.i_case ul li .tit:after{content:""; display: block; width: 100%; height: 100%; background-color: #fff; position: absolute; left: 0; bottom: 0; z-index: -1; transform-origin: 100%; -webkit-transform-origin: 100%; -webkit-transition: -webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1),-webkit-transform .3s cubic-bezier(.4,0,.2,1); transform: scaleX(0); -webkit-transform: scaleX(0); visibility: hidden\9;}
.i_case ul li:hover .tit:after{transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0; visibility: visible\9;}
.i_case ul li h2{font-size: 18px; font-weight: 500; color: #222222; line-height:50px; height:50px; overflow:hidden;}
.i_case ul li:hover h2{color2: #fff;}
.i_case ul li .icon{width: 23px; height: 23px; background:url(../images/case_more.png) no-repeat; position: absolute; right: 20px; top: 50%; margin-top: -11px; z-index: 10; background-size:100% 100%;}
.i_case ul li:hover .icon{background-image:url(../images/case_more_h.png);}
.more {margin:0 auto;padding:36px 52px 0 0;width:310px;}
.more a {padding:0 47px;display:block;color:#000;font-size:18px;line-height:48px;border-radius:27px;border:3px solid #000;background:url(../images/icon02.png) no-repeat right 44px center;transition:all 0.5s;-webkit-transition:all 0.5s;}
.more a:hover {border:3px solid #f4cc20;background:#f4cc20 url(../images/icon02_over.png) no-repeat right 38px center;color:#fff;}






/*我们的客户*/


.i_link{ padding-top:5%; padding-bottom:5%;background-color: #21242c;}
.i_link .i_link_l{ float:left; overflow:hidden; width:37%; margin-right:2%;}
.i_link .i_link_l .h2{ font-weight:normal;padding-top:10%; padding-bottom:5%; position:relative;color: #fff;}
.i_link .i_link_l .h2:after{ content:""; position:absolute; bottom:0; height:3px; width:24px; background:#eaeaea; left:0;}
.i_link .i_link_l .txts{ color:#666666; margin-top:7%; margin-bottom:9%;  overflow:hidden; max-width:490px; line-height:1.5;}
.i_link .i_link_l ul li{ float:left; width:42%; overflow:hidden; margin-right:5%; position:relative; padding-top:25px;}
.i_link .i_link_l ul li:after{ content:""; position:absolute; right:0; top:0; height:100%; width:1px; background:url(../images/i_link1_bg1.png) no-repeat; background-size:1px 100%;}
.i_link .i_link_l ul li:last-child:after{ background:none;}
.i_link .i_link_l ul li:first-child{ max-width:230px;}
.i_link .i_link_l ul li:last-child{ margin-right:0; width:52%;}
.i_link .i_link_l ul li .num{ display:inline-block; text-align:center; overflow:hidden;  color:#fff; font-size:54px; line-height:1;}
.i_link .i_link_l ul li .num label{font-size:80px; display:inline-block; vertical-align:middle;color: #fff}
.i_link .i_link_l ul li .h6{ font-weight:normal; text-align:center; color:#fff; font-size:15px;padding-top:15px;}
.i_link .i_link_r{padding: 1px 0 0 1px; float:right; width:60%; overflow:hidden;}
.i_link .i_link_r ul li{width: 25%; float: left; border: 1px solid #f2f2f2; margin: -1px 0 0 -1px; box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.i_link .i_link_r ul li span{display: block; width: 100%; /*height: 149px;*/ padding-top: 55%; overflow: hidden; position: relative;}
.i_link .i_link_r ul li img{width: 100%; /*max-height: 100%;*/ display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; margin: auto; -moz-transition: all 0.6s ease;-webkit-transition: all 0.6s ease;-o-transition: all 0.6s ease;-ms-transition: all 0.6s ease;transition: all 0.6s ease;}
.i_link .i_link_r ul li:hover img{transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); -webkit-transform: scale(1.03);}
.i_link .i_link_r ul li span:before,.i_link ul li span:after{position: absolute; z-index: 5; content:""; display: block; border: 5px solid transparent; width: 0; height: 0; box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.i_link .i_link_r ul li span:before{bottom: 0; right: 0; -webkit-transition: border-color 0s ease-in 0.4s,width 0.2s ease-in 0.2s,height 0.2s ease-in; transition: border-color 0s ease-in 0.4s,width 0.2s ease-in 0.2s,height 0.2s ease-in;}
.i_link .i_link_r ul li span:after{top: 0; left: 0; -webkit-transition: border-color 0s ease-in 0.8s,width 0.2s ease-in 0.6s,height 0.2s ease-in 0.4s;transition: border-color 0s ease-in 0.8s,width 0.2s ease-in 0.6s,height 0.2s ease-in 0.4s;}
.i_link .i_link_r ul li:hover span:before{width: 100%; height: 100%; border-bottom-color: #f5f5f5; border-left-color: #f5f5f5; -webkit-transition: border-color 0s ease-out 0.4s,width 0.2s ease-out 0.4s,height 0.2s ease-out 0.6s; transition: border-color 0s ease-out 0.4s,width 0.2s ease-out 0.4s,height 0.2s ease-out 0.6s;}
.i_link .i_link_r ul li:hover span:after{width: 100%; height: 100%; border-top-color: #f5f5f5; border-right-color: #f5f5f5; -webkit-transition: width 0.2s ease-out,height 0.2s ease-out 0.2s; transition: width 0.2s ease-out,height 0.2s ease-out 0.2s;}
/*建站资讯*/
.i_news_bg{ background:#f4f4f4; overflow:hidden;padding-bottom:4%;}
.i_news{margin-top:3%;}
.i_news .int-left{display: block;width: 480px;background: white;float: left; height:560px;}
.i_news .int-left .txts{ margin:0 auto; width:94%; max-width:444px; overflow:hidden; margin-top:30px;}
.i_news .int-left .date{ color:#999999; border-bottom:1px solid #e8e8e8; /*overflow:hidden;*/ padding-bottom:11px; line-height:20px; position:relative;}
.i_news .int-left .date:before{position: absolute;content: ''; width: 0%; height: 1px;background: #ff4229; transition: all 1s; bottom: -1px;}
.i_news .int-left:hover .date:before{ width:100%;}
.i_news .int-left .date:after{ position:absolute; content:""; height:8px; width:22px; background:url(../images/i_news_pic1.png) center top no-repeat; right:0; top:50%; margin-top:-4px;transition:all 0.3s;}
.i_news .int-left:hover .date:after{ height:15px; margin-top:-7px;}
.i_news .int-left .date .day{ font-size:45px; display:block; font-style:normal; line-height:40px; height:40px; overflow:hidden;}
.i_news .int-left .h3{font-size: 18px; font-weight:normal;color: #000000;line-height: 30px; height:30px;margin-bottom: 12px; margin-top:31px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;transition:all 0.3s;}
.i_news .int-left .p{font-size: 14px;color: #777777; height:48px; line-height:24px; overflow:hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.i_news .int-left .ine-pic{width: 100%;overflow: hidden;}
.i_news .int-left .ine-pic img{width: 100%; display: block;transition: all 1s;}
.i_news .int-left:hover{box-shadow: 0 5px 15px rgba(0,0,0,0.06);}
.i_news .int-left:hover img{transform: scale(1.1);}
.i_news .int-left:hover .h3{color:#ff4229;}
.i_news .int-mid{width: 30%;float: left;margin-left:12px; margin-right:12px;}
.i_news .intm{background: white;  margin-bottom:12px; height:274px; overflow:hidden;}
.i_news .intm:last-child{ margin-bottom:0;}
.i_news .int-mid .txts{ margin:0 auto; width:94%; max-width:444px; overflow:hidden; margin-top:30px;}
.i_news .int-mid .date{ color:#999999; border-bottom:1px solid #e8e8e8; /*overflow:hidden;*/ padding-bottom:11px; line-height:20px; position:relative;}
.i_news .int-mid .date:before{position: absolute;content: ''; width: 0%; height: 1px;background: #ff4229; transition: all 1s; bottom: -1px;}
.i_news .int-mid .intm:hover .date:before{ width:100%;}
.i_news .int-mid .date:after{ position:absolute; content:""; height:8px; width:22px; background:url(../images/i_news_pic1.png) center top no-repeat; right:0; top:50%; margin-top:-4px;transition:all 0.3s;}
.i_news .int-mid:hover .date:after{ height:15px; margin-top:-7px;}
.i_news .int-mid .date .day{ font-size:45px; display:block; font-style:normal; line-height:40px; height:40px; overflow:hidden;}
.i_news .intm .h3{font-size: 18px; font-weight:normal;color: #000000;line-height: 30px; height:30px;margin-bottom: 12px; margin-top:31px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;transition:all 0.3s;}
.i_news .intm:hover{box-shadow: 0 5px 15px rgba(0,0,0,0.06);}
.i_news .intm:hover .h3{ color:#ff4229;}
.i_news .intm .p{font-size: 14px;color: #777777; height:48px; line-height:24px; overflow:hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.i_news .int-right{ overflow:hidden;}
.i_news .int-right .inr-list{height: 131px;display: block; background:#fff;margin-bottom: 12px;}
.i_news .int-right .inr-list:hover{box-shadow: 0 5px 15px rgba(0,0,0,0.06);}
.i_news .int-right .inr-list:last-child{ margin-bottom:0;}
.i_news .int-right .inr-list .boxs{ margin:0 auto; width:94%; max-width:548px; overflow:hidden;position:relative;}
.i_news .int-right .inr-list .boxs:after{position:absolute; content:""; height:8px; width:22px; background:url(../images/i_news_pic1.png) center top no-repeat; right:0; top:50%; margin-top:-4px;transition:all 0.3s;}
.i_news .int-right .inr-list:hover .boxs:after{ height:15px; margin-top:-7px;}
.i_news .int-right .inr-list .inr-l{ ;width: 85px; margin-top:39px;float: left;color:#999999; overflow:hidden;line-height:20px;  }
.i_news .int-right .inr-list .inr-l .day{font-size:45px; display:block; font-style:normal; line-height:40px; height:40px; overflow:hidden;}
.i_news .int-right .inr-list .inr-l .h5{font-size: 14px;color: #777;font-family: 'Open sans';padding-left: 2px;}
.i_news .int-right .inr-list .inr-r{ padding-right:25px;overflow:hidden;}
.i_news .int-right .inr-list .inr-r .h3{ font-size: 18px; font-weight:normal;color: #000000;line-height: 34px; height:34px; margin-top:40px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;transition:all 0.3s;}
.i_news .int-right .inr-list:hover .inr-r .h3{ color:#ff4229;}
@media screen and (max-width:1440px) {
.i_one_bg>ul {padding:0 100px;}
/*我们的客户*/
.i_link .i_link_l .txts{ font-size:16px; margin-top:6%; margin-bottom:6%;}
.i_link .i_link_l ul li .num{ font-size:45px;}
.i_link .i_link_l ul li .num label{ font-size:70px;}
/*我们的案例作品*/
.i_case_bg{ padding-bottom:5%;}
/*建站资讯*/
.i_news_bg{ padding-bottom:5%;}
/*建站资讯*/
.i_news .int-left{ width:380px; height:500px;}
.i_news .intm{ height:244px;}
.i_news .intm .h3{ margin-top:21px;}
.i_news .int-right .inr-list{ height:116px;}
.i_news .int-right .inr-list .inr-l{ margin-top:30px;}
.i_news .int-right .inr-list .inr-r .h3{margin-top:31px;}
}
@media screen and (max-width:1360px) {


/*我们的客户*/
.i_link .i_link_l .h2{ padding-top:6%;}
.i_link .i_link_l .txts{ font-size:15px;}
.i_link .i_link_l ul li{ padding-top:15px;}
.i_link .i_link_l ul li .h6{ padding-top:10px;}
}
@media screen and (max-width:1200px) {
	.in_banner {display:none!important;}
	.in_banner1{display:block!important;}
	.indexBtns{display: none!important;;}
	.i_one_bg{display: none;}
	

.i_one_bg>ul>li {margin:0;padding:20px 15px;width:auto;height:230px;float:none;}
.i_one_bg li .title {font-size:21px;}
.i_one_bg li .title span {margin-top:3px;font-size:12px;}
.i_one_bg li .img {width:63px;right:7px;top:18px;}
.i_one_bg li .arrow {width:28px;right:24px;bottom:20px;}
.i_one_bg li.li01:after {background-size:65px auto !important;background-position:-3px bottom !important;}
.i_one_bg li.li02:after {margin-bottom:18px;background-size:85px auto !important;background-position:-6px bottom !important;}
.i_one_bg li.li03:after {background-size:75px auto !important;}
.i_one_bg li.li04:after {background-size:78px auto !important;background-position:-6px bottom !important;}
.i_one_bg>ul>li:hover:after,.i_one_bg>ul>li.on:after {right:0 !important;}
.i_one_bg>ul>li.on:before {width:0;}
.i_one_bg li.on ul {display:block;}
.i_one_bg li.on .title,.i_one_bg li.on .arrow {display:none;}
.i_one_bg li.on .img {background:url(../images/img02_on.png) no-repeat;}
.i_one_bg .li02.on .img {background:url(../images/img03_on.png) no-repeat;}
.i_one_bg .li03.on .img {background:url(../images/img04_on.png) no-repeat;}
.i_one_bg .li04.on .img {background:url(../images/img05_on.png) no-repeat;}
.i_one_bg li.on .img img {visibility:hidden;}
.i_one_bg li li.on {background-color:#F46301;color:#fff;}
.i_one_bg li li.style01.on,.i_one_bg li li.style02.on {border:2px solid #F46301;color:#f46301;background-color:#FFF;}
.i_one_bg .li02 li.on {background-color:#fdac00;color:#fff;}
.i_one_bg .li02 li.style01.on,.i_one_bg .li02 li.style02.on {border:2px solid #fdac00;color:#fdac00;background-color:#FFF;}
.i_one_bg .li03 li.on {background-color:#2241a7;color:#fff;}
.i_one_bg .li03 li.style01.on,.i_one_bg .li03 li.style02.on {border:2px solid #2241a7;color:#2241a7;background-color:#FFF;}
.i_one_bg .li04 li.on {background-color:#2951d3;color:#fff;}
.i_one_bg .li04 li.style01.on,.i_one_bg .li04 li.style02.on {border:2px solid #2951d3;color:#2951d3;background-color:#FFF;}
.i_one_bg li ul {left:17%;}
.i_one_bg li li {margin:0 5px 7px 0;padding:0 5px;font-size:13px;line-height:19px;}
.i_one_bg li li.style02 {font-size:15px;line-height:26px;}
.i_one_bg li .img {background-size:100% auto !important;}
.section02 {display: block;}
.i_one_bg .img {margin:0 auto;max-width:90%;}
.section02 .img {margin:0 auto;max-width:90%;}
.section02 li .img {right:15px;}
.section02 li ul {left:19%;}
.section02>ul>li:hover:after {right:0 !important;}
.i_one_bg li .img {right:15px;}
.i_one_bg li ul {/* left:19%;*/    /* g */}
.i_one_bg>ul>li:hover:after {right:0 !important;}
.i_one_bg li .b_img {position:absolute;right:-200px;/* g */    top:auto;bottom:10px;/* g */}
.i_one_bg li .b_img.dddw {position:absolute;right:-200px;/* g */    top:auto;bottom:0;/* g */}
.i_one_bg li .b_img.dddw4 {position:absolute;right:-200px;/* g */    top:auto;bottom:0;/* g */}
.i_one_bg li .b_img .pr {width:40%;height:40%;position:relative;}
.i_one_bg li .b_img .o_img {width:100%;height:100%;}

/*我们的案例作品*/
.i_case ul li {width:calc(50% - 30px);margin-right: 0;}
.i_case ul li:nth-child(2n) {float:right;}

/*我们的客户*/
.i_link .i_link_l .txts{ font-size:14px;}
.i_link .i_link_l ul li .num{ font-size:40px;}
.i_link .i_link_l ul li .num label{ font-size:60px;}
.i_link .i_link_l ul li .h6{ font-size:14px;}
/*建站资讯*/
.i_news .int-left{ width:300px; height:440px;}
.i_news .int-left .date .day{ font-size:40px;}
.i_news .int-left .h3{ margin-top:26px; font-size:17px;}
.i_news .intm{ height:214px;}
.i_news .intm .h3{ margin-top:16px; margin-bottom:10px;font-size:17px;}
.i_news .int-mid .txts{ margin-top:20px;}
.i_news .int-mid .date .day{ font-size:40px;}
.i_news .int-right .inr-list{ height:101px;}
.i_news .int-right .inr-list .inr-l{ margin-top:24px; width:70px;}
.i_news .int-right .inr-list .inr-l .day{ font-size:40px;}
.i_news .int-right .inr-list .inr-r .h3{margin-top:30px;font-size:17px;}


}
@media screen and (max-width:1000px) {
/*我们的客户*/
.i_link .i_link_l{  width:32%;}
.i_link .i_link_l ul li .num{ font-size:34px;}
.i_link .i_link_l ul li .num label{ font-size:50px;}
.i_link .i_link_r{  width:62%;}
}
@media screen and (max-width:960px) {
/*我们的服务领域*/


/*我们的案例作品*/
.i_case{ margin-top:3.5%;}
.i_case ul li h2{font-size: 16px; height:40px; line-height:40px;}
.i_case ul li{margin-bottom: 20px;width: 100%;float: none;}
  
  
/*我们的客户*/
.i_link .i_link_l{ width:100%; float:none;text-align:center;}
.i_link .i_link_l .h2{ padding-top:0; padding-bottom:2%; }
.i_link .i_link_l .h2:after{ left:50%; margin-left:-12px;}
.i_link .i_link_l .txts{ margin-top:3%; margin-bottom:3%; max-width:none;}
.i_link .i_link_l ul{ text-align:center;}
.i_link .i_link_l ul li{ width:46%;  float:none; display:inline-block; vertical-align:top; margin-right:0;}
.i_link .i_link_l ul li:first-child{max-width:220px;}
.i_link .i_link_l ul li:last-child{width:46%; max-width:220px;}
.i_link .i_link_r{ float:none; width:100%; margin-top:5%;}
/*建站资讯*/
.i_news{ margin-top:3.5%;}
.i_news .int-left{ width:400px; height:500px; margin-right:12px;}
.i_news .int-left .date .day{ font-size:42px;}
.i_news .int-left .h3{ margin-top:30px; font-size:18px;}
.i_news .int-mid{ float:none; width:auto; overflow:hidden; margin-right:0; margin-left:0;}
.i_news .intm{height:244px;}
.i_news .intm .h3{ margin-top:16px; margin-bottom:10px;font-size:18px;}
.i_news .int-mid .txts{ margin-top:30px;}
.i_news .int-mid .date .day{ font-size:42px;}
.i_news .int-right{ clear:both; padding-top:12px;}
.i_news .int-right .inr-list{ height:101px;}
.i_news .int-right .inr-list .boxs{ max-width:none;}
.i_news .int-right .inr-list .inr-l{ margin-top:24px;}
.i_news .int-right .inr-list .inr-l .day{ font-size:42px;}
.i_news .int-right .inr-list .inr-r .h3{font-size:18px;}
}
@media screen and (max-width:830px) {
/*我们的服务领域*/



}


@media screen and (max-width: 780px) {
/*我们的服务领域*/
.ibussniess{padding-bottom: 40px;}
.section02{display: none;}
.i_one_bg{display: block;}
.i_one_bg {padding-bottom:0px;}
.i_one_bg>p {margin:0 20px 38px;font-size:13px;line-height:1.6;}
.i_one_bg>.title {margin:0 0 26px;height:86px;font-size:17px;line-height:1.5;}
.i_one_bg>.title p {padding:17px 15px 18px;}
.i_one_bg .img {margin:0 auto;width:270px;}
.i_one_bg>ul {padding:4% 0 0 0;}
.i_one_bg>ul>li {margin:0;padding:20px 15px;width:auto;height:230px;float:none;}
.i_one_bg>ul>li:hover:before {right:-100%;}
.i_one_bg li .title {max-height:50px;}
.i_one_bg li:hover .title {max-height:10px;overflow:hidden;}
.i_one_bg li .title {font-size:21px;}
.i_one_bg li .title span {margin-top:3px;font-size:12px;}
.i_one_bg li .img {width:63px;right:7px;top:18px;}
.i_one_bg li .arrow {width:28px;right:24px;bottom:20px;}
.i_one_bg li.li01:after {background-size:65px auto !important;background-position:-3px bottom !important;}
.i_one_bg li.li02:after {margin-bottom:18px;background-size:85px auto !important;background-position:-6px bottom !important;}
.i_one_bg li.li03:after {background-size:75px auto !important;}
.i_one_bg li.li04:after {background-size:78px auto !important;background-position:-6px bottom !important;}
.i_one_bg>ul>li:hover:after,.i_one_bg>ul>li.on:after {right:0 !important;}
.i_one_bg>ul>li.on:before {width:0;}
.i_one_bg li.on ul {display:block;}
.i_one_bg li.on .title,.i_one_bg li.on .arrow {display:none;}
.i_one_bg li.on .img {background:url(../img/index/img02_on.png) no-repeat;}
.i_one_bg .li02.on .img {background:url(../img/index/img03_on.png) no-repeat;}
.i_one_bg .li03.on .img {background:url(../img/index/img04_on.png) no-repeat;}
.i_one_bg .li04.on .img {background:url(../img/index/img05_on.png) no-repeat;}
.i_one_bg li.on .img img {visibility:hidden;}
.i_one_bg li li.on {background-color:#F46301;color:#fff;}
.i_one_bg li li.style01.on,.i_one_bg li li.style02.on {border:2px solid #F46301;color:#f46301;background-color:#FFF;}
.i_one_bg .li02 li.on {background-color:#fdac00;color:#fff;}
.i_one_bg .li02 li.style01.on,.i_one_bg .li02 li.style02.on {border:2px solid #fdac00;color:#fdac00;background-color:#FFF;}
.i_one_bg .li03 li.on {background-color:#2241a7;color:#fff;}
.i_one_bg .li03 li.style01.on,.i_one_bg .li03 li.style02.on {border:2px solid #2241a7;color:#2241a7;background-color:#FFF;}
.i_one_bg .li04 li.on {background-color:#2951d3;color:#fff;}
.i_one_bg .li04 li.style01.on,.i_one_bg .li04 li.style02.on {border:2px solid #2951d3;color:#2951d3;background-color:#FFF;}
.i_one_bg li ul {left:17%;}
.i_one_bg li .b_img {position:absolute;right:0;/* g */    top:auto;bottom:10px;/* g */}
.i_one_bg li .b_img.dddw {position:absolute;right:0;/* g */    top:auto;bottom:0;/* g */}
.i_one_bg li .b_img.dddw4 {position:absolute;right:0;/* g */    top:auto;bottom:0;/* g */}
.i_one_bg li .b_img .pr {width:50%;height:auto;position:relative;left:50%;}
.i_one_bg li:hover .b_img .pr {width:30%;left:60%;}
.i_one_bg li .b_img .o_img {width:100%;height:100%;}
.i_one_bg li li {margin:0 5px 7px 0;padding:0 5px;font-size:13px;line-height:19px;}
.i_one_bg li li.style02 {font-size:15px;line-height:26px;}
.i_one_bg li .img {background-size:100% auto !important;}

/*我们的案例作品*/
.i_case ul li{marign-bottom: 20px;width: 100%;float: none;}
.i_case ul li .tit{padding: 10px 40px 10px 10px;}
.i_case ul li .icon{right: 10px;}
.i_case ul li .bg img{max-height: 80px;}
/*我们的客户*/
.i_link .i_link_l ul li{ padding-top:10px;}
/*建站资讯*/
.i_news .int-left{ width:300px; height:440px;}
.i_news .int-left .h3{ margin-top:26px;}
.i_news .int-mid .txts{ margin-top:20px;}
.i_news .intm{ height:214px;}
.i_news .intm .h3{ margin-top:16px; margin-bottom:10px;}


.more {margin:0 auto;padding:29px 0 0 0;width:216px;}
.more a {padding:0 22px;border-width:2px;font-size:13px;line-height:34px;background-position:right 20px center;background-size:70px auto !important;}
.more a:hover {background-position:right 15px center;}




}
@media screen and (max-width: 640px) {
/*我们的服务领域*/


/*我们的案例作品*/
.i_case{ margin-top:4%;}
.i_case ul li h2{font-size: 15px;}
.i_case ul li .icon{ width:20px; height:20px; margin-top:-10px;}
/*我们的客户*/
.i_link .i_link_l ul li:first-child{ max-width:180px;}
.i_link .i_link_l ul li:last-child{ max-width:180px;}
.i_link .i_link_l .txts{ font-size:13px;}
.i_link .i_link_l ul li .num{ font-size:30px;}
.i_link .i_link_l ul li .num label{ font-size:40px;}
.i_link .i_link_l ul li .h6{ font-size:13px;}
.i_link .i_link_r ul li{ width:33.33%;}
/*建站资讯*/
.i_news{ margin-top:4%;}
.i_news .int-left{ width:100%; margin-right:0; height:auto; padding-bottom:20px;}
.i_news .int-left .txts{ max-width:none; margin-top:20px;}
.i_news .int-left .h3{ margin-top:20px; }
.i_news .int-mid{ clear:both; padding-top:12px;}
.i_news .intm{ height:auto; padding-bottom:20px;}
.i_news .int-mid .txts{ max-width:none;}

}
@media screen and (max-width: 520px) {
/*我们的服务领域*/


}

@media screen and (max-width: 480px) {
/*首页*/
.i_service_t{ font-size:12px;}
/*我们的服务领域*/


/*我们的案例作品*/
.i_case ul li h2{font-size: 14px; height:28px; line-height:28px;}
/*我们的客户*/
.i_link .i_link_l .txts{ font-size:12px;}
.i_link .i_link_l ul li .num{ font-size:25px;}
.i_link .i_link_l ul li .num label{ font-size:36px;}
.i_link .i_link_l ul li .h6{ font-size:12px;}
}
@media screen and (max-width: 420px) {
/*我们的服务领域*/


/*我们的客户*/
.i_link .i_link_l .h2{ padding-bottom:3%;}
.i_link .i_link_r ul li{ width:50%;}
/*建站资讯*/
.i_news .int-left .h3{ font-size:16px; margin-top:15px; margin-bottom:6px;}
.i_news .int-left .p{ font-size:13px; line-height:22px; height:44px;}
.i_news .int-left .date .day{ font-size:40px;}
.i_news .int-mid{ padding-top:10px;}
.i_news .intm{ margin-bottom:10px;}
.i_news .int-mid .date .day{ font-size:40px;}
.i_news .intm .h3{font-size:16px;  margin-top:15px; margin-bottom:6px;}
.i_news .intm .p{ font-size:13px; line-height:22px; height:44px;}
.i_news .int-right .inr-list{ height:96px; margin-bottom:10px;}
.i_news .int-right .inr-list .inr-l{ margin-top:16px; width:66px;}
.i_news .int-right .inr-list .inr-l .day{ font-size:40px;}
.i_news .int-right .inr-list .inr-r .h3{ font-size:16px; margin-top:21px;}
}
@media screen and (max-width: 380px) {
/*我们的服务领域*/


/*我们的客户*/
.i_link .i_link_l ul li .num{ font-size:22px;}
}

@media screen and (max-width: 360px) {
/*我们的服务领域*/



}


.com-footer {
  background: #202020;
  border-top: 4px solid #ed263b;
}
.com-footer * {
  color: #c1c1c1;
}
.com-footer .dn-upper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 2.6vw 0 2.08vw;
}
.com-footer .dn-upper .dn-left {
  filter: grayscale(100%) brightness(1000%);
}
.com-footer .dn-upper .dn-right .swiper1 .slide1 {
  width: auto;
  font-size: 16px;
  margin: 0 0 0 9.36vw;
}
.com-footer .dn-center {
  padding: 2.6vw 0 5.2vw;
  border-top: 1px solid #343434;
}
.com-footer .dn-center .swiper1 .wrapper1 {
  justify-content: space-between;
}
.com-footer .dn-center .swiper1 .slide1 {
  width: auto;
  line-height: 30px;
}
.com-footer .dn-center .swiper1 .slide1 .dp-img1-code {
  width: 6.76vw;
}
.com-footer .dn-center .swiper1 .slide1 .dp-icon1 {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #343434;
  border-radius: 50%;
}
.com-footer .dn-center .swiper1 .slide1 .dp-icon1 .iconfont {
  color: #888888;
}
.com-footer .dn-center .swiper1 .slide1 .dp-ti1 {
  font-size: 16px;
  margin: 15px 0 5px;
}
.com-footer .dn-center .swiper1 .slide1 .dp-phone1 {
  font-size: 30px;
}
.com-footer .dn-center .swiper1 .slide1 .dp-a1 {
  font-size: 13px;
  color: #808080;
}
.com-footer .dn-lower {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid #343434;
  font-size: 12px;
  padding: 1.04vw 0 1.3vw;
}
.com-footer .dn-lower * {
  color: #808080;
}

.com-cont-1720 {
  width: 89.58333333%;
  position: relative;
  margin: auto;
  height: 100%;
  z-index: 5;
}