/*
 * Sept - Free Bootstrap 3 Theme/Landing page
 * Author: CantoThemes
 * License: Attribution-NonCommercial CC BY-NC 
 * License URL: https://creativecommons.org/licenses/by-nc/4.0/
 * 
 * -------------------------------------------------------------------
 * This theme under "Attribution-NonCommercial CC BY-NC". You can't remove footer credit link.
 */
body {font-family: "Open Sans";font-size: 14px;line-height: 26px;word-spacing: 2px;-webkit-font-smoothing: antialiased;}
p {margin-bottom: 20px;}
a {color: #0099FF;text-decoration: none !important;-webkit-transition: color 0.3s;transition: color 0.3s;}
a:hover {color: #0066FF;}
h1,h2,h3,h4,h5,h6 {font-family: 'Rubik', sans-serif;color: #0099FF;letter-spacing: 1px;font-weight: 400;}
.form-control {border-radius: 2px !important;padding: 10px 15px !important;height: auto;border-color: #e5e5e5 !important;box-shadow: none !important;}
.form-control:focus {border-color: #0099FF !important;}
.mb250 {margin-bottom: 250px !important;}
.mb245 {margin-bottom: 245px !important;}
.mb240 {margin-bottom: 240px !important;}
.mb235 {margin-bottom: 235px !important;}
.mb230 {margin-bottom: 230px !important;}
.mb225 {margin-bottom: 225px !important;}
.mb220 {margin-bottom: 220px !important;}
.mb215 {margin-bottom: 215px !important;}
.mb210 {margin-bottom: 210px !important;}
.mb205 {margin-bottom: 205px !important;}
.mb200 {margin-bottom: 200px !important;}
.mb195 {margin-bottom: 195px !important;}
.mb190 {margin-bottom: 190px !important;}
.mb185 {margin-bottom: 185px !important;}
.mb180 {margin-bottom: 180px !important;}
.mb175 {margin-bottom: 175px !important;}
.mb170 {margin-bottom: 170px !important;}
.mb165 {margin-bottom: 165px !important;}
.mb160 {margin-bottom: 160px !important;}
.mb155 {margin-bottom: 155px !important;}
.mb150 {margin-bottom: 150px !important;}
.mb145 {margin-bottom: 145px !important;}
.mb140 {margin-bottom: 140px !important;}
.mb135 {margin-bottom: 135px !important;}
.mb130 {margin-bottom: 130px !important;}
.mb125 {margin-bottom: 125px !important;}
.mb120 {margin-bottom: 120px !important;}
.mb115 {margin-bottom: 115px !important;}
.mb110 {margin-bottom: 110px !important;}
.mb105 {margin-bottom: 105px !important;}
.mb100 {margin-bottom: 100px !important;}
.mb95 {margin-bottom: 95px !important;}
.mb90 {margin-bottom: 90px !important;}
.mb85 {margin-bottom: 85px !important;}
.mb80 {margin-bottom: 80px !important;}
.mb75 {margin-bottom: 75px !important;}
.mb70 {margin-bottom: 70px !important;}
.mb65 {margin-bottom: 65px !important;}
.mb60 {margin-bottom: 60px !important;}
.mb55 {margin-bottom: 55px !important;}
.mb50 {margin-bottom: 50px !important;}
.mb45 {margin-bottom: 45px !important;}
.mb40 {margin-bottom: 40px !important;}
.mb35 {margin-bottom: 35px !important;}
.mb30 {margin-bottom: 30px !important;}
.mb25 {margin-bottom: 25px !important;}
.mb20 {margin-bottom: 20px !important;}
.mb15 {margin-bottom: 15px !important;}
.mb10 {margin-bottom: 10px !important;}
.mb5 {margin-bottom: 5px !important;}
.no-padding {padding: 0 !important;}
.float-nan {float: none;}
.copyrights{text-indent:-9999px;height:0;line-height:0;	font-size:0;overflow:hidden;}
.img-responsive {margin: 0 auto;display: inline-block;*display: inline;*zoom: 1;}
.btn {font-family: 'Rubik', sans-serif;font-size: 14px;border-radius: 40px;margin-bottom: 5px;-webkit-transition: color 0.3s, background-color 0.3s, border-color 0.3s;transition: color 0.3s, background-color 0.3s, border-color 0.3s;}
.btn.btn-lg {padding: 10px 35px;letter-spacing: 2px;font-size: 18px;}
.btn.btn-sm {padding: 7px 20px;font-size: 14px;}
.btn.btn-xs {padding: 5px 15px;font-size: 12px;}
.btn-default {color: #676767;border-color: #e5e5e5;}
.btn-default:hover {color: #fff;background-color: #0099FF;border-color: #0099FF;}
.btn-default-o {color: #f2f2f2;border-color: #f2f2f2;background-color: transparent;}
.btn-default-o:hover {color: #0099FF;background-color: #fff;border-color: #fff;}
.btn-main-o {color: #0099FF;border-color: #0099FF;background-color: transparent;}
.btn-main-o:hover {color: #fff;background-color: #0099FF;border-color: #0099FF;}
.btn-dark-o {color: #4c4c4c;border-color: #4c4c4c;background-color: transparent;}
.btn-dark-o:hover {color: #fff;background-color: #4c4c4c;border-color: #4c4c4c;}
.btn-dark {color: #fff;background-color: #4c4c4c;border-color: #4c4c4c;}
.btn-dark:hover,
.btn-dark:focus,
.btn-dark:active {background-color: #333333;border-color: #333333;color: #fff;}
.btn-main {color: #fff;background-color: #0099FF;border-color: #0099FF;}
.btn-main:hover,.btn-main:focus,.btn-main:active {background-color: #0066FF;border-color: #0066FF;color: #fff;}
.btn-link {font-weight: 400;color: #0099FF;}
.btn-link:hover,
.btn-link:focus,
.btn-link:active {color: #4c4c4c;text-decoration: none;}
.section-title {margin-bottom: 20px;}
.section-title h3 {font-family: 'Rubik', sans-serif;text-transform: uppercase;color: #4c4c4c;font-weight: 400;letter-spacing: 2px;font-size: 28px;line-height: 48px;display: inline-block;*display: inline;*zoom: 1;clear: both;position: relative;padding: 0 10px;}
.section-title p {font-family: 'Rubik', sans-serif;text-transform: uppercase;color: #0099FF;font-size:xx-large;line-height: 58px;font-weight: 700;letter-spacing: 3px;}
.section-title.st-center {text-align: center;}
.section-title.st-center:before {margin: auto;}
/*
.section-title:before {content: "";display: block;width: 150px;height: 150px;background-image: url(../images/title-top.png);background-repeat: no-repeat;background-size: cover;}
*/
.bottom-line {margin-bottom: 20px;}
.bottom-line:after {content: "";display: block;width: 50px;height: 2px;background-color: #0099FF;margin-top: 5px;}
.tooltip.top .tooltip-arrow {bottom: 1px;}
.tac {text-align: center;}
.nicescroll-rails {background: rgba(0, 0, 0, 0.1);width: 5px;z-index: 9999 !important;}
.nicescroll-rails:hover {opacity: 1 !important;}
.nicescroll-rails > div {background: #0066cc !important;}
/* ---------------------------------------------- /*
 * Mouse animate icon
/* ---------------------------------------------- */
.mouse-icon {position: absolute;left: 50%;bottom: 40px;border: 2px solid #fff;border-radius: 16px;height: 40px;width: 24px;margin-left: -15px;display: block;z-index: 10;opacity: 0.7;}
.mouse-icon .wheel {-webkit-animation-name: drop;-webkit-animation-duration: 1s;-webkit-animation-timing-function: linear;-webkit-animation-delay: 0s;-webkit-animation-iteration-count: infinite;-webkit-animation-play-state: running;-webkit-animation-name: drop;animation-name: drop;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-timing-function: linear;animation-timing-function: linear;-webkit-animation-delay: 0s;animation-delay: 0s;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;-webkit-animation-play-state: running;animation-play-state: running;}
.mouse-icon .wheel {position: relative;border-radius: 10px;background: #fff;width: 2px;height: 6px;top: 4px;margin-left: auto;margin-right: auto;}
@-webkit-keyframes drop {
	0% {top: 5px;opacity: 0;}
	30% {top: 10px;opacity: 1;}
	100% {top: 25px;opacity: 0;}
}
@keyframes drop {
	0% {top: 5px;opacity: 0;}
	30% {top: 10px;opacity: 1;}
	100% {top: 25px;opacity: 0;}
}
.home {background-image: url(../images/hero-img9.jpg);background-position: top center;background-attachment: fixed;background-repeat: no-repeat;background-size: cover;background-color: #000;padding: 100px 0;position: relative
/* Temp CSS */
/* Temp CSS End */}
.home .st-brand {text-align: center;margin-bottom: 50px;}
.home .st-home-unit {position: relative;}
.home .hero-txt {color: #fff;text-align: center;}
.home .hero-txt .hero-title {font-family: 'Rubik', sans-serif;color: #fff;text-transform: uppercase;font-size: 46px;line-height: 65px;font-weight: 400;letter-spacing: 4px;word-spacing: 4px;margin-bottom: 15px;margin-top: 5px;padding: 20px 10px;}
.home .hero-txt .hero-work {font-family: 'Rubik', sans-serif;font-weight: 300;letter-spacing: 2px;margin-bottom: 0;}
.home .hero-txt .hero-work:after {content: "";display: block;width: 200px;height: 4px;margin: 20px auto 0;background-color: transparent;border-width: 1px 0;border-style: solid;border-color: rgba(255, 255, 255, 0.3);}
.home .hero-txt a.btn {text-transform: uppercase;}
.home .hero-txt a.btn.left-btn {margin-right: 20px !important;}
.home .hero-txt .hero-sub-title {font-family: 'Rubik', sans-serif;font-size: 23px;line-height: 60px;font-weight: 300;}
.home .hero-txt .hero-img {margin-top: 80px;}
.st-highlight {color: #0099FF;}
.navbar-default {background-color: transparent;border-width: 0;margin-bottom: 0 !important;height: 102px;-webkit-transition: background-color 0.3s, height 0.3s;transition: background-color 0.3s, height 0.3s;}
.st-navbar-mini .navbar-default {background-color: rgba(40, 40, 40, 0.80);height: 60px;transition: 1s;-webkit-transition: 1s;-moz-transition: 1s;box-shadow: 1px 1px 10px rgba(0,0,0,0.5);-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.st-navbar-mini .navbar-default .navbar-brand {padding: 5px 15px;}
.st-navbar-mini .navbar-default .navbar-brand img {height: 40px;}
.st-navbar-mini .navbar-default .navbar-nav > li.active > a,
.st-navbar-mini .navbar-default .navbar-nav > li.active a:hover,
.st-navbar-mini .navbar-default .navbar-nav > li.active a:focus,
.st-navbar-mini .navbar-default .navbar-nav > li.active a:active {background-color: rgba(0, 0, 0, 0.5);}


.navbar-default .nav .dropdown-menu{ right:auto;background-color: rgba(25, 25, 25, 0.8);}
.navbar-default .nav .dropdown-menu a{color: #fff; text-align:center; font-size:larger;}
.navbar-default .nav .dropdown-menu li{ padding:3px 0;}
.navbar-default .nav > li:hover .dropdown-menu {display: block; transition:height 2s;background: transparent; background-color: rgba(25, 25, 25, 0.8);
-moz-transition:height 2s; /* Firefox 4 */
-webkit-transition:height 2s; /* Safari and Chrome */
-o-transition:height 2s; /* Opera */}
.navbar-default .nav .dropdown-menu:hover li{ background-color:transparent; background-color:none;}
.navbar-default .nav .dropdown-menu li:hover a{ color: #0099FF;background-color:transparent; }
.index .navbar-default .nav > li:hover .dropdown-menu{ display:none;}
.index .navbar-default .nav .caret{ display:none;}
.st-navbar-mini .navbar-default .nav > li:hover .dropdown-menu{ display:block;}
.st-navbar-mini .navbar-default .nav .caret{ display:inline-block;}
.all .navbar{ background-color:#333;}
.st-navbar-mini .navbar-default{ background-color:rgba(25, 25, 25, 0.8);}
.st-navbar-mini .navbar-default .navbar-brand img {height: 35px;-webkit-transition: height 0.3s;transition: height 0.3s;}
.navbar-default .nav .dropdown-menu li.divider{ padding:0; margin:10px auto; width:80%; background:none; border-bottom:rgba(255, 255, 255, 0.2) solid 1px;}

.open .dropdown-menu {display: block; transition:height 2s;background: transparent; background-color: rgba(25, 25, 25, 0.8); height:auto;
-moz-transition:height 2s; /* Firefox 4 */
-webkit-transition:height 2s; /* Safari and Chrome */
-o-transition:height 2s; /* Opera */}
.open .dropdown-menu .divider{ background-color:#CCC;}
.open .dropdown-menu:hover li{ background-color:transparent; background-color:none;}
.open .dropdown-menu li:hover a{ color: #0099FF;background-color:transparent; }

.navbar-brand {height: auto;padding: 27px 15px;-webkit-transition: padding 0.3s;transition: padding 0.3s;}
.navbar-brand img {height: 48px;-webkit-transition: height 0.3s;transition: height 0.3s;}
.navbar-nav > li > a {font-family: 'Rubik', sans-serif;font-size: 17px;font-weight: 300;padding-left: 18px;padding-right: 18px;color: #fff;-webkit-transition: color 0.3s, background-color 0.3s, padding 0.3s;transition: color 0.3s, background-color 0.3s, padding 0.3s;}
.navbar-nav > li > a:hover,
.navbar-nav > li > a:focus,
.navbar-nav > li > a:active {color: #0099FF;outline-width: 0;}
.navbar-nav > li.active > a,
.navbar-nav > li.active a:hover,
.navbar-nav > li.active a:focus,
.navbar-nav > li.active a:active {color: #0099FF;}
.navbar-default .navbar-nav > li > a {color: #fff;}
.navbar-default .navbar-nav > li.active > a,
.navbar-default .navbar-nav > li.active a:hover,
.navbar-default .navbar-nav > li.active a:focus,
.navbar-default .navbar-nav > li.active a:active {color: #0099FF;background-color: rgba(0, 0, 0, 0);}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {color: #0099FF;}


.page-header {background-image: url(../images/hero-img14.png);background-position: top center;background-attachment: fixed;background-repeat: no-repeat;background-size: cover;background-color: #000;padding: 150px 0 100px;margin: 0;border-width: 0;}
.page-header .page-title {color: #fff;text-transform: uppercase;font-size: 35px;line-height: 55px;letter-spacing: 5px;word-spacing: 4px;}
.page-breadcrumb {background-color: #f7f7f7;background-color: #0099FF;color: #fff;box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.01);border-botom: 1px solid #f2f2f2;padding: 20px 0;}
.page-breadcrumb .breadcrumb {background-color: transparent;border-width: 0;border-radius: 0;margin-bottom: 0;color: #fff;}
.page-breadcrumb .breadcrumb .active,
.page-breadcrumb .breadcrumb > li + li:before {color: #fff;}
.page-breadcrumb .breadcrumb a {color: #fff;}
.page-content {padding: 120px 0;}
.about {padding: 60px 0;}
.about .text{ }
.st-member {position: relative;overflow: hidden;}
.st-member .st-member-info {width: 100%;height: 100%;padding: 35px 25px;position: absolute;top: 0;left: 0;text-align: center;background-color: rgba(254, 254, 254, 0.80);opacity: 1;-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);-webkit-transition: opacity 0.5s, -webkit-transform 0.5s;transition: opacity 0.5s, transform 0.5s;}
.st-member .st-member-info:hover{opacity: 1 !important;background-color:transparent;transition: background-color 0.5s;}
.st-member .st-member-info:hover p,.st-member .st-member-info:hover .st-member-social,.st-member .st-member-info:hover .st-member-name{opacity: 0 !important; display:none;}
.st-member .st-member-info:hover .move{opacity: 0.5 !important;}
/*
.st-member .st-member-info .progress-bar {-webkit-transform-origin: left;-ms-transform-origin: left;transform-origin: left;-webkit-transform: scaleX(0);-ms-transform: scaleX(0);transform: scaleX(0);-webkit-transition: -webkit-transform 0.5s ease 0.2s;transition: transform 0.5s ease 0.2s;}
*/
.st-member .st-member-info .st-member-name {font-family: 'Rubik', sans-serif;display: block;color: #4c4c4c;font-size: 24px;line-height: 50px;font-weight: 400;letter-spacing: 3px;margin-bottom: 20px;}
.st-member .st-member-info .st-member-name:after {content: '';display: block;height: 2px;width: 33%;background-color: #0099FF;margin: 0 auto;}
.st-member .st-member-info .st-member-pos {display: block;font-family: 'Rubik', sans-serif;font-size: 20px;line-height: 18px;font-weight: 300;letter-spacing: 3px;font-style: italic;margin-bottom: 40px;}
.st-member .st-member-info .st-member-social { /* position: absolute;width: 100%;left: 0;bottom: 70px;*/
text-align: left;color: #333;font-size:larger;}
.st-member .st-member-info .more{position: absolute; left:0; right:0; bottom:25px; display:none;}
.st-member .img-responsive:hover.more{opacity: 1 !important;}

.st-member:hover .st-member-info {-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}
.st-member:hover .st-member-info .more{ display:block;}
.st-member:hover img{ -webkit-transform: scale(1.2); -ms-transform: scale(1.2);transform: scale(1.2);-webkit-transition: opacity 0.3s, -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);transition: opacity 0.3s, transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);}
/*
.st-member .st-member-info .st-member-social ul {margin: 0;padding: 0;}
.st-member .st-member-info .st-member-social ul li {display: inline-block;*display: inline;*zoom: 1;margin: 0;padding: 0;}
.st-member .st-member-info .st-member-social ul li a {display: block;width: 70px;line-height: 40px;text-align: center;font-size: 20px;color: #fff;border-radius: 30px;background-color: rgba(0, 0, 0, 0.7);opacity: 0;-webkit-transform: translateY(100px);-ms-transform: translateY(100px);transform: translateY(100px);-webkit-transition: background-color 0.3s, opacity 0.3s ease, -webkit-transform 0.5s ease;transition: background-color 0.3s, opacity 0.3s ease, transform 0.5s ease;}
.st-member .st-member-info .st-member-social ul li a.facebook:hover {background-color: #3c5b9b;}
.st-member .st-member-info .st-member-social ul li a.twitter:hover {background-color: #2daae1;}
.st-member .st-member-info .st-member-social ul li a.dribbble:hover {background-color: #ea4c88;}
.st-member:hover {cursor: pointer;}
*//*
.st-member:hover .st-member-info .st-member-social ul li a {opacity: 1;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}
.st-member:hover .st-member-info .st-member-social ul li a.facebook {-webkit-transition: background-color 0.3s, opacity 0.3s ease 0.2s, -webkit-transform 0.5s ease 0.2s;transition: background-color 0.3s, opacity 0.3s ease 0.2s, transform 0.5s ease 0.2s;}
.st-member:hover .st-member-info .st-member-social ul li a.facebook:hover {background-color: #3c5b9b;}
.st-member:hover .st-member-info .st-member-social ul li a.twitter {-webkit-transition: background-color 0.3s, opacity 0.3s ease 0.3s, -webkit-transform 0.5s ease 0.3s;transition: background-color 0.3s, opacity 0.3s ease 0.3s, transform 0.5s ease 0.3s;}
.st-member:hover .st-member-info .st-member-social ul li a.twitter:hover {background-color: #2daae1;}
.st-member:hover .st-member-info .st-member-social ul li a.dribbble {-webkit-transition: background-color 0.3s, opacity 0.3s ease 0.4s, -webkit-transform 0.5s ease 0.4s;transition: background-color 0.3s, opacity 0.3s ease 0.4s, transform 0.5s ease 0.4s;}
.st-member:hover .st-member-info .st-member-social ul li a.dribbble:hover {background-color: #ea4c88;}
.st-member:hover .st-member-info .skills .skill:nth-child(2) .progress-bar {-webkit-transition-delay: 0.3s;transition-delay: 0.3s;}
.st-member:hover .st-member-info .skills .skill:nth-child(3) .progress-bar {-webkit-transition-delay: 0.4s;transition-delay: 0.4s;}
.st-member:hover .st-member-info .skills .skill:nth-child(4) .progress-bar {-webkit-transition-delay: 0.5s;transition-delay: 0.5s;}
.st-member:hover .st-member-info .skills .skill:nth-child(5) .progress-bar {-webkit-transition-delay: 0.6s;transition-delay: 0.6s;}
.st-member:hover .progress-bar {-webkit-transform: scaleX(1);-ms-transform: scaleX(1);transform: scaleX(1);}
.skill {text-align: left;}
.skill strong {font-weight: 400;}
.skill span {float: right;}
.progress {height: 11px;padding: 0 3px;background-color: transparent;border: 1px solid #ededed;border-radius: 6px;box-shadow: none;}
.progress-bar {height: 3px;margin-top: 3px;border-radius: 2px;position: relative;box-shadow: none;-webkit-transform-origin: left;-ms-transform-origin: left;transform-origin: left;-webkit-animation-name: process;animation-name: process;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-timing-function: linear;animation-timing-function: linear;-webkit-animation-delay: 0.2s;animation-delay: 0.2s;}
.progress-bar-sept {background-color: #0099FF;}
@-webkit-keyframes process {
	0% {-webkit-transform: scaleX(0);transform: scaleX(0);}
	100% {-webkit-transform: scaleX(1);transform: scaleX(1);}
}
@keyframes process {
	0% {-webkit-transform: scaleX(0);transform: scaleX(0);}
	100% {-webkit-transform: scaleX(1);transform: scaleX(1);}
}
*/
.funfacts {/*background-image: url(../images/funfact4.png);*/
background-position: center center;background-attachment: fixed;background-size: cover;padding: 40px 0;}
.funfacts .funfact {font-family: 'Rubik', sans-serif;text-align: center;color: #fff;}
.funfacts .funfact .st-funfact-icon {font-size: 42px;line-height: 90px;}
.funfacts .funfact .st-funfact-counter {font-size: 48px;line-height: 68px;letter-spacing: 3px;}
.funfacts .funfact .funfact-title {font-size: 20px;line-height: 40px;letter-spacing: 1px;font-weight: 300;}
.funfacts .funfact:after {content: '';display: block;width: 35px;height: 2px;background-color: #0099FF;margin: 0 auto;}

.certificate{padding: 40px 0;}
.certificate .caption{ padding:9px 0; overflow:hidden; white-space:nowrap;}
.certificate .caption h3{ font-size:larger; text-align:center; padding:0; margin:auto}
.certificate .col-md-3 {padding:15px; margin-bottom:25px;}
.certificate .thumbnail{ margin:0; padding:0;}
.certificate .col-md-3:hover { padding:0; margin:-6px 0 0 0; transition: 1s;-webkit-transition: 1s;-moz-transition: 1s;box-shadow: 1px 1px 10px rgba(0,0,0,0.5);-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}

.chejian{padding: 40px 0;}
.chejian .caption h3{ font-size:larger; text-align:center; padding:0; margin:auto}
.chejian .col-md-3 {padding:15px; margin-bottom:15px;}
.chejian .thumbnail{ margin:0; padding:0;}
.chejian .col-md-3:hover { padding:0; margin:3px 0 0 0; transition: 1s;-webkit-transition: 1s;-moz-transition: 1s;box-shadow: 1px 1px 10px rgba(0,0,0,0.5);-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}


.service {padding: 50px 0;}
.st-feature {text-align: center;}
.st-feature .st-feature-icon {width: 102px;line-height: 100px;font-size: 42px;color: #fff;margin: 0 auto 20px;background-color: #0099FF;border-radius: 50%;position: relative;-webkit-transform: rotate(0) scale(1);-ms-transform: rotate(0) scale(1);transform: rotate(0) scale(1);-webkit-transition: color 0.3s, border-color 0.3s, background-color 0.3s, -webkit-transform 0.3s;transition: color 0.3s, border-color 0.3s, background-color 0.3s, transform 0.3s;}
.st-feature .st-feature-title {display: block;font-family: 'Rubik', sans-serif;font-size: 22px;line-height: 45px;letter-spacing: 1px;font-weight: 400;color: #4c4c4c;margin-bottom: 10px;}
.st-feature:hover .st-feature-icon {color: #0099FF;border-color: #0099FF;background-color: transparent;-webkit-transform: rotate(360deg) scale(1.8);-ms-transform: rotate(360deg) scale(1.8);transform: rotate(360deg) scale(1.8);}
.features-desc {padding: 100px 0;background-color: #fcfcfc;}
ul.styled-list li {list-style: none;padding-left: 0;}
ul.styled-list li:before {content: '\f00c';font-family: 'FontAwesome';display: inline-block;margin-left: -1.5em;width: 1.5em;color: #0099FF;}
ul.styled-list.list-caret li:before {content: '\f0da';}
ul.styled-list.list-hand li:before {content: '\f0a4';}
ul.styled-list.list-chevron li:before {content: '\f054';}
ul.styled-list.list-times li:before {content: '\f00d';}
ul.styled-list.list-star li:before {content: '\f006';}
.call-2-acction {padding: 100px 0;background-image: url(../images/c2a.png);background-attachment: fixed;background-color: #000;}
/*
.c2a {max-width: 700px;margin: 0 auto;text-align: center;color: #fff !important;}
.c2a h2 {color: #fff;font-size: 35px;font-weight: 400;text-transform: uppercase;letter-spacing: 3px;}
.c2a h2:after {content: '';display: block;width: 80px;height: 1px;background-color: #0099FF;margin: 15px auto 20px;}
.c2a p {margin-bottom: 40px;}
*/
.portfolio {padding: 60px 0 0;}
.filter {text-align: center;}
.filter .btn {font-weight: 400;}
.filter input[type="radio"] {display: none;}
.grid {width: 100%;padding: 0;}
.grid figure {/*position: relative;float: left;*/background: #000;overflow: hidden;text-align: center;cursor: pointer;width: 33.33333333%;box-sizing: border-box;}
.grid figure img {position: relative;display: block;min-height: 100%;max-width: 100%;opacity: 1;-webkit-transition: opacity 0.3s, -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);transition: opacity 0.3s, transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);}
.grid figure figcaption {color: #fff;text-transform: uppercase;font-size: 1.25em;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.grid figure figcaption > a {z-index: 1000;position: absolute;right: 50%;bottom: 50px;margin-right: -67px;opacity: 0;-webkit-transform: translate3d(0, 60px, 0);transform: translate3d(0, 60px, 0);-webkit-transition: -webkit-transform 0.35s, opacity 0.35s;transition: transform 0.35s, opacity 0.35s;}
.grid figure h2 {
color: #fff;position: absolute;right: 0;left: 0;bottom: 20px;opacity: 1;padding:15px 5px;margin:0 auto;background-color:#00000080;line-height:23px;overflow:hidden;-webkit-transition: -webkit-transform 0.35s, opacity 0.35s;transition: transform 0.35s, opacity 0.35s;-webkit-transform: translate3d(0, 20px, 0);transform: translate3d(0, 20px, 0);}
.grid figure h2::after {position: absolute;top: 100%;left: 50%;width: 120px;margin-left: -60px;height: 1px;background: #0099FF;content: '';-webkit-transform: translate3d(0, 40px, 0);transform: translate3d(0, 40px, 0);opacity: 0;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;}
.grid figure h2 span {font-weight: 800;font-size:large;}
.grid figure p { letter-spacing: 1px;font-size:initial;overflow:hidden;height:200px;text-indent:2em;margin: 0;position: absolute;right: 10px;left: 10px;padding: 30px 0;top: 60px;text-align:left;line-height: 1.5; opacity: 0;
-webkit-transform: translate3d(0, 50px, 0);transform: translate3d(0, 50px, 0);-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;}
.grid figure:hover h2 {top:0;bottom:auto;background-color:transparent;opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.grid figure:hover h2::after {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.grid figure:hover img {opacity: 0.3;-webkit-transform: scale(1.2); -ms-transform: scale(1.2);transform: scale(1.2);}
.grid figure:hover p {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.grid figure:hover figcaption > a {opacity: 1;-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
.clients {padding: 60px 0;}
.clients-carousel {margin: 0;padding: 0;list-style: none;}
.clients-carousel li {padding: 0 20px;opacity: 0.8;display: flex;-webkit-transition: opacity 0.3s;transition: opacity 0.3s;}
.clients-carousel li:hover { opacity: 1;}
.testimonials {padding: 100px 0;background-image: url(../images/testimonials.png);background-size: cover;background-attachment: fixed;background-color: #000;color: #fff;}
.testimonial .testimonial-img {float: left;margin-right: 30px;position: relative;}
.testimonial .testimonial-img:after {content: '';display: block;width: 40px;height: 40px;border-radius: 40px;background-color: #0099FF;position: absolute;bottom: 5%;left: 5%;}
.testimonial .testimonial-img:before {font-family: 'Rubik', sans-serif;content: '\201C';font-size: 40px;position: absolute;bottom: 1%;left: 12%;z-index: 99;}
.testimonial .testimonial-img img {border-radius: 50%;}
.testimonial blockquote {border-width: 0;}
.testimonial blockquote p {font-style: italic;font-weight: 300;}
.testimonial blockquote footer,
.testimonial blockquote small,
.testimonial blockquote .small {color: #fff;}
.testimonials-carousel {max-width: 800px;margin: 0 auto;}
.testimonials-carousel ul {margin: 0;padding: 0;list-style: none;}
.testimonials-carousel ul li {margin: 0;padding: 0;display: block;}
.pricing {padding: 100px 0;}
.pricing-table {border: 1px solid #f2f2f2;border-radius: 5px;background-color: #fff;}
.pricing-table .pricing-header .pt-price {font-family: 'Rubik', sans-serif;color: #4c4c4c;font-size: 40px;line-height: 70px;font-weight: 400;text-align: center;padding: 10px 40px;}
.pricing-table .pricing-header .pt-price small {font-size: 13px;color: #9a9a9a;font-weight: 300;}
.pricing-table .pricing-header .pt-name {font-family: 'Rubik', sans-serif;padding: 10px 40px;text-align: center;font-weight: 300;font-size: 24px;line-height: 40px;color: #4c4c4c;border-top: 1px solid #f2f2f2;border-bottom: 1px solid #f2f2f2;}
.pricing-table .pricing-body ul {margin: 0;padding: 0;list-style: none;}
.pricing-table .pricing-body ul li {padding: 8px 25px;margin: 0;}
.pricing-table .pricing-body ul li:nth-child(even) {background-color: #fafafa;}
.pricing-table .pricing-body ul li .fa-times {color: #ff6666;}
.pricing-table .pricing-body ul li .fa-check {color: #0099FF;}
.pricing-table .pricing-footer {text-align: center;padding: 15px 40px;border-top: 1px solid #f2f2f2;}
.pricing-table.featured .pricing-header {position: relative;overflow: hidden;}
.pricing-table.featured .pricing-header .pt-price {color: #0099FF;}
.pricing-table.featured .pricing-header .pt-price small {color: #0099FF;}
.pricing-table.featured .pricing-header .pt-name {color: #0099FF;}
.pricing-table.featured .pricing-header .featured-text {font-family: 'Rubik', sans-serif;font-size: 13px;line-height: 15px;letter-spacing: 1px;font-weight: 300;text-transform: uppercase;text-align: center;background-color: #0099FF;color: #fff;position: absolute;top: 22px;left: -28px;padding: 5px 0;width: 126px;-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);}
.faq-sec {padding: 100px 0 50px;background-color: #fcfcfc;}
.faq {margin-bottom: 50px;}
.faq h3 {margin-bottom: 15px;}
.faq h3 i {color: #0099FF;}
.call-us {padding: 50px 0;background-color: #0099FF;text-align: center;}
.call-us h3 {display: inline-block;*display: inline;*zoom: 1;color: #fff;text-transform: uppercase;font-size: 30px;line-height: 45px;vertical-align: middle;margin: 0 30px 0 0;letter-spacing: 2px;word-spacing: 5px;}
.blog {padding: 100px 0;}
.blog-post {border-bottom: 1px dotted #f2f2f2;margin-bottom: 60px;}
.blog-post .author img {border-radius: 50%;}
.blog-post .post-meta {margin-bottom: 10px;font-size: 13px;}
.blog-post .post-meta a {font-weight: bold;color: #4c4c4c;}
.blog-post .post-meta a:hover {color: #0099FF;}
.blog-post .post-meta strong {color: #4c4c4c;}
.blog-post .post-title {margin-top: 0;margin-bottom: 20px;}
.blog-post .post-thumb {margin-bottom: 40px;}
.blog-post .post-thumb img {border-radius: 10px;}
.widgets {padding-left: 50px;}
.widget {margin-bottom: 60px;}
.widget ul {margin: 0;padding: 0;list-style: none;}
.widget ul li {border-bottom: 1px solid #f2f2f2;}
.widget ul li a {display: block;-webkit-transition: text-indent 0.3s, color 0.3s; transition: text-indent 0.3s, color 0.3s;padding: 5px 0;}
.widget ul li a:hover {text-indent: 20px;}
.widget ul li a:hover .badge {text-indent: 0;background-color: #4c4c4c;}
.widget ul li .recent-post {padding: 10px 0;}
.widget ul li .recent-post .post-thumb {display: block;float: left;margin-right: 15px;}
.widget ul li .recent-post .post-thumb img {border-radius: 10px;}
.widget ul li .recent-post .post-title {font-family: "Open Sans";font-weight: 600;letter-spacing: 0;font-size: 15px;margin: 0 0 5px;}
.widget ul li .recent-post .post-title a {display: inline;}
.widget ul li .recent-post .post-meta {font-size: 12px;}
.widget ul li .recent-post .post-meta a {font-weight: bold;color: #4c4c4c;}
.widget ul li .recent-post .post-meta a:hover {color: #0099FF;}
.widget ul li .recent-post a {display: inline-block;*display: inline;*zoom: 1;padding: 0;}
.widget ul li .recent-post a:hover {text-indent: 0;}
.widget ul li .badge {font-size: 10px;font-weight: 300;vertical-align: middle;margin-top: 5px;text-indent: 0;background-color: #0099FF;-webkit-transition: background-color 0.3s;transition: background-color 0.3s;}
.widget .widget-title {font-weight: 300;font-size: 28px;letter-spacing: 2px;text-transform: uppercase;margin-bottom: 20px;}
.widget .tagcloud a {font-size: 13px;border-radius: 40px;color: #737373;display: inline-block;*display: inline;*zoom: 1;padding: 3px 20px;border-color: #e5e5e5;border-width: 1px;border-style: solid;margin-bottom: 6px;-webkit-transition: color 0.3s, background-color 0.3s, border-color 0.3s;transition: color 0.3s, background-color 0.3s, border-color 0.3s;}
.widget .tagcloud a:hover {border-color: #0099FF;background-color: #0099FF;color: #fff;}
.subscribe {padding: 120px 0;background-image: url(../images/subscribe2.png);background-size: cover;background-attachment: fixed;background-repeat: no-repeat;background-position: top center;background-color: #000;}
.subscribe .subscribe-title {text-align: center;color: #fff;margin-bottom: 50px;font-size: 32px;text-transform: uppercase;font-weight: 300;}
.subscribe .subscribe-or {font-family: 'Rubik', sans-serif;color: #fff;text-align: center;font-size: 20px;padding: 30px 0;margin: 0;text-transform: uppercase;}
.subscribe .subscribe-social {padding: 0;margin: 0;list-style: none;text-align: center;}
.subscribe .subscribe-social li {padding: 0;margin: 0;margin-right: 5px;display: inline-block;*display: inline;*zoom: 1;}
.subscribe-form {max-width: 500px;margin: 0 auto;}
.subscribe-form .form-control {border-radius: 30px 2px 2px 30px !important;padding: 14px 20px 14px 30px !important;}
.input-group .form-control {border-radius: 30px 2px 2px 30px !important;padding: 14px 20px 14px 30px !important;}
a.social {font-family: 'Rubik', sans-serif;letter-spacing: 1px;display: inline-block;background-color: #0099FF;color: #fff;padding: 8px 20px 8px 65px;border-radius: 50px;position: relative;overflow: hidden;-webkit-transition: background-color 0.3s, text-indent 0.3s, padding 0.3s;transition: background-color 0.3s, text-indent 0.3s, padding 0.3s;}
a.social i { display: block; background-color: #31ada4; width: 50px; height: 42px; line-height: 42px; font-size: 17px; border-radius: 50px 0 0 50px; position: absolute; left: 0; top: 0; text-indent: 10px; -webkit-transition: text-indent 0.3s; transition: text-indent 0.3s;}
a.social:hover {background-color: #31ada4;text-indent: -10px;padding: 8px 30px 8px 65px;}
a.social:hover i {text-indent: 29px;}
a.social.twitter {background-color: #2daae1;}
a.social.twitter i {background-color: #1a87b7;}
a.social.twitter:hover {background-color: #1a87b7;}
a.social.facebook {background-color: #3c5b9b;}
a.social.facebook i {background-color: #2b416f;}
a.social.facebook:hover {background-color: #2b416f;}
a.social.rss {background-color: #fca73a;}
a.social.rss i {background-color: #f58b04;}
a.social.rss:hover {background-color: #f58b04;}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
	a.social:hover { padding: 8px 20px 8px 65px;}
}
.contact {padding: 60px 0;}
.contact form input,
.contact form textarea { margin-bottom: 15px;}
input[type="text"].formFieldError,
input[type="email"].formFieldError,
textarea.formFieldError { border-color: #e34444 !important;}

@media (max-width:768px) {
	#sept-main-nav{background: rgb(0, 0, 0); opacity: 0.7;}
.section-title{}
.section-title p{ text-indent:0; font-size:x-large; line-height: 38px;}

.home{background-image: url(../images/sj-img.jpg);}
.home .hero-txt .hero-title{font-size: x-large; padding: 40px 0; font-weight:bold; color: #FFF;}
.home .hero-txt .hero-sub-title{font-size: large;line-height: 40px; font-weight:bold;}
.protype .yousi dd{ height:70px;}
.protype .navpro dl { width: 33.3333%;}

.certificate .caption h3{ font-size: initial;background-color: #fff;}

.grid figure h2{bottom: 0;top: 0; transform: none;padding: 0 5px; background-color: #000000Fb0;  background-color: rgba(0, 0, 0, 0.40); line-height: 20px;}
.grid figure h2 span{ font-weight:inherit; font-size:medium; line-height: 20px;}
.grid figure p{ display:none;}

.sjbot .btn{ border-radius:0; margin:0;}
.sjbot .btn-default{ background-color:#0099FF; color:#FFF;}
}
@media (min-width: 768px) {
	.navbar-nav > li > a { padding-top: 41px; padding-bottom: 41px;}
	.st-navbar-mini .navbar-default .navbar-nav > li > a { padding-top: 20px; padding-bottom: 20px;}

}
@media (min-width: 1440px) {
	.grid { width: 100%; padding: 0;}
	.grid figure { /*position: relative; float: left;  */ background: #000;overflow: hidden;text-align: center; cursor: pointer; width: 25%;}
}

#calc label{ font-size: 22px; color: #fff; margin: 10px 0;}

/*悬浮样式*/
#xuanfu{position: fixed; display: flex; flex-direction: column; justify-content: center;right: 0;top: 40%; background: #0099FF; z-index: 100;padding: 20px 10px 4px 10px;
transition: 1s;-webkit-transition: 1s;-moz-transition: 1s;box-shadow: 1px 1px 10px rgba(0,0,0,0.5);-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
#xuanfu *{color: #fff;}
#xuanfu *:hover{cursor: pointer;}
.code{width: 120px; position: fixed; right: -40px; background: #eb2929; transition: all 1s;padding: 0.6%; z-index: 100;}
.code_parent .youyi{ right: 68px;}
#xuanfu a{padding: 10px 0; display: block; background: none;}
/*#xuanfu .youyi i, #xuanfu .youyi p,#xuanfu .youyi a{color: #eb2929 !important;}*/

#xuanfu i{font-size: 34px;text-align: center; margin: 0 auto; display: block; color: #fff;}
#xuanfu p{font-size: 12px;color: #fff;text-align: center;display: block;margin-bottom: 10px;}

/*悬浮二维码样式*/
.code {width: 120px;position: fixed;right: -52px;background: #0099FF;transition: all 1s;padding: 0.6%;z-index: 100;}
.code img{width: 100%;}
.ibg{ background-color:#0099FF;}
.ibg .section-title h3{ color:#FFF;}
.ibg .section-title p{color:#FFF;}
.ibg .more .btn-main{color: #0099ff;background-color: #FFF;border-color: #eee; margin-top:30px;}
.ibg .more .btn-main:hover, .ibg .more .btn-main:focus, .ibg .more .btn-main:active { background-color: #0066FF; border-color: #0066FF; color: #fff;}
.page{ text-align:center;} 
.page a{ border:#0066FF solid 1px; padding:3px 10px;}
.page b{ border:#0066FF solid 1px; background-color:#0099FF; padding:3px 10px; color:#FFF}
#news .gridn { height:auto; margin-bottom:30px; padding:10px; background-color:#FFF;}
#news .gridn figure{ color:#FFF; width:100%; position: relative;}
#news .gridn figure {/*position: relative;float: left;*/background: #000;overflow: hidden;text-align: center;cursor: pointer;box-sizing: border-box;}
#news .gridn figure img {position: relative;display: block;/*min-height: 100%;max-width: 100%;*/opacity: 1;-webkit-transition: opacity 0.3s, -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);transition: opacity 0.3s, transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);}
#news .gridn figure figcaption {color: #fff;text-transform: uppercase;font-size: 1.25em;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
#news .gridn figure figcaption > a {z-index: 1000;position: absolute;right: 50%;bottom: 50px;margin-right: -67px;opacity: 0;-webkit-transform: translate3d(0, 60px, 0);transform: translate3d(0, 60px, 0);-webkit-transition: -webkit-transform 0.35s, opacity 0.35s;transition: transform 0.35s, opacity 0.35s;}
#news .gridn figure h2 {
color: #fff;position: absolute;right: 0;left: 0;bottom: 20px;opacity: 1;padding:15px 5px;margin:0 auto;background-color:#00000080;line-height:23px;overflow:hidden;-webkit-transition: -webkit-transform 0.35s, opacity 0.35s;transition: transform 0.35s, opacity 0.35s;-webkit-transform: translate3d(0, 20px, 0);transform: translate3d(0, 20px, 0);}
#news .gridn figure h2 span {font-weight: 700;font-size:large;}
#news .gridn figure p { letter-spacing: 1px;font-size:medium; color:#CCC; overflow:hidden;height:200px;text-indent:2em;margin: 0;position: absolute;right: 10px;left: 10px;padding: 30px 0;top: 60px;text-align:left;line-height: 1.5; opacity: 0;
-webkit-transform: translate3d(0, 50px, 0);transform: translate3d(0, 50px, 0);-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;}
#news .gridn figure:hover h2 {top:0;bottom:auto;background-color:transparent;opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
#news .gridn figure:hover h2::after {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
#news .gridn figure:hover img {opacity: 0.3;-webkit-transform: scale(1.2); -ms-transform: scale(1.2);transform: scale(1.2);}
#news .gridn figure:hover p {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
#news .gridn figure:hover figcaption > a {opacity: 1;-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}

#news .news2{}
#news .news2 dl{ background-color:#FFF; padding: 10px; clear:both;}
#news .news2 dt{ float:left; text-align:center; margin-right:15px;}
#news .news2 dt div{ background-color:#0099FF; color:#FFF; padding:12.5px;}
#news .news2 dt span{ font-size:x-large;}
#news .news2 h2{ font-size:larger;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; margin: 0; padding-bottom: 15px; color: #0099FF;}
#news .news2 dl:hover{transition: 1s;-webkit-transition: 1s;-moz-transition: 1s;box-shadow: 1px 1px 10px rgba(0,0,0,0.5);-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
#news .news2 h2:hover{ font-weight:bold;}
#news .news2 dd{ position: relative; line-height: 22px; max-height: 78px;overflow: hidden;}
#news .news2 dd::after{content: "..."; position: absolute; bottom: 0; right: 0; padding-left: 30px;background: -webkit-linear-gradient(left, transparent, #fff 55%);background: -o-linear-gradient(right, transparent, #fff 55%);background: -moz-linear-gradient(right, transparent, #fff 55%);background: linear-gradient(to right, transparent, #fff 55%);}
#news .news2 dd>div{float: left; padding: 5px; font-size:large; text-align: center;}
#news .news2 dd span{ font-size:x-large; border-bottom:#999 solid 2px;line-height: initial;}

/*内页*/
.banner{background-image: url(../images/banner-1.jpg);background-position: bottom center; background-attachment: fixed; background-repeat: no-repeat; /*background-size:contain;*/ background-color: #000; padding:150px 0; position: relative;	background-position: 50% 0px; }
.mysite{ padding:20px 15px;}
.bannertext{ display: inline-block; padding:10px 20px;}
.bannertext h2{ background-color: #00000069;}

.infos{ padding:20px}
.infos h1{ padding:15px; text-align:center; font-size:x-large; color:#0099FF; font-weight:bold;}
.infos h2,.infos h3,.infos h4,.infos h5{ font-size:large; padding:15px 0;}
.infos .daohang{ background-color:#dcf1ff; border:#9bd4fb solid 1px; margin:20px auto; width:80%; padding:10px 15px;}
.infos .daohang span{ font-weight:bold;}
.infos .zs .caption{ padding:0;}
.infos .zs .caption h3{ padding:0; font-size: initial; margin: 10px auto; text-align:center;}
.infos .t2 .caption{ padding:0;}
.infos .t2 .caption>h3{ text-align:center; padding:0;}
.infos .contact{ padding:0;}
.infos .contact ul{ padding:0 0 0 1em;}
.infos .contact li{ list-style:none; padding-bottom:5px;}
.infos .cnav{ text-align:center; padding:30px 0;}
.infos .cnav .btn-default{color: #0099FF; border-color: #0099FF; margin:10px;}
.infos .cnav .action{ background-color: #0099FF;color:#FFF}
.infos .cnav .btn-default:hover{ color:#FFF}

/*.infos .lxbg{background-image: url(../images/lximg.jpg);background-position: bottom  right; background-repeat: no-repeat; margin-bottom: 20px;}*/
.prenext dd{ padding:5px 0;}

.anli  h1{ padding:15px; text-align:center; font-size:x-large; color:#0099FF; font-weight:bold;}
.anli h2,.anli h3,.anli h4,.anli h5{ font-size:large; padding:15px 0;}

.clearfix:after,.clearfix:before{display:table;line-height:0;content:""}
.clearfix:after{clear:both}
.clear-float{clear:both}

.footer{background-color:#333;color:#DDDDDD;margin-top: 30px;}
.footer a{text-decoration:none;color:#DDDDDD; font-weight:normal;}
.footer a:hover{text-decoration:underline;}
.footer ul,.footer li{ margin:0; padding:0; list-style:none;}
.footer-floor1{width:100%;}
.footer-list{height:100%; text-align:center;padding:30px 0 20px}
.footer-list ul{float:left;}
.footer-list .flist-4{margin-right:0}
.footer-list li{line-height:32px; margin:0;}
.footer-list .flx{ text-align:left; padding:20px 0 0 30px;padding-left: 55px;}
.footer-list .flx dd{ line-height:27px;}

.footer-list .flist-title{font-size:16px;margin-bottom:15px}
.footer-floor2{width:100%; background-color:#101010;padding:10px 0 40px 0;text-align:center}
.footer-floor2 p{text-align:center;line-height:30px; padding:0; margin:0;}
.foot-link{margin:0 15px;text-decoration:none;}
.foot-link:hover{text-decoration:underline}



.telephone{width:100%;height:32px;line-height:32px;}
.telephone span{display:inline-block;width:32px;height:32px;float:left;background:url(../images/phone_32px.png);margin-left:16%}
.telephone .tel-number{font-size:16px;font-weight:400;}
.official-plat{width:100%;height:100%;margin-top:20px;position:relative}
.official-plat ul{float:right;margin-top:7px}
.official-plat ul li span{display:inline-block;width:32px;height:32px;background:url(../images/plat_icon.png) no-repeat 0 0;line-height:32px;float:left;margin-right:12px}
.official-plat ul li .weibo-logo{background:url(../images/plat_icon.png) no-repeat -32px 0}
.official-plat ul li .qq-logo{background:url(../images/plat_icon.png) no-repeat -64px 0}
.official-plat ul li{height:45px}
.official-plat ul a{display:inline-block;height:32px;width:100%;line-height:32px;text-decoration:none;}
.official-plat>p{display:inline-block;width:132px;height:132px;border:1px solid #ddd;background-color:#fff}
.official-plat .weixin{position:absolute;top:0;left:50px;background-repeat:no-repeat;background-position:0 0}
.official-plat .weibo{position:absolute;top:0;left:50px;background-repeat:no-repeat;background-position:-132px 0;display:none}
#wx-corner{border:10px solid transparent;border-left:10px solid #fff;position:absolute;top:40%;right:-20px;z-index:10}
#wb-corner{border:10px solid transparent;border-left:10px solid #fff;position:absolute;top:58px;right:-20px;z-index:10}
.five-superiority{width:100%;border-bottom:1px solid rgba(255, 255, 255, 0.10);padding:30px 0 10px; font-size:14px;}
.five-superiority ul{ width:100%;}
.five-superiority-list li{float:left;width:20%;height:36px;text-align:center;border-left:1px solid rgba(255, 255, 255, 0.10)}
.five-superiority-list li:first-child{border-left:none}
.five-superiority-list li a{display:inline-block;position:relative;width:100%;height:36px;line-height:36px;background:no-repeat 2% center;}
.superiority-icon{position:absolute;width:40px;height:40px;left:10%;}
.compensate_ico .superiority-icon{background-position:0 0}
.compensate_ico:hover .superiority-icon{background-position:0 -50px}
.retreat_ico .superiority-icon{background-position:0 -100px}
.retreat_ico:hover .superiority-icon{background-position:0 -150px}
.technology_ico .superiority-icon{background-position:0 -200px}
.technology_ico:hover .superiority-icon{background-position:0 -250px}
.prepare_ico .superiority-icon{background-position:0 -300px}
.prepare_ico:hover .superiority-icon{background-position:0 -350px}
.service_ico .superiority-icon{background-position:0 -400px}
.service_ico:hover .superiority-icon{background-position:0 -450px}
.marquee-box{overflow:hidden;width:100%;position:absolute;left:0;top:0}
.marquee{width:8000%;height:60px}

/*浮动联系方式*/
.floating_ck{position:fixed;right:20px;top:30%; background: #0099FF; 
transition: 1s;-webkit-transition: 1s;-moz-transition: 1s;box-shadow: 1px 1px 10px rgba(0,0,0,0.5);-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.floating_ck dl dd{position:relative;width:80px;height:80px;background-color:#0099FF;border-bottom:solid 1px #FFF;text-align:center;background-repeat:no-repeat;background-position:center 20%;cursor:pointer;}
.floating_ck dl dd:hover{background-color:#0066FF;border-bottom:solid 1px #FFF;}
.floating_ck dl dd:hover .floating_left{display:block;}
.consult,.words{background-image:url(../images/zxicon.png);}
.quote{background-image:url(../images/kficon.png);}
.qrcord{background-image:url(../images/erweima.png);}
.return{background-image:url(../images/fanhui.png);}
.floating_ck dd span{color:#fff;display:block;padding-top:54px;}
.floating_ck dd span a{color:#fff;}
.floating_left{position:absolute;left:-160px;top:0px;width:160px;height:80px;background-color:#0066FF;;display:none;}
.floating_left a{color:#fff;line-height:80px;}
.floating_ewm{height:260px;top:-180px;}
.floating_ewm i{background-image:url(../images/erm.jpg);background-size: contain;display:block;width:145px;height:145px;margin:auto;margin-top:7px;}
.floating_ewm p{color:#fff;margin:5px auto;}
.floating_ewm .qrcord_p01{font-size:12px;line-height:20px;}
.floating_ewm .qrcord_p02{font-size:18px;}



.wave-list-box{float:left}
.wave-list-box ul{float:left;height:60px;overflow:hidden;zoom:1; margin:0; padding:0;}
.wave-list-box ul li{height:60px;width:100%;float:left;line-height:30px;list-style:none; margin:0; padding:0;}
.wave-box{position:relative;height:60px;}

.list h1{ text-align:center; margin:30px auto;font-size: x-large;}
.list h3{ margin:3px auto 3px auto; font-size:larger; text-align:center}
.list .t4{ padding:15px;}
.list .t4 dt{ overflow:hidden;}
.list .t4 dd{ text-align:center; padding:10px 0; background-color:#e8e8e8;}
.list .t4:hover a{ font-weight:700}
.list .t4:hover img{-webkit-transform: scale(1.1); -ms-transform: scale(1.1);transform: scale(1.1);-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}


.prolist h1,.newslist h1{ text-align:center; margin:30px auto;font-size: x-large;}

.newslist .xw dt{ float:left; padding:15px; width:30%}
.newslist .xw dd{ float:right; padding:15px; width:70%;}
.newslist .xw h3{ margin:0px auto 20px auto; font-size:large;}
.newslist .xw h3>span{font-size:small; color:#999;}
.newslist .xw:hover{ border-radius:4px; transition: 1s;-webkit-transition: 1s;-moz-transition: 1s;box-shadow: 1px 1px 10px rgba(0,0,0,0.5);-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}

.prolm{ padding:20px 0;}
.prolm h2{ border-left:#0099FF solid 5px; margin-bottom:20px; padding-bottom: 7px; font-size:x-large; text-indent:1rem;}
.prolm .text-center{ margin:30px;}
.prolm .caption{ padding:9px 0; overflow:hidden; white-space:nowrap;}
.prolm .caption h3{ font-size:larger; text-align:center; padding:0; margin:auto}
.prolm .col-md-5,.prolm .col-md-4 {padding:10px;}
.prolm .thumbnail{ margin:0; padding:0;}
.prolm .col-md-5:hover,.prolm .col-md-4:hover { padding:0; transition: 1s;-webkit-transition: 1s;-moz-transition: 1s;box-shadow: 1px 1px 10px rgba(0,0,0,0.5);-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.prolm .text{ font-family:'Rubik', sans-serif; font-size:larger; min-height:180px;}
.prolm.lmfg{ background-color:#f3f3f3;}


.cnav{ text-align:center; padding:30px 0;}
.cnav .btn-default{color: #0099FF; border-color: #0099FF; margin:5px;}
.cnav .action{ background-color: #0099FF;color:#FFF}
.cnav .btn-default:hover{ color:#FFF}

.prolist .tw { padding:15px;}
.prolist .tw:after{ clear:both;display:table;line-height:0;content:""}
.prolist .tw dt{ float:left; width:50%; padding:0 15px;position: relative;overflow: hidden;text-align: center;}
.prolist .tw img{ position: relative;display: block;min-height: 100%;max-width: 100%;-webkit-transition: opacity 0.3s, -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);transition: opacity 0.3s, transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);}
.prolist .tw:hover{border-radius:5px; transition: 1s;-webkit-transition: 1s;-moz-transition: 1s;box-shadow: 1px 1px 10px rgba(0,0,0,0.5);-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.prolist .tw:hover img{-webkit-transform: scale(1.1); -ms-transform: scale(1.1);transform: scale(1.1);}
.prolist .tw dd{ float:right; width:50%; padding:0 15px;}
.prolist h3{ margin:0 auto 15px auto; font-size:large;}
.prolist .tw p{ margin-bottom:10px;}

.proshow{ padding-top:50px;}
.proshow .text{ padding:30px 15px 0 15px; line-height:34px; }
.proshow h1{ font-size:x-large; margin:5px 0 20px 0;}
.proshow h2,.proshow h3,.proshow h4,.proshow h5{ font-size:larger; padding:15px 0;} 
.proshow .guige dd{ padding:10px 0;}
.proshow .guige dd>span{ font-weight:bolder;}
.proshow .contact-form input,.proshow .contact-form textarea{margin-bottom: 15px;}
.proshow .title h2{ background-color: #0099FF; color: #fff; text-indent: 1em;}

.anli .t4{ padding:15px;}
.anli .t4 dt{ overflow:hidden;}
.anli .t4 dd{ text-align:center; padding:10px 0; background-color:#e8e8e8;}
.anli .t4:hover a{ font-weight:700}
.anli .t4:hover img{-webkit-transform: scale(1.1); -ms-transform: scale(1.1);transform: scale(1.1);-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}

.protype h1{ font-size:x-large; margin:0 0 20px 0;}
.protype h2,.protype h3,.protype h4,.protype h5{ font-size:larger; padding:15px 0;} 
.protype .guige dd{ padding:7px 0; font-size:medium; line-height: 24px;}
.protype .guige dd>span{ font-weight:bolder;}
.protype .guige .tel24{ background:url(../images/24rx40.png) center left no-repeat; padding:10px 0 10px 50px;}
.protype .guige .tel24 span{ font-weight:inherit; font-size:small;font-weight: bold;}
.protype .guige .tel24 b{ color:#0099FF; font-size:larger;}
.protype .guige .tel24 a{ margin-left:10px;}
.navpro{ background-color:#f3f3f3; text-align:center;}
.protype .navpro dl{ float:left; width:20%; margin:auto; border:#FFF solid 1px; padding:20px 0;}
.protype .navpro dt{ font-size:42px; color:#333;}
.protype .navpro dd{ padding:10px 0; font-size:larger; color:#333;}
.protype .navpro dl:hover{ background-color:#057ed9; transition: all 0.8s}
.protype .navpro dl:hover dt{ color:#FFF;}
.protype .navpro dl:hover dd{ color:#FFF;}
.protype .title{ text-align:center; padding:30px 0; color:#666; font-size:larger;}
.protype .title h2{font-size:x-large; color:#333; font-weight:bold;}
/*.protype .cnav{ text-align:center; padding:30px 0;}
.protype .cnav .btn-default{color: #0099FF; border-color: #0099FF; margin:0 10px;}
.protype .cnav .action{ background-color: #0099FF;color:#FFF}
.protype .cnav .btn-default:hover{ color:#FFF}*/

.protype .guigetable table{ text-align:center; width:100%; margin:auto;}
.protype .guigetable th{ border-left: rgba(255,255,255,.15) solid 1px;border-top: rgba(255,255,255,.15) solid 1px; background-color:#057ed9; color:#FFF; text-align:center; padding:2px 5px; font-size:larger;}
/*.protype .guigetable th:first-child { border-right:#CCC solid 1px}
*/.protype .guigetable td{ border:#CCC solid 1px; padding:0 5px;}

.protype .yousi dl{ background:#F3F3F3 url(../images/sj_bg1.png) top left no-repeat; padding:10px 10px 20px 10px; margin-bottom: 30px;}
.protype .yousi dt{ text-align:center; font-size:larger; padding:10px 15px; overflow:hidden;}
.protype .yousi dd{ line-height:25px; height:50px; overflow:hidden; text-indent:2em; padding-left:10px;}
.protype .yousi dl.icon1 dt{background:url(../images/icon1.png) 0 0 no-repeat;}
.protype .yousi dl.icon2 dt{background:url(../images/icon1.png) 0 -130px no-repeat;}
.protype .yousi dl.icon3 dt{background:url(../images/icon1.png) 0 -200px no-repeat;}
.protype .yousi dl.icon4 dt{background:url(../images/icon1.png) 0 -268px no-repeat;}
.protype .yousi dl.icon5 dt{background:url(../images/icon1.png) 0 -60px no-repeat;}
.protype .yousi dl.icon6 dt{background:url(../images/icon1.png) 0 -340px no-repeat;}
.protype .yousi dl.icon7 dt{background:url(../images/icon1.png) 0 -407px no-repeat;}
.protype .yousi dl.icon8 dt{background:url(../images/icon1.png) 0 -467px no-repeat;}
.protype .yousi dl.icon9 dt{background:url(../images/icon1.png) 0 -534px no-repeat;}
.protype .yousi dl:hover{  background:#057ed9 url(../images/sj_bg2.png) 0 0 no-repeat; padding:10px 10px 20px 10px;transition: all 0s;}
.protype .yousi dl:hover dt{ color:#FFF; background-image:url(../images/icon2.png);}
.protype .yousi dl:hover dd{ color:#FFF;}

.protype .fuwu div{ border:#F3F3F3 solid 1px; border-bottom:none; border-top:none;margin-left: -1px;}
.protype .fuwu div:first-child{ border-left:none;}
.protype .fuwu div:last-child{ border-right:none;}
.protype .fuwu dt{ margin:auto; height:150px; width:150px;border-radius:50%; border:#CCC solid 1px;}
.protype .fuwu dd h3{ text-align:center; color:#333; font-size:large; font-weight:bold;}
.protype .fuwu dl.icon1 dt{background:url(../images/tsfw.png) 22px 27px no-repeat;}
.protype .fuwu dl.icon2 dt{background:url(../images/tsfw.png) -156px 27px no-repeat;}
.protype .fuwu dl.icon3 dt{background:url(../images/tsfw.png) -337px 27px no-repeat;}
.protype .fuwu dl.icon4 dt{background:url(../images/tsfw.png) -528px 30px no-repeat;}

.protype .fuwu dl.icon1:hover dt{background:#057ed9 url(../images/tsfw.png) 22px -130px no-repeat;}
.protype .fuwu dl.icon2:hover dt{background:#057ed9 url(../images/tsfw.png) -156px -130px no-repeat;}
.protype .fuwu dl.icon3:hover dt{background:#057ed9 url(../images/tsfw.png) -337px -130px no-repeat;}
.protype .fuwu dl.icon4:hover dt{background:#057ed9 url(../images/tsfw.png) -528px -127px no-repeat;}

.protype .fuwu dl:hover dt{ border:#057ed9 solid 1px;}
.protype .fuwu dl:hover dd{}


.protype .contact address{ text-align:left; font-size:medium}