.clearbox:after{
	content: '';
	display: block;
	clear: both;
}
img{
	width:100%;

}
li{
	list-style: none;

}
a{
	color: #212121;
}
div{
	color: #212121;
}

.swiper-container {
	width: 100%;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
}
.swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;

	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.layout{
	background: #FFFFff;
}


/*======首页=======*/
/*pc端导航栏*/
.nav-top-pc{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 1000;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
	background-color: #fff;
	height: 72px;
}
.h1-logo h1{
	width: 150px;
	margin: auto;
}


.nav-ul>li{
	float: left;
	text-align: center;
	font-size: 18px;
	height: 72px;
	line-height: 72px;
	margin-right: 15px;
	position: relative;
}

.nav-ul>li.active>a{
	color: #065687;
}

.nav-ul>li>a{
	display: block;
	height: 100%;
	padding: 0 10px;

}
.nav-ul>li>a:hover{

	color: #065687;

}
.nav-ul>li:hover .fl-nav{
	display: block;
}
.nav-ul li .fl-nav{
	position: absolute;
	z-index: 10;
	left: -25px;
	width: 170px;
	padding: 15px 4px;
	background-color: #fff;
	border: 1px solid #F1F1F1;
	border-bottom: 4px solid #065687;
	font-size: 14px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
	display: none;

}
.nav-ul li .fl-nav li>a{
	display: block;
	padding: 15px 0px;
	line-height: 1.4;
	color: #4e4e4e;
	text-align: center;
	position: relative;
	z-index: 1;
	perspective: 300px;
	transform-style: preserve-3d;
}
.nav-ul li .fl-nav li>a:hover{
	color: #212121;
}

.nav-ul li .fl-nav li>a:before{
	content: "";
	display: block;
	position: absolute;
	left: 0px;
	bottom: 0px;
	z-index: -1;
	width: 100%;
	height: 100%;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;
	-webkit-transform: rotateX(-70deg);
	transform: rotateX(-70deg);
	transform-origin: center top 0;
	-webkit-transform-origin: center top 0;
	opacity: 0;
	visibility: hidden;
	background-color: #e6e6e6;

}
.nav-ul li .fl-nav li>a:hover:before{
	transform: none;
	opacity: 1;
	visibility: visible;
}
.tel-nav i{
	background: url(../img/tel.png) no-repeat center;
	height: 30px;
	width: 30px;
	float: left;
	margin: 0px 15px;
}
.tel-nav{
	width: 220px;
	margin: 5% auto auto auto;
	background-size:40px;
	background: #1c608a;
	border-radius: 15px;
	color: #FFFFff;
	line-height: 30px;
	font-size: 18px;
}
/*手机导航栏*/
#czc {
    left: 0;
    height: 100%;
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 999;
    display:none;
}
.menu-handler{
	width: 54px;
	float: right;
	height: 54px;
	cursor: pointer;
	display: none;
}
.menu-handler span{
	position: relative;
	display: block;
	margin: 25.5px auto 0;
	width: 28px;
	height: 3px;
	background-color: #1c608a;
	-webkit-transition-duration: .3s,.3s;
	-moz-transition-duration: .3s,.3s;
	-ms-transition-duration: .3s,.3s;
	-o-transition-duration: .3s,.3s;
	transition-duration: .3s,.3s;
	-webkit-transition-delay: .3s,0s;
	-moz-transition-delay: .3s,0s;
	-ms-transition-delay: .3s,0s;
	-o-transition-delay: .3s,0s;
	transition-delay: .3s,0s;
}
.menu-handler span:after,
.menu-handler span:before{
	content: "";
	position: absolute;
	display: inline-block;
	width: 100%;
	height: 3px;
	left: 0;
	background-color: #1c608a;
	-webkit-transition-duration: .3s,.3s;
	-moz-transition-duration: .3s,.3s;
	-ms-transition-duration: .3s,.3s;
	-o-transition-duration: .3s,.3s;
	transition-duration: .3s,.3s;
	-webkit-transition-delay: .3s,0s;
	-moz-transition-delay: .3s,0s;
	-ms-transition-delay: .3s,0s;
	-o-transition-delay: .3s,0s;
	transition-delay: .3s,0s;
}
.menu-handler span:after{
	bottom: -9px;
	-webkit-transition-property: bottom,transform;
	-moz-transition-property: bottom,transform;
	-ms-transition-property: bottom,transform;
	-o-transition-property: bottom,transform;
	transition-property: bottom,transform;

}
.menu-handler span:before{
	top: -9px;
	-webkit-transition-property: top,transform;
	-moz-transition-property: top,transform;
	-ms-transition-property: top,transform;
	-o-transition-property: top,transform;
	transition-property: top,transform;

}

.m-nav{
	position: fixed;
	right: 0;
	top: 0;
	z-index: 999;
	background: rgba(255,255,255,0.95);
	width: 350px;
	height: 100%;
	display: none;
}
.m-nav ul{
	padding-top: 70px;
}
.m-nav ul li{
	font-size: 16px;

}
.m-nav ul li .subnav{
	display: none;
	background: #f5f5f5;
}
.m-nav ul li a,
.m-nav ul li span{
	display: block;
	padding: 15px 0 15px 60px;
}
.m-nav ul li.cur>a{
	background: #1c608a;
	color: #FFFFff;
}
.m-nav ul li .subnav a{
	font-size: 14px;
}
#m-nav.active{

}

@keyframes mnav{
	from { right: -200%; }
	to { right: 0;}
}

@-webkit-keyframes mnav {
	from { right: -200%; }
	to { right: 0;}
}

@keyframes mnavs{
	from { right:0; }
	to { right: -200%;}
}

@-webkit-keyframes mnavs {
	from { right:0;}
	to { right: -200%;}
}


/*banner*/

.nav-banner .swiper-container-horizontal>.swiper-pagination-bullets{
	bottom: 30%;
	left: 95%;
	width: auto;
}
.nav-banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
	margin: 15px 0;
	display: block;
}

.nav-banner .swiper-pagination-bullet{
	width: 14px;
	height: 14px;
	display: inline-block;
	border-radius: 100%;
	 background:none;
	 opacity: 1;
	border: 1px solid #ffffff;
}
.nav-banner .swiper-pagination-bullet-active{
	background: #FFFFff;
	position: relative;
}
.nav-banner .swiper-pagination-bullet-active:after{
	content: '';
	position: absolute;
	width: 55px;
	height: 1px;
	background: #FFFFff;
	left: 40px;
	top: 20%;
}
.shubiao{
	border: 1px solid #fff;
	width: 25px;
	height: 40px;
	display: block;
	margin: 0px auto;
	border-radius: 12px;
	position: absolute;
	left: 50%;
	margin-left: -12px;
	bottom: 5%;
	z-index: 900;
}
.shubiao i{
	width: 1px;
	height: 16px;
	display: block;
	background-color: #fff;
	position: absolute;
	left: 50%;
	top: 5px;
	-webkit-animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite;
	animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite;
}

