@charset "utf-8";

body{ overflow-x:hidden ; margin:0px; padding:0px; font-size:14px;font-family:-apple-system,SF UI Display,Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,WenQuanYi Micro Hei,sans-serif;color:#666;background:#FFF; }

ul,li,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,ol,form,input{ margin:0px; padding:0px;}

input,textarea { font-family: "微软雅黑"; border: none; outline: none; background: none; }

ul,li{ list-style:none}

img{border:0px; padding:0px; display: block;}

a{ color:#333; text-decoration:none}

.clear{width:100%; height:0px; clear:both;}





.banner{ width: 100%; height: 100%;}

.banner img{ display: block; width: 100%; height: 100%;}

.banner .swiper-container{ width: 100%; height: 100%;}



.banner .o1{ background: url(../images/banner1.png) center center no-repeat; background-size:cover ;}

.banner .o2{ background: url(../images/banner2.png) center center no-repeat; background-size:cover ;}

.banner .o3{ background: url(../images/banner3.png) center center no-repeat; background-size:cover ;}
.banner .o4{ background: url(../images/banner4.png) center center no-repeat; background-size:cover ;}



.banner .swiper-pagination { bottom:20px;}

.banner .swiper-pagination span { width:10px; height:10px; border-radius:5px; margin:0px 5px; opacity:1; background:#cdcdcd;}

.banner .swiper-pagination span.swiper-pagination-bullet-active { background:#02418e;}







.top{ z-index: 99; width: 100%; position: fixed; top: 0; left: 0; padding: 0 4%; box-sizing: border-box; height: 100px; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.1);}

.top .logo{ float: left; height: 100px; line-height: 100px;}

.top .logo img{ display: inline-block; vertical-align: middle;}

.top .nav{ float: left; padding-left: 100px;}

.top .nav ul li{ float: left; position: relative;}

.top .nav ul li a{ display: block; height: 100px; padding: 0 40px; line-height: 100px; font-size: 18px; color: #333;}

.top .nav ul li.on .bt{ background: #095ba5; color: #fff;}

.top .nav ul li a:hover{background: #095ba5; color: #fff;}

.top .nav ul li:hover dl{ display: block;}

.top .phone{ float: right; height: 100px; padding-top: 30px; box-sizing: border-box; padding-left: 75px; border-left:1px solid #666;}

.top .phone p{ font-size: 14px; line-height: 14px; color: #666; padding-bottom: 10px;}

.top .phone h2{ font-weight: bold; font-family: impact; font-size: 16px;}

.top .nav ul li dl{ display: none; box-shadow: 0 0 10px rgba(0,0,0,0.1); width:160px; left: 50%; transform: translateX(-50%); position: absolute; top: 100px; background: #fff; border-radius:4px; padding:10px 0;}

.top .nav ul li dl dd{ width: 100%; height: 50px; line-height: 50px; text-align: center;}

.top .nav ul li dl dd a{transition: 0.5s; padding: 0; display: block; width: 100%; height: 100%; text-align: center; line-height: 50px; font-size: 16px;}

.top .en{ width:20px; line-height:100px; float:left; padding-left:40px; text-align:center; font-size:18px; }
.top .en a:hover{ color:#095ba5;}

.about{ width: 100%; height: 100%; overflow: hidden;}

.about .icon{ float: left; width: 50%; height: 100%; overflow: hidden; background: url(../images/about.png) center center no-repeat; background-size:cover ;}

.about .text{ width: 50%; float: left; height: 100%; padding:0 9% 0px 5%; box-sizing: border-box;}

.about .text .main{ width: 100%;}

.about .text .main h2{color: #333; padding-top:45px; font-size: 28px; font-weight: normal;}

.about .text .main span{color: #999; font-size: 10px; font-weight: 100; display: block; margin-top: 12px; margin-bottom: 35px;}

.about .text .main p{ font-size: 14px; color: #999; line-height: 30px;}

.about .text .main a{ display: block; width: 175px; height: 48px; text-align: center; background: #095ba5; border-radius:5px; font-size: 14px; color: #fff; font-weight: 100; line-height: 48px; margin: 40px 0;}



.about .text ul.list1{ width: 100%; overflow: hidden; padding-bottom: 65px;}

.about .text ul.list1 li{ float: left; width: 25%; float: left;}

.about .text ul.list1 li .tp{ width: 105px; margin:0 auto; padding-bottom: 20px; height: 105px; position: relative;}

.about .text ul.list1 li .tp img{ opacity: 1; display: block; width: 100%; height: auto; position: absolute; top: 0; left: 0;}

.about .text ul.list1 li .tp img.on{ opacity: 0;}

.about .text ul.list1 li:hover .tp img.on{ opacity: 1;}

.about .text ul.list1 li:hover .tp img{ opacity: 0;}



.about .text ul.list1 li p{ text-align: center; font-size: 14px; color: #666;}



.about .text ul.list2{ width: 100%; overflow: hidden;}

.about .text ul.list2 li{ width: 33%; float: left; position: relative;}

.about .text ul.list2 li h2{ text-align: center; height: 70px; line-height: 70px; font-size: 36px; font-weight: normal; color: #535353;}

.about .text ul.list2 li p{ font-size: 15px; color: #a0a0a0; line-height: 18px; text-align: center;}

.about .text ul.list2 li p span{ font-size: 10px; color: #a0a0a0; display: block;}

.about .text ul.list2 li .tips{ position: absolute; right:15px; top: 10px;}







.product{ width: 100%; height: 100%; background-size:cover ;}

.product .tit{ width: 100%; text-align: center; line-height: 110px; font-size: 35px; color: #fff; font-weight: bold; }



.product ul{  max-width:1360px;width: 96%; padding: 0 0%; margin:0 auto; box-sizing: border-box;}

.product ul li{ box-shadow: 0 0 20px rgba(0,0,0,0.3); float: left; width: 32%;  margin-right: 2%; margin-bottom:25px; background: #fff; box-sizing: border-box; border: 10px solid #fff; position: relative;}

.product ul li:nth-child(3n){ margin-right: 0;}



.product ul li .icon{ width: 100%; height: auto; position: relative;}

.product ul li .icon img{ display: block; width: 100%; height: auto;}

.product ul li p{transition: 0.8s; width: 100%; height: 43px; text-align: center; line-height: 43px; background: #191919; color: #fff; font-size: 15px;}

.product ul li .icon .bg{opacity: 0; transition: 0.8s; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(9,91,165,0.8);}

.product ul li .icon .bg span{ display: block; width: 54px; height: 54px; display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); border: 4px solid #fff; border-radius:50%; line-height:46px; text-align: center; font-size: 46px; color: #fff; font-weight: bold; box-sizing: border-box;}

.product ul li:hover .icon .bg{ opacity: 1;}

.product ul li:hover p{ color: #fff; background: #095ba5;}

.product .enter{ display: block; width: 175px; height: 48px; text-align: center; background: #095ba5; border-radius:5px; font-size: 14px; color: #fff; font-weight: 100; line-height: 48px; margin: 40px auto;}





.team{ width: 100%; height: 100%; background: url(../images/bg.png); background-size:cover ;}

.team .teamBox{transition: 0.5s; width: 50%; float: left; height: 100%; position: relative; padding-top:12%; box-sizing: border-box; background: rgba(0,0,0,0.3);}

.team .teamBox h2{ font-weight: bold; font-size: 28px; color: #fff; line-height: 28px; margin-bottom: 30px; text-align: center;}

.team .teamBox h3{ text-align: center; font-size: 18px; color: #fff; font-weight: bold; margin-bottom: 60px;}

.team .teamBox p{ width: 100%; text-align: center; padding: 0 10%; box-sizing: border-box; line-height: 32px; color: #fff; font-size: 14px;}

.team .teamBox:hover{ background: #095ba5;}

.team .teamBox .enter{ transition: 0.5s; width: 175px; display: block; height: 48px; line-height: 46px; box-sizing: border-box; background: #095BA5; text-align: center; font-size: 14px; color: #fff; border: 1px solid #095BA5;margin: 65px auto 0 auto; border-radius:5px ;}
.team .teamBox:hover .enter{ background: #fff;; color: #666; border: 1px solid #fff; }


.title{ width: 100%; padding: 60px 0;}

.title h2{ width: 360px; margin: 0 auto; height: 40px; line-height: 40px; position: relative;}

.title h2 span{ width: 100%; height: 1px; display: block; background: #ccc; left: 0; top: 50%; transform: translateY(-50%); position: absolute; z-index: 1;}


.title h2 p{position: relative; z-index: 2; width: 210px; background: #fff; margin: 0 auto; height: 40px; text-align: center; line-height: 40px; font-weight: bold; font-size: 34px; color: #000;}

.title h3{ width: 100%; text-align: center; margin-top: 32px; font-size: 18px; font-weight: normal; color: #666;}

.title ul{ padding-top: 30px; width: 100%; text-align: center;}

.title ul li{ display: inline-block; margin: 0 10px;}

.title ul li a{ width: 140px; background: #000; height: 40px; display: block; text-align: center; line-height: 40px; font-size: 14px; color: #fff;}

.title ul li:hover a{ background: #095ba5;}

.honner{ width: 100%; height: 100%;}

.honnerBox{ width: 70%; margin: 0 auto; position: relative;}

.honnerBox .swiper-container{ width: 100%; overflow: hidden; box-sizing: border-box;}

.honnerBox .swiper-container .icon{ width: 100%; height: auto;}

.honnerBox .swiper-container .icon img{ box-shadow: 0 10px 10px rgba(0,0,0,0.2); display: block; width: 100%; height: auto;}

.honnerBox .swiper-container p{ padding-top: 50px; text-align: center; font-size: 16px;}

.honnerBox .swiper-button-next{ left:auto; right: -150px; top: 50%; transform: translateY(-50%); width: 44px; height: 44px; background: url(../images/arrow_05.png);}

.honnerBox .swiper-button-prev{ left:auto; left: -150px; top: 50%; transform: translateY(-50%); width: 44px; height: 44px; background: url(../images/arrow_03.png);}



.honner .enter{ transition: 0.5s; width: 175px; display: block; height: 48px; line-height: 46px; box-sizing: border-box; text-align: center; font-size: 14px; color: #666; border: 1px solid #999; color: #666; margin: 65px auto 0 auto; border-radius:5px ;}

.honner .enter:hover{ background: #095BA5;; color: #fff; }



.new{ width: 100%; height: 100%;}

.new .warp{ max-width:1150px; width:96%; margin: 0 auto; position: relative;}

.newBox{ width:100%; margin: 0 auto;}

.newBox ul li{ width: 25%; float: left; transition: 0.5s; overflow: hidden; position: relative;cursor:pointer }

.newBox ul li.on{ width: 50%;}

.newBox ul li.on .main{ opacity: 0;}

.newBox ul li .icon{ width: 100%; height: 400px; overflow: hidden;}

.newBox ul li .icon img{ width: 100%; height: 400px;}

.newBox ul li .text{ width: 100%; height: 100px;}

.newBox ul li .text .time{ width: 100px; height: 100px; float: left; background: #095ba5; padding-top: 7px; box-sizing: border-box;}

.newBox ul li .text .time h2{ font-size: 42px; text-align: center; font-family: impact; line-height: 67px; color: #fff;}

.newBox ul li .text .time p{ text-align: center; font-size: 12px; color: #fff;}

.newBox ul li .text .nr{height: 100px; float: left; width: calc(100% - 100px); line-height: 100px; padding: 0 30px; box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; font-size: 16px; background: #e9edf0;}

.newBox ul li .main{transition: 0.5s; width: 100%; height: 100%; background: #095ba5; transition: 0.5s; position: absolute; left: 0; top: 0; padding: 0 10%; box-sizing: border-box;}

.newBox ul li .main span{ margin-top:80px; margin-bottom: 40px; display: block; font-size: 14px; font-weight: bold; color: #fff;}

.newBox ul li .main h2{ font-size: 18px; line-height: 18px; overflow: hidden; text-overflow: ellipsis; color: #fff; height: 18px; margin-bottom: 40px;}

.newBox ul li .main p{margin-bottom: 40px; width: 100%; font-size: 14px; color: #fff; line-height: 32px; height: 128px; overflow: hidden; text-overflow: ellipsis;}

.newBox ul li:nth-child(2) .text .time{ background: #1d65a6;}

.newBox ul li:nth-child(2) .main{ background: #1d65a6;}

.newBox ul li .main a{ display: block; width: 200px; height: 48px; border: 1px solid #fff; box-sizing: border-box; line-height: 46px; text-align: center; font-size: 12px; color: #fff;}

.new .title{ padding: 40px 0 30px 0;}

.new .warp .swiper-button-next{ left:auto; right: -100px; top: 50%; transform: translateY(-50%); width: 44px; height: 44px; background: url(../images/arrow_05.png);}

.new .warp .swiper-button-prev{ left:auto; left: -100px; top: 50%; transform: translateY(-50%); width: 44px; height: 44px; background: url(../images/arrow_03.png);}

.new .enter{ transition: 0.5s; width: 175px; display: block; height: 48px; line-height: 46px; box-sizing: border-box; text-align: center; font-size: 14px; color: #666; border: 1px solid #999; color: #666; margin: 50px auto 0 auto; border-radius:5px ;}

.new .enter:hover{ background: #999; color: #fff; }



.banner2{ width: 100%;}

.banner2 img{ width: 100%; height: auto; display: block;}



.footer{ background: #012f66; width: 100%; padding-top: 35px;}

.footer .footerBox{ width: 1360px; margin: 0 auto; overflow: hidden; padding-bottom: 60px;}

.footer .footerBox .footerNav{ float: left; overflow: hidden;}

.footer .footerBox .bt{ font-size: 18px; color: #fff; width: 125px; line-height: 66px; height: 66px; border-bottom: 1px solid rgba(255,255,255,0.3);}

.footer .footerBox .footerNav .lb{ float: left; margin-right:70px;}

.footer .footerBox .footerNav ul li{ height: 14px; line-height: 14px; margin-top: 22px; color: #fff; font-size: 14px;}

.footer .footerBox .footerNav ul li a{ font-size: 14px; color: #fff;}

.footer .footerBox .footerNav ul li img{ display: inline-block; vertical-align: middle; margin-right: 10px;}

.footer .footerBox .code{ float: left; margin-left: 85px;}



.footer .footerBox .code img{ display: block; margin-top: 20px;}

.footer .footerBox .footerList{ width: 320px; float: right;}

.footer .footerBox .footerList ul{ width: 100%; padding-top: 20px;}

.footer .footerBox .footerList ul li{overflow: hidden; width: 100%; margin-bottom: 10px; border: 1px solid #e0e0e0; box-sizing: border-box;}

.footer .footerBox .footerList ul li .icon{ width: 60px; height: 48px; position: relative; float: left;}

.footer .footerBox .footerList ul li .icon img{ display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}

.footer .footerBox .footerList ul li input{ display: block; width: calc(100% - 60px); float: left; background: none; outline: none; height: 48px; border: none; font-size: 14px; color: #fff;}

.footer .footerBox .footerList ul li textarea{ display: block; width: calc(100% - 60px); float: left; background: none; outline: none; height: 96px; border: none; font-size: 14px; color: #fff; line-height: 48px; box-sizing: border-box;}

.footer .footerBox .footerList button{ width: 132px; height: 44px; border: 1px solid #fff; box-sizing: border-box; line-height: 42px; text-align: center; background: none; display: block; outline: none; cursor: pointer; display: block; color: #fff;}

.footer .copyright{ width: 100%; border-top: 1px solid rgba(255,255,255,0.3); line-height: 25pxpx; font-size: 14px; height: 70px; padding-top:15px; text-align: center; font-size: 12px; color: #a6abb2;}



@keyframes sb{

	0%{transform: translate(-50%,0px);}

	50%{transform: translate(-50%,-10px);}

	100%{transform: translate(-50%,0px);}

}

.MySwiper{ width: 100%; height: 100vh; padding-top: 100px; box-sizing: border-box;}

.sb{ position: fixed; left: 50%;  bottom: 20px; z-index: 99; animation: sb 1.5s linear infinite; }



.fixedList{ width: 20px; right: 30px; top: 50%; transform: translateY(-50%); position: fixed; z-index: 99;}

.fixedList li{margin-bottom: 22px; cursor: pointer; width: 20px; height: 20px; background: url(../images/con1.png) center center no-repeat; position: relative; margin-bottom: ;}

.fixedList li.on{ background: url(../images/conOn.png);}

.fixedList span{position: absolute; left: 50%; transform: translateX(-50%); top: 20px; display: block; margin: 5px auto; width: 2px; height: 12px; background: #d8d8d8;}



.sideClick{ display: none;}

.sideBar{ width: 70%; display: none;}
@media(max-width:1500px) {
.product ul{  max-width:86%;width: 86%; }

}
@media(max-width:1320px) {
.title{ width: 100%; padding: 30px 0;}

.title h2{ width: 360px; margin: 0 auto; height: 30px; line-height: 30px; position: relative;}
.title h2 p{position: relative; z-index: 2; width: 210px; background: #fff; margin: 0 auto; height: 30px; text-align: center; line-height:30px; font-weight: bold; font-size:26px; color: #000;}
.title ul{ display:none;}
}
@media(max-width:1024px) {

	.fixedList{ display: none;}

	.sideClick{display: block; position: absolute; transition: 0.5s; right: 15px; top: 50%; transform: translateY(-50%); width: 28px; height: 24px;}

 	.sideClick span{transition: 0.5s; background: #333; display: block; width: 100%; height: 4px; border-radius:2px; position:absolute;}

 	.sideClick span:nth-child(1){ top: 0;}

 	.sideClick span:nth-child(2){ top: 50%; transform: translateY(-50%);}

 	.sideClick span:nth-child(3){ bottom: 0;}

 	.sideClick.on{ transform: translateY(-50%) rotate(180deg);}

 	.sideClick.on span:nth-child(1){ top: 50%; transform: translateY(-50%) rotate(45deg);}

 	.sideClick.on span:nth-child(2){ width: 0;}

 	.sideClick.on span:nth-child(3){ top: 50%; transform: translateY(-50%) rotate(-45deg);}

 	

 	

 	.sideBar{display: block;  transition: 0.5s; position: fixed; z-index: 100; width: 70%; height: 100vh; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.3); left:-100%; top: 0;}

 	.sideBar .logo{ width: 100%; padding: 30px 0;}

 	.sideBar .logo img{ display: block; width: 60%; height: auto; margin: 0 auto;}

 	.sideBar ul{ width: 100%; margin: 0 auto;}

 	.sideBar ul li{ line-height: 28px;}

 	.sideBar ul li a{ font-size: 16px; color: #333;}

 	.sideBar ul li a.enter{ width: 100%; height: 40px; border-bottom: 1px solid #eee; display: block; width: 100%; line-height: 40px; text-indent: 10px;}

 	.sideBar dl{ display: none; padding:10px 0; text-indent: 20px;}

 	.sideBar dl dd{ padding-left: 10px;}

 	.sideBar dl dd span{ font-weight: bold; display:inline-block; margin-right: 10px;}

 

	.top{ width: 100%; height: 50px;}

	.top .logo{ height: 100%; line-height: 50px;}

	.top .logo img{ display: inline-block; vertical-align: middle; height: 80%; width: auto;}

	.top .phone{ display: none;}

	.top .nav{ display: none;}

	.MySwiper{ padding-top: 50px; height: auto;}

	.MySwiper .swiper-wrapper.App{ display: block;}

	.banner{ width: 100%; height: auto;}

	.about{ padding: 10px; width: 100%; box-sizing: border-box;}

	.about .icon{ width: 100%; height: 260px;}

	.about .text{ width: 100%; padding: 0;}



	.about .text .main h2{ padding: 0; line-height: 80px; font-size: 18px;}

	.about .text .main span{ margin: 0 0 15px 0;}

	.about .text .main a{ margin: 20px auto 0 auto;}

	

	.about .text ul.list1 li{ width:25%; margin: 0;}

	.about .text ul.list1 li .tp{ height: 150px; position: relative;}

	.about .text ul.list1 li .tp img{ width: auto; height: 50%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}

	.about .text ul.list2{ padding-bottom: 40px;}

	.about .text ul.list2 li{ width: 25%; float: left;}

	.product{ padding-bottom: 30px;}

	.product .tit{ font-size: 24px; line-height: 100px;}

	.product ul li{ width:49%; margin-bottom: 20px; margin-right:2%;}

	.product ul li:nth-child(3){ margin-right:2%}

	.product ul li:nth-child(4){ display:block; margin-right:0px;}

	.product ul li:nth-child(2){ margin-right:0px;}

	.team{ width: 100%; height: auto; overflow: hidden;}

	.team .teamBox{ width: 100%; padding: 50px 20px; box-sizing: border-box;}

	

	

	.honner{ width: 100%; height: auto;}

	.title{ padding: 30px 0;}

	.title h2{ height: 30px;}

	.title h2 p{ height: 30px; line-height: 30px; font-size: 22px;}

	.title h3{ font-size: 16px;}

	.honnerBox { width: 100%;}

	.new{ padding-bottom: 40px;}

	.new .warp{ width: 90%;}

	.newBox ul li{ width: 100%; margin-bottom: 15px;}

	.newBox ul li.on{ width: 100%;}

	.newBox ul li .main{ height: auto; padding: 0 20px 30px 20px; position: relative; background:#E9EDF0;}



	.newBox ul li:nth-child(2) .main{background:#E9EDF0; }

	.newBox ul li .icon{ display: none;}

	.newBox ul li .text{ display: none;}

	.newBox ul li.on .icon{ display: block; height:auto;}

	.newBox ul li .icon img{ width: 100%; height:  auto;}

	.newBox ul li.on .text{ display: block;}

	.newBox ul li.on .main{ display: none;}

	.newBox ul li .main span{ height: 80px; margin: 0; line-height: 80px; color:#666;}

	.newBox ul li .main h2{ margin-bottom: 15px; color:#333}

	.newBox ul li .main p{ height: 64px; overflow: hidden; text-overflow: ellipsis; margin: 0; color:#333;}

	.newBox ul li .main a{ display: none;}

	.new .warp .swiper-button-next{ display: none;}

	.new .warp .swiper-button-prev{ display: none;}

	.footer .footerBox{ width: 100%;}

	.footer .footerBox .footerNav .lb{ width: 50%; float: left; margin: 0; padding-left: 20px; box-sizing: border-box;}

	.footer .footerBox .footerNav .lb:last-child{ width: 100%; padding: 0 20px; box-sizing: border-box;}

	.footer .footerBox .code{ width: 100%; height: auto; margin: 0; padding: 40px 0;}

	.footer .footerBox .code .bt{ margin: 0 auto; text-align: center;}

	.footer .footerBox .code img{ display: block; margin: 0 auto;}

	

	.footer .footerBox .footerList{ width: 100%; padding:0 20px; box-sizing: border-box;}

	.sb{ display: none;}

	.banner{ height: 500px;}
.team .teamBox .enter{ transition: 0.5s; width:135px; display: block; height:40px; line-height: 38px; margin-top:35px;}
}



@media(max-width:756px) {

	.about .text ul.list1 li{ width:50%; margin: 0;}

	.about .text ul.list2 li{ width: 50%; float: left;}

	.product ul li p{transition: 0.8s; width: 100%; height: 40px; text-align: center; line-height: 40px; background: #191919; color: #fff; font-size: 14px;}

	

}

@media(max-width:800px) {

.banner{ height: 220px;}

.banner .swiper-pagination { bottom:10px;}

.code{ display:none;}

.footer .copyright{ width: 100%; border-top: 1px solid rgba(255,255,255,0.3); line-height: 30px; font-size: 12px; height: auto; padding:15px 0px 20px 0px; text-align: center; color: #a6abb2;}



}



@media (min-width:1001px) and (max-width:1850px){

.top .nav ul li dl{top: 100px;}

	.top .phone{ display:none;}

	.top .nav{ float:right; padding-left:0px; padding-right:50px; }

	.top .nav ul li a{ padding: 0 40px; line-height: 100px; font-size: 18px;}

	.top .en{ width:20px; line-height:100px; float:right; padding-left:0px; padding-right:0px; text-align:center; font-size:16px; position:absolute; right:80px; }

}

@media (min-width:1001px) and (max-width:1560px){
.top{ height: 60px;}
.top .logo{ height: 60px; line-height: 60px;}
.top .logo img{ height: 95%; width: auto;}
.top .nav ul { padding-right:70px;}
.top .nav ul li dl{top: 60px;}
.top .nav ul li a{ height: 60px; line-height: 60px; padding: 0 35px; font-size: 16px; text-align: center;}
.top .nav ul li dl dd{ width: 100%; height: 40px; line-height:40px; text-align: center; }
.top .nav ul li dl dd a{transition: 0.5s; padding: 0; display: block; width: 100%; height: 100%; text-align: center; line-height: 40px; font-size: 13px;}
.top .en{ width:20px; line-height:60px; padding-left:10px; padding-right:30px; text-align:center; font-size:14px; position:absolute; right:50px; }
.MySwiper{ padding-top: 60px;}
}
@media (min-width:1024px) and (max-width:1366px){

	.top{ height: 60px;}

	.top .logo{ height: 60px; line-height: 60px;}

	.top .logo img{ height: 80%; width: auto;}

	.top .nav ul li a{ height: 60px; line-height: 60px; padding: 0 25px; font-size: 14px; text-align: center;}

.top .nav ul li dl dd{ width: 100%; height: 35px; line-height:35px; text-align: center; }
	.top .nav ul li dl dd a{transition: 0.5s; padding: 0; display: block; width: 100%; height: 100%; text-align: center; line-height: 35px; font-size: 13px;}	

	.MySwiper{ padding-top: 60px;}

	.about .text{ padding: 0 3%; box-sizing: border-box;}

	.about .text ul.list1 li{ width: 25%; float: left;}

	.about .text ul.list2 li{ width: 25%;}

	.about .text ul.list2 li .tips{ right: 0; font-size: 10px;}

	.about .text .main h2{ padding-top: 35px;}

	.about .text .main p{ height: 90px; text-overflow: ellipsis; overflow: hidden;}



	.about .text ul.list1 li .tp{ width: 80px; height: 80px; margin: 0 auto;}

	.about .text ul.list1{ padding-bottom: 35px;}

	.about .text ul.list2 li h2{ font-size: 24px;}

	.new .warp{ width: 90%;}

	.new .warp .swiper-button-next{ right: -50px;}

	.new .warp .swiper-button-prev{ left: -50px;}

	.footer .footerBox{ width: 100%; padding: 0 15px 100px 15px ; box-sizing: border-box;}

	.footer .footerBox .footerList{ display: none;}

}


@media (min-width:1000px) and (max-width:1100px){
.top .nav ul { padding-right:0px;}
.top .en{ width:20px; line-height:60px; padding-left:0px; padding-right:20px; text-align:center; font-size:14px; position:absolute; right:20px; }

}
@media (max-width:1024px){
.top .en{ right:60px;width:20px; line-height:50px; padding-left:0px; padding-right:5px; text-align:center; font-size:14px; position:absolute;}	
}