* {
	margin: 0;
	padding: 0;
}

body {
	font-family: -apple-system, BlinkMacSystemFont, "Gotham SSm A","Gotham SSm B",Helvetica,Arial,"Microsoft Yahei",SimSun;
	color: #333;
	font-size: 14px;
}

ul,ul li {
	list-style: none;
}

ul,ol {
	margin-bottom: 0;
}
h2,h3{color:#000;}

a:hover {
	text-decoration: none;
}

img {
	max-width: 100%
}
.project-images{margin-bottom: 50px;text-align: center;}
/* ���  */
.wwbox1	,.wwbox2{display: none;}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
*html .clearfix {
	height: 1%;
}
*+html .clearfix {
	height: 1%;
}
.hidden {
	visibility: hidden;
}
#toTop {
	display: none;
	text-decoration: none;
	position: fixed;
	bottom: 90px;
	right: 2%;
	overflow: hidden;
	z-index: 999; 
	width: 32px;
	height: 32px;
	border: none;
	text-indent: 100%;
	background: url("../images/arrow.png") no-repeat 0px 0px;
}
#toTopHover {
	width: 32px;
	height: 32px;
	display: block;
	overflow: hidden;
	float: right;
	opacity: 0;
	-moz-opacity: 0;
	filter: alpha(opacity=0);
}