@keyframes mouse-dot {
	from { opacity: 0; }

	33% { opacity: 1; }

	to { transform: translateY(10px); -webkit-transform: translateY(10px); opacity: 0; }
}

@-webkit-keyframes mouse-dot {
	from { opacity: 0; }

	33% { opacity: 1; }

	to { transform: translateY(10px); -webkit-transform: translateY(10px); opacity: 0; }
}
.nav-banner .banner-text{
	width: 750px;
	margin: auto;
	text-align: center;
}
.nav-banner .swiper-slide-active .banner-text{
	opacity: 0;
	padding-top: 30%;
	animation: myh1 1s forwards;
	-moz-animation: myh1 1s forwards;	/* Firefox */
	-webkit-animation: myh1 1s forwards;	/* Safari 和 Chrome */
	-o-animation: myh1 1s forwards;
}
@keyframes myh1
{
	from {padding-top: 30%;opacity: 0;}
	to {padding-top: 0;opacity: 1;}
}

@-moz-keyframes myh1 /* Firefox */
{
	from {padding-top: 30%;opacity: 0;}
	to {padding-top: 0;opacity: 1;}
}

@-webkit-keyframes myh1 /* Safari 和 Chrome */
{
	from {padding-top: 30%;opacity: 0;}
	to {padding-top: 0;opacity: 1;}
}

@-o-keyframes myh1 /* Opera */
{
	from {padding-top: 30%;opacity: 0;}
	to {padding-top: 0;opacity: 1;}
}


.nav-banner .swiper-slide h1{
	color: #1c608a;
	letter-spacing: 4px;
	font-weight: bold;
	font-size: 60px;
	margin-bottom: 20px;
}
.nav-banner .swiper-slide  h2{
	color: #FFFFff;
	font-size: 36px;
}
.nav-banner .swiper-slide span{
	display: block;
	width: 60px;
	height: 6px;
	background: #065687;
	margin: 40px  auto;
}
.nav-banner .swiper-slide p{
	color: #ffffff;
	font-size: 16px;
	line-height: 30px;
}
.transYT50 {
	transform: translateY(50px);
	-webkit-transform: translateY(50px);
	opacity: 0;
	visibility: hidden;
	transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1);
	-webkit-transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1);
	transition-timing-function: ease-out;
	-webkit-transition-timing-function: ease-out;
}
.action.transYT50 {
	opacity: 1;
	visibility: visible;
	visibility: visible;
	transform: translateY(0px);
	-webkit-transform: translateY(0px);
}

.index-tyje{
	position: relative;
	overflow: hidden;
	margin-bottom: 5%;
}
.wave-canvas-wrapper {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
}
.ty-text h1 { font-size:30px;
}
.ty-text{
	width: 790px;
	margin:auto;
    padding:5% 0;
	text-align: center;
   
}
.ty-text p,
 .ty-text h4{
	color: #666666;
}
.ty-text p{
	margin: 20px 0 20px 0;
	letter-spacing: 1px;
    font-size:18px;
}
.ty-text h4{
	line-height: 40px;
    font-size:18px;
}
.index-tyje ul li{
text-align: center;
 -webkit-transition: all ease-in-out 0.3s;
transition: all ease-in-out 0.3s;
padding:15px 0px;
}
.index-tyje ul li:hover {
            -webkit-transform: translateY(-10px);
                transform: translateY(-10px);
        -webkit-box-shadow: 0 9px 24px 0 rgba(19, 19, 42, 0.1);
                box-shadow: 0 9px 24px 0 rgba(19, 19, 42, 0.1);
}
.index-tyje ul li .je-img{
	height: 80px;
	margin:  0 auto 0px auto;
	overflow: hidden;
}
    .index-tyje ul li h3 { font-size:16px;
    }
.index-tyje ul li .je-img img{
	width: auto;
}
.index-tyje a{
	display: block;
	width: 140px;
	height: 35px;
	text-align: center;
	color: #FFFFff;
	background:#065687;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	margin: 70px auto auto auto;
	line-height: 30px;
    font-size:16px;
}
.index-tyje .container{
	position: relative;
}

/*产品轮播*/
.cp-swiper .swiper-container{
	height: 700px;
}
.cp-swiper .swiper-button-next{
	background-image: url(../img/right.png);
	height: 54px;
	width: 54px;
	background-size: cover;
	right: 0;
	top: 96%;
}
.cp-swiper .swiper-slide a{
	display: block;
	height: 100%;
	width: 100%;
}
.cp-banner-js{
	width: 694px;
	height: 228px;
	background: rgba(255,255,255,0.85);
	position: absolute;
	right: 0;
	bottom: 0;
	text-align: left;
	padding: 40px 0 0 40px;
}
.cp-banner-js p span {
	font-size: 18px;
}
.cp-banner-js h3{
	margin-bottom: 15px;
    font-size: 20px;
    color: #065687;

}
.cp-banner-js span,
.cp-banner-js p {
	color: #666666;
	font-size: 14px;
	line-height: 30px;
}

.cp-swiper .swiper-container-horizontal>.swiper-pagination-bullets{
	left: 70%;
	width: auto;
}

.cp-swiper .swiper-pagination-bullet{
	width: 20px;
	height: 4px;
	background: #333333;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

.qh-cp{
	background: #f4f6f8;
	padding-bottom: 50px;

}
.qh-cp ul{
	padding:5% 10px;
}
.qh-cp li{
	float: left;
	width: 20%;
	text-align: center;
	cursor: pointer;
    padding-bottom:30px;
}
.qh-cp li:hover span{
	background: #0a71b0;
	color: #FFFFff;

}
.qh-cp li span{
	width: 180px;
	margin: auto;
	background: #FFFFff;
	border-radius: 30px;
	padding: 5px 30px;
	font-size: 16px;
	transition: all 0.3s;
	display:block;
}
.qh-cp li.active span{
	background: #065687;
	color: #FFFFff;
}

.cp-for{
	margin-bottom:10%;
	display: none;
}

.cp-for .cpimg{
	width: 250px;
	height: 300px;
	margin: auto;
	overflow: hidden;
    position:relative;
    -webkit-box-shadow: 0 9px 24px 0 rgba(19, 19, 42, 0.1);
    box-shadow: 0 9px 24px 0 rgba(19, 19, 42, 0.1);
}
.cp-for .cpimg img{
	transition: all 1s;
	height:100%;
    position:absolute;
}
.cp-for .cpimg:hover img{
	transform: scale(1.2);
}

    .cp-for .cpimg p {
        background:#000;
        width:100%;
        height:30px;
        position:absolute;
        z-index:2;
        bottom:0;
        filter: alpha(opacity=60);
        opacity: 0.6;
    }
        .cp-for .cpimg span {       
       line-height:30px;
       width:100%;
       text-align:center;
       color:#fff;       
        position:absolute;
        bottom:0;
        z-index:3;
    }

#search_form_9 .search{
	width: 630px;
	height: 50px;
	background: #FFFFff;
	border-radius: 30px;
	line-height: 50px;
	padding-left: 30px;
	float: left;

}
#search_form_9 .search-btns{
	padding: 20px;
}
#search_form_9 .search-input{
	border: 0;
	width: 70%;
}
#search_form_9 #search_9{
	width: 112px;
	height: 50px;
	line-height: 50px;
	background: #065687;
	color: #FFFFff;
	text-align: center;
	float: left;
	margin-left: 50px;
	border-radius: 30px;
	cursor: pointer;
}

