body            {font-family:'Microsoft YaHei';color:#000;background:#fff;color:#666;}
body,ul,ol,li,dl,dt,dd,table,td,th,form,h1,h2,h3,h4,h5,h6,p,img,em,b,label,input,textarea,figure,nav{margin:0;padding:0;}
ul,li           {list-style:none;}
img             {border:none;}
a               {color:#000;text-decoration:none;}
a:hover         {color:#F60;}
@font-face      {font-family:'RailroadGothicRR';src:url('../fonts/RailroadGothicRR.otf')}
/*宽度*/
@media (min-width: 1200px) {
  .container{width:970px;}
}
/*头部*/
.gic-navbar    {background:rgba(14, 16, 22, 0.8);}
.gic-navbar .navbar-brand{padding-top:5px;}
.gic-navbar .navbar-brand img{width:70%;}
.gic-navbar .navbar-nav{float:right;}
.gic-navbar .navbar-nav a{color:#fff;}
.gic-navbar .navbar-nav a:hover{background:#fff;color:#474443;}
.gic-navbar .navbar-nav li.active a{background:#fff;color:#474443;}
.gic-navbar .navbar-toggle{border-color:#fff;margin-top:15px;}
.gic-navbar .navbar-toggle .icon-bar{background-color:#fff;}
/*通用*/
.row            {margin-top:15px;margin-bottom:15px;}
.img            {margin:0 auto;display:block;max-width:100%;}
.caption        {width:280px;margin:0 auto;}
.line           {display:block;width:30px;height:20px;border-top:2px solid #474443;margin:0 auto;margin-top:15px;}
.title          {width:80px;line-height:25px;text-align:center;font-size:14px;border-bottom:1px #cacbcc solid;margin:0 auto;margin-bottom:15px;}
.title2         {line-height:30px;text-align:center;font-size:24px;margin-bottom:10px;margin-bottom:10px;}
.lead           {width:70%;font-size:14px;margin:0 auto;margin-bottom:10px;line-height:25px;}
/*主题*/
.gic-index      {position:relative;z-index:700;margin-top:-50px;padding:0;padding-top:50px;background:#f8f8f8;}
/*关于*/
.gic-about      {position:relative;z-index:600;margin-top:-50px;padding-top:70px;padding-bottom:20px;background:#fff;}
.gic-about-data p{display:block;text-align:center;}
.gic-about-data p:first-child{font-family:'RailroadGothicRR';font-size:50px;color:#333;}
.gic-about-data p:last-child{margin-top:-10px;}
/*服务*/
.gic-service    {position:relative;z-index:500;margin-top:-50px;padding-top:70px;padding-bottom:10px;background:#f8f8f8;}
.gic-service-data{border:1px #dfdfdf solid;background:#fff;margin-bottom:15px;padding-top:20px;}
.gic-service-data p:nth-child(2){display:block;text-align:center;margin:10px auto;font-weight:bold;}
.gic-service-data p:last-child{display:block;padding:15px;font-size:12px;background:#474443;color:#fff;height:65px;}
/*客户*/
.gic-client     {position:relative;z-index:400;margin-top:-50px;padding-top:70px;padding-bottom:20px;background:#fff;}
.gic-client-list{width:100%;overflow:hidden;}
.gic-client-list ul li{width:20%;float:left;margin-bottom:20px;overflow:hidden;}
.gic-client-list ul li img{max-width:96%;margin:0 auto;border:1px #f8f8f8 solid;}
/*案例*/
.gic-case       {position:relative;z-index:300;margin-top:-50px;padding-top:70px;padding-bottom:30px;background:#292929;}
.gic-case-list p{text-align:center;padding:5px 0 5px 0;}
.gic-case-more  {text-align:center;margin-top:20px;}
.gic-case-more a{border:1px #474443 solid;padding:5px 20px;color:#ccc;}
/*团队*/
.gic-team       {position:relative;z-index:200;margin-top:-50px;padding-top:70px;padding-bottom:20px;background:#f8f8f8;}
.gic-team-list  {width:100%;overflow:hidden;}
.gic-team-list ul li{width:10%;float:left;margin-bottom:2%;}
.gic-team-list ul li img{border-radius:50%;border:2px #666 solid;width:90%;margin:0 auto;}
/*联系*/
.gic-contact    {position:relative;z-index:100;margin-top:-50px;padding-top:70px;padding-bottom:20px;background:#fff;line-height:2.2;}
.gic-contact-qrcode{text-align:center;}
.gic-contact-qrcode img{width:70%;}
/*底部*/
.gic-footer     {background:#474443;padding:20px 0;text-align:center;color:#fff;}
.gic-footer a   {color:#fff;}
/*案例*/
.case-cats      {position:relative;z-index:700;margin-top:-50px;padding:0;padding-top:100px;background:none;box-shadow:1px 0px 5px #999;}
.case-cats ul li{width:20%;float:left;line-height:40px;text-align:center;}
.case-cats ul li a{display:block;border-bottom:2px transparent solid;}
.case-cats ul li a:hover,.case-cats ul li a.active{color:#474443;border-bottom:2px #474443 solid;}
.case-list      {padding-top:20px;}
.case-list ul   {width:100%;overflow:hidden;}
.case-list ul li{width:32%;padding:2% 2% 1% 2%;float:left;color:#333;margin-right:2%;margin-bottom:2%;background:#f8f8f8;text-align:center;}
.case-list ul li:nth-child(3n){margin-right:0;}
.case-list ul li img{max-width:100%;margin:0 auto;}
.case-list ul li p{width:100%;height:2.5em;line-height:2.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
/*分页*/
.pages			{height:27px;overflow:hidden;text-align:center;margin-bottom:2%;}
.pages .auto	{width:auto;padding:0 3px 0 3px;}
.pages a,.pages span{display:inline-block;vertical-align:middle;margin-right:5px;width:25px;height:25px;line-height:25px;border:1px solid #ccc;color:#555;background:#fff;text-align:center;}
.pages a:hover	{border:1px solid #00AAEE;background:#0094da;text-decoration:none;color:#fff;}
.pages a.prev,.pages a.next{width:50px;}
.pages span.count{width:auto;border:0px;background:none;}
.pages span.current{background:#F7FAFC;border:1px solid #00AAEE;color:#FF8800;font-weight:bold;}
.pages span.dots{border:0px;background:none;}
/*提示层*/
.open-tip       {position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.8);display:none;z-index:10000;}
.open-tip img   {max-width:100%;display:block;}
.open-main      {width:90%;height:94%;max-width:600px;top:3%;margin:0 auto;background:none;position:relative;border:none;border-radius:0;}
.open-close     {position:absolute;width:10%;top:-3%;right:-3%;z-index:10001;}
.open-text      {width:100%;height:100%;overflow:hidden;}
/*案例滑动*/
.swiper-case    {width:100%;max-width:640px;height:100%;overflow:hidden;}
.swiper-case img{max-height:100%;max-width:100%;margin:0 auto;display:block;}
/*手机*/
@media (max-width: 767px) {
    .gic-navbar{background:#474443;}
    .gic-navbar .navbar-brand{padding-top:8px;}
    .gic-index{display:none;}
    .gic-about{padding-top:125px;}
    .caption{width:180px;margin:0 auto;}
    .title2{font-size:18px;}
    .lead{width:100%;}
    .gic-about-data p:first-child{font-size:40px;}
    .gic-service-data img{width:30%;}
    .gic-service-data p:last-child{display:none;}
    .gic-client-list ul li{width:33.33%;}
    .gic-case-list img.img{width:70%;}
    .gic-team-list ul li{width:16.66%;float:left;}
    .gic-contact-qrcode img{width:50%;}
    .case-list .container{padding:0;}
    .case-list ul li{width:49%;}
    .case-list ul li:nth-child(3n){margin-right:2%;}
    .case-list ul li:nth-child(2n){margin-right:0;}
}