@import url(css-OpenSans300italic400italic60.css);

video::-internal-media-controls-download-button {
    display:none;
}
video::-webkit-media-controls-enclosure {
    overflow:hidden;
}
video::-webkit-media-controls-panel {
    width: calc(100% + 30px); 
}
/*************************
*******Typography******
**************************/
@font-face {
font-family: 'SourceHanSansCN';
src: url(../../../www.astramob.cn/assets/web/fonts/SourceHanSansCN-Regular.otff');
font-weight: normal;
font-style: normal;
}

body {
  background: #fff;
  font-family:'SourceHanSansCN';
  color:#4e4e4e;
  line-height: 15px;
  width: 100%;height: 100%;
  overflow-x: hidden;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 600;
  font-family: 'SourceHanSansCN';
  color:#4e4e4e;
}

h1{
  font-size: 36px;
  color:#fff;
}

h2{
  font-size: 20px;
}

h3{
  font-size: 16px;
  color: #787878;
  font-weight: 400;
  line-height: 24px;
}

h4{
  font-size: 18px;
}

a {
  color: #08ADF2;
  -webkit-transition: color 300ms, background-color 300ms;
  -moz-transition: color 300ms, background-color 300ms;
  -o-transition:  color 300ms, background-color 300ms;
  transition:  color 300ms, background-color 300ms;
}

a:hover, a:focus {
  color: #d43133;
}

hr {
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #fff;
}
ul,li{list-style: none;}

.btn-primary {
  padding: 8px 20px;
  background: #08ADF2;
  color: #fff;
  border-radius: 4px;
  border:none;
  margin-top: 10px;
}


.btn-primary:hover, 
.btn-primary:focus{
  background: #08ADF2;
  outline: none;
  box-shadow: none;
} 

.btn-transparent {
  border: 3px solid #fff;
  background: transparent;
  color: #fff;
}

.btn-transparent:hover {
  border-color: rgba(255, 255, 255, 0.5);
}

a:hover,
a:focus {
  color: #111;
  text-decoration: none;
  outline: none;
}



.center h2{
  font-size: 36px;
  margin-top: 0;
  margin-bottom: 20px;
}

.media>.pull-left{
  margin-right: 20px;
}

.media>.pull-right{
  margin-left: 20px;
}

body > section {
  padding: 70px 0;
}

.center {
  text-align: center;
  padding-bottom: 55px;
}

.scaleIn {
  -webkit-animation-name: scaleIn;
  animation-name: scaleIn;
}

.lead{
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.transparent-bg {
  background-color: transparent !important;
  margin-bottom: 0;
}

@-webkit-keyframes scaleIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes scaleIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}


/*************************
*******Header******
**************************/

#header .search{
  display: inline-block;
}

.navbar>.container .navbar-brand{
  margin-left: 0;
}

.top-bar {
  padding: 10px 0;
  background: #191919;
  border-bottom: 1px solid #222;
  line-height: 28px;
}

.top-number{
  color: #fff;
  padding:20px 0px;
  padding-left: 20px;
  font-size: 22px;
}

.top-number p{
  margin: 0
}

.social{
  text-align: right;
}

.social-share{
 display: inline-block;
 list-style: none;
 padding: 0;
 margin: 0;
}

ul.social-share li {
  display: inline-block;
}

ul.social-share li a {
  display: inline-block;
  color: #fff;
  background: #404040;
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  border-radius: 2px;
}

ul.social-share li a:hover {
  background: #08ADF2;
  color: #fff;
}

.search i {
  color: #fff;
}

input.search-form{
  background: transparent;
  border: 0 none;
  width: 60px;
  padding: 0 10px;
  color: #FFF;
  -webkit-transition: all 400ms;
  -moz-transition: all 400ms;
  -ms-transition: all 400ms;
  -o-transition: all 400ms;
  transition: all 400ms;
}

input.search-form::-webkit-input-placeholder{
  color: transparent;
}

input.search-form:hover::-webkit-input-placeholder {
  color: #fff;
}

input.search-form:hover {
  width: 180px;
}

.navbar-brand {
  padding: 0;
  margin:0;
}

.navbar {
  border-radius: 0;
  margin-bottom: 0;
  background: #fff;
  padding: 15px 0;
  padding-bottom: 0;
}

 .navbar-nav{
  margin-top: 12px;
 }

.navbar-nav>li{
  margin-left: 26px;
  padding-bottom: 28px;
}

.navbar-inverse .navbar-nav > li > a {
  padding: 5px 12px;
  margin: 0;
  color: #224b9f;;
  line-height: 24px;
  display: inline-block;
  border-bottom: 1px solid transparent;
}

.navbar-inverse .navbar-nav > li > a:hover{
  color: #08ADF2;
  border-color: #08ADF2;
}

.navbar-inverse {
  border: none;
}

.navbar-inverse .navbar-brand {
  font-size: 36px;
  line-height: 50px;
  color: #fff;
}

.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus,
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
  color: #08ADF2;
  border-color: #08ADF2;
  background-color: transparent
}

.navbar-inverse .navbar-nav .dropdown-menu {
  background-color: rgba(0,0,0,.85);
  -webkit-box-shadow: 0 3px 18px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 3px 18px rgba(0, 0, 0, 0.4);
  box-shadow: 0 3px 18px rgba(0, 0, 0, 0.4);

  border: 0;
  padding: 0;
  margin-top: 0;
  border-top: 0;
  border-radius: 0;
  left: 0;
}
.dropdown-menu {
  margin-top: -1px;
  min-width: 135px;
  border-radius:0px 0px 7px 7px !important;
  position: absolute;left: -5px !important;

}


.navbar-inverse .navbar-nav .dropdown-menu:before{
  position: absolute;
  top:0;
}

.navbar-inverse .navbar-nav .dropdown-menu > li > a {
	border-radius:0px 0px 15px 15px !important;
  padding: 8px 15px;
  color: #fff;
}

.navbar-inverse .navbar-nav .dropdown-menu > li:hover > a,
.navbar-inverse .navbar-nav .dropdown-menu > li:focus > a,
.navbar-inverse .navbar-nav .dropdown-menu > li.active > a {
  color: #08ADF2;
}

