body{background-color:#fcfcfc;}
a{cursor: pointer;}
.section{padding: 40px 0px;}
.section-title{text-align: center;}
.section-title h2{margin: 0px auto; font-size: 40px; font-weight: bold; position: relative;}
.section-title .desc{margin-top: 15px; font-size: 16px; color: #888888;}
.section-title .dot{width: 8px; height: 8px; display: block; border-radius: 4px; background-color: #000000; left:50%;position: absolute;top: 50%;margin-left: -4px;}
.section-title .dot:before,.section-title .dot:after{content:" ";width: 100px; height: 1px;background-color: #bebebe; display: block;position: absolute;}
.section-title .dot:after{right: -200px;}
.section-title .dot:before{left: -200px;}
.section-main{margin-top:28px;}
/**header**/
.header,.banner{padding: 0px;}
.header .top{line-height: 40px;border-bottom: 1px solid #cccccc;}
.header .top .layui-container{display: flex; justify-content: space-between;}
.header .top .right{position: relative;right: 0px; width: 48%; top: 0px; text-align:right;}
.header .top .left{position: relative;left: 0px; width: 48%;}
.header .top .right ul li{display: inline-block; margin-left: 12px;}
.header .top .right ul li a:hover{color:#e76354;}
.header .logo{padding: 15px 0px;height: 100px; overflow: hidden;}
.header .logo .left{width: 50%; text-align: left;height: 100px;}
.header .logo .right{width: 48%; position: absolute; top:0px; right: 0px; text-align: right;}
.header .logo .left .logoimg{width: 60%; line-height: 98px;/* overflow: hidden; */ display: inline-block; border-right: 1px solid #cccccc;}
.header .logo .left .logoimg img{ max-width: 200%;width: 342px;}
.header .logo .left .logotxt{position: relative; top: -8px; width: 48%; height: 70px; overflow: hidden; display: inline-block; margin-left: 20px; font-size: 18px;}
.header .logo .left .logotxt p{position: relative;/*line-height: 30px;*/}
.header .logo .right .hotline{display: inline-block; margin-top: 18px; width: 320px; text-align: left;}
.header .logo .right .icon-hotline{width: 45px; height: 45px; float: left;}
.header .logo .right .hotline p:nth-child(2){font-size: 18px;}
.header .logo .right .hotline p:nth-child(3){font-size: 28px; color: #dc2320;margin-top: 4px;}
.header .logo .right .qrcode{display: inline-block; width: 70px; height: 100px; float:right;}
.header .logo .right .qrcode img{width: 70px; height: 70px;}
.header .logo .right .qrcode p{margin-top: 5px;}
.header .navbar{background-color:#0050b3; height: 70px; line-height: 70px; text-align: center;}
.header .navbar ul li{display: inline-block;/* width:126px; */position: relative; float: left;padding-left: 25px;padding-right: 25px;}
.header .navbar ul li a{display: block; color: #fff;font-size: 18px;overflow: hidden;}
.header .navbar ul li:hover,.header .navbar ul li.active{background-color: #1b62bc;}
.navbar .subnav{display: none;position: absolute;background-color: #0050b3;left: 0px; top: 100%;z-index: 10;}
.header .navbar .subnav li a{font-size: 14px;}
.header .navbar ul li:hover{overflow: visible;}
.header .navbar ul li:hover .subnav{display: block;}
.navbar .subnav li{height: 50px; line-height: 50px;}
/* .menu-btn .menu:before {top: 0px;box-shadow: 0 0.17rem #ff7f21;}
.menu-btn .menu:after {bottom: 0.085rem;}
.menu-btn .menu.on:before {top: 0.085rem;box-shadow: none;-webkit-transform: rotate(225deg);transform: rotate(225deg);}
.menu-btn .menu.on:after {bottom: 0.085rem;-webkit-transform: rotate(135deg);transform: rotate(135deg);} */
.navbar .header-down-nav { display: none; text-align: left;transition: all 0.5s; width: 100%; position: absolute;top: 0.4rem; left: 100%; z-index: 2;background: rgba(35, 35, 43, 0.7); padding: 0; border-radius: 0;}
.navbar .header-down-nav .layui-nav-item a{padding:0 40px;}
.navbar .header-down-nav li {display: block; line-height: 0.2rem;}
.navbar .header-down-nav li a{font-size: 16px; color: #fff;}
.navbar .header-down-nav.layui-show{left: 0px;}
.header .menu-btn .menu {
    width: 40px;
	height: 40px;
	position: relative;
	cursor: pointer;
}
.header .menu-btn {
	position: fixed;
	top: 10px;
	right: 10px;
	padding: 10px;
	background-color: #fff;
	z-index: 200;
	transition: all 0.5s;
	overflow: hidden;
	display: none;
	cursor: pointer;
}
.menu-btn .menu:before, .menu:after {
    content: "";
    display: block;
    width: 40px;
    height: 6px;
    background: #ff7f21;
    border-radius: 2px;
    position: absolute;
    left: 0;
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
}
.menu-btn .menu:before {
    top: 0px;
    box-shadow: 0 16px #ff7f21;
}
.menu-btn .menu:after {
    bottom: 2px;
}
.menu-btn .menu.on:before {
    top: 17px;
    box-shadow: none;
    -webkit-transform: rotate(225deg);
}
.menu-btn .menu.on:after {
	bottom: 16px;
    -webkit-transform: rotate(135deg);
}
/**banner**/
.index-banner-swiper .swiper-container{width: 100%;}
.index-banner-swiper .swiper-container img{width: 100%;}
/**product**/
.cats-ul{width: 100%;text-align: center; }
.cats-ul li{display: inline-block; line-height: 60px; width: 277px; margin-top:10px; margin-left:-4px; margin-right: 16px;float: left;}
.cats-ul li:nth-child(4n){margin-right: 0;}
/* .cats-ul li:first-child{margin-left: 0px;}
.cats-ul li:last-child{margin-right: 0px;} */
.cats-ul li a{display: block; background-color: #015198; color: #fff; font-size: 18px;}
.cats-ul li a:hover, .cats-ul li a.active{background-color:#eb8f00;}
.catcons{}
.product .cats{margin-bottom: 16px;}
.product .item .cover{text-align: center;}
.product .item .cover img{ max-width: 100%;width: 375px;height: 250px;}
.product .item .txt{text-align: left; line-height: 40px; background-color:#004caa; color: #fff;}
.product .item .txt h3{padding-left:20px;padding-right: 20px;}
.product .item a:hover .txt{background-color:#eb8f00;}
/**device**/
.device{background-color: #015198; color: #fff;}
.device .section-title .desc{color: #fff;}
.index-device .section-title .dot{background-color: #fff;}
.device img{width: 380px;height: 280px;transition: 1s;}
.device img:hover{transform: scale(1.15);position: relative;z-index: 9;}
/**introduce**/
.index-introduce{padding-bottom:70px; background-image: url(../images/aboutbg.jpg); background-repeat: no-repeat; background-position: center bottom;background-size: contain;}
.index-introduce .section-main{font-size: 18px;color:#444444;line-height: 36px; text-indent: 2em;}
/**team**/
.team{/*background-color: #ddd;*/}
#teamswiper {
	position: relative;
	width: 100%;
	margin: 0 auto
}
#teamswiper .swiper-container {
	padding-bottom: 30px;
}
#teamswiper  .swiper-slide {
	width: 520px;
	/* height: 408px; */
	background: #fff;
	box-shadow: 0 8px 30px #ddd;
}
#teamswiper  .swiper-slide img{
	display:block;
	max-width: 100%;
	width: 520px;
	height: 345px;
}
#teamswiper  .swiper-slide p {
	line-height: 49px;
	padding-top: 0;
	text-align: center;
	color: #636363;
	font-size: 1.1em;
	margin: 0;
}
#teamswiper .swiper-pagination {
	width: 100%;
	bottom: 20px;
}
#teamswiper .swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 5px;
	border: 3px solid #fff;
	background-color: #d5d5d5;
	width: 10px;
	height: 10px;
	opacity: 1;
}
#teamswiper .swiper-pagination-bullets .swiper-pagination-bullet-active {
	border: 3px solid #00aadc;
	background-color: #fff;
}
#teamswiper .swiper-button-prev {
	left: -50px;
	width: 35px;
	height: 75px;
	background: url(../images/swiper-prev.png) no-repeat center center;
}
#teamswiper .swiper-button-next {
	right: -50px;
	width: 35px;
	height: 75px;
	background: url(../images/swiper-next.png) no-repeat center center;
}
/**quality**/
.index-quality{background-color: #015198; color: #fff;}
.index-quality .section-title .desc{color: #fff;}
.index-quality .section-title .dot{background-color: #fff;}
.index-quality{background-image: url(../images/quality-bg.jpg); background-repeat: no-repeat; background-position: center center;}
.index-quality .section-main{background-color: #e7eef4;padding: 60px 40px;}
.index-quality .section-main .main img{max-width: 100%;}
/**news**/
.lista .main{border: 1px solid #cccccc;}
.lista .main .head{height: 60px; line-height: 60px; background-color:#db241e; color: #fff; padding: 0px 20px; font-size: 20px;}
.lista .main .head .more{color:#fff; float: right;}
.lista .items .item{padding: 20px;position: relative;}
.lista .items .item .line{width:102%;height:1px;display: block; background-color:#cccccc;position: relative;bottom: -20px; left: -1%;}
.lista .items .item:last-child .line{display: none;}
.lista .items .item .title{color: #000000; font-size: 16px; line-height: 20px;position: relative;}
.lista .items .item .desc{color: #737373; margin-bottom: 20px;font-size: 16px; line-height: 20px;padding-left:20px;position: relative;}
.lista .items .item .icon{width: 20px; height: 20px; display: inline-block;margin-right:10px;position: absolute;left: 0px;}
.lista .items .item .icon-wen{background: url(../images/wen.jpg) no-repeat center center; }
.lista .items .item .icon-da{background: url(../images/da.jpg) no-repeat center center; }
.topic .items{ padding: 0px 0px 0px 30px; background: url(../images/new-li.png) no-repeat left 18px;}
.topic .cover img{max-width: 100%;}
.topic .items .item{line-height: 30px; font-size: 16px; padding: 10px 0px;border-bottom: 1px solid #cccccc;}
.topic .items .item a{color: #000000;}
.dongtai{font-size: 24px;margin-bottom: 20px;margin-top: 16px;}
.main_dt ul li{line-height: 40px;font-size: 14px;border-bottom: 1px dashed #ddd;width: 500px;margin-top: 5px;}
.main_dt ul li a:hover{color: #007AFF;}
.main_dt ul li div{display: inline-block;float: right;color: #999;}
.items ul li div{display: inline-block;float: right;color: #999;}
/**flink**/
.flink{padding: 30px 0px; text-align: left;}
.flink p{color:#000;font-size: 18px;}
.flink a{display: inline-block; margin: 10px 10px 10px 0px;}
/**footer**/
.footer{
    background-color: #282d31;
    padding-top: 18px;
    padding-bottom: 0px!important;
    color: #cccccc;
}
.footer a{color: #cccccc;}
.foot-nav h3,.foot-contact h3{
    /* margin-bottom:20px; */
}
.foot-nav ul{
	text-align: center;
}
.foot-nav ul li{
    display:inline-block;
    margin-right: 40px;
    text-align: left;
    line-height: 18px;
}
.foot-nav ul li a{
    display: block;
    width: 100%;
}
.foot-contact .phone-big{font-size: 26px;}
.foot-contact .phone{margin-top: 10px;}
.foot-contact .address{margin-top: 10px;}
.foot-qrcode{display:flex;justify-content: flex-end;}
.foot-qrcode .qrcode{width: 120px; margin-left: 30px;text-align: center;}
.foot-qrcode .qrcode img{width: 120px;}
.foot-qrcode .qrcode p{margin-top: 10px;}
.footerb{padding: 18px 0px; margin-top: 18px; border-top: 1px solid #656565;}
.copys{text-align: center;}
.footerb h3{display: inline-block;}
.footerb p{display: inline-block;margin-right: 20px;}
.footer-btns{
    display: none;
}
@media screen and (max-width: 320px){
	.section{padding: 50px 0px;}
	.cats-ul li{line-height: 40px;}
	.product .item .txt{line-height: 36px;}
	.index-introduce{height: auto;}
	.index-device .main img{max-width: 100%;}
	#teamswiper .swiper-button-prev{left: 0px;}
	#teamswiper .swiper-button-next{right: 0px;}
	.section-title h2{font-size: 30px;}
	.index-quality .section-main {
		background-color: #e7eef4;
		padding: 30px 20px;
	}
	.foot-qrcode{justify-content:flex-start; }
	.foot-qrcode .qrcode{margin-top: 20px;}
}
@media screen and (max-width: 768px) {
	.section{padding: 50px 0px;}
	.header .logo .right .hotline{width: 280px;}
	.header .logo .left .logoimg{width: auto;}
	.header .logo .left .logotxt{display: none;}
	.header .logo .right{display:none;}
	.header .top{display: none;}
	.cats-ul li{line-height: 40px;}
	.product .item .txt{line-height: 36px;}
	.index-introduce{height: auto;}
	.index-device .main img{max-width: 100%;}
	#teamswiper .swiper-button-prev{left: 0px;}
	#teamswiper .swiper-button-next{right: 0px;}
	.section-title h2{font-size: 30px;}
	.index-quality .section-main {
		background-color: #e7eef4;
		padding: 30px 20px;
	}
	.foot-qrcode{justify-content:flex-start; }
	.foot-qrcode .qrcode{margin-top: 20px;}
}
@media screen and (max-width: 992px) {
	.product .cats{display: none;}
	.header, .banner{padding: 0px;}
	body .header .layui-nav .layui-nav-item{margin: 0 5px;}
}
@media screen and (max-width: 1200px){
	.layui-container {overflow: hidden;padding: 0px 5px;}
}
@media screen and (max-width: 1024px) {
	.header .logo .left .logoimg{border: none;}
	.cats-ul li{width: 162px;}
	.header .logo .right .qrcode{display: none;}
	.header .menu-btn {display: block;}
	.header .navbar {height: 0px;}
	.header .mobile-nav {
		text-align: left;
		transition: all 0.5s;
		width: 100%;
		height: 100%;
		position: fixed!important;
		top: 0.4rem;
		left: 0;
		padding: 0;
		border-radius: 0;
		position: absolute;
		z-index: 100; 
		top: 0px;
	}
	.header .mobile-nav ul li {
		display: inline-block;
		line-height: 60px;
		width: 100%;
		border-bottom: 1px solid #cccccc;
	}
}