/*技术优势*/
.jsys{
	background: url("../img/jsys.png") no-repeat center;
	height: 820px;
	text-align: center;
	padding: 50px 0;
	position: relative;
}
.jsys .jsys-text{
	color: #FFFFff;

}
.jsys-text p,
.jsys-text h4{
	color: #FFFFff;
}
.jsys-li{
	width: 370px;
	margin: auto;
	padding: 15px;
	background: #ffffff;
	position: relative;
}
.jsys-img{
	width: 100%;
	height: 190px;
	overflow: hidden;
}
.jsys-img img{
	transition: all 1s;
}
.jsys-li:hover img{
	transform: scale(1.2);
}
.jsys-li h2{
	font-size: 22px;
	padding: 20px 0;
}
.jsys-li p{
	color: #666666;
	text-align: left;
	padding-bottom: 30px;
    font-size: 15px;
}
.jsys ul li{
	cursor: pointer;
}
.jsys-li:before{
	transition: all 1s;
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	border: 3px solid #065687;
	width:0px;
	opacity: 0;
}

.jsys-li:hover:before{
	width:100%;
	opacity: 1;
}

.newsbox{
	padding-bottom: 30px;
}

.newsbox-swiper{
	background: #f4f6f8;
	padding: 50px 0;
}
.news-swiper{
	background: #ffffff;
}
.news-swiper .swiper-container{
	height: 60px;
	background: url("../img/news-bg.png") no-repeat;
}
.news-swiper .swiper-wrapper{
	padding-left: 70px;
}
.newsbox-swiper .swiper-slide{
	text-align: left;
	-webkit-justify-content: left;
	justify-content: left;
	padding-left: 60px;
}
.newsbox-swiper .swiper-button-prev{
	left: 92%;
	background-image:url("../img/news-l.png");
	background-size: contain;
}
.newsbox-swiper .swiper-button-next{
	background-image:url("../img/news-r.png");
	background-size: contain;
	right: 40px;
}
.newsbox-swiper .swiper-button-next,
.newsbox-swiper .swiper-button-prev{
	width: 10px;
	height: 15px;
	top: 40%;
	margin-top: 0;
}
.newsbox-swiper .swiper-button-next.swiper-button-disabled,
.newsbox-swiper .swiper-button-prev.swiper-button-disabled{
	opacity: 1;
}
.newsbox-swiper .swiper-slide a{
	color: #666666;
	font-size: 16px;
}
.newsbox-swiper .swiper-slide a:hover{
  color: #065687;
}
.newsbox-swiper .swiper-slide a span{
	margin-left: 60px;
}
.newsxq ul{
	margin: 0 -60px;
}
.newsxq li{
	padding: 60px 40px;
}
.newsimg{
	height: 200px;
	overflow: hidden;
	background: #f4f6f8;
}
.newsimg img{
	transition: all 1s;
}
.newsxq li:hover img{
	transform: scale(1.2);
}
.newsxq li .newstext{
	background: #f4f6f8;
	padding: 15px;
	overflow: hidden;
}
.newsxq li .newstext h4{
	padding: 10px 0;
}
.newsxq li .newstext p{
	height: 70px;
	color:#666666;
	padding: 10px 0;
	border-bottom: 1px solid #cccccc;
}
.newsxq li .newshover{
	margin-top: 15px;
	text-align: right;
	position: relative;
}
.newsxq li .newshover span{
	position: absolute;
	left: 0;
	transition: all 0.5s;
}
.newsxq li .newshover img{
	width: 25px;
	transition: all 0.5s;
	opacity: 1;

}

.newsxq li a:hover h4{
	color: #065687;
}
.newsxq li a:hover .newshover span{
	color: #065687;
	left:80%;
}
.newsxq li a:hover .newshover img{
	opacity: 0;
}

/*@keyframes myahover*/
/*{*/
	/*from {left:0px;}*/
	/*to {left:80%;}*/
/*}*/

/*@-webkit-keyframes myahover /!*Safari and Chrome*!/*/
/*{*/
	/*from {left:0px;}*/
	/*to {left:80%;}*/
/*}*/


/*合作伙伴*/
.hzhb{
	text-align: center;
	padding:30px 0 60px 0;
}
.hzhb p{
	color: #666666;
	letter-spacing: 2px;
	margin: 20px 0;
}
.hzhb li{
	width: 20%;
	float: left;
}
.hzhb li div{
	width: 200px;
	margin: auto;
	opacity: 0.5;
	cursor: pointer;
}
.hzhb li div:hover{
	opacity: 1;
}

/*尾部*/
footer{
	background: #212121;
	padding: 50px 0 30px 0;
	color: #666666;
}
.lianjiefx{
	padding-bottom: 20px;
	border-bottom: 1px solid #cccccc;
}
footer .ljfx  a{
	color: #666666;
	display: block;
	float: left;
	min-width: 80px;
	margin-right: 30px;
}
footer .ljfx  a:hover{
	color: #FFFFff;
}
.bdsharebuttonbox {
	float: right;
	display: inline-block;
}
.bdsharebuttonbox .icon-tubiao212 {
	color: #fff;
	font-size: 14px !important;
	line-height: 1.8 !important;
	float: none !important;
	height: auto !important;
	background: 0 0 !important;
	margin: 0;
	padding: 0;
}
.bdshare-button-style0-16:after {
	content: ".";
	visibility: hidden;
	display: block;
	height: 0;
	clear: both;
}

 #fx.bdshare-button-style0-16 a:hover{
	color: #FFFFff;
}
.bdsharebuttonbox a i{
	background: url("../img/fx.png") no-repeat center;
	padding: 10px;
	padding: 10px 20px;
	margin-left: 5px;
}
.addizhi{
	padding-top: 40px;

}
.dzwz{
	float: left;
}
.dzwz p{
	color: #999999;
	margin-bottom: 30px;
}
    .dzwz a {
        color:#cccccc;
    }
.ewm{
	text-align: center;
	color: #FFFFff;
	float: right;

}
.ewm img{
	width: 102px;
	margin: auto auto 10px auto;

}
/*浮窗*/
.rightfc{
	position: fixed;
	width: 60px;
	right: 0;
	top: 30%;
	background: #e6e6e6;
	display: none;
}
.rightfc>div{
	height: 60px;
	text-align: center;
	line-height: 40px;
	position: relative;
	cursor: pointer;
	background: #e6e6e6;

}

.rightfc>div>img{
	width: 24px;
}


