@charset "utf-8";
html, body {
	width: 100%!important;
	height: auto;
	font-family: "PingFang SC", "Microsoft Yahei", Arial, sans-serif;
}
* {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}
ul, li {
	list-style: none;
}
a {
	text-decoration: none;
}
b {
	font-weight: normal;
}
img {
	border: 0;
}
.clear {
	clear: both
}
.zq-header, .zq-container {
	width: 100%;
}
/*header*/
.zq-heater {
	height: 864px;
}
.zq-banner {
	height: 790px;
	background: url(../images/banner_bg.jpg) no-repeat center 100%;
	position: relative;
	z-index:21
	}
.banner-bg {
	width: 100%;
	height: 790px;
	margin: 0 auto;
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	background: black;
}
.popup-iframe {
	width: 1200px;
	height: 675px;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-left: -600px;
	margin-top: -340px;
	z-index: 118;
}
.popup-close {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .3);
	z-index: 16;
}
.popup-close p {
	width: 36px;
	height: 36px;
	background: url("../images/bigclose_56x56.png") no-repeat center;
	position: absolute;
	bottom: 6%;
	left: 50%;
	margin-left: -18px;
	z-index: 20;
	background-size: 80%;
}
.banner-canvas {
	position: relative;
	width: 100%;
	height: 100%;
}
.m-news-mq {
	width: 1200px;
	height: 30px;
	margin: 0 auto;
	position: relative;
	top: 30px;
	left: 0;
	z-index: 100;
}
#news_mq {
	float: left;
	color: #ffFFFF;
	font-size: 12px;
	line-height: 14px;
	opacity: .8;
}
.banner-con {
	width: 1200px;
	height: 530px;
	padding-top: 240px;
	position: relative;
	top: 0;
	left: 50%;
	margin-left: -600px;
	text-align: center;
	color: #111;
}
.banner-top {
	width: 940px;
	height: 200px;
	margin: 0 auto;
	border-bottom: 1px solid #111;
	border-left: 1px solid #111;
	border-right: 1px solid #111;
}
.banner-top p {
	font-size: 60px;
	position: relative;
	top: -48px;
}
.banner-top span, .banner-top b {
	display: block;
	width: 50px;
	height: 1px;
	background-color: #797979;
}
.banner-top span {
	float: left;
}
.banner-top b {
	float: right;
}
.banner-top div {
	line-height: 49px;
	font-weight: bold;
	font-size: 48px;
	letter-spacing: 10px;
}
.banner-bottom {
	height: 170px;
	margin-top: 100px;
	font-size: 18px;
}
.banner-bottom p {
	margin-bottom: 30px;
}
.banner-bottom span {
	display: block;
	width: 160px;
	height: 48px;
	cursor: pointer;
	background-color: rgba(0, 0, 0, .5);
	color: white;
	line-height: 48px;
	margin: 0 auto;
	border-radius: 5px;
}
.banner-bottom span a{
	color:#fff;
}
/*container*/
.zq-container {
	width: 100%;
	padding-top: 100px;
}
.feature {
	width: 1200px;
	height: 640px;
	margin: 0 auto;
	transition: all .3s ease;
	overflow: hidden;
}
.feature-left {
	position: relative;
	float:left;
}
.feature-left a {
	float: left;
	width: 390px;
	height: 640px;
	display: block;
}
.feature-left,.feature-hp,.feature-camera,.feature-arithmetic{
    -webkit-perspective: 500;
    -moz-perspective: 500;
    -ms-perspective: 500;
    perspective: 500;
    -ms-transform: perspective(500px);
    -moz-transform: perspective(500px);
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    display: inline-block;
    position: relative;	
}


.feature-left, .fztp, .flfz {
    width: 390px;
    height: 640px;
}

.feature-hp, .fztp1, .flfz1 {
    width: 790px;
    height: 280px;
}

.feature-camera .flfz2,.feature-arithmetic .flfz2 {
	width:385px;
	height:340px;
}


.feature-left:hover .fztp {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
.feature-left:hover .flfz{
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg);
    z-index: 3; 
}


.feature-hp:hover .fztp1 {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
.feature-hp:hover .flfz1{
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg);
    z-index: 3; 
}
.feature-camera:hover .fztp2 {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
.feature-camera:hover .flfz2{
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg);
    z-index: 3; 
}


.feature-arithmetic:hover .fztp2 {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
.feature-arithmetic:hover .flfz2{
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg);
    z-index: 3; 
}