.inner-box .title h2.bt{background:rgba(0, 0, 0, 0.5);color: #fff;}
.inner-box .title h2.nyxgk{background:rgba(0, 0, 0, 0.5);color: #fff;letter-spacing: 4px;}
.fenlei{margin-top:2em}
.wbbox,.wxbox{padding:30px;line-height: 1.8;}
.wbbox p,.wxbox p{margin-top:20px;}
.zhzg{margin:60px auto;}
.zhzg .item{overflow: hidden;}
.fl{float:left}
.fr{float:right}
.caselist .thumb,.index-tech .item,.newslist li .thumb,.index-about .thumb,.wisdom-box .item .thumb,.tech-grid .item{overflow:hidden;}
.about-case .caselist .thumb a{display:block;height:260px;width:100%;-webkit-transition: 0.8s; transition: 0.8s;background-size:cover!important;}
.about-case .caselist li:hover a{transform:scale(1.1);}
.caselist li img,.newslist li img,.index-tech .item img,.index-about .thumb img,.wisdom-box .item .thumb img,.tech-grid .item img{width: 100%; display: block; -webkit-transition: 0.8s; transition: 0.8s;overflow:hidden;}
.caselist li:hover img,.newslist li:hover img,.index-tech .item:hover img,.index-about .thumb:hover img,.wisdom-box .item .thumb:hover img,.tech-grid .item:hover img{transform:scale(1.1);}
.about-case .caselist li .thumb img{display:none;}
.navbar{border-top:0;border-left:0;border-right:0;}
.navbar-nav>li>a .caret{position: absolute;right:15px;top:50%;margin-top:-2px;}
.navbar-toggle{top:10px;right:10px;}
.collapsed .box-menu-icon,.navbar-toggle .box-menu-icon{
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    bottom: auto;
    right: auto;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    width: 35px;
    height: 2px;
    background-color: #000;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
    list-style: none;
}
.collapsed .box-menu-icon::before,.collapsed .box-menu-icon:after,
.navbar-toggle .box-menu-icon::before,.navbar-toggle .box-menu-icon:after {
    content: '';
    width: 80%;
    height: 100%;
    position: absolute;
    background-color: #000;
    right: 0;
    -webkit-transition: -webkit-transform .3s, top .3s, background-color 0s;
    -webkit-transition: top .3s, background-color 0s, -webkit-transform .3s;
    transition: top .3s, background-color 0s, -webkit-transform .3s;
    transition: transform .3s, top .3s, background-color 0s;
    transition: transform .3s, top .3s, background-color 0s, -webkit-transform .3s;
}
.navbar-toggle.collapsed .box-menu-icon::before {
    top: -6px;
}
.navbar-toggle.collapsed .box-menu-icon::after {
    top: 6px;
}

.navbar-inverse .navbar-toggle .box-menu-icon,
.navbar-inverse .navbar-toggle .box-menu-icon::before,
.navbar-inverse .navbar-toggle .box-menu-icon::after{background: #fff}
.navbar-toggle[aria-expanded='true'] .box-menu-icon{
    background-color: rgba(255, 255, 255, 0);
}
.navbar-toggle[aria-expanded='true'] .box-menu-icon::before {
    top: 0;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}
.navbar-toggle[aria-expanded='true'] .box-menu-icon::after {
    top: 0;
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
}
/* Shutter Out Horizontal */

.hvr-shutter-out-horizontal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  color:#fff;
  position: relative;
  
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-shutter-out-horizontal:before a{ color:#fff;}
.hvr-shutter-out-horizontal:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #000;
  color:#fff;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
 
.hvr-shutter-out-horizontal:hover, .hvr-shutter-out-horizontal:focus, .hvr-shutter-out-horizontal:active {
 color:#fff !important;
}
.hvr-shutter-out-horizontal:hover:before, .hvr-shutter-out-horizontal:focus:before, .hvr-shutter-out-horizontal:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  color:#fff;
}
 

/* Rotate */
.hvr-rotate {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-rotate:hover, .hvr-rotate:focus, .hvr-rotate:active {
  -webkit-transform: rotate(100deg);
  transform: rotate(100deg);
}


[class^="cl-effect"] a {
	position: relative;
	display: inline-block;
	margin: 15px 25px;
	outline: none;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 400;
	text-shadow: 0 0 1px rgba(255,255,255,0.3);
	font-size: 1.35em;
}

.cl-effect-2 a {
	line-height: 44px;
	-webkit-perspective: 1000px;
	-moz-perspective: 1000px;
	perspective: 1000px;
}

.cl-effect-2 a span {
	position: relative;
	display: inline-block;
	padding: 0 14px;
	background: #2195de;
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
	-webkit-transform-origin: 50% 0;
	-moz-transform-origin: 50% 0;
	transform-origin: 50% 0;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.csstransforms3d .cl-effect-2 a span::before {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 100%;
	background: #0965a0;
	content: attr(data-hover);
	-webkit-transition: background 0.3s;
	-moz-transition: background 0.3s;
	transition: background 0.3s;
	-webkit-transform: rotateX(-90deg);
	-moz-transform: rotateX(-90deg);
	transform: rotateX(-90deg);
	-webkit-transform-origin: 50% 0;
	-moz-transform-origin: 50% 0;
	transform-origin: 50% 0;
}

.cl-effect-2 a:hover span,
.cl-effect-2 a:focus span {
	-webkit-transform: rotateX(90deg) translateY(-22px);
	-moz-transform: rotateX(90deg) translateY(-22px);
	transform: rotateX(90deg) translateY(-22px);
}

.button {
	display: inline-block;
	padding: 0.6em 2em;
	border: none;
	background: none;
	color: inherit;
	vertical-align: middle;
	position: relative;
	z-index: 1;
	-webkit-backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	color: #333;
	border: 1px solid #006cbf;
}

.button--wayra {
	overflow: hidden;
	-webkit-transition: border-color 0.3s, color 0.3s;
	transition: border-color 0.3s, color 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.button--wayra::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 150%;
	height: 100%;
	background: #37474f;
	z-index: -1;
	-webkit-transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
	transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
	-webkit-transform-origin: 0% 100%;
	transform-origin: 0% 100%;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s, background-color 0.3s;
	transition: transform 0.3s, opacity 0.3s, background-color 0.3s;
}

.button--wayra:hover {
	color: #fff;
	border-color: #006cbf;
}

.button--wayra.button--inverted:hover {
	color: 006cbf;
	border-color: #fff;
}

.button--wayra:hover::before {
	opacity: 1;
	background-color: #006cbf;
	-webkit-transform: rotate3d(0, 0, 1, 0deg);
	transform: rotate3d(0, 0, 1, 0deg);
	-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.button--wayra.button--inverted:hover::before {
	background-color: #fff;
}

.csstransforms3d .cl-effect-2 a:hover span::before,
.csstransforms3d .cl-effect-2 a:focus span::before {
	background: #28a2ee;
}
.container{overflow: hidden;}
.banner {
	position: relative;

}

.banner img {
	height: 100%;
}
.bannerbox{
	overflow: hidden;
}
.banner .bannerfix >li {
	height: 100%;
	line-height: 0;
	opacity: 0;
	transition: opacity 1000ms linear;
	-webkit-transition: opacity 1000ms linear;
	float: left;
}

.banner .bannerfix >li .bimg {
	line-height: 0;
	width: 100%;
	position: relative;
	transition: transform 5s ease;
	-webkit-transition: transform 5s ease;
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
}

.banner .bannerfix >li.imgIn {
	opacity: 1;
	z-index: 10;
	display: block;
}

.banner .bannerfix >li.imgIn .bimg {
	transform: matrix(1, 0, 0, 1, 0, 0);
	-webkit-transform: matrix(1, 0, 0, 1, 0, 0);
}

.banner .bannerfix >li.imgIn .bbox h1 {
	opacity: 1;
	visibility: visible;
	top: 0;
	transition: 420ms 120ms;
}

.banner .bannerfix >li.imgIn .bbox .details {
	opacity: 1;
	visibility: visible;
	top: 30px;
	transition: 420ms 580ms;
}

.banner .flex-control-nav {
	width: 100%;
	height: 20px;
	position: absolute;
	left: 0;
	bottom: 59px;
	text-align: center;
	z-index: 20;
}

.banner .flex-control-nav li {
	display: inline-block;
	position: relative;
	margin-right: 14px;
	width: 5px;
	height: 20px;
}

.banner .flex-control-nav li:last-child {
	margin-right: 0;
}

.banner .flex-control-nav li span {
	display: block;
	text-indent: 999px;
	overflow: hidden;
	width: 5px;
	height: 7px;
	position: absolute;
	background: #fff;
	transition: 320ms;
	left: 0;
	top: 6px;
}

.banner .flex-control-nav li a.flex-active span {
	height: 20px;
	top: 0;
}

.bbox {
	width: 100%;
	margin: auto;
	position: absolute;
	left: 0;
	text-align: center;
	position: absolute;
	top: 80%;
	transform: translateY(-50%);
}

.bbox h1 {
	line-height: 1;
	color: #fff;
	font-size: 50px;
	text-align: center;
	opacity: 0;
	visibility: hidden;
	position: relative;
	top: 30px;
}

.details {
	display: inline-block;
	text-align: center;
	margin: auto;
	position: relative;
	opacity: 0;
	visibility: hidden;
	position: relative;
	top: 60px;
}
.banner .button{
	border :1px solid rgba(255, 255, 255, 0.4);
        font-family: '微软雅黑 light', sans-serif;
        color: #fff;
	padding: 1.1em 1em;
	text-transform:uppercase;
	font-size:11px;
	}

.details a span {
	text-transform: uppercase;
	background: #1f1d33;
	color: #fff;
	padding: 0 30px;
	border: 1px solid #006cbf;
}

.csstransforms3d .details.cl-effect-2 a span::before {
	background: #1f1d33;
	border: 1px solid #006cbf;
}

.csstransforms3d .details.cl-effect-2 a:hover span::before, .csstransforms3d .details.cl-effect-2 a:focus span::before {
	font-weight: bold;
	background: #fff;
	border: 1px solid #1f1d33;
	color: #1f1d33;
}

.banner nav {
	position: absolute;
	width: 100%;
	z-index: 999;
	background: none;
	border: none;
}

.navbar {
	margin-bottom: 0;
}
.navbar-nav>li{position:relative;min-width:80px;text-align:center;}
.navbar-nav>li .dropdown-menu{min-width:80px;text-align:center}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    color: #fff;
    text-decoration: none;
    background: rgba(0,108,191,0.7);
}
@media (max-width: 767px){
	.navbar-nav>li{position:relative;min-width:80px;text-align:left}
    .navbar-nav>li .dropdown-menu{min-width:80px;text-align:left}
}
.navbar-nav>li.nav-ico>a{padding:15px 6px;display:inline-block;}
.navbar-inverse .navbar-nav>li>a {
	color: #fff;
}
.inner-box .title h3{font-size: 18px;}
.navbar-brand {
	height: auto;
}

.index-tech .item {
	position: relative;
}

.index-box {
	padding: 20px 0;
}

.bggray {
	background: rgba(0,108,192,0.1);
}

.index-about h3 {
	border-left: 3px solid #006cbf;
	padding-left: 10px;
	line-height: 1.2;
	font-size: 24px;
}

.index-about h3 em {
	font-weight: 100;
	font-style: normal;
	color: #999;
	font-size: 16px;
	text-transform: uppercase;
	padding-left: 10px;
}

.index-about .detail {
	color: #333;
	margin: 40px 0;
}
.index-about .detail h2{
font-size: 18px;
    margin-bottom: 25px;
    display: block;
    font-weight: 400;
}
.index-about .detail p {
	line-height: 1.8;
	margin-bottom: 30px
}

.index-about .detail p:last-child {
	margin-bottom: 0
}

.index-tech .item,.tech-grid .item {
	position: relative;
}

.index-tech .item .mark,.tech-grid .item .mark {
	background: rgba(255,230,230,0.5);
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

.index-tech .item .text,.tech-grid .item .text {
	background: transparent!important;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	width: 100%;
	text-align: center;
	color: #fff;
	z-index: 999;
}

.tech-grid .item .text p {
	color: #fff;
	margin: 30px 40px
}

.tech-grid .item .text h4 {
	font-size: 25px;
	font-family: '微软雅黑 light', sans-serif;
}

.tech-grid .item .text .button {
	border-color: rgba(255, 255, 255, 0.4);
	color: #fff;
}

.index-tech .button {
	border-color:rgba(178, 41, 41, 0.8);
	color: #fff;
}

.index-tech h3 {
	font-size: 30px;
	font-weight: normal;
	font-family: '微软雅黑 light', sans-serif;
	color: rgba(255, 255, 255, 0.6);
}

.index-tech h4 {
	font-size: 24px;
	font-weight: normal;
	 padding: 0px 0 15px 0;
	font-family: '微软雅黑 light', sans-serif;
}

.index-tech [class^=col-md] {
	overflow: hidden
}

.index-tech [class^=col-md] img {
	width: 100%;
	translation: .3s;
}

.index-tech [class^=col-md]:nth-child(2n) {
	padding-left: 4px;
	padding-bottom: 8px;
}

.index-tech [class^=col-md]:nth-child(2n+1) {
	padding-right: 4px;
	padding-bottom: 8px;
}
.index-case .caselist{margin-bottom:0}
.index-case .title h3,.index-news .title h3 {
	margin: 0 auto;
}

.index-case .title p,.index-news .title p {
	padding: 15px 260px;
	color: #999
}
.index-news .title h2{
	padding:20px 0 0 0;
}
.caselist {
	margin: 30px auto;
}

.caselist li {
	background: #fff;
}

.caselist li img {
	width: 100%;
}

.caselist li .text {
	padding: 20px;
	position: relative
}

.caselist li .text h3,.newslist li .text h3 {
	color: #333;
	margin: 0 0 10px;
	font-size: 18px;
}
.newslist li .text{background: rgba(0,108,109,0.1);padding: 10px 30px 30px 30px;}
.newslist li .text h3{margin:10px auto; line-height:19px;}
.newslist li .text p.time{margin-bottom:0px;margin-top:10px;}

.newslist li .text .btn-read{color:#006cbf;}
.index-news{padding: 30px 0 50px;}
.caselist li .text p,.newslist li .text p {
	color: #999;
}
.newslist li .text h3{font-size:16px;}
.newslist li .text p{font-size:12px;}

.btn-read{font-size:35px; font-family:"微软雅黑"; color:#666; margin-top:15px;}
.caselist li .text .icon-add {
	position: absolute;
	font-family: serif;
	right: 20px;
	top: 20px;
	color: #006cbf;
	font-size: 32px;
}
.caselist li .text .icon-add:hover{color:#000;}

.inner-box .caselist li {
	background: #f1f1f1;
	text-align: center;
}

.tech-box .caselist li {
	background: #fff;
}

.tech-box .caselist li .text {
	background: #f1f1f1;
}

.inner-box .caselist li .icon-add {
	position: static;
}
.tech-contact img{max-width:320px;}
.tech-contact .row{padding: 20px 0 20px 0;color:#999;}
.tech-contact .col-md-6{margin-bottom: 15px;}
.tech-contact h4{font-size:14px;color:#000;font-weight:bold;padding:20px 0;}
footer {
	background: #006cbf;
	padding: 20px 10px;
	font-size:12px;
	color: #fff;
}

.navbar-nav>li>a {
	color: #333;
}
.navbar-nav>li.curr>a{font-weight:bold;}
.navbar-nav>li>a:hover {
	background: transparent;
	font-weight:bold;
}

.navbar-default {
	background: transparent;
}

.navbar-default .navbar-toggle:hover {
	background: transparent;
}
/*****��ҳ******/
.inner-box .title {
	text-align: center;
	margin-bottom: 20px;
}

.inner-box .title h2 {
	margin: 0;
	font-size:32px;
	font-weight:bold;
    color: #000;
	 
	display: inline-block;
	padding:15px 30px;
}
.inner-box .title h3{
	color: #fff;
	background: rgba(0, 0, 0, 0.5);
	display: inline-block;
	padding:10px 20px;
	font-size:18px;
	font-weight:normal;
}
.inner-box .title em {
	font-style: normal;
	font-size: 18px;
	font-family: '微软雅黑 light', sans-serif;
	color: #999;
	padding-left: 8px;
	text-transform: capitalize
}

.inner-box .box {
	border-top: 1px solid #e7e7e7;
}
.inner-box .box>.tit{position: relative;}
.inner-box .box>.tit .button{
	position: absolute;right:0;top:50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);}
.inner-box .box>h3,.inner-box .box>.tit>h3 {
	margin: 30px 0;
	font-size:22px;
	text-align: left;
}

.inner-box .box>h3 em,.inner-box .box>.tit>h3 em{
	display: block;
	font-family: '微软雅黑 light', sans-serif;
	font-size:18px;
	color:#CCC;
	font-style: normal;
	font-weight: 200;
	text-transform: uppercase;
	margin-top: 8px;
}

.inner-box .maincon {
	padding-top: 30px;
	padding-bottom: 40px;
	line-height: 1.8;
}
.about-box .about-case {
	border: none;
}

.about-box .about-case>h3 {
	margin: 0;
	border-left: 3px solid #000;
	padding-left: 10px;
}

.about-box .about-case .caselist {
	padding-bottom: 20px;
}

.about-box .about-team {
	text-align: center;
}
.about-box .about-team li{margin-bottom: 15px;}
.about-box .about-team .avatar img {
	border-radius: 100%;
	-webkit-border-radius: 100%;
	width:80%;
	margin:0 auto;
}

.about-box .about-team h4 {
	font-size: 18px;
	margin: 30px 0 10px;
	white-space: nowrap;
	overflow: hidden;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
}

.about-box .about-team p {
	color: #999;
	white-space: nowrap;
	overflow: hidden;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
}

.about-box .about-team .icon-add {
	font-size: 32px;
	color: #999;
	font-family: '微软雅黑 light', sans-serif;
	font-weight:normal;
}
.about-news{padding-bottom:50px;}
/*.inner-box .maincon a:hover,.inner-box .maincon a:hover b{color: #000;}*/

.wisdom-box .item {
	background: #f6f6f6;
	margin-bottom: 6px;
	position: relative;
	display: flex;
	display: -webkit-flex;
	align-items: center;
}

.wisdom-box .item .thumb img {
	width: 100%
}

.wisdom-box .item .detail {
	padding: 50px
}

.wisdom-box .item .detail h3 {
	font-weight: bold;
	font-size:22px;
	
}

.wisdom-box .item .detail h4 {
	color: #666;
	font-family: '微软雅黑 light', sans-serif;
}

.wisdom-box .item .detail p {
	margin: 50px 0;
	color: #999
}

.wisdom-box .control,.inner-box .control {
	margin: 80px auto;
	text-align: center;
}

.product-banner {
	position: relative
}

.video-js .vjs-big-play-button {
	top: 50%;
	left: 50%;
	margin-left: -1.5em;
	margin-top: -0.8em;
}

.inner-box .cate {
	text-align: center;
}
 
.inner-box .cate li {
	display: inline-block;
	line-height: 32px;
	margin:0 5px;
}
.inner-box .cate li.active{ background:#000;color: #fff;}
.inner-box .cate li.active a{color: #fff;}
.inner-box .cate li a {
	color: #000;
	padding: 0 25px;
	
	font-size: 16px;
	font-weight: 400;
	transition: .3s;
	-webkit-transition: .3s;
}
 
.inner-box .cate li:hover a {
	color: #fff;
}

.about-box p,.product-box .detail p,.tech-intro p {
	margin-bottom: 20px;
	color:#333;
}

.video-row {
	margin-top: 50px;
}

.product-banner {
	margin: 50px auto;
}

.index-tech .item .mark,.tech-grid li {
	margin-bottom: 30px;
}

.tech-intro {
	margin-top: 50px;
}

.tech-video .video-row {
	margin-top: 0;
}
.tech-vtext{margin-top:0!important;border-top:0!important;}
.tech-vtext .maincon{padding-top:0!important;}
.tech-images .list {
	margin: 50px auto 80px;
}
.grid li {
	display: block;
	float: left;
	padding: 7px; 
/* 	width: 33%; */
	opacity: 0;
}
.grid li.shown, .no-js .grid li, .no-cssanimations .grid li {
	opacity: 1;
}
.grid li a,
.grid li img {
	outline: none;
	border: none;
	display: block;
	max-width: 100%;
}
.grid.effect-6 {
	-webkit-perspective: 1300px;
	perspective: 1300px;
}

.grid.effect-6 li.animate {
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform-origin: 0% 0%;
	transform-origin: 0% 0%;
	-webkit-transform: rotateX(-80deg);
	transform: rotateX(-80deg);
	-webkit-animation: flip .8s ease-in-out forwards;
	animation: flip .8s ease-in-out forwards;
}
.about-job .job-contact{font-size:16px;margin:40px 0;line-height:1.6;}
.about-job .jlist li{border-bottom:1px solid #ccc;padding:50px 0;}
.about-job .jlist li:first-child{padding-top:0;}
.about-job .jlist h3{font-size:22px;font-weight:normal;margin:10px auto;}
.about-job .jlist h3:after{content:'';width:45px;height:1px;background:#333;display:block;margin-top:20px;}
.about-job .jlist dl{margin-top:50px;margin-bottom:0;}
.about-job .jlist dl dt{line-height:1.8;}
.about-job .jlist dl dd{color:#666;line-height:1.8;}
.about-job .jlist .button{margin:50px 0 0;}

.catebox{background:#333 no-repeat center center;background-size:cover;-moz-background-size: cover;-webkit-background-size: cover;-o-background-size: cover;width:100%;height:500px;position: relative;}
.catebox .cateinner{position: absolute; top:50%;transform:translateY(-50%);width:100%;}
@-webkit-keyframes flip {
	0% { }
	100% { -webkit-transform: rotateX(0deg); opacity: 1; }
}

@keyframes flip {
	0% { }
	100% { -webkit-transform: rotateX(0deg); transform: rotateX(0deg); opacity: 1; }
}
@media (max-width: 1199px) {
	.wisdom-box .item .detail {
		padding: 30px
	}

	.wisdom-box .item .detail p {
		margin: 30px 0;
	}

	.wisdom-box .control {
		margin: 60px auto
	}
}

.caselist:hover .swiper-button-next,.caselist:hover .swiper-button-prev{display:block;}
.caselist .swiper-button-next,.caselist .swiper-button-prev{
	
	width:44px;height:44px;
	text-align: center;line-height: 44px;
	 
}
.caselist .swiper-button-next.swiper-button-disabled,.caselist .swiper-button-prev.swiper-button-disabled{opacity: 0.3}
.caselist .swiper-button-next, .swiper-button-prev{    
	-moz-background-size: 20px 30px;;
    -webkit-background-size: 20px 30px;;
    background-size: 20px 30px;
    z-index: 999999;
}
.caselist .swiper-button-next{
	right:10px;
}
.caselist .swiper-button-prev{
   left:10px;
}
.inner-box .caselist.procase ul{}
.inner-box .caselist.procase li{background:transparent;margin-top:15px;margin-bottom:15px;}
.inner-box .caselist.procase li .text{background:#f1f1f1}
@media (min-width: 992px) {
	.caselist .swiper-button-next,.caselist .swiper-button-prev{display: none;}
	.index-about .thumb {
		text-align: right;
	}

	.navbar-right {
		margin-top: 1px;
	}

	.wisdom-box .item [class^=col-md]:nth-child(2n) {
		padding-left: 0
	}

	.wisdom-box .item [class^=col-md]:nth-child(2n+1) {
		padding-right: 0
	}
}

@media (max-width: 991px) {
	.catebox{height:360px;}
.caselist li .text {
	padding: 20px 20px 6px 20px;}
	.about-case .caselist .thumb a{height:200px;}
	p{font-size:12px;}
	footer{font-size:12px;     padding: 13px 10px;}
	.caselist li .text h3{font-size:15px;    margin-bottom: 5px;}
	.newslist li .text h3{font-size:14px;margin: 10px auto;}
	.newslist li .text{padding:15px;}
	.index-case .title p,.index-news .title p{font-size:12px; padding:10px 10px}
	.caselist li .text p{font-size:12px;}
	.index-box h2,.index-about h3,.index-news .title h2{font-size:18px;}
	.tech-grid .item .text h4{font-size:20px;}
    .tech-grid .item .text p{margin: 20px 10px;}
	.inner-box .cate li a{padding:0 10px; font-size:12px;}
	.index-about .container{ padding:0 30px;}
	.inner-box .title h2{font-size:18px;padding: 5px 10px;}
.inner-box .title h2.bt{}
.tech-contact .row{padding: 20px 0 10px 0;}
	.inner-box .title em{font-size:13px;}
.inner-box .title h3{font-size:14px;padding: 5px 20px;}
.inner-box .cate li{line-height: 25px;}
.tech-intro{margin-top: 0px;}
	.wisdom-box .item .detail h3{font-size:16px;margin-top: 10px;}
	.wisdom-box .item .detail h4{font-size:13px;}
	.tech-grid li{margin-bottom:10px;}
	.inner-box .control{margin:30px auto;}
	.product-banner{margin:30px auto 0 auto;}
	.shadow{height:138px;margin-top: -100px;}
.banner .bannerfix >li.imgIn .bbox .details{top:0px;}
.video-js .vjs-big-play-button{    width: 2em;font-size: 2em;}
.video-js .vjs-big-play-button{left: 53%;}
.bbox{top: 40%;}
.banner .button{padding:0.9em;}
.about-box .about-team h4{    margin: 20px 0 10px;font-size: 18px;}
.tech-grid .item .text .button{    font-size: 12px;}
.index-about .detail{margin: 30px 0;}
.index-about .detail h2{font-size:15px;}
.index-about h3 em{ font-size: 14px;}
	
	.index-box {
		padding: 30px 0;
	}

	.button {
		padding: 0.3em 1em;
	}

	.navbar-brand>img {
		height: 50px;
	}

	.cl-effect-2 a {
		line-height: 30px;
	}

	.details a span {
		padding: 0 20px;
	}

	.banner .flex-control-nav {
		bottom: 10px;
	}

	.banner .bannerfix >li .bimg {
		width: auto;
		max-width:none;
		min-height: 380px;
		max-height:420px;
	}

	.banner .bbox img {
		height: 40px;
	}

	.index-about .thumb {
		text-align: center;
	}
.index-about .thumb img{width:100%;}
	.index-tech h3 {
		font-size: 20px;
		margin: 0;
	}

	.index-tech h4 {
		font-size: 16px;
		padding: 10px 0;
		margin: 0
	}

	.navbar-right {
		margin-top: 0;
	}

	.inner-box .title {
		margin-bottom: 15px;
	}

	.inner-box .box>h3 {
		margin: 15px 0;
font-size: 18px;
	}
.inner-box .box>h3 em{font-size: 14px;}

	.inner-box .maincon {
		padding-top: 15px;
		padding-bottom: 30px;
		
	}

	.caselist,.zhzg {
		margin: 30px 0
	}
.about-box p{margin-bottom: 10px;}
	.about-box p,.product-box .detail p,.tech-intro p {
		margin-bottom: 20px;
	}

	.about-profile .thumb {
		text-align: left;
	}

	.wisdom-box .item .detail {
		padding: 20px 20px 50px 20px
	}

	.wisdom-box .item .detail p {
		margin: 20px 0;
	}

	.wisdom-box .control {
		margin: 40px auto
	}

	.tech-images .list {
		margin: 30px 0 50px;
	}
	.about-job .jlist li{padding:30px 0;}
	.about-job .jlist .button{margin-top:30px;}
	.about-job .job-contact p{font-size:16px;}
}

.swiper-container {
	padding-bottom: 30px;

	padding-top: 0px;
}

.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
	bottom: -5px;
}

.swiper-pagination-bullet {
	opacity: 1;
	background: transparent;
	border: 1px solid #006cbf;
}

.swiper-pagination-bullet-active {
	background: #006cbf;
}

@media (min-width: 768px) {
	.navbar-right .dropdown:hover .dropdown-toggle{background: #006cbf;color:#fff;}
	.navbar-right .dropdown:hover .dropdown-menu{display: block;}
}

@media (max-width: 767px) {
	.logo .sublogo{
	display: none;
	position: static;
	float: none;
	}
	.catebox{height:260px;}
	.tech-contact img{width:80%;}
	.navbar-inverse .navbar-collapse {
		background:rgba(31, 29, 51, 0.8);
    
	}
.inner-box .title h2.nyxgk{background:rgba(0, 0, 0, 0.5);letter-spacing: 2px;}
	.navbar-default .navbar-toggle {
		margin-top: 22px;
	}
	.navbar-nav>li>.dropdown-menu{
		position: static;
		float: none;
		width:100%;
		border-radius: 0;
		background: rgba(0, 0, 0, 0.3);
		display: none;
	}
	.navbar-nav>li>.dropdown-menu a{color:#fff;}
	.banner .bannerfix >li .bimg {
		width: 100%;
		max-width: 100%;
		min-height: 250px;
		/* max-height: 300px;  */
	}

	.index-tech [class^=col-md]:nth-child(2n),.index-tech [class^=col-md]:nth-child(2n+1) {
		padding-left: 15px;
		padding-right: 15px;
		padding-bottom: 8px;
	}

	.navbar-toggle {
		border: none;
	}

	.navbar-default .navbar-collapse {
		position: absolute;
		background: rgba(255, 255, 255,0.8);
		width: 100%;
		z-index:99999;
		border-bottom: 1px solid #e7e7e7;
	}
}




.button--wayra1 {
	overflow: hidden;
	-webkit-transition: border-color 0.3s, color 0.3s;
	transition: border-color 0.3s, color 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.button--wayra1::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 160%;
	height: 100%;
	background: #fff;
	
	z-index: -1;
	-webkit-transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
	transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
	-webkit-transform-origin: 0% 100%;
	transform-origin: 0% 100%;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s, background-color 0.3s;
	transition: transform 0.3s, opacity 0.3s, background-color 0.3s;
}

.button--wayra1:hover {
	color: #000 !important;
	border: 1px #fff soild;
}

.button--wayra1.button--inverted:hover {
	color: #000;
	border: 1px #fff soild;
}

.button--wayra1:hover::before {
	opacity: 1;
	background-color: #ee0000;
	-webkit-transform: rotate3d(0, 0, 1, 0deg);
	transform: rotate3d(0, 0, 1, 0deg);
	-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.button--wayra1.button--inverted:hover::before {
	background-color: #fff;
}
  .bkcontext {width: 550px;height: 63px;background: url('../images/indexbg1.jpg') no-repeat 0 36px;}
  .bktitle {font-family: '楷体';font-size: 30px;color: blue;font-weight: 900;margin-left: 30px;}
 .bkdetail{float: right;margin-right: 10px;color: #333;cursor: pointer;}
  .bklist {border-bottom: dotted 1px #666666; margin:8px 0px 8px 2px}
  .bkdate {float:right;color: #666666}