.rightfc div.one:after{
	content: '';
	position: absolute;
	width: 30px;
	height: 1px;
	background: #999999;
	left: 15px;
	bottom: 0;
}

.rightfc div.top{
	background: #065687;
}

.rightfc>div:hover{
	background: #065687;
}
.ones:nth-child(1) span{
	background:url(../img/qq.png) no-repeat center;
}
.ones:nth-child(2) span{
	background:url(../img/tel1.png) no-repeat center;
}
.ones:nth-child(3) span{
	background:url(../img/wx.png) no-repeat center;
}
.rightfc div span{
	display: block;
	width: 100%;
	height: 100%;
}
.qq1 span{
	background:url(../img/qq0.png) no-repeat center;
}
.qq2 span{
	background:url(../img/qq.png) no-repeat center;
}
.tel1 span{
	 background:url(../img/tel10.png) no-repeat center;
 }
.tel2 span{
	background:url(../img/tel1.png) no-repeat center;
}
.wx1 span{
	background:url(../img/wx0.png) no-repeat center;
}
.wx2 span{
	background:url(../img/wx.png) no-repeat center;
}

.rightfc>div p{
	position: absolute;
	width: 160px;
	height: 100%;
	right: -233%;
	bottom: 0;
	background: #065687;
	color: #FFFFff;
	z-index: -1;
	line-height: 60px;
	font-size: 16px;
	text-align: left;
	padding-left: 30px;
}
.rightfc>div p.one-ewm{
	right: -100%;
	padding: 0;
	width: 120px;

}


    .rightfc > div p a,.rightfc > div p a:hover {
        color:#fff;
    }

.rightfc>div.ewmone:hover p.one-ewm{
	animation:myewm 0.5s  forwards;
}
@keyframes myewm
{
	from {right:-100%;}
	to {right:110%;}
}

@-webkit-keyframes myewm /*Safari and Chrome*/
{
	from {right:-100%;}
	to {right:110%;}
}

@keyframes myone
 {
	 from {right:-233%;}
	 to {right:100%;}
 }

@-webkit-keyframes myone /*Safari and Chrome*/
{
	from {right:-233%;}
	to {right:100%;}
}
@keyframes myones
{
	from {right:100%;}
	to {right:-233%;}
}

@-webkit-keyframes myones /*Safari and Chrome*/
{
	from {right:100%;}
	to {right:-233%;}
}


.m-fd {
    text-align:center;
    box-shadow: 0 2px 7px 0 rgba(0, 0, 0, .12);
    width:44px;
    height:44px;
    background-color: rgba(255, 255, 255, .93);
    box-sizing: border-box;
    border-radius: 100%;
    position:fixed;
    right:10px;
    top:75%;
    line-height:35px;
    display:none;
}
.m-fd img {
    width:auto;
}




/*===============关于我们=======================*/

/*banner背景*/
.canvas-banner{
	height: 380px;	
	position: relative;
	overflow: hidden;
	text-align: center;
    background:url(../img/lzxg.gif) repeat-x;
    margin-top:72px;
}
#mydiv{
	position: absolute;
	width: 100%;
	height: 500px;
	top: 0;
	left: 0;
	z-index: 1;
}


.canvas-banner .aboutbj{
	position: absolute;
	left: 0;
	right: 0;
	top: 30%;
	width: 100%;
}
.canvas-banner h1{
	 font-size: 50px;
	 color: #065687;
	 letter-spacing: 2px;
	position: relative;
	animation:hd1 2s forwards;

 }
.canvas-banner h2{
	font-size: 30px;
	color: #FFFFff;
	letter-spacing: 3px;
	position: relative;
	animation:hd2 2s forwards;
	opacity: 0;
	animation-delay:0.5s;
}


@keyframes hd1
{
	from {top:50px;opacity: 0;}
	to {top:0;opacity: 1;}
}
@keyframes hd2
{
	from {top:50px;opacity: 0;}
	to {top:0;opacity: 1;}
}

/*公司简介*/

.about-us{
	text-align: center;
	padding-top: 0px;
}
.biaoti{
	margin-top: 10px;
}
.biaoti p{
	color: #666666;
	letter-spacing: 4px;
	padding: 20px 0;
}

.neirong{
	padding-top: 10px;
}
.neirong p{
	font-size: 16px;
	color: #666666;
	margin-bottom: 10px;
	line-height: 35px;
    text-align: left;
    text-indent: 2em;
}
.about-js{
    margin-top: 30px;
}
.about-img{
	height: 68px;
}
.about-js li{
	padding: 0px;
	cursor: pointer;
}

.about-js .jsimg{
	position: relative;
	height: 400px;
	overflow: hidden;

}
.about-js .jsimg .jsimg-bg{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	transition: all 0.5s;
}
.about-js li:hover .jsimg-bg{
	transform: scale(1.2);
}

.jsimg img{
	width: auto;
}
.about-js .about-cz{
	 color: #FFFFff;
	position: absolute;
	width: 100%;
	top: 35%;
	transition: all 0.5s;
 }
.about-js .about-cz p { font-size:18px;
}
.about-js .about-cz .aboutjj{
	color: #FFFFff;
	margin-top: 15px;
	padding: 0 15px;
	opacity: 0;
	transition: all 0.5s;
}
.about-js li:hover .about-cz{
	top:30%;
}
.about-js li:hover .about-cz .aboutjj{
	margin-top: 15px;
	opacity: 1;
}



/*企业文化*/
.culture{
	text-align: center;
	padding-top: 120px;
}
.culture ul{
	margin-top: 30px;
}
.culture li{
	margin-bottom: 15px;
}
.culture li .name{
	width: 160px;
	height: 100%;
	line-height: 190px;
	color: #FFFFff;
	margin: auto;
	cursor: pointer;
	transition: all 1s;
	opacity: 1;
    font-size:18px;

}
.culture li div.whjj{
	height: 190px;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	cursor: pointer;
	transition: all 1s;
	opacity: 0;
	transform:rotateY(180deg);
}
.culture li div.whjj span{
	display: block;
	width: 150px;
	padding-top: 85px;
	margin: auto;
	color: #FFFFff;
}
.culture li div.whjj span p{
	display: none;
}
.culture li:hover .name{
	transform:rotateY(180deg);
	opacity: 0;
}
.culture li:hover .whjj{
	transform:rotateY(360deg);
	opacity: 1;
}

/*总经理致辞*/
#zjlcz{
	padding-top: 160px;
	    margin-bottom: 30px;
}
.address{
	background: url("../img/dsbj.png") no-repeat center;
	height: 350px;
	overflow: hidden;

}

.address .zjlzc {
	color: #FFFFff;
	padding: 30px 10px;
}
.address .zjlzc p{
	text-indent:2em;
    font-size: 16px;
    margin-bottom: 10px;
}
.zjlzc div{
	text-align: right;
	color: #FFFFff;
	font-size: 18px;
}