.fztp, .flfz,.fztp1, .flfz1,.fztp2,.flfz2{
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: 0.6s;
    -moz-transition: 0.6s;
    -o-transition: 0.6s;
    -ms-transition: 0.6s;
    transition: 0.6s;
    position: absolute;
    top: 0px;
    left: 0px;	
}

.fztp,.fztp1,.fztp2{
	z-index:2;
}
.flfz{
    background:url(../images/720-l.jpg) no-repeat center;
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
    padding:50px;	
}

.flfz1{
    background:url(../images/hp-l.jpg) no-repeat center;
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
    padding:35px 50px;	
}

.flfz2{
    background:#001222;
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
    padding:30px 40px;	
}



.flfz h3,.flfz1 h3,.flfz2 h3{
	text-align:center;
	display:block;
	line-height:65px;
	color:#fff;
	padding-bottom:10px;
	font-size:24px;
	font-weight:normal;
}
.flfz2 h3{
	line-height:45px;
}

.flfz p,.flfz1 p{
	color:#fff;
	line-height:40px;
	font-size:14px;
	font-weight:normal;
}


.flfz2 p{
	color:#fff;
	line-height:33px;
	font-size:14px;
	font-weight:normal;	
}

.feature-left .swiper-container {
	width: 100%;
	height: 100%;
}
.zsqx {
	width: 0px;
	height: 640px;
	position: absolute;
	right: 0px;
	top: 0px;
	z-index: 99999;
	background: #001222;
	opacity: 0.98;
	transition: width 0.3s;
	-moz-transition: width 0.3s;
	-webkit-transition: width 0.3s;
	-o-transition: width 0.3s;
}
.alzs {
	width: 750px;
	padding: 35px 30px;
	margin: 0 auto;
}
.alzs h3 {
	font-size: 22px;
	color: #fff;
	line-height: 35px;
	font-weight: bold;
	border-bottom: 1px #4f6072 solid;
	padding-bottom: 8px;
}
.alzs h3 a {
	width: 40px;
	height: 30px;
	font-size: 13px;
	float: right;
	font-weight: normal;
	color: #fff;
}
.pshx {
	width: 750px;
	padding: 5px 30px;
	margin: 0 auto;
}
.pshx h3 {
	font-size: 22px;
	color: #fff;
	line-height: 35px;
	font-weight: bold;
	border-bottom: 1px #4f6072 solid;
	padding-bottom: 8px;
}
.pshx h3 a {
	width: 40px;
	height: 30px;
	font-size: 13px;
	float: right;
	font-weight: normal;
	color: #fff;
}
.pshx ul {
	width: 740px;
	margin: 30px auto;
	display: block;
}
.pshx ul li {
	width: 166px;
	height: 113px;
	margin-right: 10px;
	margin-bottom: 10px;
	padding: 2px;
	border: 1px #bac8d8 solid;
	float: left;
}
.pshx ul li a {
	width: 166px;
	height: 113px;
	display: block;
}
.pshx ul li a img {
	width: 160px;
	height: 107px;
}
.pshx ul li:nth-child(4n) {
	margin-right: 0px;
}
.alzs ul {
	width: 740px;
	margin: 30px auto;
	display: block;
}
.alzs ul li {
	width: 166px;
	height: 113px;
	margin-right: 10px;
	margin-bottom: 10px;
	padding: 2px;
	border: 1px #bac8d8 solid;
	float: left;
}
.alzs ul li a {
	width: 166px;
	height: 113px;
	display: block;
}
.alzs ul li a img {
	width: 160px;
	height: 107px;
}
.alzs ul li:nth-child(4n) {
	margin-right: 0px;
}
.feature-left:hover .zsqx {
	display: block;
	width: 810px;
}
.hpqx {
	width: 790px;
	height: 0px;
	position: absolute;
	right: 0px;
	top: -350px;
	z-index: 99999;
	background: #001222;
	opacity: 0.98;
	transition: height 0.3s;
	-moz-transition: height 0.3s;
	-webkit-transition: height 0.3s;
	-o-transition: height 0.3s;
	transition: top 0.3s;
	-moz-transition: top 0.3s;
	-webkit-transition: top 0.3s;
	-o-transition: top 0.3s;
	padding: 30px 35px;
}
.hpal ul {
	width: 740px;
	margin: 20px auto;
	display: block;
}
.hpal ul li {
	width: 166px;
	height: 113px;
	margin-right: 15px;
	margin-bottom: 15px;
	padding: 2px;
	border: 1px #bac8d8 solid;
	float: left;
}
.hpal ul li a {
	width: 166px;
	height: 113px;
	display: block;
}
.hpal ul li a img {
	width: 160px;
	height: 107px;
}
.hpal ul li:nth-child(4n) {
	margin-right: 0px;
}
.hpal h3, .hphx h3 {
	font-size: 22px;
	color: #fff;
	line-height: 30px;
	font-weight: bold;
	border-bottom: 1px #4f6072 solid;
	padding-bottom: 8px;
}
.hpal h3 a, .hphx h3 a {
	width: 40px;
	height: 30px;
	font-size: 13px;
	float: right;
	font-weight: normal;
	color: #fff;
}
.zhpqx {
	width: 790px;
	height: 0px;
	position: absolute;
	right: 0px;
	top: 0px;
	z-index: 99999;
	background: #001222;
	opacity: 0.98;
	transition: width 0.3s;
	-moz-transition: width 0.3s;
	-webkit-transition: width 0.3s;
	-o-transition: width 0.3s;
}
.feature-hp:hover .hpqx {
	display: block;
	height: 360px;
	top: 280px;
}
.swiper-slide a {
	display: block;
	width: 100%;
	height: 100%;
}
.swiper-slide img {
	width: 100%;
	height: 100%;
}
.feature-right {
	width: 790px;
	height: 640px;
	margin-left: 20px;
	float: left;
	position: relative;
}
.feature-hp {
	width: 790px;
	height: 280px;
	float: left;
	margin-bottom: 20px;
}
.feature-arithmetic {
	width: 385px;
	height: 340px;
	overflow: hidden;
	float: right;
	margin-bottom: 20px;
}
.feature-camera {
	width: 385px;
	height: 340px;
	overflow: hidden;
	float: left;
}

