@import url(top.css);
/*
 首页20190426
*/
/*banner*/
.in1_btn{position: absolute; bottom:202px; left: 50%;transform: translateX(-50%);overflow: hidden; height: 52px;border-radius: 6px; z-index: 900;}
.in1_btn a {display: inline-block; font-size: 16px; color: #fff; border: 2px solid #888; width: 281px;  height: 53px; line-height: 49px; border-radius: 6px; text-align: center;overflow: hidden; box-sizing: border-box;}
.in1_btn a:hover {position: relative; color: #fff; overflow: hidden;  text-shadow: 0 0 1px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(0, 0, 0, 0.2); -webkit-transition: all 1s ease;   -moz-transition: all 1s ease; -o-transition: all 1s ease;  transition: all 1s ease; border-color: #cc0a0a;}
.in1_btn:after {content: ""; position: absolute; height: 0%; left: 50%; top: 50%;width: 150%; z-index: -1; -webkit-transition: all 0.75s ease 0s;  -moz-transition: all 0.75s ease 0s; -o-transition: all 0.75s ease 0s;  transition: all 0.75s ease 0s;}
.in1_btn:after {  background: #cc0a0a;  -moz-transform: translateX(-50%) translateY(-50%) rotate(-25deg); -ms-transform: translateX(-50%) translateY(-50%) rotate(-25deg); -webkit-transform: translateX(-50%) translateY(-50%) rotate(-25deg); transform: translateX(-50%) translateY(-50%) rotate(-25deg);}
.in1_btn:hover:after {height: 450%;}
.btn-bannzx{display: inline-block; background: url(../images/bann-btn.png) no-repeat right 54px center;  width: 207px; height: 52px; border: solid 1px #fff; border-radius: 30px;font-size: 16px;color: #fff;line-height: 50px;  text-align: center; overflow: hidden; margin-top: 50px; position: relative;}
.banner-posi .banner-btn{background: url(../images/bann-btn.png) no-repeat right 54px center;width: 207px;height: 52px;border-radius: 30px;text-align: center;line-height: 52px;color: white;font-size: 18px;font-weight: lighter;display: block;margin-top: 80px;}
.btn-bannzx:hover {text-shadow: 0 0 1px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(0, 0, 0, 0.2); -webkit-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; border-color: #3080e8; color:#fff;}
.btn-bannzx::after {  content: '';  background: #3080e8;-webkit-transform: translateX(-50%) translateY(-50%) rotate(-25deg);  -ms-transform: translateX(-50%) translateY(-50%) rotate(-25deg); transform: translateX(-50%) translateY(-50%) rotate(-25deg); position: absolute; height: 0%;  left: 50%; top: 50%; width: 150%; z-index: -1; -webkit-transition: all 0.75s ease 0s;  -o-transition: all 0.75s ease 0s;transition: all 0.75s ease 0s;}
.btn-bannzx:hover::after {height: 600%;}
.banner{height: auto; text-align:left;position: relative; overflow:hidden; width:100%;}
.banner .swiper-pagination-bullet{width: 10px;height: 5px;background: #a6cdec;border-radius: 2px;opacity: 1;}
.banner .swiper-pagination-bullet-active{width: 20px;background: #db1516;}
.banner .banner-posi{position: absolute;top: 4%;/*35*/left: 13.5%; padding-top:9%;}
.banner .banner-posi .ii-btn{left: 0;transform: translateX(0);bottom: -100px;}
.banner .banner-posi .ii-btn a{width: 207px;height: 52px;border: solid 1px #fff;border-radius: 30px;}
.banner .banner-posi .ii-btn a:hover{height: 52px}
.banner .banner-posi .ii-btn  a:hover {background: #3180e8;border:solid 1px #3180e8;}
.banner .banner-posi .ii-btn.in1_btn:after {background: #3180e8;}

.banner .banner-fir{font-weight: lighter;font-size: 24px; color:rgba(255,255,255,.6); text-align:left;}
.banner .banner-sec{font-weight: lighter;letter-spacing: 5px;font-size:62px;line-height:75px;margin:80px 0 10px;color:#fff;}
.banner .banner-sec span{color:#ffdc3b;}
.banner .banner-thr{font-weight: lighter;font-size: 28px;color:rgba(255,255,255,.8);}
.slides li{position: relative;float: left;}
.slides img{width: 100%;display: block;}
.banner .flex-next{position: absolute; right: 70px;background: url(../images/index-right2.png) no-repeat center;width: 15px;height: 26px;margin-top: -14px;top:50%;    font-size: 0;}
.banner .flex-prev{position: absolute;left: 70px;background: url(../images/index-left2.png) no-repeat center;width: 15px;height: 26px;margin-top: -14px;top: 50%;    font-size: 0;}
.banner .flex-next:hover{background: url(../images/index-righth.png) no-repeat center;}
.banner .flex-prev:hover{background: url(../images/index-lefth.png) no-repeat center;}
.banner .flex-control-nav{height: 5px;position: absolute;bottom: 30px;width: 100%;text-align: center;z-index:9;}
.banner .flex-control-nav li{display: inline-block;height: 10px;margin: 0 8px; vertical-align:top;}
.banner .flex-control-nav a{    font-size: 0;display: block; transition: all 1s; width: 10px;height: 10px; cursor:pointer;background: #fff;border-radius: 50%;opacity: 1;}
.banner .flex-control-nav a.flex-active{width: 45px;background: #2088c0;border-radius: 20px;}
.dis-table{display: table;width: 100%;height: 100%;}
.dis-cell{display: table-cell;vertical-align: middle;}
.banner-cont{width: 76%;  height: 100%; position: absolute; top:0;  left: 12%; z-index: 2;}
.banner2 .b-tit{font-size:38px;line-height: 1.24; color:#fff;font-weight: 300;}
.banner2 .b-hr{width: 24px;height: 2px;background: #fff; margin: 33px 0;}
.banner2 .b-des{font-size: 30px; line-height: 1.333333333333333; color: #fff;  font-weight: 300;}
.slides li{display:none;}
.slides li.flex-active-slide{display:block;}
/*网站设计制作*/
.i_bg{background-color:#f5f5f5; overflow:hidden; padding-top:40px;}
.i_service_t{text-align:center; padding-top:15px; color:#999; font-size:16px; line-height:32px; padding-bottom:50px;}
.i_service_t h2{height:66px; line-height:66px; font-size:36px; color:#333; font-weight:normal; letter-spacing:1px; font-family:"华文细黑";}
.i_service_t p{font-size:16px;}
.i_service_t .i_news_a{font-size:16px;}
.i_service_t .i_news_a .active{color:#2088c0;}
.i_service{}
.i_service ul li{float:left;display:inline; height:442px;width:23.87%; margin-right:1.5%; margin-right:1%\0; overflow:hidden; text-align:center;margin-bottom:80px;}
.i_service ul li:hover{box-shadow: 0 17px 40px 0 rgba(0,0,0,.05); transform: translate3d(0,-2px,0); transition: all .3s cubic-bezier(.55,0,.1,1);}
.i_service ul li:nth-of-type(4n),.index-ser ul li.mr0{margin-right:0;}
.i_service ul li a{display:block; height:100%; line-height:56px;overflow:hidden; color:#666666; margin-top:13px; font-size:16px;transition:all 0.3s;}
.i_service ul li:last-child a{border-right:0;}
.i_service ul li a:hover{color:#f67524;}
.i_service ul li a i{display:block; width:120px; height:100px; margin:0 auto;margin-bottom:23px; overflow:hidden; background-image:url(../images/i_bg1.png); background-repeat:no-repeat;transition:all 0.3s; margin-top:50px;}
.i_service ul li a i.bgs1{background-position:left center;}
.i_service ul li a i.bgs2{background-position:-242px center;}
.i_service ul li a i.bgs3{background-position:-484px center;}
.i_service ul li a i.bgs4{background-position:-726px center;}
.i_service ul li a:hover i{background-image:url(../images/i_bg1.png);}
.i_service ul li a:hover i.bgs1{background-position:-121px center;}
.i_service ul li a:hover i.bgs2{background-position:-363px center;}
.i_service ul li a:hover i.bgs3{background-position:-605px center;}
.i_service ul li a:hover i.bgs4{background-position:-847px center;}
.i_service ul li a h2{font-weight:normal; font-size:20px; color:#222;}
.i_service ul li a p{max-width:280px; margin:0 auto; width:90%; font-weight:normal; font-size:16px; color:#666666; line-height:24px; height:96px;}
.i_service ul li a label{display:block;font-size:14px; color:#666; height:40px; line-height:40px; width:178px; margin:0 auto; border:1px solid #cccccc; border-radius:20px; margin-top:32px;transition:all 0.3s;}
.i_service ul li:hover a label{background:#2088c0; border:1px solid #2088c0; color:#fff;}
/*案例*/
.caseContent{padding-top:40px; clear:both; width:100%;}
.i_case2{background-color:#f5f5f5; margin-top:10px; text-align:center; padding-bottom:20px;}
.guwenmore{display:inline-block; width:92px;height:50px; line-height:50px; margin:0 auto; margin-top:-50px; text-align:center; clear:both; overflow:hidden;/*transition:all 0.3s;*/background:#fff url(../images/works_more.png) no-repeat center -50px; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; vertical-align:top;}
.guwenmore:Hover{/*opacity:0.6;filter:Alpha(opacity=60);*/background:#2088c0 url(../images/works_more.png) no-repeat center 0px;}
/*合作客户*/
.partner{padding-top:40px; clear:both; width:100%; padding-bottom:80px;}
.in_partner_list{margin-bottom:80px;}
.in_partner_list ul {border-left: 1px solid #eee; border-top: 1px solid #eee;}
.in_partner_list li {float: left; width: 14.2857%;transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; position:relative;}
.in_partner_list li .imgs {overflow:hidden;border-right: 1px solid #eee; border-bottom: 1px solid #eee; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;  }
.in_partner_list li .imgs img{opacity: 0.9;width:100%; display:block;-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%); -ms-filter: grayscale(100%);  -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray;}
.in_partner_list li:hover{box-shadow: 0px 0px 20px #ccc; -webkit-box-shadow: 0px 0px 20px #ccc;z-index:1;}
.in_partner_list li:hover .imgs img{opacity: 1;-webkit-filter:grayscale(0%); -moz-filter:grayscale(0%); -ms-filter:grayscale(0%); -o-filter:grayscale(0%); filter:grayscale(0%); filter:gray;}
.partner_desc{line-height:26px; text-align:center; font-size:16px; color:#999999;}
/*资讯中心*/
.i_news_bg{background-color:#f5f5f5; overflow:hidden; padding-top:40px; padding-bottom:100px;}
.int-bot{margin-top:10px;}
.int-bot .int-left{display: block;width: 350px;background: white;float: left;box-shadow: 0 5px 15px rgba(0,0,0,0.06);padding: 29px 25px 25px 25px;}
.int-bot .int-left .h3{font-size: 18px;color: #666666;line-height: 26px;/*width: 300px;*/margin-bottom: 51px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;transition:all 0.3s; height:26px;}
.int-bot .int-left .h4{font-size: 14px;color: #999;font-family: 'Open sans';margin-bottom: 30px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis}
.int-bot .int-left .ine-pic{width: 100%;overflow: hidden;}
.int-bot .int-left .ine-pic img{width: 100%; height:380px;display: block;transition: all 1s;}
.int-bot .int-left:hover img{transform: scale(1.1);}
.int-bot .int-left:hover .h3{color:#2088c0;}
.int-bot .int-mid{width: 400px;float: left;margin-left: 20px;height: 560px;overflow: hidden;}
.int-bot .intm{display: block;height: 139px;background: white;padding: 0 32px;padding-top: 34px; margin-bottom:20px;}
.int-bot .intm .h3{font-size: 18px;color: #444;line-height: 18px;margin-bottom: 23px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;transition:all 0.3s;}
.int-bot .intm:hover .h3{color:#2088c0;}
.int-bot .intm p{height: 66px; font-size: 14px;color: #999;line-height: 22px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.int-bot .intm-bot{position: relative; height: 85px;border-top: solid 1px #e4e4e4;padding-top: 30px;margin-top: 37px;background: url(../images/intm.png) no-repeat right center;}
.int-bot .intm-bot:before{position: absolute;content: '';width: 0%;height: 1px;background: #2088c0;transition: all 1s;top: -1px;}
.int-bot .intm:hover .intm-bot:before{width: 100%;}
.int-bot .intm:hover .intm-bot{background: url(../images/intmh.png) no-repeat right center;}
.int-bot .intm-bot .h4{font-size: 50px;color: #444;font-family: 'sn';line-height: 50px;}
.int-bot .intm-bot .h5{font-size: 14px;color: #777;font-family: 'Open sans';padding-left: 3px;}
.int-bot .int-right{width: 500px;float: left;margin-left: 20px;padding: 25px 30px 0 30px;background: white;height: 535px;overflow: hidden;}
.int-bot .int-right .inr-list{height: 101px;border-bottom: solid 1px #e4e4e4;display: block;padding-top: 30px;}
.int-bot .int-right .inr-list:last-child{border-bottom: none;}
.int-bot .int-right .inr-list .inr-l{width: 96px;float: left;padding-left: 20px;}
.int-bot .int-right .inr-list .inr-l .h4{font-size: 50px;color: #444;font-family: 'sn';line-height: 50px;}
.int-bot .int-right .inr-list .inr-l .h5{font-size: 14px;color: #777;font-family: 'Open sans';padding-left: 3px;}
.int-bot .int-right .inr-list .inr-r{float: left;width: 100%;}
.int-bot .int-right .inr-list .inr-r .h3{font-size: 18px;color: #444;line-height: 18px;margin-bottom: 13px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;transition:all 0.3s;}
.int-bot .int-right .inr-list .inr-r p{height: 44px;font-size: 14px;color: #999;line-height: 22px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.int-bot .int-right .inr-list:hover .inr-r .h3{color:#2088c0;}
@media screen and (max-width:1440px) {
/*网站设计制作*/
.i_service_t{font-size:16px; padding-bottom:35px;}
.i_service_t h2{font-size:36px;}
.i_service_t p{font-size:16px;}
/*资讯中心*/
.int-bot .int-left{width:300px; padding:29px 21px 25px 21px;}
.int-bot .int-left .h3{margin-bottom:24px;}
.int-bot .int-left .ine-pic img{height:325px;}
.int-bot .int-mid{height:480px; margin-left:17px; width:342px;}
.int-bot .intm{height:122px; padding-top:25px;}
.int-bot .intm .h3{margin-bottom:15px;}
.int-bot .intm-bot{height:83px; padding-top:15px; margin-top:31px;}
.int-bot .int-right{width:420px;margin-left: 17px;height: 460px;padding-top: 20px;}
.int-bot .int-right .inr-list{padding-top:25px; height:87px;}
.int-bot .int-right .inr-list .inr-r{width:100%;}
}