/*组织架构*/
.zzjg{
	text-align: center;
	margin-bottom: 40px;
	padding-top: 120px;
	display: none;
	
}
.zzimg{
	width: 65%;
	margin: 30px  auto;

}

/*============传感器与软件===============*/
/*导航栏*/
.dhl{
	height: 65px;
}
.dhl li{
	float: left;
	cursor: pointer;
}
.dhl li span{
	font-size: 16px;
	padding: 10px 15px;
	display: block;
}
.dhl li.active span{
	background: #065687;
	color: #FFFFff;
	position: relative;

}
.dhl li.active span:before{
	content: '';
	position: absolute;
	width: 10px;
	height: 10px;
	border-radius: 100%;
	border: 2px solid #065687;
	bottom: -20px;
	left: 40%;
	background: #FFFFff;
}
.dhl .float-right{
	line-height: 80px;
}
.dhl .float-right a{
	font-size: 16px;
}
.dhl .float-right a.cur{
	color: #065687;
}
.product{
	background: #f4f6f8;
	padding: 50px 0;
}
.productfl li{
	float: left;
	margin-right: 20px;
}
.productfl li a{
	display: block;
	padding: 5px 30px;
	border-radius: 30px;
	background: #FFFFff;
	font-size: 16px;
	margin-bottom: 16px;
	transition: all 0.3s;
}
.productfl li.active a{
	background: #065687;
	color: #FFFFff;
}
.productfl li a:hover{
	background: #0a71b0;
	color: #FFFFff;
}
.productbox{
	margin-top: 50px;
}
.productbox li{
	padding: 15px;
	text-align: center;
	height:350px;
overflow: hidden;
}
.productimg{
	height: 300px;
	overflow: hidden;
	margin-bottom: 10px;
   -webkit-box-shadow: 0 9px 24px 0 rgba(19, 19, 42, 0.1);
   box-shadow: 0 9px 24px 0 rgba(19, 19, 42, 0.1);
}
.productimg img{
	transition: all 1s;
}
.productbox li:hover img{
	transform: scale(1.2);
}

.loading {
    text-align:center;
}
    .loading img {
    width:auto;
    
    }



/*==========产品详情==============*/
.p-j-img{
	overflow: hidden;
	height:300px;
}
.p-j-img img{
	width:auto;
	height: auto;
}
.p-j-box h3{
	padding: 30px 0;
	border-bottom: 1px solid #212121;
	margin-bottom: 30px;
}
.p-j-box p{
	line-height: 30px;
}

.producttd{
	margin-top: 50px;
}
.tdfl{
	background: #cccccc;
}
.tdfl>div{
	float: left;
	padding: 15px 40px;
	cursor: pointer;
}
    .tdfl > div a {
        display:block;
    }
.tdfl>div.active{
	background: #065687;
	
}
    .tdfl > div.active a {
        color: #FFFFff;
    }

.productwz{
	border: 1px solid #cccccc;
	border-top: 0;
	padding: 30px;
	min-height: 400px;
}
.productwz p{
	line-height: 30px;
}
.productwz p img{
	max-width:999px;
	width:auto;
}
    .productwz #jscs {
    padding-top:80px;
    
    }
 .productwz #jscs table{
   width:80%;
    
    }
.productwz #jscs table tr{
	height:30px;
line-height:30px;
}
.productwz #jscs table tr td{
	padding-left:10px;
	font-size:16px;
}
.productwz #jscs table tr td span{
	font-size:16px;
}



/*===========运用案例============*/
.product .casebox{
	margin-top: 0;
}
.caseimg{
	position: relative;
}
.caseimg .cover{
	width: 0;
	height: 0;
	position: absolute;
	background: #1c608a;
	opacity: 0.6;
	filter: alpha(opacity=60);
	transition: 600ms;
	-webkit-transition: 600ms;
	z-index: 0;
}
.productbox li:hover .cover{
	width: 100%;
	height: 100%;
}
.caseimg .co1{
	bottom: 0;
	left: 0;
}
.caseimg .co2{
	top: 0;
	right: 0;
}
.casemb{
	position: absolute;
	width: 100%;
	height: 100%;
	text-align: center;
	color: #FFFFff;
    font-size:18px;
	opacity: 0;
	top: 0;
	left: 0;
	padding-top: 30%;
	transition: .4s;
	z-index: 1;
}
.casebox .caseimg{
	height: 265px;
}
.casebox li:hover .casemb{
	opacity: 1;
}
.casebox li p{
	
}

/*===========案例详情============*/
.casexq table{
	width: 100%;
	text-align: center;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	margin-bottom: 30px;

}

.casexq table thead{
	background: #065687;
	color: #FFFFff;
}
.casexq table tr{
	height: 45px;
	line-height: 45px;

}
.casexq table td,
.casexq table th{
	border-left:1px solid #cccccc;
	border-top:1px solid #cccccc
}
.casexq p{
	text-align: center;
}
.casexq p img{
	width: auto;
	margin-bottom: 20px;
}

/*===========新闻资讯============*/
.xwzxbox{
	background: #f4f6f8;
	padding: 50px 0;
}
.xwzxbox li:after{
	content:'';
	display: block;
	clear: both;
}
.xwzxbox li{
	padding-bottom: 30px;
	border-bottom: 1px solid #cccccc;
	margin-bottom: 30px;
}
.xwzxbox li:hover .time span{
	background: url("../img/jth.png") no-repeat center;
}
.xwzxbox li:hover .xwzxwz h3{
	color: #065687;
}
.xwzxbox li .time{
	font-size: 30px;
	color: #666666;
	font-family: monospace;
}
.xwzxbox li .time p{
	margin-bottom: 10px;
	float: left;
}
.xwzxbox li .time p.i{
	width: 30px;
	height: 1px;
	background: #666666;
	margin-top: 5px;
	margin-left: 30px;
	transition: .4s;

}
.xwzxbox li:hover .time p.i{
	width: 60px;
}
.xwzxbox li .time span{
	background: url("../img/news-j.png") no-repeat center;
	padding: 20px;
}


.xwzxwz{
	padding-left: 0px;
	transition: .4s;
}
.xwzxwz>div{
	width: 600px;
}

.xwzxbox li:hover .xwzxwz{
	padding-left: 50px;
}

.xwzxwz p{
	color: #666666;
	line-height: 30px;
	margin-top: 15px;
}

/*====分页===*/
/*.fenye{
	text-align: center;
}
.fenye a{
	background: #cccccc;
	padding: 10px;
}
.fenye a.active{
	background: #065687;
	color: #FFFFff;

}*/

.pages{
	width:100%; overflow:hidden; font-size:14px; margin:0px auto;margin-bottom:30px; text-align:center;}