.feature-camera a{
	width:385px;
	height:340px;
	display:block;
}
.feature-arithmetic img, .feature-camera img {
	width: 385px;
	height: 340px;
	-webkit-transform: scale(1);
	-webkit-transition: 1s transform ease;
	transform: scale(1);
	transition: 1s transform ease
}
.feature-arithmetic img:hover, .feature-camera img:hover {
	-webkit-transform: scale(1.01);
	-webkit-transition: .5s transform linear;
	transform: scale(1.01);
	transition: .5s transform linear
}
/**/
.effect1 img {
	transform: scale(1.25, 1.25) translate(10%, 10%);
	transform: scale(1.1, 1.1) translate(4.545%, 4.545%);
}
.leftUp img {
	-webkit-animation-name: leftUp;
	animation-name: leftUp;
}
@-webkit-keyframes leftUp {
0% {
transform:scale(1.1, 1.1) translate(4.545%, 4.545%);
}
100% {
transform:scale(1.1, 1.1) translate(-4.545%, -4.545%);
}
}
@keyframes leftUp {
0% {
transform:scale(1.1, 1.1) translate(4.545%, 4.545%);
}
100% {
transform:scale(1.1, 1.1) translate(-4.545%, -4.545%);
}
}
.moveRight img {
	-webkit-animation-name: moveRight;
	animation-name: moveRight;
}
@-webkit-keyframes moveRight {
0% {
transform:scale(1.1, 1.1) translate(-4.545%, 0);
}
100% {
transform:scale(1.1, 1.1) translate(4.545%, 0);
}
}
@keyframes moveRight {
0% {
transform:scale(1.1, 1.1) translate(-4.545%, 0);
}
100% {
transform:scale(1.1, 1.1) translate(4.545%, 0);
}
}
.moveDown img {
	-webkit-animation-name: moveDown;
	animation-name: moveDown;
}
@-webkit-keyframes moveDown {
0% {
transform:scale(1.1, 1.1) translate(0, -4.545%);
}
100% {
transform:scale(1.1, 1.1) translate(0, 4.545%);
}
}
@keyframes moveDown {
0% {
transform:scale(1.1, 1.1) translate(0, -4.545%);
}
100% {
transform:scale(1.1, 1.1) translate(0, 4.545%);
}
}
.centerBig img {
	-webkit-animation-name: centerBig;
	animation-name: centerBig;
}
@-webkit-keyframes centerBig {
100% {
transform:scale(1.1, 1.1);
}
}
@keyframes centerBig {
100% {
transform:scale(1.1, 1.1);
}
}
.rightDownBig img {
	-webkit-animation-name: rightDownBig;
	animation-name: rightDownBig;
}
@-webkit-keyframes rightDownBig {
100% {
transform:scale(1.1, 1.1) translate(4%, 4%);
}
}
@keyframes rightDownBig {
100% {
transform:scale(1.1, 1.1) translate(4%, 4%);
}
}
.swiper-slide img {
	animation-duration: 5s;
	animation-timing-function: linear;
	animation-fill-mode: forwards;
	-webkit-animation-duration: 5s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-fill-mode: forwards;
}
.swiper-pagination {
	bottom: 20px;
	right: 20px;
}
.swiper-pagination-bullet {
	width: 28px;
	height: 4px;
	background: #fff;
	margin: 0 5px;
	border-radius: 0 !important;
}
.title-eng-h3 {
	font-size: 16px;
	color: #555;
	letter-spacing: 5px;
	display: inline-block;
	font-weight: normal;
	padding-left: 6px;
}
.title-eng-h3-2 {
	font-size: 16px;
	color: #222;
	letter-spacing: 5px;
	display: inline-block;
	font-weight: normal;
	padding-left: 6px;
}
.smmary-eng {
	font-size: 16px;
	letter-spacing: 4px;
	margin-top: -4px;
	color: #999999;
	padding-left: 2px;
	display: block;
}
#showcase {
	width: 100%;
}
.showcase {
	margin: 0 auto;
	width: 1200px;
	height: 850px;
}
.showcase span {
	display: block;
}
.showcase h3 {
	width: 100%;
	line-height: 36px;
	font-size: 36px;
	font-weight: normal;
	text-align: center;
	padding: 80px 0 30px;
}
.showcase h3 b {
}
.showcase .showcase-desc {
	font-weight: lighter;
	text-align: center;
	color: #666666;
	font-size: 20px;
	padding-bottom: 50px;
}
.showcase-top {
	width: 900px;
	height: 320px;
	margin-bottom: 20px;
}
.showcase-lease {
	width: 590px;
	height: 320px;
	float: left;
}
.showcase-right {
	width: 285px;
	height: 320px;
	float: left;
}
.showcase-lease a {
	width: 590px;
	height: 320px;
	transition: all .5s ease;
}
.showcase-right {
	margin-left: 20px;
}
.showcase-house {
	margin-right: 20px;
}
.showcase-house {
	width: 285px;
	height: 320px;
	float: left;
}
.showcase-hotel {
	width: 285px;
	height: 500px;
	float: right;
	position: relative
}
.showcase-hotel a {
	height: 500px;
	width: 285px;
	background: #000;
	z-index: 2;
	display: block;
}
.showcase-hotel p {
	position: absolute !important;
	top: 35px;
}
.showcase-house a {
	width: 285px;
	height: 320px;
	transition: all .5s ease;
}
.showcase-bottom div a {
	width: 285px;
	height: 160px;
	transition: all .5s ease;
}
.showcase-lease, .showcase-house {
	position: relative;
}
.showcase-bottom div {
	position: relative;
	height: 160px;
	float: left;
	margin-right: 20px;
	width: 285px;
}
.showcase-bottom div:nth-child(3) {
	margin-right: 0px;
}
.showcase-bottom .showcase-build {
	margin-right: 0;
}
.showcase p {
	width: 50px;
	position: relative;
	left: 35px;
	color: #eeeeee;
	font-size: 22px;
	z-index: 30;
	font-weight: lighter;
}
.showcase a img {
	opacity: .5;
	transition: all .5s ease;
}
.showcase a img:hover {
	opacity: 1;
}
.showcase-top p {
	top: 35px;
}
.showcase-bottom p {
	top: 35px;
}
.showcase-shy {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000000;
	z-index: 2;
	transition: all .5s ease;
}
.fazt {
	width: 900px;
	float: left;
}
/*服务客户*/
.partner {
	width: 100%;
	
	background: #f6f6f6;
	;
}
.partner h3 {
	text-align: center;
	font-size: 36px;
	line-height: 36px;
	color: #333;
	padding: 80px 0 20px 0;
	width: 1200px;
	margin: 0 auto;
	font-weight: normal;
}
.partner p {
	color: #333;
	line-height: 50px;
	text-align: center;
}
.partner-list {
	width: 1200px;
	height: 630px;
	margin: 0 auto;
	padding-top: 50px;
}
.partner ul li {
	float: left;
	width: 140px;
	height: auto;
	margin: 0 30px 25px 0;
}
.partner ul li:nth-child(7n) {
	margin-right: 0;
}
.partner ul li img {
	width: 98%;
	height: auto;
}
#khzd {
	animation-duration: 1s;
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
}
/*footer*/

