﻿@charset 'UTF-8';
/*服务范围类别开始*/
.Sbox {float:left;width:33.33%;height:134px;box-sizing:border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;border-left:1px solid #ddd;border-bottom: 1px solid #DDD;background-image:url(../images/arr.png);background-repeat:no-repeat;background-position:87% 63%;-webkit-transition: background-position 0.3s;-moz-transition: background-position 0.3s;transition: background-position 0.3s;}
.Sbox:hover {background-position:90% 63%;}
.Sbox:nth-child(3n) {border-right:1px solid #ddd;}
.Sbox a {display:block;height:100px;margin:17px;padding:0 17px 0 117px;text-decoration:none;}
.Sbox a p {margin:0;padding:23px 0 0 0;font-size:14px;height:22px;line-height:22px;color:#888;}
.Sbox a h3 {margin:0;padding:0 0 23px 0;font-size:28px;height:32px;line-height:36px;color:#121212;font-weight:100;-webkit-transition: background 0.3s, color 0.3s, box-shadow 0.3s;-moz-transition: background 0.3s, color 0.3s, box-shadow 0.3s;transition: background 0.3s, color 0.3s, box-shadow 0.3s;}
.Sbox a:hover h3 {color:#dd4250;}
.Sbox a:hover p {color:#ccc;}
.Sbox a.des {background:url(../images/icons_service.png) no-repeat 0px 0px;}
.Sbox a.del {background:url(../images/icons_service.png) no-repeat 0px -100px;}
.Sbox a.mar {background:url(../images/icons_service.png) no-repeat 0px -200px;}
.service{width: 1190px; margin: 0 auto; padding: 0 0 47px; }
.serQuery{margin: 0 0 0 0px; width: 1210px; height: 346px; overflow: hidden; padding: 40px 0 0; overflow: hidden; }
.serLi{position: relative; float: left; width: 272px; height: 346px; margin: 0 14px; }
.serWrap{position: absolute; top: 0; left: 0; width: 270px; height: 300px; border: 1px solid #cecece; }
.serIco{width: 103px; height: 103px; margin: 24px auto 0; background: #666666 url(../images/service_ico_circle.png) no-repeat center center; font-size: 0; line-height: 0; text-align: center; }
.serTitle{margin: 16px 0 4px; line-height: 28px; font-size: 18px; color: #000000; text-align: center; }
.serIntro{padding:0 30px; text-align: center; line-height: 24px; color: #484848; }
.serLink{width: 192px; margin: 0 auto; border-top: 1px dotted #8d8d8d; padding: 21px 0 0; }
.serBtn{display: block; position: relative; width: 120px; height: 37px; overflow: hidden; margin: 0 auto; line-height: 36px; text-align: center; }
.serBtnLink,
.serBtnHover{position: absolute; top: 0; left: 0; width: 120px; height: 37px; background: url(../images/service_button.png) no-repeat center top; }
.serBtnLink{z-index: 1; background-position: center top; color: #3f3f3f; }
.serBtnHover{z-index: 0; background-position: center center; color: #dd4250; }
/*案例 关于 新闻 开始*/
.iaAndn{width: 1180px; margin: 0 auto; overflow: hidden; }
/*关于开始*/
.iabout{float: left; width: 502px; margin: 0 1px 0 0; background: #ffffff; overflow: hidden; }
.iaHeader{position: relative; z-index: 9; height: 54px; border-bottom: 1px solid #eaeaea; }
.iaPrev,
.iaNext{position: absolute; top: 11px; width: 33px; height: 33px; background: #bbbbbb url(../images/about_control.png) no-repeat; }
.iaPrev{right: 51px; background-position: left center; }
.iaNext{right: 17px; background-position: right center; }
.iaPrev:hover,
.iaNext:hover{background-color: #DD4250; }
.iaQuery{position: relative; z-index: 0; height: 275px; width: 502px; }
.iaList{position: absolute; height: 275px; width: 502px; background: #ffffff; }
.iaName{position: absolute; top: -55px; left: 0; height: 32px; width: 479px; padding: 11px 0 11px 23px; }
.iaNameEn{font-size: 24px; color: #777777; line-height: 32px; }
.iaNameCn{margin: 0 0 0 8px; color: #9c9c9c; line-height: 20px; vertical-align: 2px; }
.iaBody{height: 275px; }
.iaPic{position: absolute; left: 20px; top: 25px; width: 172px; height: 175px; font-size: 0; line-height: 0; overflow: hidden;  }
.iaPicMask{position: absolute; left: 0; right: 0; bottom: 0; height: 36px; opacity: 0.8; filter: alpha( opacity = 80 ); background: #000000; }
.iaPicName{position: absolute; left: 0; right: 0; bottom: 0; padding: 0 10px; font-size: 12px; line-height: 36px; color: #ffffff; }
.iaIntro{position: absolute; right: 14px; top: 25px; width: 276px; }
.iaTitle{font-size: 16px; color: #515151; line-height: 24px; }
.iaContent{padding: 15px 0 0; line-height: 24px; color: #515151; }
.iaCtrl{height: 31px; border-top: 1px solid #eaeaea; padding: 19px 14px 0 0; text-align: right; width:502px }
.iaCtrl a{display: inline-block; width: 11px; height: 11px; margin: 0 3px; background: #e0e0e0; }
.iaCtrl a{*display: inline; *zoom: 1;}
.iaCtrl a:hover,
.iaCtrl a.curr{background: #DD4250; }
/*新闻开始*/
.iNews{float: left; width: 677px; background: #ffffff; }
.inHeader{height: 54px; padding: 0 0 0 28px; }
.inMore{float: right; width: 72px; height: 54px;  background: #ffffff; text-align: center; line-height: 54px; color: #5f5f5f; font-size: 14px; text-decoration: none; }
.inMore:hover{/*background: #DD4250;*/ color: #re;  }
.inPrev,
.inNext{float: right; width: 56px; height: 54px; border-left: 1px solid #eaeaea; background: #ffffff url(../images/news_control.png) no-repeat; }
.inPrev{background-position: left bottom; }
.inNext{background-position: right bottom; }
.inPrev:hover{/*background-color: #545454;*/ background-position: left top; }
.inNext:hover{/*background-color: #545454;*/ background-position: right top; }
.inNameEn{font-size: 24px; color: #777777; line-height: 54px; }
.inNameCn{margin: 0 0 0 8px; color: #9c9c9c; line-height: 20px; vertical-align: 2px; }
.inQueryWrap{position: relative; width: 678px; height: 277px; overflow: hidden; }
.inQuery{position: absolute; left: 0; top: 0; width: 1196px; height: 277px; }
.inList{position: relative; height: 112px; width: 566px; border-top: 1px solid #eaeaea; padding: 26px 0 0 112px; }
.inList.inListTop{position: absolute; left: 678px; top : 0; }
.inList.inListBottom{position: absolute; left: 678px; top : 139px; }
.inLableDate{position: absolute; top: 26px; left: 28px; width: 65px; height: 73px; background-color: #9b9b9b; color: #ffffff; text-align: center; }
.indDay{display: block; height: 45px; font-size: 36px; line-height: 45px; border-bottom: 1px dotted #ffffff; }
.indMonth{display: block; font-size: 14px; line-height: 24px; }
.inDate{position: absolute; right: 28px; top: 28px; line-height: 24px; color: #b6b6b6; }
.inTitle{font-size: 14px; line-height: 28px; color: #393939; text-decoration: none; }
.inList:hover .inTitle{color: #1c0469; }
.inIntro{padding: 10px 28px 0 0; line-height: 20px; color: #868686; }
/*友情链接开始*/
.link{height: 38px;line-height: 38px;margin: 0 10px;}
.link a{padding: 5px 10px 5px 10px;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;border: 1px solid #B5B5B5;}
.link a:hover{ color: #FFF;background:#dd4250; border: 1px solid #dd4250;}