.navbar-inverse .navbar-nav .dropdown-menu > li:last-child > a {
  border-radius: 0 0 3px 3px;
}

.navbar-inverse .navbar-nav .dropdown-menu > li.divider {
  background-color: transparent;
}

.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
  border-top: 0;
  padding-bottom: 0;
}


/*************************
*******Home Page******
**************************/


#main-slider {
  position: relative;
}

.no-margin {
  margin: 0;
  padding: 0;
}

#main-slider .carousel .carousel-content {
  margin-top: 100px;
}

#main-slider .carousel .slide-margin{
  margin-top: 55px;
}


@media(max-width: 767px) {
  #main-slider .carousel .slide-margin{
    margin-top: 0px;
    margin: 0!important;
  }
  #main-slider .carousel .carousel-content {
    text-align: center;
  }
}

#main-slider .carousel h2 {
  color: #fff;
  letter-spacing: 2px;
}

#main-slider .carousel .btn-slide {
  padding: 8px 20px;
  background: #08ADF2;
  color: #fff;
  border-radius: 4px;
  margin-top: 25px;
  display: inline-block;
}

#main-slider .carousel .slider-img{
  text-align: right;
  position: absolute;
}


#main-slider .carousel .item {
  background-position:75% bottom;
  background-repeat: no-repeat;
  background-size: 20%;
  left: 0 !important;
  opacity: 0;
  top: 0;
  position: absolute;
  width: 100%;
  display: block !important;
  height: 475px;
  -webkit-transition: opacity ease-in-out 500ms;
  -moz-transition: opacity ease-in-out 500ms;
  -o-transition: opacity ease-in-out 500ms;
  transition: opacity ease-in-out 500ms;
}
#main-slider .carousel .item2{
	background-position:28% bottom;
}

@media(max-width: 767px) {
  #main-slider .carousel .item {
    background-position:96% bottom;
    background-repeat: no-repeat;
    background-size: 25%;
    left: 0 !important;
    opacity: 0;
    top: 0;
    position: absolute;
    width: 100%;
    display: block !important;
    height: 475px;
    -webkit-transition: opacity ease-in-out 500ms;
    -moz-transition: opacity ease-in-out 500ms;
    -o-transition: opacity ease-in-out 500ms;
    transition: opacity ease-in-out 500ms;
  }
  #main-slider .carousel .item2{
    background-position:0% bottom;
  }
}

#main-slider .carousel .item:first-child {
  top: auto;
  position: relative;
}

#main-slider .carousel .item.active {
  opacity: 1;
  -webkit-transition: opacity ease-in-out 500ms;
  -moz-transition: opacity ease-in-out 500ms;
  -o-transition: opacity ease-in-out 500ms;
  transition: opacity ease-in-out 500ms;
  z-index: 1;
}

#main-slider .prev,
#main-slider .next {
  position: absolute;
  top: 50%;
  background-color: #08ADF2;
  color: #fff;
  display: inline-block;
  margin-top: -25px;
  height: 40px;
  line-height: 40px;
  width: 40px;
  line-height: 40px;
  text-align: center;
  border-radius: 4px;
  z-index: 5;
}

#main-slider .prev:hover,
#main-slider .next:hover {
  background-color: #000;
}

#main-slider .prev {
  left: 10px;
}

#main-slider .next {
  right: 10px;
}

#main-slider .carousel-indicators li {
  width: 35px;
  height: 3px;
  background-color: #535353;
  margin: 0 15px 0 0;
  position: relative;
  border: none;
}

/*#main-slider .carousel-indicators li:after {
  position: absolute;
  content: "";
  width: 30px;
  height: 2px;
  border-radius: 100%;
  background: rgba(0, 0, 0, 0);
  border: 1px solid #FFF;
  left: 0px;
  top: 0px;
}*/

#main-slider .carousel-indicators .active{
  background-color: white;

}

/*#main-slider .carousel-indicators .active:after {
  position: absolute;
  content: "";
  width: 24px;
  height: 24px;
  border-radius: 100%;
  background: #08ADF2;
  border: 1px solid #08ADF2;
  left: -3px;
  top: -3px;
}*/

#main-slider .active .animation.animated-item-1 {
  -webkit-animation: fadeInUp 300ms linear 300ms both;
  -moz-animation: fadeInUp 300ms linear 300ms both;
  -o-animation: fadeInUp 300ms linear 300ms both;
  -ms-animation: fadeInUp 300ms linear 300ms both;
  animation: fadeInUp 300ms linear 300ms both;
}

#main-slider .active .animation.animated-item-2 {
  -webkit-animation: fadeInUp 300ms linear 600ms both;
  -moz-animation: fadeInUp 300ms linear 600ms both;
  -o-animation: fadeInUp 300ms linear 600ms both;
  -ms-animation: fadeInUp 300ms linear 600ms both;
  animation: fadeInUp 300ms linear 600ms both;
}

#main-slider .active .animation.animated-item-3 {
  -webkit-animation: fadeInUp 300ms linear 900ms both;
  -moz-animation: fadeInUp 300ms linear 900ms both;
  -o-animation: fadeInUp 300ms linear 900ms both;
  -ms-animation: fadeInUp 300ms linear 900ms both;
  animation: fadeInUp 300ms linear 900ms both;
}

#main-slider .active .animation.animated-item-4 {
  -webkit-animation: fadeInUp 300ms linear 1200ms both;
  -moz-animation: fadeInUp 300ms linear 1200ms both;
  -o-animation: fadeInUp 300ms linear 1200ms both;
  -ms-animation: fadeInUp 300ms linear 1200ms both;
  animation: fadeInUp 300ms linear 1200ms both;
}





#middle {
  background: #f2f2f2;
}

.skill h2{
  margin-bottom: 25px;
}




.nav-tabs>li{
  margin-bottom: 0px;
  border-bottom: 1px solid #e6e6e6;
}

.nav-tabs{
  border-bottom: transparent;
  border-right: 1px solid #e6e6e6;
}