.zq-bottom {
	height: 360px;
	background:#121313;
	color:#cccccc;
	font-size: 14px;
	width:100%;
}
.footer-container{
	background:#121313;
}
.zq-bottom a {
	color:#cccccc;
}
.footer-category {
	width: 1200px;
	height: 300px;
	margin: 0 auto;
}
.footer-grid {
	width: 600px;
	height: 220px;
	margin-left: 10px;
	float: left;
	color:#ccc;
}
.footer-grid .cell {
	margin-top: 80px;
	width: 110px;
	float: left;
	margin-right: 40px;
}
.cell p {
	width: 100px;
	height: 35px;
	font-size: 18px;
	color:#ccc;
}
.cell span {
	display: block;
	width: 120px;
	height: 1px;
	background: #797979;
	margin-bottom: 6px;
}
.cell ul li {
	line-height: 33px;
}
.cell UL LI a{
	color:#ccc;
	font-size:13px;
}
.footer-info {
	margin-left: 60px;
	width: 500px;
	float: left;
	color:#ccc;
}
.footer-message, .weChat-code {
	float: left;
}
.footer-message {
	margin-top: 80px;
	width:345px;
}
.footer-message p {
	line-height: 33px;
	font-size:13px;
}
.footer-message b {
	height: 35px;
	font-size: 18px;
	display: block;
}
.footer-message span {
	display: block;
	width: 345px;
	height: 1px;
	background: #797979;
	margin-bottom: 6px;
}
.weChat-code {
	margin: 80px 0 0 40px;
	text-align: center;
	width:100px;
}
.weChat-code p {
	height: 35px;
	font-size: 18px;
	text-align: left;
}
.weChat-code span {
	display: block;
	width: 100px;
	height: 1px;
	background: #797979;
	margin-bottom: 6px;
}
.weChat-code img {
	width: 90px;
	height: 90px;
	margin-top: 5px;
}
.footer-legal {
	width: 100%;
	height: 60px;
	border-top: 1px solid #333333;
}
.footer-legal p {
	font-size: 12px;
	line-height: 60px;
	text-align: center;
	width: 1200px;
	margin: 0 auto;
}
/*nav*/
.zq-nav {
	width: 100%;
	height: 94px;
	position: relative;
	top: 0;
	left: 0;
	color: black;
	transition: all .8s ease;
	font-size: 14px;
	border-bottom: 1px solid #eee;
	z-index:30
}
.zq-nav a {
	color: #000;
	display: block;
	width: 100%;
	height: 100%;
}
.zq-nav:hover {
	background: #f0f4f5;
}
.zq-nav .nav-category ul:hover li a {
	color: #797979;
}
.zq-nav .nav-category ul li:hover a {
	color: #000;
}
.nav-container {
	display: block;
	width: 1200px;
	height: 94px;
	margin: 0 auto;
}
.nav-logo {
	float: left;
	width: 360px;
	height: 94px;
	cursor: pointer;
}
.nav-logo a {
	display: block;
}
.logo-img {
	width: 356px;
	height: 90px;
	margin-top: 4px;
	background: url("../images/logo_zi.png") no-repeat center 100%;
	background-size: contain;
}
.nav-category {
	float: left;
	width:630px;
}
.nav-category ul {
	
	
}
.nav-right {
	float: right;
	margin-right: 50px;
}
.nav-phone {
	float: right;
	height: 94px;
	position:absolute;
	right:-30px;
}
.nav-phone span {
	background-image: url(../images/icon_tel_white.png);
	background-repeat: no-repeat;
	background-position: center;
	-webkit-background-size: 20px 20px;
	background-size: 20px 20px;
	width: 20px;
	height: 65px;
	float: left;
	margin: 13px 12px 0;
}
.nav-phone p {
	height: 90px;
	float: left;
	font-size:24px;
	font-weight:bold;
	line-height:90px;
	color:#001222;
}
.zq-nav:hover .nav-phone p {
	color: #000;
}
.nav-category .navbar li {
	height: 94px;
	width:90px; text-align:center
	font-size: 14px;
	font-weight: bold;
	line-height: 94px;
	cursor: pointer;
	float: left;
	color: #000;
	position: relative;
	transition: all .3s;
}
.nav-category .navbar li a {
	display:block; text-align:center;
	transition: all .3s;
	font-weight: normal;
}
.nav-category .navbar li:hover {
	border-bottom: 2px solid #000000;
}