.pages a{
	height:34px; 
    line-height:34px;
     overflow:hidden; 
     display:inline-block;
      color:#7e8c8d;
       text-align:center;
        padding:0px 8px;
        margin:0px 5px;
}
.pages a:hover{
	color:rgb(54,109,167);
}
.pages a.cur{ color:rgb(54,109,167);}
.pages a.cur:hover{ color:rgb(54,109,167);}
.pages a.pre{
	width:80px; height:34px; overflow:hidden; background:url(../images/p_pre.gif) no-repeat center top; text-indent:-9999em;
}
.pages a.pre:hover{
	background:url(../images/p_pre_h.gif) no-repeat center top;
}
.pages a.next{
	width:80px; height:34px; overflow:hidden; background:url(../images/p_next.gif) no-repeat center top; text-indent:-9999em;
}
.pages a.next:hover{
	background:url(../images/p_next_h.gif) no-repeat center top;
}
.pages strong{height:34px; line-height:34px; overflow:hidden; display:inline-block; color:#cccccc; text-align:center; padding:0px 8px;}






/*============新闻详情=============*/
.xwxq{
	background: #f4f6f8;
}
.eye-time{
	border-bottom: 1px solid #cccccc;
	padding: 20px 0;
}
.eye-time h2{
	font-size: 20px;
	font-weight: bold;
	padding: 10px 0 20px 0;
}
.eye-time p span{
	padding-left: 30px;
	margin-right: 20px;
}
.xwxq div.xwcontent{
	text-align: center;
	padding: 50px 0 30px 0;
	border-bottom: 1px solid #cccccc;
}
.xwcontent p{
	line-height: 30px;
	margin-bottom: 20px;
}
.xwcontent div p{

	text-align: left;
}
.xwcontent img{
	width: auto;
}
.fy{
	line-height: 70px;
}
.fy span:hover,
.fy span:hover a{
	color: #065687;
}

/*======技术优势========*/
.jsysbox{
	text-align: center;
	padding: 50px 0;
}
.jsysbox img{
	width:auto;
	max-width:1200px;
}
.jsysbox p{
	text-align: left;
	margin: 20px 0;
    font-size:16px;
    line-height:28px;
    text-indent:2em;
}

.jsysbox div#tujz {
  text-align: center;
        
 }

#tujz h2 {
     font-size:24px;
      margin-bottom:30px;
}

#tujz ul li {

    float: left;
    width: 50%;

}

#tujz ul li div.wrap div.img {

    float: left;
    text-align: center;
    background: url(../img/ecjia_icon.png) no-repeat center;
        background-position-x: center;
        background-position-y: center;
    background-position: 0 0;
    width: 80px;
    height: 55px;
    display: block;
    margin: 80px 0 0 50px;

}



#tujz  ul li div.wrap {

    border: #ccc 1px solid;
    margin: 20px;
    height: 220px;

}


#tujz ul li div.wrap div.text {

    float: right;
    width: 70%;
    height: 100%;

}



#tujz ul li div.wrap div.text h3 {

    font-size: 20px;
    padding: 50px 0 10px 0;

}

#tujz ul li div.wrap div.text p {

    width: 93%;
    line-height: 1.8;
    font-size: 14px;
    margin: 0;

text-indent: 1em;
}



.jsysbox .container h3{
	text-align: center;
}

/*=========联系我们=========*/
.conact{
	height: 500px;
	background: #f4f6f8;
	padding-top: 1px;
}
.conact>div{
	height: 100%;
}
.conactwz{
	padding: 30px;
}
.conact .conact-add{
	width: 70%;
}
.conact .conact-add h2{
	font-size: 22px;
	color: #18326d;
	margin-bottom: 30px;
}
.conact .conact-add p{
	margin-bottom: 20px;
}



/*pc媒体查询*/
@media (min-width: 1000px) {
	.xx2{
		width: 20%;
		float: left;
	}
    .productimg img {
        height:100%
    }
}
@media (max-width: 1600px) {
	/*pc导航*/
	.nav-ul>li{
		margin-right: 5px;
	}
	.tel-nav{
		margin: 8% auto auto auto;
	}
}
@media (max-width: 1440px) {
	/*pc导航*/
	.nav-top-pc .h1-logo{
		width: 16.66666667%;
	}
	.nav-top-pc .nav-ul{
		width: 65%;
	}
	.nav-ul>li:first-child
	{
		margin-left: 20px;
	}
	.nav-ul>li{
		margin-right: 20px;
}
	.nav-ul>li>a{
		padding: 0 5px;
	}

}
@media (max-width: 1400px) {
	.nav-ul>li{
		margin-right: 15px;
	}

}
@media (max-width: 1300px){
	/*pc导航*/
	.nav-ul>li{
		font-size: 16px;
		margin-right: 5px;
	}
	.nav-ul>li:first-child{
		margin-left: 0;
	}
	.conact .conact-add {
		width: 80%;
	}
	.h1-logo h1 {
		width: 160px;
		margin: auto;
	}

}
@media (max-width: 1200px) {
	/*pc导航栏*/
	.nav-top-pc{
		height: 60px;
	}
	.h1-logo h1{
		width: 90px;
	}
	.nav-ul>li{
		height: 60px;
		line-height: 60px;
		margin-right: 5px;
		font-size: 14px;
	}
	.nav-ul>li>a{
		padding: 0 6px;
	}
	.nav-ul li .fl-nav{
		width: 140px;
		font-size: 12px;
	}
	.tel-nav{
		width: 160px;
		margin: 10% auto auto auto;
		font-size: 12px;
	}
	.tel-nav i{
		height: 22px;
		width: 24px;
		margin: 4px 12px;
	}

	/*=================首页=================*/
	/*banner轮播*/
	
	
	.nav-banner .swiper-pagination-bullet-active:after{
		left: 26px;
		top: 27%;
	}
	/*天宇简介*/
	.ty-text{
		width: 600px;
	}

	/*项目轮播*/
	.cp-swiper .swiper-container{
		height: 600px;

	}
	.cp-banner-js{
		width: 600px;
	}
	/*产品*/
	.qh-cp li span{
		font-size: 14px;
		padding: 5px 20px;
	}
	.cp-for>div.xb3{
		padding: 10px;
	}
	.cp-for .cpimg{
		width: 100%;
	}

	/*搜索框*/
	#search_form_9 .search{
		width: 500px;
	}
	#search_form_9 .search{
		margin-left: 30px;
	}
    

	/*技术优势*/
	.jsys ul li{
		padding: 10px;
	}
	.jsys-li{
		width: 100%;
	}
	.jsys-img{
		height: 160px;
	}

	/*新闻*/
	.newsbox-swiper .swiper-slide{
		padding-left: 30px;
	}
	.newsbox-swiper .swiper-slide a{
		font-size: 14px;
	}
	.newsxq ul{
		margin: 0;
	}
	.newsxq li{
		padding: 10px;
	}

	/*合作伙伴*/
	.hzhb li{
		padding: 0 10px;
	}
	.hzhb li div{
		width: 100%;
	}

	/*==============传感器与软件===============*/
	.productfl li{
		margin-right: 10px;
	}
	.productfl li a{
		padding: 5px 15px;
		font-size: 14px;
	}
	.productbox{
		margin-top: 20px;
	}
	.productimg{
		height: 200px;
	}


	/*==============联系我们=============*/
	.conact .conact-add{
		width: 100%;
	}
}

