@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:#106AB0; line-height:1.2; margin-top:5%; text-align:center;}
.i_service_t .h2{ margin-bottom:1%;letter-spacing:5px;}
.i_service_t .h2 em{ color:#6EB92B; font-weight:bold;}
.i_service_t .p{ color:#666666;}
/*我们的服务领域*/
.inBusiness_bg{ background-color:#f4f4f4;}
.inBusiness{width: 100%; margin-top:3%; overflow:hidden; padding-bottom:5%;}
.inBusiness ul li{width:19%; float: left; margin-right:1%; border:1px solid #ddd;box-shadow:0px 2px 5px #dddddd;border-radius:10px;overflow: hidden;}
.inBusiness ul li:nth-child(5n){ margin-right:0;}
.inBusiness ul li .imgs{ width:100%; display:block;}
.inBusiness ul li .tit{font-size:20px; color: #333; font-weight:normal; text-align:center; width:100%; height:50px; line-height:50px;}
.inBusiness ul li a:hover .tit{ color:#fff;background-color:#106AB0;} 
/*.inBusiness ul li.item1{background-color: #1cba75;}
.inBusiness ul li.item2{background-color: #1cba75;}
.inBusiness ul li.item3{background-color: #1cba75;}
.inBusiness ul li.item4{background-color: #1cba75;}
.inBusiness ul li.item5{background-color: #1cba75;}
*/
/*.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,.6); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#881cba75, endColorstr=#881cba75);}
.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(28,186,117,.88); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#881cba75, endColorstr=#881cba75);}
/*.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(28,186,117,.88); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#881cba75, endColorstr=#881cba75);}
.inBusiness ul li.item4 .dl dd .a:hover{background-color: #fff; border-color: #fff; color: #e60012;}*/

/*.inBusiness ul li .tit p{font-size: 14px; color: #666; font-weight:normal;}*/
/*.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: 23%; padding:1%; 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{padding: 15px 50px 13px 24px; position: relative; z-index: 1;background-color: #106AB0;}
.i_case ul li .tit:after{content:""; display: block; width: 100%; height: 100%; background-color: #6EB92B; 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: #fff; 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(../img/case_more_h.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(../img/case_more_h.png);}
/*解决方案列表*/
.solution_ul{  margin-top:4%; margin-bottom:2%; overflow:hidden;}
.solution_ul ul li{ float:left; margin-right:1%; width:24%; overflow:hidden; margin-bottom:1%;display:block; /*padding-bottom:2%;*/ position:relative;}

.solution_ul ul li:nth-child(4n+0){ margin-right:0;}
.solution_ul ul li .imgs{ overflow:hidden; height:270px;}
.solution_ul ul li .imgs img{display: block;width: 100%; height:100%;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;}
.solution_ul ul li:hover .imgs img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%);-o-filter: grayscale(0%); filter: grayscale(0%); filter:none;}
.solution_ul ul li .txts{ overflow:hidden; background-color: rgba(16,106,176,.8); text-align:center; position:absolute; bottom:-270px; width:80%; height:100%; padding:0 10%;transition:all 1s ease 0s;}
.solution_ul ul li .txts h2{font-size:20px; margin-bottom:5%;margin-top:15%; color:#fff;}
.solution_ul ul li .txts .p{  font-size:16px;color:#fff;}
.solution_ul ul li .txts .more{ color:#fff; font-size:16px; border:1px solid #fff; width:100px; height:40px; line-height:40px; text-align:center; margin:10% auto 0;}
.solution_ul ul li .title{ width:100%; height:50px; line-height:50px; text-align:center; color:#fff; font-size:18px;background-color: rgba(16,106,176,.8); position:absolute; bottom:0;}
.solution_ul ul li:hover .txts{ bottom:0;}
.solution_ul ul li .txts .more:hover{ background-color:#6EB92B; border:1px solid #6EB92B;}
.solution_ul ul li:hover .title{ bottom:-50px;}

/*公司简介*/
.about{background: #f5f5f5; padding:50px 0 90px;}
.about .title{ text-align:center; margin-bottom:40px;}
.about .title strong{ color:#106AB0; font-size:36px; letter-spacing:5px;}
.about .title strong em{ color:#6EB92B; font-size:36px; font-weight:bold; }
.about .title p{ display:block; color:#666666; font-size:18px;}
.about .video{width:50%; position:relative;}
.about .video img{display: block; max-width:100%}
.about .video .video_info{ position:absolute; width:70%; background:url(../img/index_aboutbg.png); top:35%; left:6%; padding:5%;}
.about .video .video_info ul li{float: left; margin-right:25%}
.about .video .video_info ul li:nth-child(3){ margin-right:0;}
.about .video .video_info ul li span{display: block; font-size: 18px; color: #fff;}
.about .video .video_info ul li abbr{display: inline-block; font-size:24px; line-height: 36px; color: #fff; font-family: arial;}
.about .video .video_info ul li h2{display: block; font-size: 20px; color: #fff; text-align: center;}
.about .info{ width:48%}
.about .info p{width:100%; line-height: 30px; color: #666666;text-align: justify; margin-bottom:15px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; text-indent:2em; font-size:16px;}
.about .info p b{}
.about .info p span{ display:block;text-indent:2em;}
.about .info a {display: block;width: 192px; background:#106AB0; border-radius: 26px; font-size: 16px; line-height: 52px; color: #fff; text-indent: 46px; transition:0.6s; position: relative; overflow: hidden;}
.about .info a:after{position: absolute; content: '';  background: url(../img/about-more.png) no-repeat right top; width: 8px; height: 13px; top: 20px; right: 43px; transition:0.6s;}
.about .info a:hover{text-indent: 65px;  }
.about .info a:hover:after{right: -43px;}

/*我们的客户*/
.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{ padding-top:10%; padding-bottom:5%; position:relative; color:#106AB0;}
.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 .h2 em{ color:#6EB92B; font-weight:bold;}
.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(../img/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;color:#6EB92B;}
.i_link .i_link_l ul li .num label{font-size:80px; display:inline-block; vertical-align:middle; color:#6EB92B;}
.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(../img/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; max-height:320px;}
.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(../img/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(../img/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:30px; 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 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;}
/*我们的案例作品*/
.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:48%; margin-bottom:1%;}
.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_case ul li .pic{ height:180px;}
/*我们的客户*/
.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;}
/*解决方案*/
.solution_ul ul li{ width:100%; float:none; margin-bottom:2%;}
.solution_ul ul li .imgs{ height:auto;}


/*关于我们*/
.about{ padding:20px 0 20px;}
.about .title{ margin-bottom:10px;}
.about .title strong{ font-size:20px;}
.about .title strong em{ font-size:20px;}
.about .title p{ font-size:14px; margin-top:1%;}
.about .video{ width:100%; float:none;}
.about .info{ width:100%; float:none;}
.about .info p{ font-size:13px;}
.about .info a{ float:none; margin:0 auto;font-size:14px;}
}
@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:48%;}
.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;}

}