@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;
}
/*首页*/
.i_service_t{ overflow:hidden; color:#000; line-height:1.2; margin-top:5%; text-align:center;}
.i_service_t .h2{ font-weight:normal; margin-bottom:1%;}
.i_service_t .p{ color:#666666;}
/*我们的服务领域*/
.inBusiness{width: 100%; margin-top: 5%; overflow:hidden; padding-bottom:5%;}
.inBusiness ul li{width: 25%; float: left; background-position: center bottom; background-size: 100% auto; background-repeat: no-repeat; position:relative;opacity: 0;}
.inBusiness ul li.item1{background-color: #000;}
.inBusiness ul li.item2{background-color: #1cba75;}
.inBusiness ul li.item3{background-color: #f3f3f3;}
.inBusiness ul li.item4{background-color: #00bffd;}
.inBusiness ul li .imgs{ width:100%; display:block;}
.inBusiness ul li .txt{ position:absolute; width:100%; height:100%; top:0; left:0;}
.inBusiness ul li .box{height: 100%; padding: 40px; box-sizing: border-box;-webkit-box-sizing: border-box; transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s;-webkit-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s;transition:all 0.3s;}
.inBusiness ul li.item1:hover .box{background-color: rgba(0,0,0,.88); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#88000000, endColorstr=#88000000);}
.inBusiness ul li.item2:hover .box{background-color: rgba(28,186,117,.88); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#881cba75, endColorstr=#881cba75);}
.inBusiness ul li.item3:hover .box{background-color: rgba(243,243,243,.88); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#88f3f3f3, endColorstr=#88f3f3f3);}
/*.inBusiness ul li.item3:hover .tit{background: url(../images/inBusiness_more_h.png) right center no-repeat;}*/
.inBusiness ul li.item3 .dl dd .a{border-color: #000; color: #333;}
.inBusiness ul li.item4:hover .box{background-color: rgba(0,191,253,.88); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#88e41700, endColorstr=#88e41700);}
.inBusiness ul li.item4 .dl dd .a:hover{background-color: #fff; border-color: #fff; color: #e60012;}
.inBusiness ul li .tit{font-size: 28px; color: #fff; /*padding-right: 45px;*/}
.inBusiness ul li .tit p{font-size: 14px; color: #efefef; font-weight:normal;}
.inBusiness ul li.item3 .tit{color: #333333;}
.inBusiness ul li.item3 .tit p{color: #777777;}
/*.inBusiness ul li:hover .tit{background: url(../images/inBusiness_more.png) right center no-repeat;}*/
.inBusiness ul li:hover .dl{visibility: visible; opacity: 1;}
.inBusiness .dl{margin-top: 20px; visibility: hidden; opacity: 0; transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s;-webkit-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s;}
.inBusiness .dl dd{display: inline-block;_display: inline;zoom:1; margin: 5px 5px 0 0;}
.inBusiness .dl dd .a{display: block; width: 105px; height: 33px; line-height: 33px; overflow:hidden; border: 2px solid #fff; text-align: center; font-size: 12px; color: #fff;/*text-overflow: ellipsis;white-space: nowrap;*/}
.inBusiness .dl dd .a:hover,.inBusiness ul li.item3 .dl dd .a:hover{background-color: #e41700; border-color: #e41700; color: #fff;}
.inBusiness.anim-show ul li{-webkit-animation-duration: 1s; animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;visibility: visible;animation-name: flipInY;}
.inBusiness.anim-show ul li.item1{animation-delay: 0.4s;}
.inBusiness.anim-show ul li.item2{animation-delay: 0.6s;}
.inBusiness.anim-show ul li.item3{animation-delay: 0.8s;}
.inBusiness.anim-show ul li.item4{animation-delay: 1s;}
/*我们的案例作品*/
.i_case_bg{ background:#f4f4f4; overflow:hidden;padding-bottom:4%;}
.i_case{  overflow:hidden; margin-top:3%;}
.i_case ul li{width: 25%; float: left;}
.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(0,0,0,.65); 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: #e60012; 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: bold; color: #222222; line-height:50px; height:50px; overflow:hidden;}
.i_case ul li:hover h2{color: #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);}
/*我们的客户*/
.i_link{ margin-top:5%; margin-bottom:5%;}
.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;}
.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:#333333; font-size:54px; line-height:1;}
.i_link .i_link_l ul li .num label{font-size:80px; display:inline-block; vertical-align:middle;}
.i_link .i_link_l ul li .h6{ font-weight:normal; text-align:center; color:#999999; 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: #e60012; 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:#e60012;}
.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: #e60012; 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:#e60012;}
.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:#e60012;}
@media (max-width: 1500px) {
  /*我们的服务领域*/
  .inBusiness ul li .box{ padding:30px;}
}
@media screen and (max-width:1440px) {
/*我们的客户*/
.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;}
/*我们的服务领域*/
.inBusiness ul li .box{ padding:27px;}
/*我们的案例作品*/
.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) {
/*我们的服务领域*/
.inBusiness ul li .box{ padding:25px;}
.inBusiness ul li .tit{ font-size:24px;}
/*我们的客户*/
.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) {
/*我们的服务领域*/
.inBusiness ul li .box{ padding:20px;}
.inBusiness ul li .tit{ font-size:22px;}
.inBusiness ul li .tit p{ font-size:13px;}
.inBusiness .dl dd{ width:calc(50% - 4px);width:-webkit-calc(50% - 4px);width:-moz-calc(50% - 4px); margin:4px 4px 0 0;}
.inBusiness .dl dd .a{ width:calc(100% - 4px);width:-webkit-calc(100% - 4px);width:-moz-calc(100% - 4px);}
/*我们的案例作品*/
.i_case ul li{width: 33.333%;}
/*我们的客户*/
.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) {
/*我们的服务领域*/
.inBusiness ul li{ width:50%;}
.inBusiness ul li .box{ padding:40px;}
.inBusiness ul li .tit{ font-size:28px;}
.inBusiness ul li .tit p{ font-size:14px;}
.inBusiness .dl dd{ width:auto;margin:5px 5px 0 0;}
.inBusiness .dl dd .a{ width:105px;}
/*我们的案例作品*/
.i_case{ margin-top:3.5%;}
.i_case ul li h2{font-size: 16px; height:40px; line-height:40px;}
/*我们的客户*/
.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) {
/*我们的服务领域*/
.inBusiness ul li .tit{ font-size:24px;}

}


@media screen and (max-width: 780px) {
/*我们的服务领域*/
.inBusiness ul li .tit{ font-size:22px;}
.inBusiness ul li .tit p{ font-size:13px;}
/*我们的案例作品*/
.i_case ul li{width: 50%;}
.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;}
}
@media screen and (max-width: 640px) {
/*我们的服务领域*/
.inBusiness ul li .box{ padding:25px 20px;}
.inBusiness ul li .tit{ font-size:20px;}
.inBusiness ul li .tit p{ font-size:12px;}
.inBusiness .dl dd{ width:calc(50% - 2px);width:-webkit-calc(50% - 2px);width:-moz-calc(50% - 2px); margin:3px 4px 0 0;}
.inBusiness .dl dd:nth-child(2n+0){ margin-right:0;}
.inBusiness .dl dd .a{ width:calc(100% - 2px);width:-webkit-calc(100% - 2px);width:-moz-calc(100% - 2px); border-width:1px;}
/*我们的案例作品*/
.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) {
/*我们的服务领域*/
.inBusiness ul li .box{ padding:20px 10px;}
.inBusiness ul li .tit{ font-size:18px;}
.inBusiness .dl dd{ margin:2px 4px 0 0;}
.inBusiness .dl dd .a{ height:28px; line-height:28px;}
}

@media screen and (max-width: 480px) {
/*首页*/
.i_service_t{ font-size:12px;}
/*我们的服务领域*/
.inBusiness ul li .tit{ font-size:18px;}
.inBusiness .dl{ margin-top:15px;}
/*我们的案例作品*/
.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) {
/*我们的服务领域*/
.inBusiness ul li .tit{ font-size:16px;}
.inBusiness .dl{ margin-top:12px;}
/*我们的客户*/
.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) {
/*我们的服务领域*/
.inBusiness ul li .tit{ font-size:15px;}
/*我们的客户*/
.i_link .i_link_l ul li .num{ font-size:22px;}
}

@media screen and (max-width: 360px) {
/*我们的服务领域*/
.inBusiness ul li .box{padding: 15px 8px;}
.inBusiness .dl{ margin-top:6px;}

}