*{ margin: 0; padding: 0;}
 body {background-color: #fff; padding: 0; margin: 0; overflow-x: hidden; font-size: 14px; color: #333;}
 ol,ul,li {list-style: none}
 a{text-decoration:none;color: #333;cursor:pointer;}
 h2,h3,h4,ul,li,p {padding: 0;margin: 0;}
 input,textarea {outline: none;}
 .fl{ float: left;}
 .fr{ float: right;}
 .cl{ clear: both;}
/*head*/
.header{ position:absolute; width: 100%; top:0;left: 0; z-index: 9;}
.hetop{height:60px; width: 100%; background-color:rgba(12,54,117,0.8); margin-top: 90px;}
.navlogo{ width: 80%; margin: auto;position: relative;}
.hetop .logo{ width: 25%; position: absolute; top:-90px;left: 0;}
.hetop .logo img{ width: 200px;}
/*nav*/

.menu{ width:75%; margin-left: 25%;}
.nav{ width:100%;height:60px;margin:0 auto; font-size: 16px;display: flex; justify-content: flex-end; }
.nav a:hover{color:#0b90cf;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;}
.nav ul a:hover{ border-top:none;}
.nav li{float:left;position:relative; width:15%;}
.nav li .sub-nav li:last-child{border-bottom:0;}
.nav li a{color:#fff;height:60px;line-height:60px;display:block;text-align:center;font-size:14px;}
.nav li a:focus{-moz-outline-style: none; }
.nav li .sub-nav{width: 100%; position:absolute;top:40px;left:0;z-index: 99;background-color:#FFFFFF;display:none;
border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;}
.nav li .sub-nav li{text-align:center;clear:left;width:100%;height:50px;line-height:50px;position:relative; border-bottom:1px dashed #FFF; }
.nav li .sub-nav li a{ position:absolute; left:0px;height:50px;line-height:50px;width:100%;padding:0;display:inline-block;}




/*banner*/
.swiper-containers{ position: relative;}
.swiper-slide img{width: 100%; display: block;height:100vh;}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 2px;
}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 15% !important;
    left: 0;
    width: 100%;
}
.swiper-pagination-bullet-active {
	width: 15px;
    height: 15px;
    opacity: 1;
    background: #0c3675 !important;
}
.swiper-pagination .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    display: inline-block;
    border-radius: 50%;
    background: #fff;
    opacity: 1;
}

/*foot*/
footer {
	position: fixed;
	bottom: 0;
	z-index: 1;
	width: 100%;
	background-color: #0c3675;
	padding-top: 15px;
	padding-bottom: 15px;
}
.foot{
	width: 80%;
	margin: auto;
	display: flex;
	justify-content: center;
}
.fr_addr {
	color: #cccccc;
	line-height: 24px;
	padding-top: 16px;
	font-size:14px;
}
.fl_dlogo
{
	
}
.hrr{ height: 50px; width: 1px; background-color: #cccccc; margin:15px 50px;}
.fl_dlogo img{ height: 80px;display: block;}
/*comment*/
.bg{ width: 100%; height: 100vh; background: url(../images/bg2.jpg) no-repeat; background-size: cover; display: flex; justify-content: space-between;}
.leftnav{ width: 15%; background-color: #0C3675;position: relative;}
.leftnav  img{ width: 100%; display: block;}
.leftnav li a{ color: #fff; display: block;height: 50px;}
.leftnav li a:hover{ background: url(../images/xz_03.png) no-repeat center bottom; background-size: 120px 20px; height: 50px; width: 100%;}
.leftnav li .actved{ background: url(../images/xz_03.png) no-repeat center bottom; background-size: 120px 20px; height: 50px; width: 100%;}

.leftnav li{ padding-top: 5%; text-align: center; height: 55px;}
.leftnav li:first-child{ padding-top: 15%;}
.dlogo{ position: absolute; bottom: 2%; width: 70%; left: 15%;}

.ckuangj{ width: 70%;position: relative;}
.xyfcaiw{ width: 100%; height: 84vh; background-color: #0C3675; padding:4% 0; box-sizing: border-box;}/*margin-top:4vh;*/
.xyfcaiw1{ width: 100%; height: 80vh; background-color: #0C3675; padding:4% 0; box-sizing: border-box;}
.xyfcaiw .title{ width: 100%; height: 100%; overflow-y: scroll; padding: 0 6%; box-sizing: border-box;color: #fff; line-height: 26px;}
.xyfcaiw .title_new{ padding:0 0 0 4% !important;}
.xyfcaiw .new_show{ padding:0 !important;}
.coenter_new{ height: 100vh;}

.page{ width: 5%; text-align:center; margin-top: 60vh; height: 40vh; margin-right: 3%;}
.page a{ width:80px; display: block; padding: 5px 0; color: #fff; border: 1px solid #fff; border-radius: 2px; margin-top: 15px;}
.page a:hover{ color: #0c3675; background-color: #fff;border-radius: 2px;border: 1px solid #fff; }
.page .actved{ color: #0c3675; background-color: #fff;border-radius: 2px;border: 1px solid #fff;}

.title_c{ display: flex; flex-wrap: wrap; padding: 0 !important; height: 100vh;}
.xyfcaiw .title_l{width: 30%; padding:6% 4%; color: #fff; font-size: 14px; line-height: 30px; box-sizing: border-box; border-right: 1px solid #fff;}
.xyfcaiw .title_l .name{ font-size: 16px;margin-top:30px;}
.xyfcaiw .title_l img{ max-width: 100%;}
.xyfcaiw .title_r{ width: 62%; overflow-y: scroll;color: #fff; line-height: 26px;margin:6% 0; padding: 0 4%; font-size: 14px; }






/*about*/
.about{ width: 75%; margin-right: 5%;}
.nav_top { width: 90%;margin-left:5%}
.nav_top a{ padding:0 25px; margin: 10px 10px; height: 44px; line-height: 44px; border-radius: 5px; background-color:#0C3675; color: #fff; text-align: center; }
.nav_top a:hover, .nav_top .actved{background-color: #fff; color: #0C3675;}
.nav_t{display:flex;overflow:auto;}
.nav_t a{white-space: nowrap;}

#style-2::-webkit-scrollbar-track
{	
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 4px;
	background-color: #fff;
}

#style-2::-webkit-scrollbar
{	border-radius: 4px;
	height: 10px;
	background-color: #fff;
}

#style-2::-webkit-scrollbar-thumb
{ 
	border-radius: 4px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #0c3675;
}







#mr_fu a:hover .mr_zhe_hover{background: #c7000b; color: #FFFFFF;}
.li2{width:300px;/*height:235px;*/ }
.li2:hover img
{transform:scale(1.2,1.2);-moz-transform:scale(1.2,1.2);-webkit-transform:scale(1.2,1.2);-o-transform:scale(1.2,1.2)}
.smalltu{ width:300px;height:183px;overflow:hidden;cursor: pointer;}
.smalltu img{width:300px;height:183px;display:block; -moz-transition:1.2s ease-in; -webkit-transition:1.2s ease-in; -o-transition:1.2s ease-in;-ms-transition:1.2s ease-in;transition:1.2s ease-in;}





/*产品列表*/
.ban{  padding: 20px 0; position: relative;overflow: hidden;}
.tbop img{ width: 100%; display: block;}
.poushow{display: flex; flex-wrap: wrap;}




/*新闻中心*/


.daleft{ display: block; width: 43%;}
.daleft img{ width: 100%; display: block;}
.xwxq{ background-color: #0b90cf; padding: 20px; color: #fff;}
.daleft span{display: block;}
.newslist{width: 100%;} 
.newslist a{ color: #fff;}
.newslist .hrhui{ padding: 20px 0;border-bottom: 1px solid #999; }
.newslist li img{ max-width: 100%;}

.newslist li a,.daleft .xwxq{ line-height:30px; display: flex; padding: 20px 10px; margin-bottom: 20px; height: 60px; overflow: hidden;}
.newslist li a:hover{ background-color: #094eb5;}
.hrwite{ height: 1px; margin: 10px 0; background-color: #fff;}

.newslist li span{ display: block;}
.newslist li .time { float:right; font-size:12px; }
.newslist .newtime {margin: 12px auto; width:12%;  border-right: 1px solid #fff; padding-right: 2%;  text-align: center;  box-sizing: border-box;  }
.newslist .newtext {width:83%; margin-left: 3%; padding-right: 2%; line-height: 22px;font-size: 14px;}
.newslist .newtext h3, .newslist01  .newliste h3{ line-height: 32px; font-weight: normal;}





#style-1::-webkit-scrollbar-track
{	width: 8px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 4px;
	background-color: #fff;
}

#style-1::-webkit-scrollbar
{	border-radius: 4px;
	width: 8px;
	background-color: #fff;
}

#style-1::-webkit-scrollbar-thumb
{   width: 8px;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #0c3675;
}




/*内容*/

.poucter{height: 10vh; margin-top: 6vh; }
.pouct{text-align: center; display: flex; flex-wrap: wrap; justify-content: center;}
.pouctshow{ background: #0c3675; width: 130px;height: 44px; line-height: 44px; overflow: hidden; margin :0 15px;border-radius: 8px;}
.pouctshow:last-child{border-bottom:0;}
.pouctshow a{color: #fff;}
.pouctshow:hover a{ background-color: #fff; display: block;color: #0c3675;}
.pouctshow .actved{ background-color: #fff; display: block;color: #0c3675;}





/*单页*/
.nrongye{ line-height: 24px; min-height: 600px;}
.nrongye img{ max-width: 100%;}
/*产品列表*/
.xyfcaiw .ludf{ width: 20%;  float: left; margin-right: 6.6%; margin-top: 10px;}
.xyfcaiw .ludf:nth-child(4n){ margin-right: 0;}
.xyfcaiw .ludf a{ color: #fff; line-height: 22px; text-align: center;}
.xyfcaiw .ludf img{width: 100%;}


/*新闻*/
.news{ padding: 0 50px;}
.news img{ width: 100%;}
.newlist{ display: flex; padding: 30px 0; border-bottom: 1px dashed #323A45;}
.newstu{ width: 200px;}
.newlist a{ color: #456372;}
.newliste{ width: 720px; padding-left: 20px; padding-top: 5px;}
.lsnew li{ margin-bottom: 10px;}



/*员工*/
.poushws { width: 32%;
	position: relative;
	margin-right: 2%;
	margin-top: 20px;
}

.poushws:nth-child(3n) {
	margin-right: 0;
}

.poushws .imgk {
	width: 180px;
	height: 180px;
	margin: auto;
	border-radius: 50%;
	display: block;
	border: 1px dashed #999;
	padding: 5px;
}

.poushws .xmxs {
	background-color: #eae9e9;
	padding: 20px;
	text-align: justify;
	color: #666;
}
.poushws:hover .xmxs{
	background-color: #017DC7;
	color: #fff;
}
.poushws:hover .tdname{
	color: #fff;
	border-bottom: 1px solid #fff;
}
.tdname {
	border-bottom: 1px solid #999;
	padding: 15px 0;
	text-align: center;
	font-size: 18px;
	color: #333;
}

.miaos {
	margin: 20px auto;
	line-height: 24px;
	height: 96px;
	overflow: hidden;
}


/*员工详情*/

.nrshow {
	width: 90%;
	margin: auto;
}

.sztop {
	width: 400px;
	margin: 40px auto;
	text-align: center;
	line-height: 40px;
	font-size: 16px;
	color: #017DC7;
}

.sztop .imgk {
	width: 240px;
	height: 240px;
	margin: auto;
	border-radius: 50%;
	display: block;
	border: 1px dashed #999;
	padding: 5px;
}
.szbotsq{ padding: 30px;}
.szbotsq h3{ text-align: center;}
.szbotsq img {
	padding: 30px 0;
}
.date{ color: #fff; padding-bottom: 8px ; padding-right: 5%; text-align:right; font-size: 12px;}
.szbotsq .hrt {
	width: 100%;
}

.hrt {
	height: 1px;
	width: 100%;
	background-color: #fff;
}

.xqjs {
	padding: 50px 0;
	font-size: 14px;
	text-align: justify;
	color: #fff;
	line-height: 22px;
}

.xqjs img {
	max-width: 100%;
}

.next{ width: 6%; text-align:center; margin-top: 70vh; height: 30vh; margin-right: 2%;}

.next a {
	display: block;
	margin-bottom: 30px;
	color:#fff;
}

.next a img {
	float: left;
	width: 22px;
	padding-top: 2px;
	padding-right: 3px;
}