@charset "utf-8";
body,html{width:100%; height:100%; overflow-x:hidden;}
body{ margin:0px; padding:0px; margin:0px auto; font-size:12px; line-height:24px; color:#666666; min-width:320px; zoom:1; background:#fff; font-family:frutigernext,"Microsoft YaHei",Arial,Helvetica,sans-serif,Arial,"宋体";}
ul,li,form, dl,dt,dd,div,ul,li,h1,h2,h3,h4,h5,h6,p,em,i{ font-style:normal; list-style:none; padding: 0px; margin: 0px;}
.h1,.h2,.h3,.h4,.h5,.h6,.p{ padding:0px; margin:0px;}
select,input,textarea{ font-size:12px; border-radius:0; -webkit-border-radius:0; color:#414446; font-family:"微软雅黑";}
input:focus { outline: none;}
input,button,select,textarea{outline:none;/*-webkit-appearance:none;*//*强制去除表单自带的样式*/ }
textarea{resize:none;/*-webkit-appearance:none;*//*强制去除textarea自带的样式*/ }
textarea,input,select { background:none; border:none; margin:0; padding:0;}
article,aside,footer,header,hgroup,nav,section,figure,figcaption{ display: block;} /*html5设置*/
figure,figcaption{ margin:0px; padding:0px;}
audio,canvas,progress,video { display: inline-block; vertical-align: baseline;}
img{ max-width:100%; border:none; border:0;  vertical-align:top;}
a{color:#444444; text-decoration:none; noline:-webkit-tap-highlight-color:rgba(0,0,0,0);}
a:focus {outline:none; -moz-outline:none;}
a:hover{ text-decoration:none; color:#cea662;}
.fl{ float:left;}.fr{ float:right;}.tr{ text-align:right;}
.hidetxt{ display:none;}
.clear{ clear:both;}
.clearfix{overflow:hidden;_zoom:1;}
:-moz-placeholder{color:#d1d1d1;}
::-moz-placeholder{color:#d1d1d1;}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {color:#d1d1d1;}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {color: #d1d1d1;}
.w1200{ max-width:1200px; min-width:320px; margin:0px auto;}

@media ( max-width:1200px){
.auto{ padding:0px 10px;}
}

/*公用样式*/
.effect-img {overflow: hidden;text-align: center;cursor: pointer; zoom:1; overflow:  hidden;}
.effect-img img {opacity: 1;-webkit-transition: opacity 0.35s, -webkit-transform  0.35s;transition: opacity 0.35s, transform 0.35s;}
.effect-img:hover img {opacity: 1;-webkit-transform: scale3d(1.2,1.2,1);transform:  scale3d(1.2,1.2,1); top:0px; left:0px;}

.Ban{position:relative; margin-top:-3px; z-index:0;}
.Ban img{display:block; width:100%;}

.Left{width:15%; float:left;}
.MeunName{background:url(../images/namebg.png) no-repeat; background-size:100% 100%; height:124px; padding:40px 15px 0px;}
.MeunName .con{border:1px solid #9cbfdf; color:#fff; text-align:center; padding:16px 0px;}
.MeunName .con span{display:block; font-size:18px; line-height:32px;}
.MeunName .con em{display:block; line-height:18px; text-transform:uppercase;}
.Meun{background:#eeeeee;}
.Meun li{height:46px; line-height:46px; padding:0px 7px;}
.Meun li a{display:block; padding:0px 0px 0px 24px; font-size:14px; color:#515050; border-bottom:1px solid #d2d2d2;}
.Meun li:last-child a{border-bottom:none;}
.Meun li:hover,.Meun li.on{background:#c4261d;}
.Meun li:hover a,.Meun li.on a{color:#fff;}

.Right{width:82%; float:right;}
.Position{background:url(../images/home.png) no-repeat left center; padding-left:30px; font-size:14px; height:54px; line-height:54px; border-bottom:1px solid #e5e5e5;}
.Position a{color:#7a7a7a;}
.Position span{color:#0a4d80; font-weight:bold;}
 


/*pages*/
.Pages{width:100%; color:#666666; font-size:14px; line-height:25px;}
.Pages a{display:inline-block; margin:0 2% 0 0; height:30px; line-height:30px; color:#666666; border-bottom:1px solid #fff;}
.Pages a.a_prev,.Pages a.a_next{font-family:"宋体";}
.Pages .num a:hover,.Pages .num a.a_cur{color:#28a7e1; border-bottom:1px solid #d4d4d4;}

/*pages end*/

/*Top*/
.Top{position:relative; z-index:1;}
.Logo{width:200px; padding:25px 0px; float:left;}
.Logo img{display:block; width:100%;}

.Nav{width:68%; float:right; position:relative; z-index:3; height:100px;}
.Nav li{font-size:16px; float:left; padding:0 2.3%; height:103px;}
.Nav li a{display:block; color:#666666; height:100px; line-height:100px;}
.Nav li:hover,.Nav li.active{background:#0a4d80 url(../images/bluebg.jpg) repeat-x left bottom;}
.Nav li:hover a,.Nav li.active a{color:#fff;}


/* 手机导航 */
.Header_menu,.page_menu{display:none;}
.Header .header_menu{background-image:url(../images/navicon.png); position:absolute; top:50%; right:0px; margin-top:-12px; width:50px; height:24px;background-size:45%;background-position:center; background-repeat:no-repeat; z-index:9; display:none;}
.page_menu{width:50%;height:100%;background:url(../images/opacity.png) repeat;overflow:auto;overflow-x:none; position:fixed;z-index:9990;top:0;right:-100%;}
.page_menu .close_bar{height:69px;line-height:69px;overflow:hidden;position:absolute;top:0;left:0; width:100%;background:url(../images/opacity.png) repeat; border-bottom:1px solid #e8e8e8;text-align:right;}
.page_menu .close_bar a{background:url(../images/menu_close_btn.png) no-repeat;width:25px;height:25px; background-size:cover;display:inline-block;vertical-align:middle;margin-right:20px;transition:transform ease-in 0.3s;}
.page_menu .close_bar a:hover{transform:rotate(180deg);}
.page_menu .menu_list{width:100%;margin-top:69px;}
.page_menu .menu_list li h3{height:65px;line-height:65px;font-size:18px;position:relative; border-bottom:1px solid #e8e8e8; font-weight:normal;}
.page_menu .menu_list li h3 a{color:#fff;text-decoration:none;padding-left:20px;display:block;}
.page_menu .menu_list li h3:hover a,.page_menu .menu_list li h3.cur a{color:#f0b1b9;}

 
/*banner*/
.Banner{position:relative; overflow:hidden; z-index:0; top:0px; left:0px;}
.Banner li img{display:block; width:100%;}
.Banner .owl-dots{position:absolute; text-align:center; bottom:8%; left:50%; height:22px; background:url(../images/line.png) repeat-x center center;}
.Banner .owl-dots .owl-dot{width:26px; height:22px; display:inline-block; margin:0px 78px 0px 0px; text-indent:9999; line-height:9999; overflow:hidden; background:url(../images/dotpic.png) no-repeat left top;}
.Banner .owl-dots .owl-dot:last-child{margin-right:0px;}
.Banner .owl-dots .owl-dot.active{background:url(../images/dotpic.png) no-repeat left bottom;}

/*bottom*/
.Bottom{text-align:center; font-size:14px; line-height:24px; color:#333333; padding:15px 0px; border-top:1px solid #e5e5e5;}
.FloatBox{width:50px; position:fixed; right:0px; top:20%; z-index:1002;}
.FloatBox dl dd{width:50px; height:50px; position:relative; background:#a3a3a3; margin-bottom:2px;}
.FloatBox dl dd em{position:absolute; top:0px; right:50px; width:116px; line-height:50px; text-align:center; background:#0a4d80; font-size:14px; color:#fff; display:none;}
.FloatBox dl dd:hover{background:#0a4d80;}
.FloatBox dl dd:hover em{display:block;}
.FloatBox dl dd.f3 em{margin-right:6px; top:-33px; padding-right:4px; background:url(../images/arr1.png) no-repeat right center;}

@media ( max-width:1200px){
.Header .header_menu,.page_menu{display:block;}
.Nav{display:none;}
}

@media ( max-width:998px){
.Left,.Right{width:100%; float:none;}
.Left{position:relative;}
.MeunName{padding:10px 0px; height:auto; margin-top:10px;}
.MeunName .con{border:none; background:url(../images/down.png) no-repeat 94% center; padding:0;}
.Meun{display:none; position:absolute; top:100%; left:0px; width:100%; z-index:999;}

.Banner .owl-dots{background:none;}
.Banner .owl-dots .owl-dot{margin:0px 10px;}

.Pages{text-align:center; padding:2% 0;}
}

@media ( max-width:768px){

.Logo{width:168px; padding:15px 0px;}
.Pages a{margin:0 3%;}
}

@media ( max-width:640px){

}

@media ( max-width:480px){
.FloatBox{top:auto; bottom:10%;}
}

/*系统与数据服务*/
.DataList,.SeriveList{padding:3% 0;}
.DataList li{width:23%; float:left; margin:0 2.666% 2.5% 0; position:relative;}
.DataList li:nth-child(4n){margin-right:0px;}
.DataList li img,.SeriveList li img{display:block; width:100%; height:284px;}
.DataList li .con{position:absolute; left:0px; bottom:0px; width:100%; background:url(../images/opacity2.png) repeat; color:#fff;}
.DataList li .con .tit{display:block; height:44px; line-height:44px; overflow:hidden; text-align:center; font-size:14px;}
.DataList li .con .info{display:none; line-height:20px; margin:6%; text-align:center; height:140px; overflow:hidden;}
.DataList li:hover .effect-img img,.SeriveList li:hover .effect-img img{opacity:1; -webkit-transform: scale3d(1.2,1.2,1);transform:  scale3d(1.2,1.2,1);}
.DataList li:hover .con{height:85%; padding-top:15%;}
.DataList li:hover .con .info{display:block;}
.DataList li:hover .tit{background:#28a7e1; font-weight:bold;}

/*IT服务*/
.SeriveList li{width:23%; float:left; margin:0 2.666% 2.5% 0;}
.SeriveList li:nth-child(4n){margin-right:0px;}
.SeriveList li .box{border:1px solid #ebebeb; padding:2px;}
.SeriveList li .pic{position:relative;}
.SeriveList li img{height:217px;}
.SeriveList li em{position:absolute; left:0px; bottom:0px; width:100%; height:44px; line-height:44px; overflow:hidden; background:url(../images/opacity2.png) repeat; text-align:center; font-size:14px; color:#fff;}
.SeriveList li .info{height:120px; line-height:20px; overflow:hidden; color:#666666; margin:6% 8%; text-align:center;}
.SeriveList li:hover{box-shadow:0px 0px 15px #d0cfcf;}
.SeriveList li:hover em{background:#32a4da;}



@media ( max-width:998px){
.DataList li:hover .con{height:auto; padding-top:0;}
.DataList li:hover .con .info{display:none;}

}

@media ( max-width:768px){
.DataList li img{height:216px;}
.SeriveList li img{height:164px;}
}

@media ( max-width:640px){
.DataList li img{height:179px;}
.SeriveList li img{height:135px;}
}

@media ( max-width:480px){
.DataList li,.SeriveList li{width:49%; margin-right:0;}
.DataList li:nth-child(2n),.SeriveList li:nth-child(2n){float:right;}
.DataList li img{height:236px;}
.SeriveList li img{height:183px;}
}

/*新闻详情*/
.ActiveContent{padding:30px 0px;}
.ActiveContent .Atit{text-align:center; line-height:28px; position:relative;}
.ActiveContent .Atit h2{font-size:20px; color:#333333;}
.ActiveContent .Atit em{display:block; font-size:14px; color:#666666; padding:9px 0px 21px; border-bottom:1px dashed #e8e8e8;}
.ActiveContent .Atit em i{padding:0px 12px;}
.bdsharebuttonbox{display:inline-block; vertical-align:middle;}
.ContentAbout{padding:34px 0px 21px 0px; border-bottom:1px solid #e7e7e7;}
.PrevNextBox{padding:24px 0px 0px;}
.PrevNextBox dl{font-size:14px; line-height:33px;}
.PrevNextBox dl b{color:#000; font-weight:normal;}
.PrevNextBox dl a{color:#666666;}

/*硬件延保*/
.Solution{padding:3% 0;}
.Solution li{width:23.5%; margin:0 2% 2% 0; float:left; height:325px}
.Solution li:nth-child(4n){margin-right:0;}
.Solution li .pic{display:none;}
.Solution li .pic img{display:block; width:100%; height:115px;}
.Solution li:hover .pic{display:block;}
.Solution li .box{padding:78px 4% 34px;}
.Solution li .title{color:#333; padding:0% 0 5%; background:url(../images/line2.png) no-repeat center bottom; text-align:center;}
.Solution li .title span{display:block; font-size:16px; line-height:27px; height:27px; overflow:hidden;}
.Solution li .title em{display:block; font-family:Arial; line-height:21px; height:21px; overflow:hidden;}
.Solution li .box .info{line-height:20px; height:80px; overflow:hidden; text-align:center; margin:3% 0% 0; color:#888888;}
.Solution li:hover{box-shadow:0px 0px 15px #d0cfcf;}
.Solution li:hover .box{padding:32px 4% 34px;}

@media ( max-width:998px){
.Solution li .pic{display:block;}	
.Solution li .box,.Solution li:hover .box{padding:10% 4%;}
.Solution li{height:auto;}
}

@media ( max-width:768px){
.Solution li .pic img{height:87px;}
}

@media ( max-width:640px){
.Solution li .title span{font-size:14px;}
.Solution li .pic img{height:72px;}
}

@media ( max-width:480px){
.Solution li{width:49%; margin-right:0;}
.Solution li:nth-child(2n){float:right;}
.Solution li .pic img{height:95px;}
}

/*产品中心*/
.ProductList{padding:3% 0;}
.ProductList li{width:24%; margin:0 1.3333% 2.5% 0; float:left;}
.ProductList li:nth-child(4n){margin-right:0;}
.ProductList li .box{padding:10px; border:1px solid #d9d9d9;}
.ProductList li .box .name{display:block; height:32px; line-height:32px; overflow:hidden; font-size:14px; color:#333333; text-align:center;}
.ProductList li .box .pic img{display:block; width:100%; height:77px;}
.ProductList li .box .info{margin:10px 6% 0px; text-align:center; line-height:20px; color:#666666; height:120px; overflow:hidden;}
.ProductList li:hover{box-shadow:0px 0px 15px #d0cfcf;}
.ProductList li:hover .name{font-weight:bold; color:#28a7e1;}

@media ( max-width:768px){
.ProductList li .pic img{height:57px;}
}

@media ( max-width:640px){
.ProductList li .pic img{height:46px;}
}

@media ( max-width:480px){
.ProductList li{width:49%; margin-right:0;}
.ProductList li:nth-child(2n){float:right;}
.ProductList li .pic img{height:61px;}
}

/*解决方案*/
.CaseList{padding:3% 0;}
.CaseList li{width:49%; float:left; position:relative; margin-bottom:3%;}
.CaseList li:nth-child(2n){float:right;}
.CaseList li:nth-child(4n) .pic,.CaseList li:nth-child(4n-1) .pic{float:right;}
.CaseList li:nth-child(4n) .box,.CaseList li:nth-child(4n-1) .box{float:left;}
.CaseList li:nth-child(4n) .box .Txt .tit,.CaseList li:nth-child(4n-1) .box .Txt .tit{text-align:right;}
.CaseList li .icon{background:url(../images/line2.png) no-repeat; width:30px; height:2px; position:absolute; left:50%; margin-left:-15px; top:16%; z-index:99;}
.CaseList li .pic{width:50%; float:left;}
.CaseList li .pic img{display:block; width:100%;}
.CaseList li .box{width:50%; float:right;}
.CaseList li .box .Txt{padding:8%;}
.CaseList li .box .Txt .tit{font-size:16px; color:#333333; display:block; line-height:24px; margin-bottom:3%; height:24px; overflow:hidden;}
.CaseList li .box .Txt .info{font-size:14px; line-height:20px; color:#888888; height:100px; overflow:hidden;}
.CaseList li:hover{box-shadow:5px 5px 5px #d0cfcf;}
.CaseList li:nth-child(4n):hover,.CaseList li:nth-child(4n-1):hover{box-shadow:-5px 5px 5px #d0cfcf;}


@media ( max-width:640px){
.CaseList li,.CaseList li:nth-child(2n){width:100%; float:none;}
}


/*关于我们*/
.Single{padding:3% 0;}
.Single .title{text-align:center;}
.Single .title span{display:block; height:35px; line-height:35px; color:#333333; font-size:24px;}
.Single .title em{display:block; line-height:21px; color:#c3c3c3; text-transform:uppercase;}
.Single .content{padding:3% 0 0;}
.Single .content .img1,.Single .content .img2{width:49%;}
.Single .content .img1{float:left;}
.Single .content .img2{float:right;}

@media ( max-width:640px){
.Single .title span{font-size:20px;}	
}

/*新闻中心*/
.NewsList{padding:0 0 3%;}
.NewsList ul{padding-bottom:3%;}
.NewsList li{padding:3% 0% 3% 3%;}
.NewsList li .pic{width:33%; float:left;}
.NewsList li .pic img{display:block; width:100%;}
.NewsList li .Txt{width:61%; float:right; padding-right:3%}
.NewsList li .Txt .tit{line-height:28px;}
.NewsList li .Txt .tit .name{display:inline-block; width:80%; height:28px; overflow:hidden; font-size:16px; color:#333333;}
.NewsList li .Txt .tit .date{float:right; font-size:22px; font-family:Arial; color:#999999;}
.NewsList li .Txt .info{margin:2.5% 0 0; font-size:14px; line-height:26px; height:52px; overflow:hidden; color:#888888;}
.NewsList li .Txt .more{display:block; background:url(../images/more.png) no-repeat right top; height:26px;}
.NewsList li:hover{box-shadow:0px 0px 15px #d0cfcf;}
.NewsList li:hover .Txt .more{background:url(../images/more2.png) no-repeat right top;}
.NewsList li:hover .Txt .tit .name{color:#448aca;}

.NewsList li:hover .effect-img img{opacity:1; -webkit-transform: scale3d(1.2,1.2,1);transform:  scale3d(1.2,1.2,1);}

@media ( max-width:480px){
.NewsList{padding:3% 0;}
.NewsList li{padding:2%; margin-bottom:3%;}
.NewsList li .pic{display:none;}
.NewsList li .Txt{width:100%; float:none;}
}

/*合作伙伴*/
.Partner{padding:3% 0;}
.Partner li{width:32.333%; margin:0 1.5% 1.5% 0; float:left;}
.Partner li:nth-child(3n){margin-right:0;}
.Partner li img{display:block; width:100%; height:129px;}
.Partner li:hover{box-shadow:0px 0px 15px #d0cfcf;}

/*公司资质*/
.Honnor{padding:3% 0;}
.Honnor li{width:25%; float:left; text-align:center; margin-bottom:2%;}
.Honnor li .pic{background:url(../images/arr2.jpg) repeat-x left bottom; padding-bottom:28px;}
.Honnor li img{display:inline-block; padding-right:7%; background:url(../images/shadow.png) no-repeat right bottom; max-width:93%; height:141px;}
.Honnor li em{display:block; height:44px; line-height:44px; overflow:hidden; color:#4c4948; font-size:14px;}

/*联系我们*/
.Contact{padding:4% 0%;}
.Contact dl{position:relative; width:38%; float:left;}
.Contact dl:nth-child(3n){width:24%;}
.Contact dl dt{position:absolute; left:0px; top:0px; width:52px;}
.Contact dl dt img{display:block; width:100%;}
.Contact dl dd{margin-left:72px; min-height:52px; height:auto !important; height:52px; display:flex; align-items:center; font-size:14px; color:#666666;}

.Map{border:1px solid #e5e5e5;}
.Map img{display:block; width:100%;}


@media ( max-width:768px){
.Honnor li{width:50%;}
.Partner li img{height:98px;}
.Contact dl,.Contact dl:nth-child(3n){width:100%; float:none; margin-bottom:3%;}
.Contact dl:nth-child(3n){margin-bottom:0;}
}

@media ( max-width:640px){
.Partner li img{height:81px;}
}

@media ( max-width:480px){
.Partner li img{height:51px;}
}

/*18-04-25*/
.VoiceBox{height:60px; line-height:60px; background:gray; overflow:hidden;}
.Voice{position:relative; padding-left:200px;}
.Voice em{font-size:18px; color:#fff; position:absolute; left:0px; top:0px;}
.Voice .item{font-size:14px; color:#fff;}
.Voice .item a{color:#fff;}
.Voice .owl-carousel .owl-nav.disabled{display:block; width:100px; height:60px; position:absolute; right:0px; top:0px;}
.Voice .owl-carousel .owl-nav .owl-prev,.Voice .owl-carousel .owl-nav .owl-next{width:20px; height:20px; top:50%; margin-top:-10px; position:absolute; line-height:999;}
.Voice .owl-carousel .owl-nav .owl-prev{background:url(../images/top.png) no-repeat; left:0px;}
.Voice .owl-carousel .owl-nav .owl-next{background:url(../images/bot.png) no-repeat; right:0px;}


@media ( max-width:640px){
.Voice{padding-left:90px;}	
.Voice .owl-carousel .owl-nav.disabled{width:20px; z-index:9999;}
.Voice .owl-carousel .owl-nav .owl-prev,.Voice .owl-carousel .owl-nav .owl-next{left:0px;}
.Voice .owl-carousel .owl-nav .owl-prev{top:20px;}
.Voice .owl-carousel .owl-nav .owl-next{right:auto; top:40px;}
}