@charset "utf-8";
/* CSS Document */

body{padding:0;margin:0;font:1rem/28px Arial, Tahoma, Geneva, Helvetica, sans-serif; position:relative; background:#efefef;}
*{padding:0;margin:0; box-sizing:border-box;}
h1,h2,h3{font-weight:normal;}

ul,li{list-style:none;}
a:link,a:visited{color:#222222; text-decoration:none;}
a:hover{color:#008cd7;}
img{max-width:100%; display:inline-block; vertical-align:middle;}
.fuild_img{width:100%;}
.cover {
    position: relative;
    height: 0;
    overflow: hidden;
}

.cover img {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    object-fit: cover;
}
.inline {
    display: inline-block;
    vertical-align: top;
}

.center {
    position: absolute;
    top: 50%;
    width: 100%;
	text-align:right;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.pc_banner{display: block;}
.wp_banner{display: none;}

.container{width:94%;max-width:1200px;margin:0 auto;}
.clearfix:before,.clearfix:after{
content:"";
display:table;
}
.clearfix::after{display:block;clear:both;content:""}
.clearfix:after{
clear:both;}
.clearfix{
*zoom:1;
}

.header{width:100%;height:100px; overflow:hidden;background:rgba(0,0,0,.8); position:absolute;top:0;left:0;z-index:10;}
.logo{float:left;padding-top:12px;}
.logo_m{display:none;}
.menu{float:right;}
.menu .nav{}
.menu .nav li{float:left;list-style:none;}
.menu .nav li a{display:block;height:100px;padding:0 30px;line-height:100px; text-align:center;color:#ffffff;text-decoration:none;position:relative;overflow:hidden;}
.menu .nav li a:hover,.menu .nav li a.current{color:#008cd7;}
.menu .nav li .box{width:100%;position:absolute;top:100px;left:0;padding-left:0;justify-content:center;background:#ffffff; display:none;z-index:10;}
.menu .nav li .box img{padding-top:15px; display:inline;}
.menu .nav li .box a{float:left;width:25%; text-align:center;height:230px;color:#7c7c7c;cursor: pointer;box-sizing: border-box;overflow: hidden;}
.menu .nav li .box a:hover{text-decoration:underline;color:#083090}
.mobile_menu_btn {display:none;}
.mobile_menu_btn_ {display:none;}


.banner{z-index:-1;}
.index_products{width:100%;padding:4rem 0; background:#f5f5f5;}
.h_revi_con{position: relative;margin-top:2rem;}
.contact_fin_img{ background:#FFF;text-align:center;border:#d8d8d8 1px solid;}
.contact_fin_img img{height:auto;max-width: 100%;background:url(../images/pro-bottom.png) bottom center no-repeat;padding:30px 0;border: 0;vertical-align: middle;object-fit: cover;}
.contact_fin_img p{padding:1rem 0;}
.contact_fin_nr:hover .contact_fin_img{border:#008cd7 1px solid;box-shadow: 0 0 20px rgba(0,0,0,0.1); }
.h_revi_con .swiper_button{top:25%; background-image:none; margin-top:5%;}

.h_revi_con .swiper_buttonp{left: -1.875rem;background-image:none;}
.h_revi_con .swiper_buttonn{right: -1.875rem;}

.partner .sub_h2{margin-bottom: 1.875rem;}
.partner .swiper-slide{height:auto;}
.partner .swiper-wrapper{height:auto;}
.swip_but .h_revi_prev{left: 3%;}
.swip_but .h_revi_next{right: 3%;}

.swip_but .swiper-button-prev,.swip_but .swiper-container-rtl .swiper-button-next{ background-image:none;}
.swip_but .swiper-button-next,.swip_but .swiper-container-rtl .swiper-button-prev{ background-image:none;}

.swiper_button{background-image: none;width: auto;height: auto;top: 50%;transform: translateY(-50%);margin: 0;}
.swiper_button img{width: 15px;height: auto;}
.swiper_button img:last-child{display: none;}
.swiper_buttonp{left: 0;}
.swiper_buttonn{right: 0;}
.swip_hrevi{padding:1.875rem;}
.swiper_button:hover img:first-child{display: none;}
.swiper_button:hover img:last-child{display: block;}
.swi_scro {
    top: auto !important;
    height: 2px !important;
    display: none;
}


.index_name{width:100%;font-size:2.125rem; text-align:center;}
.index_about{width:100%;min-height:500px;_height:500px; background:url(../images/about_bg.jpg) top center no-repeat; background-size:cover;padding:10rem 0;}
.about_content{width:60%;color:#FFF;}
.about_text{margin:2rem 0 4rem;}
.about_content ul li{float:left;width:30%; text-align:center;transition: all ease 1s;}
.about_content ul li a{color:#FFF;}
.about_content ul li:hover{
    /*background-position:left bottom!important;*/
    transform: rotateY(360deg);
}
.about_content ul li:first-child{margin-left:-10%;}
.index_news{width:100%;padding:4rem 0;}
.index_name{font-size:2rem;margin-bottom:3rem;}
.indexnews_list{display:flex;width:102%;margin-left:-2%;}
.indexnews_list .news_list{float:left;width:31.3%;margin-left:2%;}
.news_list .news_img{
	position: relative;
    width: 100%;
    padding-bottom:65%;
	overflow:hidden;
	}
.news_list img{
	width: 100%;
    position: absolute;
    height:100%;
    top: 0;
    left: 0;
    object-fit: cover;
	transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;}
.news_list:hover img{transition: all .25s ease;
    transform: scale(1.15, 1.15);
}
.news_title{font-size:1.125rem;padding:.85rem 0;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; word-break:break-all;}
.news_text{color:#666;}
.news_more{width:100%; text-align:center;padding:3rem 0;}
.explore-btn{
	display:inline-block;
	vertical-align:top;
	position:relative;
	cursor:pointer;
	font-size:14px;
	line-height:42px;
	height:42px;
	padding:0 38px;
	min-width:148px;
	text-align:left;
	background:#008cd7;	
	color:#fff;
	-webkit-transition:all .3s linear;
	-moz-transition:all .3s linear;
	transition:all .3s linear;
	border-radius:2px;
}
.explore-btn,.explore-btn:hover{
	text-decoration:none;
}
.explore-btn font{
	position:relative;
	color:#FFF;
	font-size:1.125rem;
}
.explore-btn:before{
	content:'';
	position:absolute;
	left:0;
	top:0;
	width:0;
	height:100%;
	background:rgba(255,255,255,.08);
	-webkit-transition:all .3s linear;
	transition:all .3s linear;
}
.explore-btn:hover:before{
	width:100%;
}
.explore-btn i{
	position:absolute;
	top:50%;
	margin-top:-5px;
	right:18px;
	width:6px;
	height:10px;
	font-size:0;
}
.explore-btn i:before,.explore-btn i:after{
	content:'';
	position:absolute;
	top:50%;
	margin-top:-4px;
	left:0;
	margin-left:-4px;
	width:7px;
	height:7px;
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
	transform:rotate(-45deg);
	-webkit-transition:all .3s linear;
	-moz-transition:all .3s linear;
	transition:all .3s linear;
}
/*--内页style--*/
.bannernav{position:relative;}
.bannernav img{width:100%;}
.bannernav .w_z{
    position: absolute;
    top:38%;
    left:28%;
    color: #fff;
    font-weight: bold;
    font-size:60px;
    transform: translate(-50%,-50%);
    width: 100%;
    text-align: center;
	z-index:1;
}
.nav_menu {  position: absolute; bottom: 0px; z-index: 3; text-align: center;  left:0;width:100%; text-align:center;}
.menu_list{ display:flex;width:100%;max-width:1200px;background: rgba(255, 255, 255, 0.8);border-radius: 5px 5px 0px 0px;margin:0 auto;}
.menu_list a{ flex:1; display:inline-block;position: relative;font-size: 16px; color: #333333; transition: all 0.3s ease 0s;  box-sizing: border-box; border-right: 1px solid rgb(255, 255, 255); line-height: 80px; }
.nav_menu a:last-child { border: 0px; }
.nav_menu a::after { content: ""; background: rgb(0,140, 215); width: 100%; height: 0px; position: absolute; top: 0px; left: 0px; transition: all 0.3s ease 0s; }
.nav_menu a:hover, .nav_menu a.on { color: #008cd7; }
.nav_menu a:hover::after, .nav_menu a.on::after { height: 3px; }

.contentnav{padding:4rem 0;}
.about_title{width:100%; text-align:center;font-size:2.125rem;}
.aboutnav_text{padding:2rem 0 1rem;}
.aboutnav_text h3{display:inline-block;font-size:1.125rem; font-weight:bold;}
.aboutnav_text img{padding:1rem 0;}
.business_safe {width:100%;padding-bottom: 31.25%;}
.business-img {
    position: absolute;
    height: 100%;
    width: 100%;
}

.business-img:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(3, 6, 20, .28);
}
.business-title {
    color: #fff;
    font-size: 3rem;
	line-height: 5rem;
	letter-spacing: 1px;
    text-align: left;
	margin-bottom:2rem;
}
.business-text {
    width: 100%;
    z-index: 1;
	color:#FFF;
	line-height:2.5rem;
}

.team{float:left;width:40%;}
.team_title{font-size:2.125rem;}
.team_content{margin:1.25rem 0 0;}
.team_pic{float:right;width:55%;}
.picScroll-left{ width:100%;position:relative;}
		.picScroll-left .hd{ overflow:hidden; padding:0 10px;  }
		/*.picScroll-left .hd .prev,.picScroll-left .hd .next{ display:block;  width:5px; height:9px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;
			 cursor:pointer; background:url("../images/arrow.png") no-repeat;}
		.picScroll-left .hd .next{ background-position:0 -50px;  }
		.picScroll-left .hd .prevStop{ background-position:-60px 0; }
		.picScroll-left .hd .nextStop{ background-position:-60px -50px; }*/
		.picScroll-left .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
		.picScroll-left .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("../images/icoCircle.png") 0 -9px no-repeat; }
		.picScroll-left .hd ul li.on{ background-position:0 0; }
		.picScroll-left .bd{}
		.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
		.picScroll-left .bd ul li{ margin:0; float:left; _display:inline; overflow:hidden; text-align:center;  }
		.picScroll-left .bd ul li .pic{ text-align:center; }
		.picScroll-left .bd ul li .pic img{ width:1200px;display:block;}
		.picScroll-left .bd ul li .pic a:hover img{}

.culture {
	position: relative;
	width: 100%;
	overflow: hidden;
	display:flex;
}



.culture-li {
	position: relative;
	float: left;
	width: 50%;
}

.culture ul li:before,
.culture-li:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	background: rgba(0, 25, 59, 0.5);
}

.culture ul li .img,
.culture-li .img {
	width: 100%;
	overflow: hidden;
}

.culture ul li .img img,
.culture-li .img img {
	width: 100%;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.culture ul li:hover .img img,
.culture-li:hover .img img {
	-o-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
}

.culture ul li .txt,
.culture-li .txt {
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 2;
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	text-align: center;
	max-width: 320px;
	width: 100%;
	padding: 0 20px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.culture ul li .txt .t1,
.culture-li .txt .t1 {
	color: #ffffff;
	font-size: 32px;
}

.culture ul li .txt .t2,
.culture-li .txt .t2 {
	color: #ffffff;
	font-size: 18px;
	line-height: 1.7;
}

.culture ul li .txt i,
.culture-li .txt i {
	display: block;
	margin: 20px auto;
	width: 40px;
	height: 1px;
	background: #ffffff;
}


.pro_list{ display:block;background:#ffffff;padding:1px 1px 15px; text-align:center;margin:1.5rem 0;}
.prolist_pic{width:100%;overflow:hidden; background:url(../images/pro-bottom.png) bottom center no-repeat;padding:30px 0;}
.prolist_pic img{
	width: 100%;
	transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}
.pro_list:hover img{
	transition: all .25s ease;
    transform: scale(1.15, 1.15);
}
.prolist h3{font-size:1.125rem;margin:1rem 0;}
.pro_list:hover{border:#008cd7 1px solid; cursor:pointer;}
.pro_list:hover a{color:#008cd7;}
.view_title{text-align:center;font-size:2.5rem;font-weight:bold;}
.view_pic{width:100%; text-align:center;margin:2rem 0 1rem;background:#FFF;padding:1rem;border:#cdcdcd 1px solid;}
.view_content h2{font-size:1.75rem;margin-bottom:.5rem;}
.relatepro{width:100%; background:#FFF;padding:4rem 0;}


/*--新闻资讯--*/
.newslist{width:100%;border-bottom: 1px solid #e4e4e4;padding-top:40px;padding-bottom:34px; position:relative;}
.newslist:after{
	content: '';
	position: absolute;
	left: 0;
	bottom:-1px;
	width: 0;
	height: 1px;
	border-bottom: #ed0103 solid 1px;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.newslist:hover:after{
	width: 100%;
}
.newslist a {
    width:100%;
    display:table;
}
.newslist .news_pic {
    width:20%;
    float:left;
}
.newslist .newslist_text{
    width:75%;
    float:right;
}
.newslist .news_tit {
    font-size:18px;
    line-height:32px;
    font-weight:bold;
    color:#000;
    margin-top:-3px;
    margin-bottom:8px;
    transition: all ease .2s;
}
.newslist:hover .news_tit{ color:#ed0103;}
.newslist .news_con {
    font-size:16px;
    line-height:30px;
    color:#777;
}
.view_content .view_title{width:100%; border-bottom:#d2d2d2 1px dotted;color:#999999; text-align:center;padding-bottom:1rem;}
.view_content .view_title span{font-size:20px;line-height:50px;color:#333333;}
.view_content .view_text{font-size:16px;line-height:35px;padding:20px 0;border-bottom:#d2d2d2 1px solid;margin-bottom:15px;}


.contactlist{margin:0 -1%;}
.contact_list{float:left;width:48%; background:#FFF;padding:15px;margin:0 1%;}
.contact_title{font-size:1.25rem;color:#008cd7;margin:.5rem 0;}
.contact_text img{width:15px;height:15px;margin-right:5px;}

.footer{width:100%; background:#000;color:#FFF;padding:1rem 0;}