.nav-tabs>li>a {
  background: #f5f5f5;
  color: #666;
  border-radius: 0;
  border: 0 none;
  line-height: 24px;
  margin-right:0;
  padding: 13px 15px;
}

.nav-tabs li:last-child{
  border-bottom: 0 none;
} 

.nav-stacked>li+li{
  margin-top: 0;
}

.nav-tabs>li>a:hover{
  background: #1f1f20;
  color:#fff;
}

.nav-tabs>li.active>a, 
.nav-tabs>li.active>a:hover, 
.nav-tabs>li.active>a:focus {
  border: 0;
  color:#fff;
  background: #1f1f20;
  position: relative;
}

.nav-tabs>li.active>a:after {
  position: absolute;
  content:  "";
  width: auto;
  height: auto;
  border-style:solid;
  border-color: transparent transparent transparent #1f1f20;
  border-width: 25px 22px;
  right: -44px;
  top:0;
}

.tab-wrap{
  border:1px solid #e6e6e6;
  margin-bottom: 20px;
}

.tab-content{
  padding: 20px;
}

.tab-content h2{
  margin-top: 0;
}

.tab-content img{
  border-radius: 4px;
}

.testimonial h2{
  margin-top: 0;
}

.testimonial-inner {
  color:#858586;
  font-size: 14px;
}

.testimonial-inner .pull-left{
  border-right: 1px solid #e7e7e7;
  padding-right: 15px;
  position: relative;
}

.testimonial-inner .pull-left:after{
  content: "";
  position: absolute;
  width: 9px;
  height: 9px;
  top: 50%;
  margin-top: -5px;
  background: #FFF;
  -webkit-transform: rotate(45deg);
  border: 1px solid #e7e7e7;
  right: -5px;
  border-left: 0 none;
  border-bottom: 0 none;
}

/*等待删除 Partner*/
#partner {
/*  background: url(../images/partners/partner_bg.png) 50% 50% no-repeat;*/
background-color: #161616;
  background-size: cover;
}

#partner {
  color: #fff;
  text-align: center;
}

#partner h2, 
#partner h3 {
  color: #fff;
}

.partners ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.partners ul li{
  display: inline-block;
  float: left;
  width: 20%;
}
#partners-section{
  background: url(../image/partner_bg.jpg) 50% 50% no-repeat;
	background-color: #161616;
  background-size: cover;
  color: white;
}
#partners-section .container h2{color: white;}

#conatcat-info{
  background: #fff ;
  padding: 30px 0;
}
.contact-info img{margin-top: 15px;}
.contact-info i{
  width: 60px;
  height: 60px;
  font-size: 40px;
  line-height: 60px;
  color: black;
  text-align: center;
  border-radius: 10px;
}

.contact-info h2{
  margin-top: 0;
  color: #000;
}

.contact-info{
  color:#000;
}

/*************************
********* About Us Page CSS ******
**************************/

.about-us {
  margin-top: 110px;
  margin-bottom: -110px;
}

.about-us h2, 
.skill_text h2 {
  color:#4e4e4e;
  font-size: 30px;
  font-weight: 600;
}

.about-us p {
  color:#4e4e4e;
}

#carousel-slider {
  position: relative;
}

#carousel-slider .carousel-indicators {
  bottom: -25px;
}

#carousel-slider .carousel-indicators li {
  border: 1px solid #ffbd20;
}

#carousel-slider a i {
  border: 1px solid #777;
  border-radius:50%;
  font-size: 28px;
  height: 50px;
  padding: 8px;
  position: absolute;
  top: 50%;
  width: 50px;
  color:#777;
}

#carousel-slider a i:hover {
  background:#bfbfbf;
  color:#fff;
  border: 1px solid #bfbfbf;
}

#carousel-slider 
.carousel-control {
  width:inherit;
}

#carousel-slider .carousel-control.left i {
  left:-55px
}

#carousel-slider .carousel-control.right i {
  right: -55px;
}

#carousel-slider
.carousel-control.left, 
#carousel-slider
.carousel-control.right {
  background: none;
}

.skill_text {
  display: block;
  margin-bottom: 60px;
  margin-top: 25px;
  overflow: hidden;
}

.sinlge-skill {
  background:#f2f2f2;
  
  color: #FFFFFF;
  font-size: 22px;
  font-weight: bold;
  height: 200px;
  position: relative;
  width: 250px;
  text-transform: uppercase;
  overflow: hidden;
  margin: 30px 0;

}

/*.sinlge-skill p em {
  color: #FFFFFF;
  font-size: 38px;
}*/

.sinlge-skill p {
	font-size: 18px;
  line-height: 23px;
  padding: 10px;
  font-weight: 600;
  line-height: 25px;
}

.joomla-skill, 
.html-skill, 
.css-skill, 
.wp-skill {
  position: absolute;
  height: 100%;
  bottom: 0;
  width:100%;
  padding: 10px 10px;
  text-align: center;
}

.joomla-skill{
	background-color: #2e7ea4;
}


.html-skill {
  background-color: #6ba430; 

}

.css-skill {
  background: #ffbd21; 
}

.wp-skill {
  background: #db3717; 
}

.skill-wrap {
  display: block;
  overflow: hidden;
  margin: 60px 0;
}

.team h4 {
  margin-top: 0;
  text-transform: uppercase;
}

.team h5 {
  font-weight: 300;
}

.single-profile-top, 
.single-profile-bottom {
  font-weight: 400;
  line-height: 24px;
}

.single-profile-top, 
.single-profile-bottom  {
  border: 1px solid #ddd;
  padding: 15px;
  position: relative;
}

.media_image {
  margin-bottom: 10px;
}

.team .btn {
  background:transparent;
  font-size: 12px;
  font-weight: 300;
  margin-bottom: 3px;
  padding: 1px 5px;
  text-transform: uppercase;
  border:1px solid#ddd;
  margin-right: 3px;
}


ul.social_icons,
ul.tag {
  list-style: none;
  padding: 0;
  margin: 10px 0;
  display: block;
}

