﻿body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,select,th,td,div{
	margin:0;padding:0;-webkit-box-sizing: border-box;box-sizing: border-box;font-weight:normal;}
body,button,input,select,textarea{ font-size:12px; font-family:Microsoft Yahei,arial,tahoma,sans-serif,宋体; color:#333;}
html{font-size:99px;}
.section {overflow: hidden;}
body{}

.container{width:78.91%;margin:0 auto;}
@media only screen and (min-width: 1600px) and (max-width:1680px) {
	.container{width:84%;}
}
@media only screen and (min-width: 1220px) and (max-width: 1460px) {
	.container{width:1200px;}
}
.clearfix:after{clear:both;content:" ";display:block;font-size:0;height:0;visibility:hidden;}
.clearfix{display: inline-block;}
.clearfix{display: block;}
.fl,.lefter{float:left;}
.fr,.righter{float:right;}
.block{display: block;}



/*二级导航*/

.header{
	position: fixed;
	top:0;left:0;z-index:9999;
	height:.84rem;
	background-color:#004ea2;
	width:100%;
}

.logo{}
.logo img{margin-top:0.18rem;width:auto;height:0.462rem;}
.navList{position: relative;}
.navList ul li{float: left;height:.84rem;}
.navList ul li a{line-height:.84rem;font-size:16px;color:#fff;padding:0 0.15rem 0.4rem;}
.navList ul li:hover{background-color:#00a1e9;}
.navList ul li.current{background-color:#00a1e9;position: relative;}
.navList ul li.current:after{content: '';background:url(../images/xiaox.png) no-repeat;width:13px;height:8px;position: absolute;
bottom:-8px;left:50%;z-index:9999;margin-left:-6.5px;}


.header .subDrop{position: absolute;width:5.7rem;left:0;top:.84rem;background: #fff;z-index: 999;height: auto !important;
padding:0.34rem 0.55rem 0.55rem 0.2rem;display:none;}
.header .subDrop:nth-of-type(2){left:1.1rem;}
.header .subDrop:nth-of-type(3){left:2.2rem;}
.header .subDrop:nth-of-type(4),.header .subDrop:nth-of-type(5),.header .subDrop:nth-of-type(6),.header .subDrop:nth-of-type(7),
.header .subDrop:nth-of-type(8){left:inherit;right:0;}
.header .subDrop .subInfo img{width: 3.05rem;height:1.3rem;}
.header .subDrop .sublink{width:1.6rem;}
.header .subDrop .sublink a{display: block;font-size: 16px;margin-bottom:16px;color:#666;line-height:16px!important;}
.header .subDrop .sublink a:hover{color: #004ea2;}
.header .subDrop .subInfo{width:3.26rem;padding-left:0.33rem;border-left:1px solid #e9e9e9;}
.header .subDrop .subInfo p{font-size:14px;color:#666;line-height:28px;margin-top:14px;}

.div_show{display: block!important;}


.hhhh a{display:none;}

.section2{background-color:#f1f1f1;}
.nhd{margin-bottom:0.38rem;margin-top:8%;}
.nhd h2{font-size:0.4rem;color:#333;line-height:0.4rem;font-weight:normal;}
.nhd a{font-size:0.18rem;color:#999;}
.nhd a:hover{color:#004ea2;}

.news{}
.nNav{width:60%;background-color:#fff;}
.nNav h2{float: left;font-size:0.2rem;color:#000;padding:0 0.22rem;line-height:0.54rem;}
.nNav h2.current{background-color:#004ea2;color:#fff;}

.newsDate{width:13%;text-align: center;}
.newsDate h1{font-size:0.4rem;color:#666666;}
.newsDate h2{font-size:0.225rem;color:#666;}
.newsTxt{width:83%;}
.newsTxt h3{font-size:0.2rem;color:#333;line-height:1.5;margin-bottom:0.1rem;}
.newsTxt p,.newsOther p{font-size:0.16rem;color:#333;line-height:0.3rem;}
.newsList{width:60%;}
.newsList li{padding:0.22rem 0 0.18rem;border-bottom:1px dashed #cecece;}
.newsList li:hover .newsDate h1,.newsList li:hover .newsDate h2,.newsList li:hover .newsTxt h3,.newsList li:hover .newsTxt p{color:#004ea2;}

/*.rt .newsRight:first-of-type{display: block;}*/
.rt{width:37.3%;}
.rt .newsRight{margin-top:-0.56rem;width:100%;display:none;background-color:#fff;}
.newsRight .newsImg img{width:100%;}
.newsOther{background-color:#fff;padding:0.3rem 0 0.25rem 0.18rem;position: relative;}
.newsOther h4{font-size:0.2rem;color:#333;line-height:1.5;width:85%;overflow:hidden;height:0.3rem;overflow: hidden;}
.newsOther .xq{display: block;width:0.29rem;height:0.29rem;background:url(../images/jtt.png) no-repeat;
background-size:0.29rem;position: absolute;top:0.3rem;right:0.2rem;}

.newsBox .newsContent:first-of-type{display: block;}
.newsBox .newsContent{display: none;}


@media only screen and (max-width:1440px ) {
	.navList ul li a{font-size:14px;}
	.header .subDrop .sublink a {font-size: 14px!important;line-height: 14px!important;}
	.header .subDrop .subInfo p{font-size:12px!important;line-height:24px!important;}
	.header .subDrop:nth-of-type(2){left:1.25rem;}
	.header .subDrop:nth-of-type(3){left:2.48rem;}
	.newsList li{padding:0.29rem 0 0.2rem;}
}
@media only screen and (max-width:1366px) {
	.header .subDrop:nth-of-type(2){left:1.3rem;}
	.header .subDrop:nth-of-type(3){left:2.6rem;}
	.newsList li{padding:0.32rem 0 0.22rem;}
	.logo img{width:249px!important;height:37px!important;margin-top:25px!important;}
}
@media only screen and (max-width:1280px ) 
{
    .header .subDrop:nth-of-type(2){left:1.37rem;}
    .header .subDrop:nth-of-type(3){left:2.72rem;}
    .newsTxt p, .newsOther p{font-size:14px;}
    }

@media only screen and (min-width: 1580px) and (max-width: 1600px) {
	.newsOther{padding:0.2rem 0 0.15rem 0.15rem;}
	.newsList li{padding:0.24rem 0 0.2rem;}
	.newsOther .xq{top:0.2rem;}
}
@media only screen and (min-width: 1640px) and (max-width: 1680px) {
	.newsOther{padding:0.20rem 0 0.25rem 0.15rem;}
	.newsList li{padding:0.25rem 0 0.2rem;}
	.newsOther .xq{top:0.2rem;}
}


/*产品中心*/
.section3{background:url(../images/product.jpg) no-repeat;background-size: cover;}
.product h2{font-size:0.4rem;color:#fff;text-align: center;margin-bottom:0.95rem;font-weight:normal;margin-top:5%;}
.productList{}
.productList ul{text-align: center;}
.productList ul li{float:left;width:17.5%;background:url(../images/xian.png) no-repeat right 0.15rem top 0.76rem;background-size:0.6rem 0.03rem;}

.productList ul li:last-of-type{background:none;width:12%;}
.productList ul li h4{font-size:0.2rem;color:#fff;margin-top:0.4rem;width:1.75rem;text-align: center;}
.productList ul li .pInfo{width:66%;text-align: center;}
.productList ul li:last-of-type .pInfo{width:100%;}
.productList ul li i{display: block;width:1.75rem;height:1.52rem;cursor: pointer;}
.productList ul li:first-of-type i{background:url(../images/cp1.png) no-repeat;background-size:1.75rem 1.52rem;}
.productList ul li:nth-of-type(2) i{background:url(../images/cp2.png) no-repeat;background-size:1.75rem 1.52rem;}
.productList ul li:nth-of-type(3) i{background:url(../images/cp3.png) no-repeat;background-size:1.75rem 1.52rem;}
.productList ul li:nth-of-type(4) i{background:url(../images/cp4.png) no-repeat;background-size:1.75rem 1.52rem;}
.productList ul li:nth-of-type(5) i{background:url(../images/cp5.png) no-repeat;background-size:1.75rem 1.52rem;}
.productList ul li:nth-of-type(6) i{background:url(../images/cp6.png) no-repeat;background-size:1.75rem 1.52rem;}
.productList ul li:first-of-type:hover i{background:url(../images/cp1h.png) no-repeat;background-size:1.75rem 1.52rem;}
.productList ul li:nth-of-type(2):hover i{background:url(../images/cp2h.png) no-repeat;background-size:1.75rem 1.52rem;}
.productList ul li:nth-of-type(3):hover i{background:url(../images/cp3h.png) no-repeat;background-size:1.75rem 1.52rem;}
.productList ul li:nth-of-type(4):hover i{background:url(../images/cp4h.png) no-repeat;background-size:1.75rem 1.52rem;}
.productList ul li:nth-of-type(5):hover i{background:url(../images/cp5h.png) no-repeat;background-size:1.75rem 1.52rem;}
.productList ul li:nth-of-type(6):hover i{background:url(../images/cp6h.png) no-repeat;background-size:1.75rem 1.52rem;}


.center{text-align: center;}
.more{font-size:0.18rem;color:#fff;background-color:#004ea2;padding:0.16rem 0.7rem;display:inline-block;margin-top:1.1rem;}


.section4{background:url(../images/rl.jpg) no-repeat;background-size:cover;}
.rl{}
.rlTxt{width:60%;}
.rl h2{font-size:0.4rem;color:#333;font-weight:normal;}
.rl h3{font-size:0.2rem;color:#333;margin:0.12rem 0 0.34rem;}
.rl p{font-size:0.18rem;color:#666;line-height:0.38rem;}

.rlIcon{margin-top:0.4rem;}
.rlIcon ul li{float: left;margin-right:0.25rem;}
.rlIcon ul li i{display: block;width:0.85rem;height:0.98rem;}
.rlIcon ul li:first-of-type i{background:url(../images/r1.png) no-repeat;background-size:0.85rem 0.98rem;}
.rlIcon ul li:nth-of-type(2) i{background:url(../images/r2.png) no-repeat;background-size:0.85rem 0.98rem;}
.rlIcon ul li:nth-of-type(3) i{background:url(../images/r3.png) no-repeat;background-size:0.85rem 0.98rem;}
.rlIcon ul li:first-of-type:hover i{background:url(../images/r1h.png) no-repeat;background-size:0.85rem 0.98rem;}
.rlIcon ul li:nth-of-type(2):hover i{background:url(../images/r2h.png) no-repeat;background-size:0.85rem 0.98rem;}
.rlIcon ul li:nth-of-type(3):hover i{background:url(../images/r3h.png) no-repeat;background-size:0.85rem 0.98rem;}
.rlIcon ul li h4{font-size:0.18rem;color:#0361ab;line-height:0.98rem;margin-left:0.2rem;}


.section5{background:url(../images/bottom.jpg) no-repeat;background-size:cover;}
.footer{}
.fotTop h2{font-size:0.4rem;font-weight:normal;color:#fff;padding-bottom:0.6rem;border-bottom:1px solid rgba(255,255,255,0.2);margin-top:7%;}
.fotNav{margin-top:0.55rem;margin-bottom:0.75rem;}
.fotNav ul li{float: left;}
.fotNav ul li h3{font-size:0.24rem;color:#fff;margin-bottom:0.18rem;}
.fotNav ul li p{font-size:0.16rem;color:#afd6ff;line-height:0.4rem;}
.fotNav ul li:first-of-type,.fotNav ul li:nth-of-type(2){width:35%;}
.fotNav ul li:nth-of-type(3){/*background:url(../images/ewbg.png) no-repeat;background-size:3.78rem 1.62rem;
width:3.78rem;height:1.62rem;*/float: right;}
.fotNav ul li:nth-of-type(3) h3{margin-left:0.6rem;}
.fotNav ul li:nth-of-type(3) .ew{/*margin-top:0.28rem;*/text-align: center;margin-left:0.6rem;width:1.47rem;height:1.34rem;
background:url(../images/ewbb.png) no-repeat;background-size:1.47rem 1.34rem;}
.fotNav ul li:nth-of-type(3) .ew .ewImgg{width:1.2rem;height:1.19rem;overflow: hidden;margin:0.1rem 0 0 0.15rem;}
.fotNav ul li:nth-of-type(3) .ew .ewImgg img{width:100%;height:100%;
    transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;}
.fotNav ul li:nth-of-type(3) .ew:hover .ewImgg img{transform: scale(1.2, 1.2);-ms-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);}
.fotNav ul li:nth-of-type(3) .ew:last-of-type{margin-left:0.35rem;}
.fotNav ul li:nth-of-type(3) .ew h5{font-size:0.16rem;color:#cee6ff;margin-top:0.05rem;margin-top:0.15rem;}
.fotBottom{border-top:1px solid rgba(255,255,255,0.2);}
.fotBottom p{font-size:0.1426rem;color:#afd6ff;margin-top:0.4rem;}
.fotBottom p a{color:#afd6ff;outline: none;}

.mobile{display: none;}

.banner11 video{width:100%;height:auto;object-fit: fill;}
.banner11 .bd ul li{/*float: left;*/}
.banner11 .bd .tempWrap{}
.banner11 .bd ul li img{width:100%;height:100%;display: block;object-fit: fill;}
.banner11 .hd ul{position: absolute;width:100%;bottom:18%;text-align: center;z-index: 999;}
.banner11 .hd ul li{display: inline-block;font-size:0;width:9px;height:9px;background-color:#c8c8c7;border-radius:50%;margin-right:14px;vertical-align:middle;}
.banner11 .hd ul li:last-of-type{margin-right:0;}
.banner11 .hd ul li.on{width:19px;height:19px;background:url(../images/ah.png) no-repeat;}
@media only screen and (min-width: 1380px) and (max-width: 1440px) {
	.banner11 .hd ul{bottom:10%;}
}
@media only screen and (max-width:1366px ) {
	.banner11 .hd ul{bottom:22%;}
}
.banner{position: relative;}
.banner .slider1 li{float: left;}
.banner .slider1 li img{width:100%;height:100%;display: block;object-fit: cover;}
.banner .pagination{position: absolute;width:100%;bottom:8%;text-align: center;}
.banner .pagination a{display: inline-block;font-size:0;width:9px;height:9px;background-color:#c8c8c7;border-radius:50%;margin-right:14px;vertical-align:middle;}
.banner .pagination a:last-of-type{margin-right:0;}
.banner .pagination a.current{width:19px;height:19px;background:url(../images/ah.png) no-repeat;}
@media only screen and (min-width: 1360px) and (max-width: 1440px) {
	.banner .pagination{bottom:12%;}
}

@media only screen and (max-width:750px) {
	#pf,.l_boxss,.pc{display:none;}
}


/* 8个背景样式 */
#fp-nav ul li a span { /*  提高层叠性 */
	/*background: #f40!important;*/
}
.next {
	position: fixed;
	bottom: 0.5rem;
	left:50%;
	width:0.36rem;
	height:0.26rem;
	z-index: 999;
	margin-left:-18px;
}



/* 动画组 */
.next_undown {
	   animation: next .6s linear infinite ;  /*  linear 匀速 */

}
@keyframes next {  /* 类似于js 的声明函数 function */
	
	50% {

	  bottom: 60px;
	}
	100% {
      bottom: 70px;
	}
 }
.updown {  /*  类似于 js  调用函数 */ 
   animation: fly 3s linear infinite ;  /*  linear 匀速 */
}
.shirt-updown {
	animation: shirt01 2.5s linear infinite ;  /*  linear 匀速 */
}
@keyframes fly {  /* 类似于js 的声明函数 function */
	0% {
	  top: 10%;
	}
	50% {

	  top: 20%;
	}
	100% {
		top: 10%;
	}
 }

 @keyframes shirt01{  /* 类似于js 的声明函数 function */
	50% {
	 bottom: 360px;
	}
	100% {
	 bottom: 335px;
	}
 }

 