.technical-support, .industry-application {
	display: none;
	position: absolute;
	top: 94px;
	left: -7px;
	z-index: 101;
}
.about-Us{ display:none;}
.navbar li:hover .about-Us{
	display:block !important;
	position: absolute; 
     left: -7px;
}



.nav-category .technical-support li, .nav-category .about-Us li, .nav-category .industry-application li {
	width: 120px;
	background-color: white;
	text-align: center;
	height: 48px;
	font-size: 14px;
	font-weight: normal;
	line-height: 48px;
	cursor: pointer;
	float: none;
	color: #000;
	transition: all .3s ease;
}
.about-Us li{
	width:103px!important;
}
.about-Us li a{
	padding:0px!important;
}
.nav-right a {
	border-radius: 5px;
	display: block;
	width: 75px;
	height: 30px;
	margin-top: 17px;
	line-height: 30px;
	background-color: #333333;
	cursor: pointer;
	color: #eeeeee;
	text-align: center;
}
.nav-technical:hover .technical-support, .nav-about:hover .about-Us, .nav-industry:hover .industry-application {
	display: block;
}
.nav-category .navbar li:hover ul li {
	border-bottom: 0;
}
.technical-support li:hover, .about-Us li:hover, .industry-application li:hover {
	background-color: rgba(230, 230, 230, 1);
}