ul.social_icons li,
ul.tag li {
  display: inline-block;
  margin-right: 5px;
}

ul.social_icons li  a i{
  border-radius: 50%;
  color: #FFFFFF;
  height: 25px;
  line-height: 25px;
  font-size: 12px;
  padding: 0;
  text-align: center;
  width: 25px;
  opacity:.8;
}


.team .social_icons .fa-facebook:hover, 
.team .social_icons .fa-twitter:hover, 
.team .social_icons .fa-google-plus:hover {
  transform: rotate(360deg);
  -ms-transform:rotate(360deg);
  -webkit-transform:rotate(360deg); 
  transition-duration:2s;
  transition-property: all;
  transition-timing-function: ease;
  opacity:1;
  transition: all 0.9s ease 0s;
  -moz-transition: all 0.9s ease 0s;
  -webkit-transition: all 0.9s ease 0s;
  -o-transition: all 0.9s ease 0s;
}

.team .social_icons .fa-facebook {
  background: #0182c4;
}

.team .social_icons .fa-twitter {
  background: #20B8FF
}

.team .social_icons .fa-google-plus {
  background: #D34836
}


.team-bar .first-one-arrow {
  float: left;
  margin-right: 30px;
  width: 2%;
}

.team-bar .first-arrow {
  float: left;
  margin-left: 5px;
  margin-right: 35px;
  width: 22%;
}

.team-bar .second-arrow {
  float: left;
  margin-left: 5px;
  width: 21%;
}

.team-bar .third-arrow {
  float: left;
  margin-left: 40px;
  margin-right: 12px;
  width: 22%;
}

.team-bar .fourth-arrow {
  float: left;
  margin-left: 25px;
  width: 20%;
}

.team-bar .first-one-arrow hr {
  border-bottom: 1px solid #2D7DA4;
  border-top: 1px solid #2D7DA4;
 }

.team-bar .first-arrow hr {
  border-bottom: 1px solid #2D7DA4;
  border-top: 1px solid #2D7DA4;
 }

.team-bar .second-arrow hr {
  border-bottom: 1px solid #6aa42f;
  border-top: 1px solid #6aa42f;
}

.team-bar .third-arrow hr {
  border-bottom: 1px solid #FFBD20;
  border-top: 1px solid #FFBD20;

}

.team-bar .fourth-arrow hr {
  border-bottom: 1px solid #db3615;
  border-top: 1px solid #db3615;
}

.team-bar {
  margin-bottom: 15px;
  margin-top: 30px;
  position: relative;
}

.team-bar i {
  border-radius: 50%;
  color: #FFFFFF;
  display: block;
  height: 24px;
  line-height: 24px;
  margin-top: -32px;
  overflow: hidden;
  padding: 0;
  text-align: center;
  width: 24px;
  position: absolute;
}

.team-bar .first-arrow .fa-angle-up {
  background:#2D7DA4;
  margin-left:-33px
 }

.team-bar .second-arrow .fa-angle-down {
  background:#6AA42F;
  margin-left: -33px;
}

.team-bar .third-arrow .fa-angle-up {
  background:#FFBD20;
  margin-left: -32px;
}

.team-bar .fourth-arrow .fa-angle-down {
  background:#db3615;
  margin-left: -32px;
}

.team .single-profile-top:before, 
.team .single-profile-top:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
}

.team .single-profile-top:before {
  left:26px;
  bottom: -20px;
  border-width: 10px;
  border-color:#fff transparent transparent transparent;
  z-index: 1;
}


.team .single-profile-top:after {
  left: 25px;
  bottom: -22px;
  border-style: solid;
  border-width: 11px;
  border-color:#ddd transparent transparent transparent;
  z-index: 0;
}

.team .single-profile-bottom:before,
.team .single-profile-bottom:after {
  position: absolute;
  content:"";
  width: 0;
  height: 0;
  border-style: solid;
}

.team .single-profile-bottom:before {
  left:30px;
  top: -20px;
  border-width: 10px;
  border-color: transparent transparent #fff transparent;
  z-index: 1;
}

.team .single-profile-bottom:after {
  left: 29px;
  top: -22px;
  border-style: solid;
  border-width: 11px;
  border-color: transparent transparent #DDD transparent;
  z-index: 0;
}





/*************************
********* Portfolio CSS ******
**************************/

#portfolio_page {
  margin-top: 115px;
  padding-bottom: 0;
}

.portfolio-items, 
.portfolio-filter {
  list-style: none outside none;
  margin: 0 0 40px 0;
  padding: 0;
}
.portfolio-filter li a i{padding-right: 10px;}

.portfolio-filter > li {
  display: inline-block;
}

.portfolio-filter > li a {
  background: none repeat scroll 0 0 #FFFFFF;
  font-size: 16px;
  font-weight: 400;
  margin-right: 20px;
  text-transform: uppercase;
  transition: all 0.9s ease 0s;
  -moz-transition: all 0.9s ease 0s;
  -webkit-transition: all 0.9s ease 0s;
  -o-transition: all 0.9s ease 0s;
  border: 1px solid #F2F2F2;
  outline: none;
  border-radius: 3px;
}

.portfolio-filter > li a:hover,
.portfolio-filter > li a.active{
  color:#fff;
  background: #08ADF2;
  border: 1px solid #08ADF2;
  box-shadow: none;
  -webkit-box-shadow: none;
}

.portfolio-items > li {
  float: left;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.portfolio-item {
  margin: 0;
  padding:0;
}

/* Start: Recommended Isotope styles */
/**** Isotope Filtering ****/
.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/
.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  -ms-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
  -moz-transition-property: height, width;
  -ms-transition-property: height, width;
  -o-transition-property: height, width;
  transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform, opacity;
  -ms-transition-property: -ms-transform, opacity;
  -o-transition-property: -o-transform, opacity;
  transition-property: transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -ms-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}

/* End: Recommended Isotope styles */
/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
}



/***********************
********* Footer ******
************************/
#bottom {
	padding: 50px 0;
  background: #1b252e;
  border-bottom: 1px solid #495158;
  font-size: 14px;
}

