@charset "utf-8";

/* CSS Document */





.index_box{padding-top:210px; min-height:400px;text-align:center; background:url(../images/index1_06.png) no-repeat center 240px;}
.index{display:inline-block;}
.index_logo{margin:0 auto 100px auto; width:169px; }

.index_slgon{ text-align:center; font-size:42px;letter-spacing:20px; margin-bottom:80px; }

.index_slgon b{color:#bf0008;}

.index_nav ul li{ text-align:center; display:inline-block; font-size:23px; margin-left:38px; margin-right:38px;}

.index_nav{text-align:center;}

.index_nav ul li a{padding: 1em 0 1.5em 0;}

.index_nav ul li a:hover{font-weight:bold;}

.team .index_footer{position: relative;bottom: -20px;}

.index_footer{padding:20px 0; margin-top:110px;background:#000000; width:100%; color:#666; text-align:center;}
.home_footer{padding:20px 0; position:absolute; bottom:0;background:#000000; width:100%; color:#666; text-align:center;}

/* Underline From Center */

.hvr-underline-from-center {

  display: inline-block;

  vertical-align: middle;

  -webkit-transform: perspective(1px) translateZ(0);

  transform: perspective(1px) translateZ(0);

  box-shadow: 0 0 1px rgba(0, 0, 0, 0);

  position: relative;

  overflow: hidden;

}

.hvr-underline-from-center:before {

  content: "";

  position: absolute;

  z-index: -1;

  left: 51%;

  right: 51%;

  bottom: 0px;

  background: #bf0008;

  height: 4px;

  -webkit-transition-property: left, right;

  transition-property: left, right;

  -webkit-transition-duration: 0.3s;

  transition-duration: 0.3s;

  -webkit-transition-timing-function: ease-out;

  transition-timing-function: ease-out;

}

.hvr-underline-from-center:hover:before, .hvr-underline-from-center:focus:before, .hvr-underline-from-center:active:before {

  left: 0px;

  right: 0px;

}

/* Icon Forward */

.hvr-icon-forward {

  display: inline-block;

  vertical-align: middle;

  -webkit-transform: perspective(1px) translateZ(0);

  transform: perspective(1px) translateZ(0);

  box-shadow: 0 0 1px rgba(0, 0, 0, 0);

  -webkit-transition-duration: 0.1s;

  transition-duration: 0.1s;

}

.hvr-icon-forward .hvr-icon {

  -webkit-transform: translateZ(0);

  transform: translateZ(0);

  -webkit-transition-duration: 0.1s;

  transition-duration: 0.1s;

  -webkit-transition-property: transform;

  transition-property: transform;

  -webkit-transition-timing-function: ease-out;

  transition-timing-function: ease-out;

}

.hvr-icon-forward:hover .hvr-icon, .hvr-icon-forward:focus .hvr-icon, .hvr-icon-forward:active .hvr-icon {

  -webkit-transform: translateX(4px);

  transform: translateX(4px);

}

/* Icon Forward */

@mixin icon-forward {

	@include hacks();

	@include prefixed(transition-duration, $fastDuration);



	.hvr-icon {

		@include prefixed(transform, translateZ(0));

		@include prefixed(transition-duration, $fastDuration);

		@include prefixed(transition-property, transform);

		@include prefixed(transition-timing-function, ease-out);

	}



	&:hover,

	&:focus,

	&:active {



		.hvr-icon {

			@include prefixed(transform, translateX(4px));

		}

	}

}

.fa {

    display: inline-block;

    font: normal normal normal 14px/1 FontAwesome;

    font-size: inherit;

    text-rendering: auto;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

}

/* Icon Float Away */

@-webkit-keyframes hvr-icon-float-away {

  0% {

    opacity: 1;

  }

  100% {

    opacity: 0;

    -webkit-transform: translateY(-1em);

    transform: translateY(-1em);

  }

}

@keyframes hvr-icon-float-away {

  0% {

    opacity: 1;

  }

  100% {

    opacity: 0;

    -webkit-transform: translateY(-1em);

    transform: translateY(-1em);

  }

}

/* Icon Float */

.hvr-icon-float {

  display: inline-block;

  vertical-align: middle;

  -webkit-transform: perspective(1px) translateZ(0);

  transform: perspective(1px) translateZ(0);

  box-shadow: 0 0 1px rgba(0, 0, 0, 0);

  -webkit-transition-duration: 0.3s;

  transition-duration: 0.3s;

}

.hvr-icon-float .hvr-icon {

  -webkit-transform: translateZ(0);

  transform: translateZ(0);

  -webkit-transition-duration: 0.3s;

  transition-duration: 0.3s;

  -webkit-transition-property: transform;

  transition-property: transform;

  -webkit-transition-timing-function: ease-out;

  transition-timing-function: ease-out;

}

.hvr-icon-float:hover .hvr-icon, .hvr-icon-float:focus .hvr-icon, .hvr-icon-float:active .hvr-icon {

  -webkit-transform: translateY(-8px);

  transform: translateY(-8px);

}

/* Icon Float */

@mixin icon-float {

	@include hacks();

	@include prefixed(transition-duration, $mediumDuration);



	.hvr-icon {

		@include prefixed(transform, translateZ(0));

		@include prefixed(transition-duration, $mediumDuration);

		@include prefixed(transition-property, transform);

		@include prefixed(transition-timing-function, ease-out);

	}



	&:hover,

	&:focus,

	&:active {



		.hvr-icon {

			@include prefixed(transform, translateY(-8px));

		}

	}

}

/* Reveal */

.hvr-reveal {

  display: inline-block;

  vertical-align: middle;

  -webkit-transform: perspective(1px) translateZ(0);

  transform: perspective(1px) translateZ(0);

  box-shadow: 0 0 1px rgba(0, 0, 0, 0);

  position: relative;

  overflow: hidden;

}

.hvr-reveal:before {

  content: "";

  position: absolute;

  z-index: -1;

  left: 0;

  right: 0;

  top: 0;

  bottom: 0;

  border-color: #bf0008;

  border-style: solid;

  border-width: 0;

  -webkit-transition-property: border-width;

  transition-property: border-width;

  -webkit-transition-duration: 0.1s;

  transition-duration: 0.1s;

  -webkit-transition-timing-function: ease-out;

  transition-timing-function: ease-out;

}

.hvr-reveal:hover:before, .hvr-reveal:focus:before, .hvr-reveal:active:before {

  -webkit-transform: translateY(0);

  transform: translateY(0);

  border-width: 1px;

}

/* Icon Sink */

.hvr-icon-sink {

  display: inline-block;

  vertical-align: middle;

  -webkit-transform: perspective(1px) translateZ(0);

  transform: perspective(1px) translateZ(0);

  box-shadow: 0 0 1px rgba(0, 0, 0, 0);

  -webkit-transition-duration: 0.3s;

  transition-duration: 0.3s;

}

.hvr-icon-sink .hvr-icon {

  -webkit-transform: translateZ(0);

  transform: translateZ(0);

  -webkit-transition-duration: 0.3s;

  transition-duration: 0.3s;

  -webkit-transition-property: transform;

  transition-property: transform;

  -webkit-transition-timing-function: ease-out;

  transition-timing-function: ease-out;

}

.hvr-icon-sink:hover .hvr-icon, .hvr-icon-sink:focus .hvr-icon, .hvr-icon-sink:active .hvr-icon {

  -webkit-transform: translateY(4px);

  transform: translateY(4px);

}

/* Overline From Left */

.hvr-overline-from-left {

  display: inline-block;

  vertical-align: middle;

  -webkit-transform: perspective(1px) translateZ(0);

  transform: perspective(1px) translateZ(0);

  box-shadow: 0 0 1px rgba(0, 0, 0, 0);

  position: relative;

  overflow: hidden;

}

.hvr-overline-from-left:before {

  content: "";

  position: absolute;

  z-index: -1;

  left: 0;

  right: 100%;

  top: 0;

  background: #bf0008;

  height: 8px;

  -webkit-transition-property: right;

  transition-property: right;

  -webkit-transition-duration: 0.3s;

  transition-duration: 0.3s;

  -webkit-transition-timing-function: ease-out;

  transition-timing-function: ease-out;

}

.hvr-overline-from-left:hover:before, .hvr-overline-from-left:focus:before, .hvr-overline-from-left:active:before {

  right: 0;

}

/* Glow */

.hvr-glow {

  display: inline-block;

  vertical-align: middle;

  -webkit-transform: perspective(1px) translateZ(0);

  transform: perspective(1px) translateZ(0);

  box-shadow: 0 0 1px rgba(0, 0, 0, 0);

  -webkit-transition-duration: 0.3s;

  transition-duration: 0.3s;

  -webkit-transition-property: box-shadow;

  transition-property: box-shadow;

}

.hvr-glow:hover, .hvr-glow:focus, .hvr-glow:active {

  box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);

}



/* Shadow */

.hvr-shadow {

  display: inline-block;

  vertical-align: middle;

  -webkit-transform: perspective(1px) translateZ(0);

  transform: perspective(1px) translateZ(0);

  box-shadow: 0 0 1px rgba(0, 0, 0, 0);

  -webkit-transition-duration: 0.3s;

  transition-duration: 0.3s;

  -webkit-transition-property: box-shadow;

  transition-property: box-shadow;

}

.hvr-shadow:hover, .hvr-shadow:focus, .hvr-shadow:active {

  box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);

}

/* Outline Out */

.hvr-outline-out {

  display: inline-block;

  vertical-align: middle;

  -webkit-transform: perspective(1px) translateZ(0);

  transform: perspective(1px) translateZ(0);

  box-shadow: 0 0 1px rgba(0, 0, 0, 0);

  position: relative;

}

.hvr-outline-out:before {

  content: '';

  position: absolute;

  border: #f9f9f9 solid 4px;

  border-radius:50%; 

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  -webkit-transition-duration: 0.3s;

  transition-duration: 0.3s;

  -webkit-transition-property: top, right, bottom, left;

  transition-property: top, right, bottom, left;

}

.hvr-outline-out:hover:before, .hvr-outline-out:focus:before, .hvr-outline-out:active:before {

  top: -8px;

  right: -8px;

  bottom: -8px;

  left: -8px;

}

/* Ripple Out */

@-webkit-keyframes hvr-ripple-out {

  100% {

    top: -12px;

    right: -12px;

    bottom: -12px;

    left: -12px;

    opacity: 0;

  }

}

@keyframes hvr-ripple-out {

  100% {

    top: -12px;

    right: -12px;

    bottom: -12px;

    left: -12px;

    opacity: 0;

  }

}

.hvr-ripple-out {

  display: inline-block;

  vertical-align: middle;

  -webkit-transform: perspective(1px) translateZ(0);

  transform: perspective(1px) translateZ(0);

  box-shadow: 0 0 1px rgba(0, 0, 0, 0);

  position: relative;

}

.hvr-ripple-out:before {

  content: '';

  position: absolute;

  border:1px #efefef solid;border-radius:8px;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  -webkit-animation-duration: 1s;

  animation-duration: 1s;

}

.hvr-ripple-out:hover:before, .hvr-ripple-out:focus:before, .hvr-ripple-out:active:before {

  -webkit-animation-name: hvr-ripple-out;

  animation-name: hvr-ripple-out;

}





.topbg{background:#f3f3f3; padding: 1% 10%; height:49px; line-height:49px;}

.back,.back i{font-size:18px;}

.inner_box{padding-top:110px;}

.inner_title{font-size:24px; font-weight:bold;}
.main .inner_title b{border-bottom:3px #bf0008 solid; padding-bottom:20px;}
.main .inner_title:after {

    content: '';

    display: block;

    width: 0;

    height: 3px;

    background: #bf0008;

    margin-top: 22px;

}

.inner_title{margin-bottom:60px;}

.about_cont h3{font-size:20px; margin-bottom:1%;}

.about_cont{ color:#333;padding:0 10%;}
.about{padding:0 10%; }

.back a:hover{font-weight:bold;}

.service_cont ul li a{min-height:260px; display:inline-block;}

.service_cont ul li:hover{border:2px #bf0008 solid;}

.service_cont ul li{width:215px; overflow:hidden; padding:85px 50px; float:left;border:2px #efefef solid; border-radius:8px; text-align:center; min-height:230px;}

.service_cont ul li h3{margin-top:25px; margin-bottom:30px; font-size:20px;}

.service_cont ul li i{text-align:center; font-size:75px; color: #bf0008 ;}

.service_cont ul li:nth-child(2) i{font-size:80px;} 

.service_cont ul li:nth-child(3) i{font-size:90px;} 

.service_cont ul li p{text-align:left; color:#999; line-height:26px; }

.service_cont ul li:nth-child(2){ margin-left:21px; margin-right:21px;}

.contact_cont{background:#f6f6f6; min-height:250px; overflow:hidden; border-radius:8px; padding:60px 0 40px 180px; font-size:16px; line-height:55px; position:relative;}

.contact_left i{ font-size:25px; margin-right:2%;}

.contact_left{ width:100%;}

.contact_right i{font-size:300px; color:#f1f1f1; position:absolute; right:0; bottom:110px;}
.team_cont,.team{padding-left:5%; padding-right:5%;}

.team_cont ul li{padding:40px 90px; background:#f9f9f9; margin-bottom:2%;}
.team_cont ul li:last-child{ margin-bottom:0%;}
.team_cont ul li:last-child h3{height:0;margin-bottom:0px;}
.team_cont ul li:last-child h3:after{margin-top: 0px;}

.team_cont ul li p{color:#666; }

.team_cont ul li h3{font-size:24px; margin-bottom:20px;}

.team_cont ul li h3:after {

    content: '';

    display: block;

    width: 25px;

   

    background: #bf0008;

    margin-top: 20px;

}

.team_cont_bottom{background:#f9f9f9; padding:55px 215px; text-align:center; font-size:15px; line-height:2em; margin-bottom:1%;color: #666;}

.show_cont{background:#fff; border:1px #efefef solid;border-radius:8px; padding:80px 0px 0px 180px;}

.show_cont ul{padding-right:180px;float:left; margin-bottom:6%;}

.show_cont ul li{text-align:center; float:left;}

.show_cont .ico{background:#ededed;border-radius:50%; width:132px; height:132px; text-align:center; margin:0 auto;position: relative; }

.show_cont .ico img{position: absolute;top:50%; left:50%;transform: translate(-50%,-50%);}

.show_cont h3{font-size:36px; color:#bf0008; margin-top:25px; margin-bottom:22px;}

.show_cont p{font-size:20px;}

.show_cont ul li:nth-child(2){margin-left:126px; margin-right:126px;}

.show_cont_bottom{text-align:right;color:#d4d4d4; font-size:16px; padding-right:30px; margin-bottom:2%;}

@media only screen and (max-width:1024px){

	.wrap{width:900px;}

	.show_cont{padding:80px 0px 0px 60px;}

	.inner_box{padding-top:60px;position: relative; padding-bottom: 160px;}

	.topbg{padding:2% 3%;}
	.about,.about_cont,.team,.team_cont{padding: 0% 10%;}

	.service_cont ul li{padding: 85px 32px;}

}