.pro-scene {
	width: 100%;
	background: url(../images/cgbj.jpg)no-repeat center;
	margin-top: 90px;
}
.pro-scene h3 {
	padding: 90px 0 30px 0;
	font-size: 36px;
	line-height: 50px;
	font-weight: normal;
	color: #333333;
	text-align: center;
}
.pro-scene-desc {
	font-size: 22px;
	margin-bottom: 45px;
	font-weight: lighter;
	text-align: center;
}
.pro-scene ul {
	width: 1200px;
	height: 370px;
	display: flex;
	justify-content: space-around;
	margin: 0 auto;
}
.pro-scene ul li {
	width: 240px;
	float: left;
	padding-top:35px;
	background:url(../images/bj.png) repeat center;
	height:300px;
}
.pro-scene ul li img {
	width: 60px;
	height: 60px;
	margin: 20px auto;
	display: block;
	-webkit-transform: rotate(360deg);
	animation: rotation 3s linear infinite;
	-moz-animation: rotation 3s linear infinite;
	-webkit-animation: rotation 3s linear infinite;
	-o-animation: rotation 3s linear infinite;
}
@-webkit-keyframes rotation {
 from {
-webkit-transform: rotate(0deg);
}
to {
	-webkit-transform: rotate(360deg);
}
}
.pro-scene ul li span {
	font-weight: bold;
	font-size: 18px;
	line-height: 50px;
	display: block;
	text-align: center;
}
.pro-scene ul li p {
	font-size: 14px;
	text-align: center;
	line-height:28px;
}
.pro-scene a {
	color: #797979;
	font-size: 18px;
	text-decoration: underline;
}
#yy1 {
	animation-duration: 0.8s;
	-webkit-animation-delay: 0.5s;
	animation-delay: 0.5s;
}
#yy2 {
	animation-duration: 1s;
	-webkit-animation-delay: 0.5s;
	animation-delay: 0.5s;
}
#yy3 {
	animation-duration: 1.2s;
	-webkit-animation-delay: 0.5s;
	animation-delay: 0.5s;
}
#yy4 {
	animation-duration: 1.3s;
	-webkit-animation-delay: 0.5s;
	animation-delay: 0.5s;
}
#yy5 {
	animation-duration: 1.4s;
	-webkit-animation-delay: 0.5s;
	animation-delay: 0.5s;
}
#yy6 {
	animation-duration: 1.5s;
	-webkit-animation-delay: 0.5s;
	animation-delay: 0.5s;
}
.inews {
	width: 1200px;
	margin: 0 auto;
	height: 780px;
	overflow:hidden;
}
.inews h3 {
	padding: 75px 0 30px 0;
	font-size: 36px;
	line-height: 36px;
	font-weight: normal;
	color: #333333;
	text-align: center;
}
.inews .inews-desc {
	font-size: 22px;
	margin-bottom: 40px;
	font-weight: lighter;
	text-align: center;
}
.inewsu {
	width: 1200px;
	margin: 0 auto;
}
.inews_left {
	width: 543px;
	float: left;
	margin-right: 30px;
	margin-top: 20px;
	border: 1px #d9d9d9 solid;
	padding: 3px;
	height: 421px;
	background: #001222
}
.inews_left h3 {
	font-size: 18px;
	line-height: 40px;
	color: #fff;
	padding-left: 15px;
	padding-top: 20px;
	padding-bottom: 5px;
}
.inews_left p {
	font-size: 13px;
	line-height: 28px;
	color: #ddd;
	padding-left: 15px;
	padding-right: 15px;
}
.inews_right {
	width: 620px;
	float: right;
}
.inews_right li {
	border-bottom: 1px #d9d9d9 solid;
	padding: 12px;
	height: 110px;
}
.news_li_left {
	width: 60px;
	float: left;
	text-align: center;
}
.news_li_right {
	width: 510px;
	float: right;
}
.news_li_left .yue {
	color: #001222;
	font-size: 56px;
	line-height: 56px;
	display: block;
	font-family: arial;
	font-weight: normal;
}
.news_li_left .ri {
	color: #001222;
	font-size: 16px;
	line-height: 20px;
	display: block;
	font-family: arial;
}
.news_right_title {
	display: block;
	color: #001222;
	font-size: 16px;
	line-height: 30px;
	font-weight: normal;
	height: 30px;
	overflow: hidden;
}
.news_right_nr {
	display: block;
	color: #747474;
	font-size: 12px;
	line-height: 24px;
	height: 48px;
	overflow: hidden;
}