#bottom h3 {
  margin-top: 0;
  margin-bottom: 25px;
  text-transform: uppercase;
  font-size:22px;
  color: #dcdcdc;
}

#bottom ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

#bottom ul li {
  display: block;
  padding: 5px 0;
  color: #dcdcdc;
  float: left;
}

#bottom ul li a {
  color: #dcdcdc;
}

#bottom ul li a:hover {
  color: #08ADF2;
}

#bottom .widget {
  margin-bottom: 0;
}
#bottom .shouye p{font-size: 14px;color: #dcdcdc;letter-spacing: 2px;word-break: break-all;padding: 3px;}
#footer {
  padding-top: 15px;
  padding-bottom: 15px;
  color: #495158;
  background: #1b252e;
}

#footer a {
  color: #fff;
}

#footer a:hover {
  color: #08ADF2;
}

#footer ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

#footer ul > li {
  display: inline-block;
  margin-left: 15px;
}

.paddingtop{
	padding-top: 89px;
}

#bottom .tabsite ul li{float: left;padding: 5px 10px 5px 0px;}
#bottom .tabsite ul li a{cursor:hand;cursor: pointer;font-weight: 800}
#bottom .tabsite ul li i{font-size: 20px;color: #909090;margin-left: 3px}
#bottom .show_adr ul li{padding: 5px 10px 5px 0px;}
#bottom .show_adr ul li i{font-size: 20px;color: #909090;}
#bottom .show_adr ul li strong{padding: 0px 10px; font-weight: normal;}
#bottom .tabsite ul li .cur{color: #08ADF2;}
#bottom .tabsite ul li a:hover{color: #08ADF2;}
#bottom .guanzhu .top {margin: 0;padding: 0;padding-bottom: 20px;}
#bottom .guanzhu .top div{margin: 0;padding: 0;}
#bottom .guanzhu ul li {font-size: 48px;text-align: center;color: white;}
#bottom .guanzhu ul li a{color: white;}
#bottom .guanzhu ul li:hover{animation: bottomScale 0.25s forwards;}
.logo_bot{margin:0px 0px 25px 5px;}

@keyframes bottomScale{
	0%{transform: scale(1) rotate(0);}
	100%{transform: scale(1.2) rotate(360deg);}
}