@media (max-width: 1020px){
	/*pc导航栏*/
	.nav-tel,
	.nav-ul{
		display: none;
	}
	.menu-handler{
		display: block;
	}
	.h1-logo h1{
		width: 110px;
	}
    .nav-banner .swiper-container{
		height: 700px;
	}
}

@media (max-width: 1000px){
	/*================首页=================*/
	/*天宇简介*/
	.index-tyje ul li{
		margin-bottom: 20px;
	}

	/*banner*/
	.shubiao{
		display: none;
	}
	.nav-banner .swiper-container-horizontal>.swiper-pagination-bullets{
		bottom: 10px;
		left: 0;
		width: 100%;
	}
	.nav-banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
		margin: 0 4px;
		display: -webkit-inline-box;
	}
	.nav-banner .swiper-pagination-bullet-active:after{
		display: none;
	}

	/*项目介绍*/
	.cp-swiper .swiper-container{
		height: 500px;
	}

	/*产品*/
	.qh-cp li{
		width: auto;
		margin-right: 20px;
	}
	.qh-cp li span{
		padding: 5px 10px;
	}
	.cp-for .cpimg{
		height: 200px;
	}

	/*技术优势*/
	.jsys-img{
		height: 130px;
	}

	/*新闻*/
	.newsbox-swiper .swiper-button-prev{
		left: 90%;
	}
	.newsimg{
		height: 150px;
	}
	.newsxq li .newstext{
		padding: 10px;
	}
	.newsxq li .newstext p{
		height: 93px;
	}

	/*================关于我们=================*/
	/*公司简介*/
	.about-us{
		padding-top: 20px;
	}
	/*企业文化*/
	.culture{
		padding-top: 50px;
	}
	/*总经理致辞*/
	.address{
		height: 400px;
		position: relative;
	}
	.address .xb8{
		position: absolute;
		left: 0;
		top: 0;
	}
	.zjlmb{
		position: absolute;
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,0.6);
		top: 0;
		left: 0;
	}
	.zzimg{
		width: 100%;
	}

	/*==============传感器与软件===============*/
	.productfl li a{
		padding: 5px 10px;
	}


	/*============产品详情=============*/
	.p-j-img{
		text-align: center;
	}
	.p-j-img img{
		width: 100%;
	}
	.productwz p img{
		width: 100%;
	}


	/*==============案例详情===============*/
	.casexq p img{
		width: 100%;
	}

	/*============新闻资讯===========*/
	.xwzximg{
		display: none;
	}
	.xwzxbox li:hover .xwzxwz{
		padding-left: 20px;
	}

	.xwzxwz>div{
		 width: 100%;
	}
	.xwzxwz p{
		height: 60px;
		overflow: hidden;
	}

	/*===========新闻详情===========*/
	.xwcontent img{
		width: 100%;
	}
	.eye-time .container{
		padding: 0 10px;
	}
	.xwxq div.xwcontent{
		padding: 30px 10px;
	}
	.fy {
		line-height: 30px;
		padding: 10px;
	}
	.fy span.float-right{
		float: left!important;
	}

	/*==========技术优势=============*/
	.jsysbox{
		padding: 30px 10px;
	}
	.jsysbox img{
		 width: 100%;
		float:left;
	}


}

@media (max-width:760px){
	/*================首页=================*/
	/*banner*/
	.nav-banner .swiper-container{
		height: 500px;
	}
	.nav-banner .swiper-slide h1{
		font-size: 40px;
	}
	.nav-banner .swiper-slide h2{
		font-size: 25px;
	}
	.nav-banner .swiper-slide span{
		margin: 25px auto;
	}
	.nav-banner .swiper-slide p{
		font-size: 14px;
	}
	/*产品*/
	
	.cp-for .cpimg{
		height: 400px;
	}
	.jsys{
		background: none;
		height: auto;
	}
	.jsys .jsys-text{
		margin: auto auto;
		color: #212121;
	}
	.jsys-text p,
	.jsys-text h4{
		color: #212121;
	}
	.jsys-img{
		height: 300px;
	}
	.newsbox-swiper{
		padding: 50px 10px;
	}
	.newsimg{
		height: 300px;
	}
	footer{
		padding: 50px 10px 30px 10px;
	}
	#particles-js{
		display: none;
	}
	#search_form_9 .search{
		width: 400px;
	}


	/*==============关于我们=============*/
	.about-js .about-cz .aboutjj{
		opacity: 1;
	}
	.canvas-banner,
	#mydiv{
		height: 400px;
	}
	.neirong{
		padding: 10px 10px 0 10px;
	}
	.zzimg{
		padding: 0 10px;
	}
	#zjlcz{
		padding-top: 100px;
	}
	.zzjg{
		padding-top: 30px;
	}
	/*==============传感器与软件===============*/
	.productimg {
		height: 300px;
	}
	.dhl,
	.productfl{
		padding: 0 10px;
	}
	.productbox li{
		padding: 10px;
        height:auto;
	}
	.productfl li a{
		font-size: 12px;
	}
	.dhl .float-right{
		display: none;
	}
	.dhl li.active span:before{
		display: none;
	}
	.dhl li span{
		font-size: 14px;
	}
	.dhl{
		height: auto;
	}
	.dhl li{
		line-height: 60px;
	}

	/*=============产品详情===============*/
	.product{
		padding: 30px 10px;
	}

	/*============合作案例=================*/
	.product .caseimg{
		height: 250px;
	}


	/*======新闻资讯========*/
	.xwzxbox{
		padding: 30px 10px;
	}


	/*======联系我们============*/
	.conact{
		height: auto;
	}
	.conact iframe{
		height: 400px;
	}

}

