@charset "utf-8";

.swiper-slide{overflow: hidden;}
.swiper-slide img{max-width: 100%;}

.map{position: relative;}
.map .title{ font-size: 22px; line-height: 34px;}
.map img{max-width: 100%;}

.webleft{float: left; width: 250px;margin-top: 30px; margin-right: 30px;}
.webright{float: left; width: calc((100% - 280px)); margin-top: 30px;}

.leftbt{overflow: hidden;background: #00478c; height: 90px;line-height: 90px; text-align: center;}
.leftbt h2{color: #FFF; font-size: 26px;}
.leftbt h2 i{font-size: 20px;}
.leftbt h3{color: #FFF; font-size: 26px;position: relative;}
.leftbt h3::before{content: '';position: absolute; width: 10px; height: 30px; border-radius: 6px; background: #FFF;left: 45px; margin-top: 30px;}

.leftprolist{overflow: hidden; border: 1px solid #e7e7e7; border-top: 0; margin-bottom: 60px;}
.leftprolist ul{}
.leftprolist ul li{border-bottom: 1px solid #e7e7e7; height: 56px; line-height: 56px;}
.leftprolist ul li i{float: left; background:url(../images/left02.png) no-repeat; width: 15px; height: 15px; margin: 20px;}
.leftprolist ul li span{float: left;}
.leftprolist ul li:hover i{background:url(../images/left01.png) no-repeat;}
.leftprolist ul li a{color: #666;}
.leftprolist ul li a:hover{color: #00478c;}
.leftprolist ul li.active i{ background:url(../images/left01.png) no-repeat;}
.leftprolist ul li.active a{color: #00478c;}

.leftlx{overflow: hidden;border: 1px solid #e7e7e7; border-top: 0; padding: 20px; text-align: center;margin-bottom: 60px;}
.leftlx i{display: inline-block; background: #0d6dca; width: 50px; height: 50px; line-height: 50px; font-size: 30px; color: #FFF; border-radius: 50%;}
.leftlx h3{color: #666;margin: 10px;}
.leftlx b{font-size: 28px; color: #00478c;}
.leftlx h4{font-size: 16px; margin: 20px 0;}
.leftlx .zixun{display: inline-block; background: #e10000; border-radius: 40px; width: 160px; height: 40px; line-height: 40px; font-size: 18px; margin-bottom: 20px;}
.leftlx .zixun a{color: #FFF;}

.leftproimg{overflow: hidden;}
.leftproimg ul{}
.leftproimg ul li{margin: 20px 0;}
.leftproimg ul li .img{overflow: hidden; border: 1px solid #e7e7e7;transition: all 0.5s ease;-moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease;}
.leftproimg ul li .img img{max-width: 100%;}
.leftproimg ul li h2{text-align: center; height: 40px; line-height: 40px;}
.leftproimg ul li .img:hover{box-shadow: 0 5px 10px 0 rgba(0,0,0,.1);}

/* 当前位置 */
.location{overflow: hidden;height: 30px;line-height: 30px; margin-top: 20px;}
.here{color: #999;}
.here i{float: left;font-size: 16px;color: #00478c; margin-right: 10px;}
.here a{color: #999;}
.here a:hover{color: #00478c;}


/* 关于我们 */
.about-left{float: left; width: 40%;}
.about-left img{max-width: 100%;}
.about-right{float: left; width: 60%; margin: 70px 0;}
.about-right .bt{font-size: 60px;font-weight: bold;line-height: 60px;  position: relative; margin-bottom: 60px;}
.about-right .bt::after{content: '';position: absolute; background: #00478c; height: 4px; width: 110px; bottom: -20px;left: 6px;}
.about-right ul{}
.about-right ul li{float: left; width: 50%; overflow: hidden; margin: 30px 0;}
.about-right ul li i{float: left; width: 48px; height: 48px;}
.about-right ul li .text{float: left; width: calc((100% - 48px));}
.about-right ul li .text h2{font-size: 22px; display: block; margin: 5px 0;}
.about-right ul li .text p{color: #666;}

.about-banner{position: relative;}
.aboutbox{ position: absolute; z-index: 99; margin-top: 6%;}
.aboutbox ul{}
.aboutbox ul li{float: left; width: 46%; margin: 0 2%;}
.aboutbox ul li h2{font-size: 18px; color: #FFF; margin-top: 50px; position: relative;}
.aboutbox ul li h2::after{content: ''; position: absolute; background: #ef5f39; width: 100px; height: 4px; margin-top: 20px;}
.aboutbox ul li h2 b{display: block; font-size: 38px;}
.aboutbox ul li .text{color: #FFF; line-height: 27px; font-size: 18px; margin-top: 60px;}
.aboutbox ul li .img{overflow: hidden;}
.aboutbox ul li .img img{max-width: 100%;}

.fuwu{overflow: hidden; margin: 100px 0 50px 0;}
.fuwu-left{float: left;width: 50%;}
.fuwu-left img{max-width: 100%;}
.fuwu-right{float: left;width: 50%;}
.fuwu-right .img{overflow: hidden; position: relative;}
.fuwu-right .img img{max-width: 100%;}
.fuwu-right .text{position: absolute; z-index: 1;background: #00478c; padding: 50px; color: #FFF; margin-top: 12%;}
.fuwu-right .text h2{font-size: 22px; margin-bottom: 20px;position: relative;}
.fuwu-right .text h2::before{content: '';position: absolute;background: #FFF; width: 4px; height: 20px; top: 6px; left: -10px;}
.fuwu-right .text p{}

/*联系方式*/
.contactlist {overflow: hidden; margin: 60px 0;}
.contactlist ul{}
.contactlist ul li{ float: left; text-align: center; width: 25%;}
.contactlist ul li i{ display: inline-block; color: #00478c; font-size: 48px; background:#cfdfef; border-radius: 50%; width: 100px; height: 100px; margin: 0 auto;line-height: 100px;}
.contactlist ul li span{display: block; font-size: 18px;line-height: 32px; margin: 20px 0 10px 0;}
.contactlist ul li p{font-size: 15px;color: #666;}

.teambt{overflow: hidden; text-align: center; margin: 60px 0; position: relative;}
.teambt h2{font-size: 70px;margin-bottom: 20px; text-transform: uppercase;color: rgba(255,255,255,.3);}
.teambt h2 b{font-size: 28px; color: #FFF; display: block; margin-top: -70px;}
.teambt span{display: block; color: #0f2132; margin: 10px 0; font-size: 15px;}


.teamlistbg{overflow: hidden; background: #4c7eaf;}
.teamlist{overflow: hidden; margin: 50px 0;}
.teamlist ul{}
.teamlist ul li{float: left; width: 31.333333%; cursor: pointer;  margin: 0 1%;}
.teamlist ul li .img{overflow: hidden;position: relative;}
.teamlist ul li .img img{max-width: 100%;}
.teamlist ul li h2{line-height: 50px; font-size: 16px; background: #FFF; text-align: center; padding: 10px 0;}
.teamlist ul li .img .text{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	padding: 30px;
	text-align: center;
	transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	color: #FFF;
	z-index: 2;
	transition: all 0.5s ease;
	opacity: 0;
	margin-top: 300px;
	font-size: 15px;
}
.teamlist ul li .img .bg2{position: absolute; background-color: rgba(50,100,150,.5);width: 100%;height: 100%;z-index: 1; transition: all 0.5s ease; opacity: 0;margin-top: 300px;}
.teamlist ul li:hover .img .text{opacity: 1; margin-top: 0;}
.teamlist ul li:hover .img .bg2{opacity: 1;margin-top: 0;}

/*在线留言*/
.message{overflow: hidden; width: 500px; position:absolute;z-index: 1; background: #363940; margin-top:90px ;}
.message h2{font-size:22px; color:#FFF; margin-bottom: 20px;}
.message ul{padding: 30px;}
.message ul li{margin-bottom: 10px;}
.message ul li input{ border-bottom: 1px solid #666; height: 52px;line-height: 52px;width: 100%; color: white;}
.message ul li textarea{height: 180px; border: 1px solid #666;padding: 8px;border-radius: 5px;width: 100%; color: white;}
.message ul li .btns{ background: #db4a49;font-size: 16px; border-radius: 5px; color: #FFF; width: 150px; height: 50px; line-height: 50px; text-align: center; border: 0;cursor: pointer;display: block; }




/*下载中心*/
.down{overflow: hidden;  margin: 50px 0;}
.down ul{}
.down ul li{overflow: hidden; padding: 1%; border: 1px solid #E7E7E7; margin-bottom: 10px;}
.down ul li h2{float: left; width: calc((100% - 240px)); line-height: 40px;}
.down ul li h2 i{float: left; color: #eebe46; margin-right: 5px; font-size: 22px;}
.down ul li .xiazai{float: left; width: 240px; line-height: 40px;}
.down ul li .xiazai time{float: left; width: 120px;}
.down ul li .xiazai time i{float: left;}
.down ul li .xiazai .dj{float: left; width: 100px; text-align: center; background: #c7c7c7; border-radius: 6px;}
.down ul li .xiazai .dj i{float: left; margin-left: 10px;}
.down ul li:hover{background: #f8f6f6;}
.down ul li:hover .xiazai .dj{float: left; width: 100px; text-align: center; background: #00478c; border-radius: 6px; color: #FFF;}

/* 产品列表 */
.productbt{overflow: hidden;border-bottom: 1px solid #e7e7e7; height: 60px;line-height: 60px;}
.productbt span{float: left; overflow: hidden; border-bottom: 2px solid #00478c;height: 59px; font-size: 20px; color: #666; position: relative; padding-left: 15px;}
.productbt span::before{content: '';position: absolute; width: 4px; height: 20px; background: #00478c;left: 0; margin-top: 18px;}
.productbt .dq{float: right;}
.productbt .dq{color: #999;}
.productbt .dq i{ color: #00478c; margin-right: 8px;}

.shaixuan{overflow: hidden;box-shadow: 0 2px 10px 0 rgba(0,0,0,.2); margin-top: 50px;}
.shaixuan ul{padding: 30px;}
.shaixuan ul li{overflow: hidden; border-bottom: 1px solid #e7e7e7; padding: 10px 0;}
.shaixuan ul li .shlb{float: left; width: 80px;}
.shaixuan ul li .shlb span{float: left; width: 70px;line-height: 30px; color: #666;}
.shaixuan ul li .shlb b{float: left; width: 50px; background: #00478c; text-align: center; border-radius: 4px; color: #FFF; line-height: 30px;}
.shaixuan ul li .text{float: left; width: calc((100% - 120px));line-height: 30px;}
.shaixuan ul li .text a{color:#999; padding: 0 20px;}
.shaixuan ul li .text .active{background: #00478c;text-align: center;border-radius: 4px;color: #FFF;line-height: 30px;}
.shaixuan ul li .text a:hover{color:#00478c; padding: 0 20px;}

.product{ overflow: hidden; margin: 50px 0;}
.product ul{ margin-left: -1%; margin-right: -1%;}
.product ul li{float: left; width: 31.333333%; margin: 20px 1%;transition: all 0.5s ease;-moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease;box-shadow: 0 0px 2px 0 rgba(0,0,0,.1); border-radius: 0 0 10px 10px;}
.product ul li .img{overflow: hidden;}
.product ul li .img img{max-width: 100%;}
.product ul li h2{font-size: 16px; background: #cfcfcf; text-align: center; height: 60px; line-height: 60px; border-radius: 0 0 10px 10px;}
.product ul li:hover{box-shadow: 0 2px 10px 0 rgba(0,0,0,.2);}
.product ul li:hover h2{ background: #00478c; color: #FFF;}




/*新闻资讯*/
.newsnavlist{overflow: hidden; text-align: center;}
.newsnavlist ul{display: inline-block;}
.newsnavlist ul li{float: left; padding:10px 40px; margin:  0 30px; background: #aeaeae; position: relative;}
.newsnavlist ul li::after{content: '';position: absolute; height: 40px; background: #999; width: 1px; top: 0;right: -30px;}
.newsnavlist ul li:last-child::after{display: none;}
.newsnavlist ul li a{color: #333;}
.newsnavlist ul li a:hover {color: #FFF;}
.newsnavlist ul li:hover{background: #00478c; }
.newsnavlist ul li.active{background: #00478c; }
.newsnavlist ul li.active a{color: #FFF;}

.newslist{overflow: hidden; margin: 50px 0;}
.newslist ul{}
.newslist ul li{ overflow: hidden; margin-bottom: 50px; background: #FFF; cursor: pointer; transition: all 0.5s ease; -webkit-transition:all 0.5s ease;}
.newslist ul li:hover{background: #f4f6f7;}
.newslist ul li .img{float: left; width:320px; height: 220px; overflow: hidden; background: #FFF;}
.newslist ul li .img img{width: 100%; height: 100%; padding: 10px; border: 1px solid #e7e7e7;}
.newslist ul li .text{float: left;  width: calc((100% - 320px));padding:1%; }
.newslist ul li .text h2{ font-size: 22px; font-weight: bold;}
.newslist ul li .text time{overflow: hidden; display: block; color: #999; margin: 5px 0;}
.newslist ul li .text time i{float: left;}
.newslist ul li .text .nr{line-height: 30px; font-size: 15px; color: #777;text-align: justify;}
.newslist ul li .text .more{background: #bebfbf; border-radius: 6px; width: 100px; height: 40px; line-height: 40px; text-align: center; margin-top: 6px;}
.newslist ul li:hover .text .more{background: #00478c;color: #FFF;}



/*新闻详情页*/
.Details{overflow: hidden; padding: 15px 0;}
.Details h1{ text-align: center; font-size: 30px; line-height: 50px; margin: 30px 0;}
.Details dt{ text-align: center; line-height: 50px; border-bottom: 1px solid #E7E7E7;border-top: 1px solid #E7E7E7;}
.Details-conent{overflow: hidden; line-height: 30px;background: #FFF; margin: 50px 0;}

.Details-conent img{max-width: 100%;}


/*产品详情页*/
.product-left{float: left; width: 40%;}
.product-left img{max-width: 100%;}
.product-left .swiper-button-next,.product-left .swiper-button-prev{ opacity: 0;}
.product-left:hover .swiper-button-next,.product-left:hover .swiper-button-prev{ opacity: 1;}


.product-right{float: left; width: 57%; margin-left: 3%;}
.product-right h2{font-size: 28px; line-height: 50px; border-bottom: 2px solid #00478c; display: inline-block;}
.product-right .cs{overflow: hidden; margin: 30px 0;}
.product-right .cs ul{}
.product-right .cs ul li{float: left; width: 50%; height: 30px; line-height: 30px;}
.product-right .zixun{}
.product-right .zixun .tel{ float: left; width: calc((100% - 200px));}
.product-right .zixun .tel i{ float: left; width: 48px; height: 48px; margin-right: 10px;}
.product-right .zixun .tel h3{ float: left; width: calc((100% - 58px)); font-size: 16px;}
.product-right .zixun .tel h3 b{display: block;font-size: 22px; line-height: 24px;}
.product-right .zixun .feedback{ float: left; width: 200px; background: #ef5f39;text-align: center; color: #FFF; padding: 10px;}
.product-right .tuzhi-down{overflow: hidden; margin-top: 30px;}
.product-right .tuzhi-down ul{}
.product-right .tuzhi-down ul li{float: left; width: 48%; margin-right: 4%; background: #00478c; height: 50px; line-height: 50px; text-align: center}
.product-right .tuzhi-down ul li:last-child{margin-right: 0;}
.product-right .tuzhi-down ul li a{color: #FFF;display: block;}
.product-right .tuzhi-down ul li i{float: right; margin: 0 30px 0 10px;}

.showbt{overflow: hidden; border-bottom: 2px solid #00478c; height: 50px; line-height: 50px; margin: 30px 0; font-size: 26px; color: #666;}

/*产品相关*/
.product-xg{ overflow: hidden; margin: 10px 0;}
.product-xg ul{ margin-left: -1%; margin-right: -1%;}
.product-xg ul li{float: left; width: 23%; margin: 20px 1%;transition: all 0.5s ease;-moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease;box-shadow: 0 0px 2px 0 rgba(0,0,0,.1); border-radius: 0 0 10px 10px;}
.product-xg ul li .img{overflow: hidden;}
.product-xg ul li .img img{max-width: 100%;}
.product-xg ul li h2{font-size: 16px; background: #cfcfcf; text-align: center; height: 60px; line-height: 60px; border-radius: 0 0 10px 10px;}
.product-xg ul li:hover{box-shadow: 0 2px 10px 0 rgba(0,0,0,.2);}
.product-xg ul li:hover h2{ background: #00478c; color: #FFF;}

#video {width: 100% !important;height: 100%;margin: 0 auto;position: relative;}
#video video {width: 100% !important;height: 100%;object-fit: fill;}
.VideoBtn {
	position: absolute;
	left: 50%;
	top: 50%;
	display: block;
	width: 70px;
	height: 70px;
	margin-left: -35px;
	margin-top: -35px;
	cursor: pointer;
	z-index: 10;
}




@media (min-width:1024px) and (max-width:1200px) {

	.about-left{width: 50%;}
	.about-right{width: 50%;}

	.product-left{width: 100%; margin-bottom: 20px;}
	.product-left img{width: 100%; height: 100%;}
	.product-right{width: 100%; margin-left: 0;}


}

@media (min-width:768px) and (max-width:1023px) {

	.webleft{display: none;}
	.webright{width: 100%;}

	.about-left{width: 50%;}
	.about-right{width: 50%;}

	.about-right .bt{font-size: 40px;line-height:40px; margin-bottom: 40px;}
	.aboutbox{margin-top: 0;}
	.message{position: inherit; width: 100%; margin: 30px 0;}

	.product-xg ul li{width: 48%;}


}


@media screen and (max-width:767px) {

	.webleft{display: none;}
	.webright{width: 100%;}
	.about-left{width: 100%;}
	.about-right{width: 100%; margin: 20px 0;}
	.about-right ul li{margin: 10px 0;}

	.about-right .bt{font-size: 30px;line-height:30px; margin-bottom: 30px; margin-left: 20px;}
	.aboutbox{margin-top: 0;position: inherit;}
	.aboutbox ul li{width: 100%; margin: 0; margin-bottom: 20px;}
	.aboutbox ul li h2{color: #333;}
	.aboutbox ul li .text{color: #666;font-size: 14px;}
	.aboutbox ul li .img{border: 1px solid #e7e7e7;}

	.fuwu{margin: 20px 0;}
	.fuwu-left{width: 100%;}
	.fuwu-right{width: 100%;}
	.fuwu-right .text{position: inherit; margin-top: 0;}

	.contactlist ul li{width: 50%; margin-bottom: 30px;}
	.teamlist ul li{width: 100%; margin-bottom: 30px;}

	.message{position: inherit; width: 100%; margin: 30px 0;}

	.newsnavlist ul li{padding: 10px; width: 46%; margin:  0 2%; margin-bottom: 10px;}
	.newsnavlist ul li::after{display: none;}

	.newslist ul li .img{width: 100%; height: auto; margin-bottom: 10px;}
	.newslist ul li .text{width: 100%;}
	.newslist ul li .text h2{font-size: 17px;}

	.down ul li{padding: 2%; margin-bottom: 20px;}
	.down ul li h2{width: 100%; line-height: 24px;}
	.down ul li .xiazai{float: none;}
	.down ul li .xiazai time{float: none;}
	.down ul li .xiazai .dj{float: none;}

	.productbt .dq{display: none;}
	.shaixuan ul{padding: 15px;}
	.shaixuan ul li .shlb{margin-bottom: 10px;}
	.shaixuan ul li .text{width: 100%;}
	.shaixuan ul li .text a{padding: 0 5px 0 5px;}

	.product ul li{width: 98%;}

	.product-left{width: 100%; margin-bottom: 20px;}
	.product-left img{width: 100%; height: 100%;}
	.product-right{width: 100%; margin-left: 0;}

	.product-right .cs ul li{width: 100%;}
	.product-right .zixun .tel{width: 100%; margin-bottom: 20px;}
	.product-right .zixun .feedback{width: 100%;}

	.showbt{font-size: 20px;}

	.product-xg ul li{width: 100%;}


}