.pricing-page .nav-tabs>li>a{padding: 8px 15px;}
.pricing-page .nav-tabs>li.active>a:after{border-width:20px 22px}
.facebtn{width: 100px;height:40px;background-color: #08ADF2;color: white;display: inline-block;position: absolute;right: 10%;top: 50%;line-height: 40px;border-radius: 6px;}
.facebtn:hover{color: white;font-size: 16px;}
/***********************
********* 博客样式 ******
************************/
.archives_wrap li{width: 80%;height: 135px;overflow: hidden;border-bottom: 1px solid silver;}
.archives_wrap li .imgbox{width: 155px;height: 105px;float: left;}
.archives_wrap li .txtbox{;padding-left: 180px;}
.archives_wrap li .txtbox a{font-size: 22px;line-height: 40px;}
.archives_wrap li .txtbox a:hover{color: #08ADF2;text-decoration: underline;}
.archives_wrap li .txtbox p{width: 100%;height: 60px;text-overflow: ellipsis;line-height: 20px;}

#archivesItem .letters li{padding-bottom: 40px;}
#archivesItem .letters h3{font-size: 23px;color: ##4e4e4e;font-weight: bold;}
#archivesItem .letters p{padding-top: 20px;font-size: 16px;}
#archivesItem  span{width: 80%;display: block;margin: 0 auto;color: silver;}

/***********************
********* 预设样式 ******
************************/
.img-pading-t-b{padding: 30px 0;}
.padding0{padding: 0;}
.per-100-margin{width: 100%;margin: 0 auto;}
.img-center{margin: 0 auto;}
.text-deal{
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    word-break: break-all; 
}
/*垂直居中*/
.center-vertical{

		position: relative;

		top: 50%;

		transform: translateY(-50%);

	} 
/***********************
********* AboutUs ******
************************/
.AboutUsMain,.solution_main,.media-sec{padding: 50px 0;}
.AboutUsMain{padding-bottom: 0;}
.side-ul{padding: 0;}
.about_wrap .title h2{font-size: 36px;line-height: 32px;margin: 0;padding: 0;}
.about_wrap .title p{font-size: 16px;line-height: 26px;padding-top: 30px;}
.sideMenu{ margin-top: 30px;}
.sideMenu h3{ height:32px; line-height:32px; cursor:pointer;margin: 0;color: white;background-color: #08084f;width: 12%;text-align: center;}
.sideMenu h3 i{margin-right: 5px;}
.sideMenu h3 em{ float:right; display:block; width:40px; height:32px;   background:url(../image/icoAdd.png) 16px 12px no-repeat; cursor:pointer; }
.sideMenu h3.on em{ background-position:16px -57px; }
.sideMenu ul{ padding:8px 25px;  display:none; /* 默认都隐藏 */ }
.sideMenu ul li{margin-top: 10px;}
.about_wrap .touxiang{padding-top: 50px;}
.about_wrap .touxiang h5{text-align: center;font-size: 22px;color: #39689c;}
.about_wrap .touxiang h6{text-align: center;font-size: 16px;font-weight: normal;color: #39689c;}
.about_wrap .touxiang p{text-indent: 30px;}

.side-ul li{font-size: 16px;line-height: 30px;color: #7e7e7f;cursor: pointer;}
.side-ul li.active{color: #3b6ca2;}
		

		
.about_wrap .center h2{margin-top: 100px;}
.about_wrap .dashiji{min-height: 400px;margin-top: 00px;}
.about_wrap .dashiji ul{padding: 0;position: relative;position: relative;height: 158px;}
.about_wrap .dashiji ul li{width: 147px;height: 158px;background-image: url(../image/circle-l.png);text-align: center;	float: left;z-index: 2;position: relative;margin-left: 4%;cursor: pointer;}
.about_wrap .dashiji ul li strong{position: absolute;left: 56px;top: 120px;}
.about_wrap .dashiji ul li span{line-height: 147px;font-size: 22px;position: absolute;z-index: 1;left: 49px;color: #3b6ca2;font-weight: bold;font-weight: bolder;}
.about_wrap .dashiji ul li img{position: absolute;left: 0;}
.about_wrap .dashiji ul li div{display: none;}
.about_wrap .dashiji ul .showDis div{display: block;}
.about_wrap .dashiji ul li div p{padding-top: 190px;color: #3b6ca2;}
.about_wrap .dashiji ul li div p i{margin-right: 5px;}
.about_wrap .dashiji ul li:hover div{display: block;}
.about_wrap .dashiji ul:before{
    content:"";
    width:100%;
    height:1px;
   background-color:#959595;
   position:absolute;
   bottom:50%;
   left:0;
}
        
.about-fuwu-item .img{width: 200px; margin: 0 auto;text-align: center;}
.about-fuwu-item .img img{width: 100%;}
.about-fuwu-text p{font-size: 16px;text-align: center;margin-top: 30px;}

.show_box_3 .row{min-height: 350px;padding: 50px 0;}
.show_box_3 .txt-box{color: #656565;padding-top: 60px;}
.show_box_3 .txt-box h3{color: #3b6ca2;font-size: 22px;}
.show_box_3 .txt-box p{font-size: 14px;}
.show_box_4 .row{padding-bottom: 30px;}
.show_box_4 .txt-box{background-color: #f3f3f3;min-height: 256px;}
.show_box_4 .txt-box h3{color: #000;font-weight: bold;font-size: 18px;line-height: 30px;}

.show_box_4 .zhaopin_biaoti li{border-bottom: 6px transparent solid;text-align: center;color: #a4a4a5;font-size: 28px;line-height: 46px;padding: 0;margin: 0;padding-bottom: 6px;cursor: pointer;}
.show_box_4 .zhaopin_biaoti li.liactive{border-bottom: 6px #39689c solid;color: #39689c;padding: 0;}
.show_box_4 .zhaopin_biaoti li:hover{color: #39689c;}
.show_box_4 .zhaopin_neirong ul li{font-size: 16px;line-height: 26px;opacity: 0.2;}
.show_box_4 .zhaopin_neirong ul li:nth-child(1){opacity: 1;}
.show_box_4 .s_icon {font-size: 20px;padding-top: 30px;}
.show_box_4 .s_icon i{margin-right: 10px;}
.show_box_4 .zhaopin_biaoti li:before{
    content:"";
    width:100%;
    height:1px;
   background-color:#959595;
   position:absolute;
   bottom:0;
   left:0;
}		
.zhaopin_pingtai strong{font-size: 20px;}
.zhaopin_pingtai a{margin-right: 10px;}

 #about_sideBar{position: relative}
#about_sideBar .col-md-1{position: absolute;left: -100px;}
/***********************
********* media ******
************************/
.jsw_box{width:1100px;height:215px;margin:0 auto;position:relative;background-color: #39689c;padding: 30px 0px 50px 2% ;}
.jsw_box ul{position:relative;height:200px;}
.jsw_box li{position:absolute;width:0;height:0;z-index:0;cursor:pointer;overflow:hidden;top:152px;left:10px;}
.jsw_box li img{width:100%;;vertical-align:top;float:left;}
.jsw_box .prev, .jsw_box .next{display:none;}

	
	
.jsw_box ul:before{
	content:"";
	height: 0px;
	width: 0px;
	background-color:#transparent;
	position:absolute;
	border-left: 20px solid transparent; 
	border-right: 20px solid transparent; 
	border-bottom: 30px solid #fff;  
	top:155px;
	left:50%;
	margin-left: -40px;
}
.jsw_box ul .shadowMask:before{
	content:"";
	height: 100%;
	width: 100%;
	background-color:black;
	position:absolute;
	top:0;
	left:0px;
	opacity: 0.4;
}	
.show_box_inbox .text,.show_box_inbox2 .text{padding-top: 50px;}
.show_box_inbox .text h3,.show_box_inbox2 .text h3{color: black;font-size: 18px;}	
.show_box_inbox .text p,.show_box_inbox2 .text p{color: #7f7f7f;}
.show_box_inbox .part2,.show_box_inbox2 .part2{padding-top: 50px;}
.show_box_inbox .part2 div div,.show_box_inbox2 .part2 div div{background: #39689c;width: 160px;height: 150px;border-radius: 20px;color: white;margin:0 auto ;}
.show_box_inbox .part2 p,.show_box_inbox2 .part2 p{line-height: 30px;padding-top: 30px;font-size: 16px;}
.show_box_inbox .part2 h6,.show_box_inbox2 .part2 h6{font-size: 40px;color: white;font-family: simhei;font-weight: normal;}
.show_box_inbox .part3 h2,.show_box_inbox2 .part3 h2{line-height: 80px;padding-top: 50px;}
.show_box_inbox .part3 .col-md-2 p,.show_box_inbox2 .part3 .col-md-2 p{line-height: 40px;}
.show_box_inbox .part4 p,.show_box_inbox2 .part4 p{line-height: 50px;}
.show_box_inbox .p_top,.show_box_inbox2 .p_top{line-height: 80px;}
.show_box_inbox .special h4,.show_box_inbox2 .special h4{font-size: 25px;color: white;line-height: 35px;}
.show_box_inbox .special h4:nth-child(1),.show_box_inbox2 .special h4:nth-child(1){padding-top: 30px;}
 .padding_top_70px{padding-top: 50px!important;}

/*******************************
********* Solution 解决方案 ******
********************************/
.solution_wrap .title{text-align: center;}
.solution_wrap .title .title-single{padding-bottom: 20px;}
.solution_wrap .title h3{font-size: 28px;padding-bottom: 40px;color: black;font-weight: normal;}
.solution_wrap .title p{}
.solution_wrap .title h4:before{
	content:"";
	height: 0px;
	width: 0px;
	background-color:#transparent;
	position:absolute;
	border-left: 12px solid transparent; 
	border-right: 12px solid transparent; 
	border-top: 16px solid #3366ff;  
	left:50%;
	margin-left: -12px;
}
.solution_wrap .jiantou1 h4:before{top:45px;}
.solution_wrap .jiantou2 h4:before{top:95px;}
.solution_wrap .jiantou3 h4:before{top:90%;}
.solution_wrap .jiantou4 h4:before{top:45px;}

.solution_banner{width: 100%;height:100%;/*background-image: url(../images/solution-pic/appbianxian1.jpg);background-repeat: no-repeat;background-size: 100% 100%;*/}
/*.solution_banner.solution_banner2{background-image: url(../images/solution-pic/dianshangchuhai1.jpg);}
.solution_banner.solution_banner3{background-image: url(../images/solution-pic/wenlvxuanchuan1.jpg));}
.solution_banner.solution_banner4{background-image: url(../images/solution-pic/game-slg.jpg);}
.solution_banner.solution_banner5{background-image: url(../images/solution-pic/game-xiuxian.jpg));}*/
.solution_wrap .peitao{padding: 50px 0px;text-align: center}
.solution_wrap .peitao h4{font-size: 18px;line-height: 40px;font-weight: 100;}
.solution_wrap .peitao img{margin: 0 auto;}
.solution_wrap .jingcaianli{padding-top: 50px;}
.solution_wrap .box h5{line-height: 25px;font-size: 22px;font-weight: normal;}
.solution_wrap .box1{padding: 20px 0px;} 
.solution_wrap .box2{min-height: 120px;}
/*.solution_wrap .box.box3{background-color: #161c2c;}*/
.solution_wrap .box.box4{padding-bottom: 10px;}
.solution_wrap .box.box3 .box_left{color: #333;}
.solution_wrap .box.box3 .box_right{color: #333;padding-bottom: 20px;}
.solution_wrap .box .box_left{line-height: 120px;font-size: 22px;color: #333;}
.solution_wrap .box .box_right{padding-top: 50px;}
.solution_wrap .border_none{border: none !important;}

.lishi_logo{padding: 90px 0px;}
.lishi_logo .title{padding-bottom: 60px;}

.solution_wrap .game .clickbox{padding: 30px 0px;background-color: #ffd777;}
.solution_wrap .game .clickbox2{background-color: #333;}
.solution_wrap .game .clickbox h3{font-size: 22px;color: white;font-weight: bolder;text-align: center;}
.solution_wrap .game .clickbox a{width: 130px;height: 35px;background-color: white;color: #ffd777;display: block;text-align: center;line-height: 35px;font-size: 16px;margin: 0 auto;}
.solution_wrap .game .clickbox a:hover{background-color: #3b6ca2;border-radius: 10px;}
.solution_wrap .game .clickbox.clickbox2 a:hover{background-color: #ffd777;}
.solution_wrap .game .clickbox.clickbox2 a{color: #333;}
.solution_wrap .game .clickbox img{margin: 0 auto;width: 200px;display: block;}
.solution_wrap .game .clickbox .text{padding: 80px 0px 20px 0px;}




.case-banner-wrap{ height: 540px; background-color: #465268;}
.case-banner{background-position:95% bottom; background-repeat: no-repeat;background-size:55%;width: 100%;height: 500px;display: block !important;background-image:url(../image/banner.png);letter-spacing:1px}
.case-banner h1{font-size: 26px;color: #fff;line-height: 30px;padding-top: 120px;}
.case-banner h5{font-size: 16px;color: #fff;line-height: 30px;}
.case-banner p{font-size: 16px;color: white;line-height: 30px;background-color: #434f5e;width: 228px;padding: 5px 8px;margin-top: 38px;}
.case-wrap .case-box{height: 100%;margin-bottom: 50px;}
.case-wrap .case-box .col-sm-6{min-height: 282px;}
.case-wrap .case-box .logo{padding: 0;}
.case-wrap .case-box h3{font-size: 22px;color: black;line-height: 60px;padding-top: 50px;}
.case-wrap .case-box a.dianji{position: absolute;bottom: 15px;}
.case-wrap .case-box p{letter-spacing: 1px;}

.case-wrap-page .box {min-height: 120px;padding: 20px 0px;}
.case-wrap-page .box h5{line-height: 25px;font-size: 22px;font-weight: normal;padding: 10px 0px;}
.case-wrap-page .box0{padding-top: 30px;}
/*.case-wrap-page .box1{background-color: #f9f9f9;} */
.case-wrap-page .box.box3{background-color: #6699cc;}
.case-wrap-page .box.box3 .box_left{color: white;font-size: 18px;}
.case-wrap-page .box.box3 .box_right{color: #fff;padding-bottom: 20px;}
.case-wrap-page .box .box_left{line-height: 50px;font-size: 20px;color: #333;padding-top: 25px;}
.case-wrap-page .box .box_right{padding-top: 35px;}
.case-wrap-page .border_none{border: none !important;}
.case-wrap-page .anli{padding-bottom: 80px;}
.case-wrap-page .anli h2{line-height: 80px;font-size: 22px;font-weight: normal;letter-spacing: 1px;padding-top: 20px;}
.case-wrap-page .lishi_logo{padding: 90px 0px;}
.case-wrap-page .lishi_logo .title{padding-bottom: 60px;}
.case-wrap-page .anli-text{background-color: #f9f9f9;padding: 50px 0px;}
.case-wrap-page .anli-text h4{color: #393939;font-weight: normal;letter-spacing: 0px;font-size: 20px;line-height: 30px}
.case-wrap-page .anli-text a{font-size: 18px;background-color: #434f5e;color: white;padding: 5px 30px;border-radius: 5px;}




/*服务项目*/
    	.fuwu-item span,.fuwu-item strong,.fuwu-item i{line-height: 140px;display: inline-block;float: left;color: #616161;font-size: 30px;}
    	.fuwu-item strong{margin-left: 15px;}
    	.fuwu-item i{margin: 0px 15px 0px 60px;}
    	.fuwu-item .linebox{display: inline-block;border: 10px solid;border-color: #f35192;border-radius: 75px;padding: 10px;width: 550px;height: 140px;position: relative;margin-bottom: 35px;cursor: pointer;}
    	.fuwu-item .linebox:before{content: ""; position: absolute;width: 40px;height: 40px;border:6px solid;border-color: #f35192;left: -220px;top: 50%;margin-top: -20px;border-radius:50%;background-color: white;}
    	.fuwu-item .linebox img{height: 100px;width: 100px;}
    	.fuwu-item .linebox div{float: left;}
    	.fuwu-item .linebox .right{padding-left: 20px;}
    	.fuwu-item .linebox .right h5{font-size: 24px;font-weight: 600;font-family: simhei;letter-spacing: 1px;}
    	.fuwu-item .linebox .right p{font-size: 18px;color: #565656;width: 360px;}
    	.fuwu-item ul{position: relative;width: 960px;margin: 0px auto;}    
    	.fuwu-item ul:before{content: ""; position: absolute;width: 7px;height: 1242px;background-color: #f35192;left: 185px;top: 88px;}
    	.fuwu-item li:nth-child(2) .linebox{border-color: #f94c14;}
    	.fuwu-item li:nth-child(2) .linebox:before{border-color: #f94c14;}
    	.fuwu-item li:nth-child(3) .linebox{border-color: #ffb13f;}
    	.fuwu-item li:nth-child(3) .linebox:before{border-color: #ffb13f;}
    	.fuwu-item li:nth-child(4) .linebox{border-color: #f5e243;}
    	.fuwu-item li:nth-child(4) .linebox:before{border-color: #f5e243;}
    	.fuwu-item li:nth-child(5) .linebox{border-color: #8dc442;}
    	.fuwu-item li:nth-child(5) .linebox:before{border-color: #8dc442;}
    	.fuwu-item li:nth-child(6) .linebox{border-color: #029fc0;}
    	.fuwu-item li:nth-child(6) .linebox:before{border-color: #029fc0;}
    	.fuwu-item li:nth-child(7) .linebox{border-color: #1c7ac8;}
    	.fuwu-item li:nth-child(7) .linebox:before{border-color: #1c7ac8;}
    	.fuwu-item li:nth-child(8) .linebox{border-color: #004986;}
    	.fuwu-item li:nth-child(8) .linebox:before{border-color: #004986;}
    	
    	.show_detail{width: 100%;height: 100%;position: fixed;left: 0;top: 0;background-color: rgba(0,0,0,0.6);z-index: 5;}
    	
    	.show_detail .detail_inner{width: 950px;min-height: 60%;background-color:#2d4454;margin:10% auto;padding: 30px 20px 60px 0px;position: relative;max-width: 950px}
    	.close_button{width: 30px;height: 30px;position: absolute;right: 5px;top: 10px;color: white;font-size: 30px;cursor: pointer;}
    	.show_detail .detail_inner div.col-xs-10{float: left;}
    	.show_detail .detail_inner img{margin: 0 auto;}
    	.show_detail .detail_inner h3{font-size:26px;color: white;padding-bottom: 20px;}
    	.show_detail .detail_inner .timu p{color: white;font-size: 16px;line-height: 24px;padding-top: 5px;float: left;}
    	.show_detail .detail_inner .timu .pone{width: 25%;text-align: right;}
    	.show_detail .detail_inner .timu .ptwo{width: 75%;}
    	.show_detail_black .detail_inner .timu p,.show_detail_black .detail_inner h3{color: #2c4353}
    	

.padding_bot_0{padding-bottom: 0px !important;}


.app{background-color: #3366ff;
    width: 15%;
    height: 40px;
    line-height: 40px;
    color: white;
    margin: 0 auto;
    font-weight: 100;}

.solution_wrap .show_box .appdiv{height: 100%;border-radius: 0px;width: 100%;border: 1px solid #dcdcdc;text-align: center;border-radius: 8px;box-shadow: #666 0px 0px 10px;background: white;color:#666}
.solution_wrap .show_box .appdiv .appdiv-p1{font-size:14px;}
.solution_wrap .show_box .appdiv .appdiv-p2{font-size:11px;padding-left: 35px;padding-right: 35px;padding-bottom: 30px;}

.solution_wrap .show_box .appdiv .appdiv-solid{
    width: 55px;
    height: 5px;
    color: white;
    margin: 0 auto;
}


/*#bottom .container{margin-left: 35%;}*/
#bottom .container li.bb{margin-left: 22%;}
@media(max-width: 767px) {
  /*#bottom .container{margin-left: 0%;}*/
  #bottom .container .row{width: 100%;margin-left: -40%;}
  #bottom .container .fa{margin-left: 10px;}
  #bottom .container li.bb{margin-left: 0;}
  #bottom .container li.bb2{margin: 0 auto;}
  #footer .text-center{margin-left:0%;}
  #bottom ul li{float: inherit;}
  #bottom{display:none;}
}

@media(max-width: 1440px) {
  /*#bottom .container{margin-left: 15%;}*/
}

@media(max-width: 1920px) {
  /*#bottom .container{margin-left: 30%;}*/
}


#indexPart2 .img .appdiv{height: 100%;border-radius: 0px;width: 355px;border: 1px solid #dcdcdc;text-align: center;border-radius: 0px;box-shadow: #666 0px 0px 5px;background: white;color:#666}
#indexPart2 .img .appdiv .appdiv-p1{font-size:14px;}
#indexPart2 .img .appdiv .appdiv-p2{font-size:11px;padding-left: 35px;padding-right: 35px;padding-bottom: 30px;}


#indexPart3 .img .appdiv{height: 100%;border-radius: 0px;width: 355px;border: 1px solid #dcdcdc;text-align: center;border-radius: 0px;box-shadow: #666 0px 0px 5px;background: white;color:#666}
#indexPart3 .img .appdiv .appdiv-p1{font-size:14px;}
#indexPart3 .img .appdiv .appdiv-p2{font-size:11px;padding-left: 35px;padding-right: 35px;padding-bottom: 30px;}

.foo{display: inline-block;margin-left: -30px;}
.foo a{color:white;margin-left: 60px;font-size:18px;}