@media (max-width:640px){
	/*手机导航栏*/
	.m-nav{
		width: 50%;
	}
	.h1-logo h1{
		width: 130px;
		padding: 0 10px;
	}
    .m-fd {
        display:block;
    
    }
	.rightfc{
		display: none;
	}
	/*================首页=================*/
	/*banner*/
	.nav-banner .banner-text{
		width: 470px;
	}
	.nav-banner .swiper-container{
		height: 400px;
	}
	.nav-banner .swiper-pagination-bullet{
		height: 8px;
		width: 8px;
	}
	/*天宇介绍*/
	.ty-text{
		margin: 5% auto;
	}
	.ty-text>h1{
		font-size: 18px;
        font-weight: bold;
	}
	.ty-text p{
		margin: 10px 0;
	}
	.ty-text h4{
		font-size: 14px;
        line-height: 25px;
	}
	.index-tyje a{
		margin: auto;
	}


.index-tyje ul li .je-img {
    height: 60px;

}



	/*项目介绍*/
	.cp-swiper .swiper-container{
		height: 400px;
	}
	.cp-banner-js{
		width: 350px;
		padding: 10px 0 0 10px;
	}

    .cp-swiper .swiper-button-next {
        height:35px;
        width:35px;
    
    }
	/*产品*/
	.cp-for .cpimg{
		height: 300px;
	}
	/*搜索*/
	#search_form_9 .search{
		width: 300px;
		height: 30px;
		line-height: 30px;
		padding-left: 0;
	}
	#search_form_9 #search_9{
		height: 30px;
		line-height: 30px;
		margin-left: 20px;
	}
    #search {
        margin-top: 30px;
    
    }

	/*新闻*/
	.newsbox-swiper .swiper-button-next,
	.newsbox-swiper .swiper-button-prev{
		display: none;
	}

    /*技术优势*/
    .jsys .jsys-text {
        display:none;
    
    }


	/*合作伙伴*/
	.hzhb{
		padding: 30px 0;
	}
	.hzhb li{
		width: 33.33333333%;
		padding: 10px;
	}
	.hzhb li div{
		opacity: 1;
	}

	/*尾部*/
	footer .ljfx a{
		margin-right: 10px;
	}
	.ewm p{
		font-size: 12px;
	}

	/*===================关于我们===============*/
	.canvas-banner,
	#mydiv{
		height: 300px;
	}
	.canvas-banner h1{
		font-size: 30px;
	}
	.canvas-banner h2{
		font-size: 24px;
	}
	.biaoti h1{
		font-size: 16px;
	}
	.neirong p{
		font-size: 14px;
		margin-bottom: 20px;
		line-height: 25px;
	}
	.culture li .name{
		opacity: 0;
	}
	.culture li div.whjj,
	.culture li div.whjj span p{
		display: block;
		opacity: 1;
		transform: rotateY(360deg);
	}
	.culture li div.whjj span{
		padding-top: 60px;
	}


    /*==========传感器与软件===========*/
    .productbox li {
        margin-bottom:0;
   }
     .productbox li p {
        height:48px;
        padding:0 5px;
        overflow:hidden;   
        }
.productwz #jscs table{
   width:100%;
    
}
.p-j-img{
	height:auto;
}



	/*============合作案例=================*/
	.product .caseimg{
		height: auto;
	}
	.product .caseimg .casemb{
		display: none;
	}
	.casebox li p{
		display: block;
	}



	/*=========新闻资讯==========*/
	.xwzxbox li .time{
		font-size: 20px;
	}
	.xwzxbox li .time p.i,
	.xwzxbox li .time span{
		display: none;
	}
	.xwzxwz>div h3{
		font-size: 16px;
	}

	/*========联系我们=========*/
	.conactwz{
		padding: 10px;
	}
	.conact .conact-add h2{
		font-size: 16px;
	}

}


@media (max-width:600px){
	/*================首页=================*/
	/*banner*/
	.nav-banner .swiper-slide{
		padding: 0 10px;
	}
	.nav-banner .swiper-slide h1{
		font-size: 24px;
	}
	.nav-banner .swiper-slide h2{
		font-size: 16px;
	}
	.nav-banner .swiper-slide span{
		margin: 10px auto;
		height: 2px;
	}
	.nav-banner .banner-text{
		width: 100%;
	}
	/*天宇介绍*/
	.ty-text{
		width: 100%;
		padding: 0 10px;
	}

	/*新闻*/
	.newsbox-swiper .swiper-slide{
		padding-left: 10px;
	}
	.newsbox-swiper .swiper-slide a span{
		margin-left: 10px;
	}

	/*尾部*/
	.dzwz{
		float: none;
	}
	.ewm{
		float: none;
		width: 160px;
		margin-bottom: 25px;
	}
	.bdsharebuttonbox{
		display: none;
	}


	/*==============关于我们================*/
	.about-js .about-cz{
		top: 20%;
	}
	.address .zjlzc{
		width: 100%;
		margin: 0;
	}

	/*=============传感器与软件=============*/
	.productimg{
		height: 200px;
	}

	/*=============合作案例==========*/



}

@media (max-width: 500px) {
	/*================首页=================*/
	/*产品*/
	.cp-for{
		margin-bottom: 5%;
	}
	.cp-for .cpimg{
		height: 300px;
	}
	.qh-cp{
		padding-bottom: 30px;
	}
	.qh-cp li span{
		font-size: 12px;
	}
	.qh-cp li{
		margin-right: 15px;
        padding-bottom:20px;
	}

	/*技术优势*/
	.jsys-img{
		height: 200px;
	}
	.jsys{
		padding: 20px 0;
	}

	/*新闻*/
	.newsbox-swiper{
		padding: 30px 10px;
	}
	.newsbox-swiper .swiper-slide a{
		font-size: 12px;
	}
	.newsimg{
		height: 200px;
	}

	/*搜索*/
	#search_form_9{
		padding: 0 10px;
	}
	#search_form_9 .search{
		margin-left:0;
	}
	#search_form_9 #search_9{
		margin-left: 10px;
		width: 80px;
	}

	/*尾部*/
	footer{
		padding: 30px 10px 30px 10px;
	}
	footer .ljfx a{
		margin-bottom: 10px;
	}
	.dzwz p{
		margin-bottom: 5px;
	}
	/*==============关于我们==============*/
	.address .zjlzc{
		font-size: 12px;
	}
	.aboutjj{
		font-size: 12px;
	}


	/*============产品详情=============*/
	.productwz{
		padding: 10px;
	}


	/*================案例详情=============*/
	.casexq table tr{
		font-size: 12px;
		line-height: 24px;
	}

	/*===========新闻详情==========*/
	.eye-time h2{
		font-size: 16px;
	}
	.xwcontent div p{
		font-size: 12px;
	}

}

@media (max-width:440px){
	/*================首页=================*/
	.cp-banner-js{
		width: 100%;
	}
	.h1-logo h1{
		width: 110px;
	}
	.nav-banner .swiper-slide h1{
		font-size: 20px;
	}
	.nav-banner .swiper-slide p{
		font-size: 12px;
	}
	.nav-banner .swiper-container{
		height: 350px;
	}
	.cp-swiper .swiper-container-horizontal>.swiper-pagination-bullets{
		left:10%;
	}
	.cp-for .cpimg,
	.jsys-img{
		
	}


    .jsys-li {
        padding:0px 15px;
    }


	#search_form_9 .search{
		width: 210px;
	}
	.newsbox-swiper .swiper-slide{
		width: 230px;
		padding: 0 10px;
		line-height: 20px;
	}

	/*==========关于我们===========*/
	.culture li{
		padding: 5px;
	}
	.address{
		height: 670px;
	}
	.address .zjlzc p {
    		font-size: 12px;
	}
	.about-js .jsimg{
		height: 300px;
	}
	.about-js .about-cz{
		top: 10%;
	}
	.about-js .about-cz .aboutjj{
		padding: 0 5px;
	}


	/*========传感器与软件===========*/
	.productimg {
		height: 160px;
	}
	.productbox li p{
		font-size: 12px;
	}


	/*=============合作案例=========*/

.qh-cp li span{
    width: 90px;
}

}