.sssrk{
	width:240px;
	height:35px;

}

.ycss{
	display:none;
	position:absolute;
	top:94px;
	right:0px;
	width:360px;
	height:90px;
	padding:30px;
	background:#fff;
    opacity:0.8;
	z-index:9999

	
}
.ssan:hover .ycss{
	display:block;
}
.nav-container{
	position:relative;
}
.btn_search{
	height:35px;
	width:50px;
	border:none;
}


.yb_conct {
	position: fixed;
	z-index: 9999999;
	top: 200px;
	right: -127px;
	cursor: pointer;
	transition: all .3s ease;
}
.yb_bar ul li { text-align: left;	width: 180px;
	height: 53px;
	font: 16px/53px 'Microsoft YaHei';
	color: #fff;
	text-indent: 54px;
	margin-bottom: 3px;
	border-radius: 3px;
	transition: all .5s ease;
	overflow: hidden;
}
.yb_bar .yb_top {
	background: #001222 url(../images/fixCont.png) no-repeat 0 0;
}
.yb_bar .yb_phone {
	background: #001222 url(../images/fixCont.png) no-repeat 0 -57px;
}
.yb_bar .yb_QQ {
	text-indent: 0;
	background: #001222 url(../images/fixCont.png) no-repeat 0 -113px;
}
.yb_bar .yb_ercode {


	background: #001222 url(../images/fixCont.png) no-repeat 0 -169px;
}
.hd_qr {
	margin-left:35px;
}
.yb_QQ a {
	display: block;
	text-indent: 54px;
	width: 100%;
	height: 100%;
	color: #fff;
}



.one-touch{
	width:100%;
	background:#001222;
	color:#fff;font-size:1em !important;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	-webkit-perspective:1000;
	perspective:1000;
	display:none;
}
.one-touch a{
	float:left;
	width:25%;padding:0.4em 0;display:block;
	color:#fff;text-align:center;
	cursor:pointer;
	color:#fff
}
.one-touch a:visited{
	color:#fff;
}
.one-touch a.pressed{
	color:#faff6a;
}
.one-touch a > span{
	display:block;
	font:1em/1.8 "Microsoft Yahei";
}
.one-touch .iconfont{
	font:2em/1.2 "Microsoft Yahei";
}

.sylxwm{ display:none;}

.zjdgd{ height:100px;}

.fw_img{ display:none;}

.quyw1{ display:none;}

.dbgdzs{ display:none;}