*{margin:0; padding:0;}

body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img{margin:0;padding:0;border:0;}

body{letter-spacing: 1.5px;overflow-y: hidden; background:#ffffff;color:#333;font-size:16px;font-family: "Microsoft YaHei,Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Arial,sans-serif";}

ul,ol,li{list-style-type:none;}

select,input,img,select{vertical-align:middle;}

a{

  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);

  -webkit-user-select: none;

  -moz-user-focus: none;

  -moz-user-select: none;

}

 a{

  text-decoration: none;

  color: #333333;

  outline:none;



}

.flex{

  display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */

  display: -moz-box; /* Firefox 17- */

  display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */

  display: -moz-flex; /* Firefox 18+ */

  display: -ms-flexbox; /* IE 10 */

  display: flex; /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */

}

a:link { text-decoration: none; outline:none;}

a:visited { text-decoration: none; outline:none;}

a:hover { text-decoration: none; outline:none;}

.section-wrap{ width:100%;height:100%;overflow:visible;transition:transform 1s cubic-bezier(0.86,0,0.03,1);-webkit-transition:-webkit-transform 1s cubic-bezier(0.86,0,0.03,1);}

.section{ position:relative; width:100%; height:100%; background-position:center center; background-repeat:no-repeat;}





/* .banner{

  width: 100%;

  height: 100%;

}

.banner .swiper-container{

  width: 100%;

  height: 100%;

} */

.banner .swiper-slide{

  width: 100%;

  height: 100%;

  background-size: cover !important;

}

.header{

  width: 100%;

  height: 80px;

  line-height: 80px;

  position: fixed;

  top: 0;

  left: 0;

  right: 0;

  z-index: 2;

  background: #ffffff;

  box-shadow: 0 2px 10px 0px #d6d3d3;

}

.headers{

  width: 95%;

  margin: 0 auto;

  justify-content: space-between;

}

.headers .logo{

  width: 30%;

}

.headers .nav{
letter-spacing: 1.5px !important;
  width: 70%;

}

.nav ul{

  justify-content: space-around;

}

.nav ul li{

  /* padding: 0 45px; */

}

.nav a{

  color: #101010;

  transition: all .3s;

}

.nav .Homeactice a{

  color: #0080c2;

}

.nav a:hover{

  color: #0080c2;

}

.banner .swiper-container{

  width: 100%;

  height: 100%;

}

.banner .swiper-slide{

  width: 100%;

  height: 100%;

}

/* .banner .swiper-slide{

  background:url(../images/banner.jpg) center center no-repeat;

  background-size: cover;

} */

.banner .swiper-slide{

  position: relative;

}

.banner .mates{

  position: absolute;

  top: 0;

  left: 0;

  bottom: 0;

  right: 0;

}

.juzhong{

  width: 100%;

  height: 100%;

  flex-direction: column;

  justify-content: center;

  align-items: center;

}

.juzhong .banner-1{

  margin-bottom: 25px;

}

.juzhong .banner-2{

  margin-bottom: 40px;

}

/* .gywm{

  background: url(../images/gywm.jpg) center center no-repeat;

  background-size: cover;

} */

.gywms{

  width: 1200px;

  margin: 0 auto;

  height: 100%;

  justify-content: space-between;

  align-items: center;

}

.gywms>div{

  width: 50%;

}

.gywmright{

  margin-left: 40px;

}

.gywmright img{

  width: 100%;

}

.gywmleft .xian{

  width: 120px;

  height: 2px;

  background: #333333

}

.gywmleft .en{

  font-size: 50px;

  margin-top: 6px;

  margin-bottom: 5px;

  font-family: "Times New Roman", Times, serif;

}

.headers .nav .flex li{position:relative;}

.erji{position:absolute;top:79px;left:50%;transform: translateX(-50%);background-color:#0080c2;display:none;}

.erji ol li{height:60px;}

.erji ol li a{color:#fff;line-height:2em;font-size:16px;white-space:nowrap;padding:0 20px;}

.erji ol li a:hover{color:#fff;}

.gywmleft .cn{

  font-size: 38px;

  font-weight: bold;

  letter-spacing: 2px;

}

.gywmleft .er{

  margin-top: 20px;

  font-size: 16px;

  line-height: 24px;

  letter-spacing: 1.5px;

}

.gywmleft .er .deg{

  margin-top: 22px;

}

.san_gy{

  width: 160px;

  margin-top: 50px;

}

.san_gy a{

  display: block;

  text-align: center;

  line-height: 45px;

  width: 100%;

  font-size: 20px;

  background: #0080c2;

  color: #ffffff;

  font-weight: 500;

  letter-spacing: 2px;

}

.san_gy a img{

  width: 24px;

}

/* .jjsgc{

  background: url(../images/jjsgc.jpg) center center no-repeat;

  background-size: cover;

} */

.jjsgc{

  width: 100%;

  height: 100%;

}

.jjsgcs{

  width: 1200px;

  height: 100%;

  margin: 0 auto;

  position:relative;

  justify-content: space-between;

  align-items: center;

}

.jjsgc .bjs{

  position: absolute;

  width: 39%;

  text-align: right;

  top: 18%;

  bottom: 0;

  right: 0;

  background: #0080c2;

}

.jjsgc .bjs .en{

  margin-top: 10px;

  font-family: "Times New Roman", Times, serif;

  font-size: 32px;

  margin-bottom: 6px;

  letter-spacing: 1.5px;

}

.jjsgc .bjs .cn{

  font-size: 40px;

  letter-spacing: 1.5px;

}

.jjsgc .tops{

  padding-top: 30px;

  padding-right: 25px;

  color: #ffffff;

}

.jjsgc .tops .xian{

  display: inline-block;

  width: 120px;

  height: 2px;

  background: #ffffff;

}

.jjsgc .lbs{

  padding-right: 60px;

  padding-top: 22px;

}

.jjsgc .lbs p{

  margin-bottom: 15px;

}

.jjsgc .lbs a{

  display: inline-block;

  border:1px solid #ffffff;

  width: 200px;

  height: 45px;

  line-height: 45px;

  text-align: center;

  color: #ffffff;

  font-size: 20px;

  letter-spacing: 1px;

  font-weight: 500;

  border-radius: 5px;

  transition: all .3s;

}

.jjsgc .lbs a:hover{

  background: #15aeb0;

  border: 1px solid #15aeb0;

}

.nrqy{

  margin-top: 16%;

  /* margin-top: 200px; */

  position: relative;

  z-index: 1;

  width: 72%;

}

.nrqy ul{

  flex-wrap: wrap;

  justify-content: space-between;

}

.nrqy ul li{

  width: 31.5%;

  margin-bottom: 30px;

}

.nrqy ul li img{

  width: 100%;

}

.nrqy ul li:hover img{

  -webkit-transform: translate3d(0,0,0) scale(1);

	transform: translate3d(0,0,0) scale(1);

}

.wmys{

  background: url(../images/youshi.jpg) center center no-repeat;

  background-size: cover;

}

.wmyss{

  width: 1200px;

  height: 100%;

  margin: 0 auto;

  flex-direction: column;

  justify-content: center;

}

.wmyss .smbf{

  text-align: center;

}

.wmyss .smbf .xian{

  width: 125px;

  height: 2px;

  background: #333333;

  margin: 0 auto;

}

.wmyss .smbf .en{

  margin-top: 25px;

  font-size: 40px;

  font-family: "Times New Roman", Times, serif;

}

.wmyss .smbf .cn{

  font-size: 40px;

  font-weight: 500;

  margin-top: 10px;

}

.wmyss .xmbf{

  margin-top: 60px;

  letter-spacing: 1.5px;

}

.wmyss .xmbf>div{

  justify-content: space-between;

}

.wmyss .xmbf .list{

  width: 33.33%;

  justify-content: center;

  border-right: 1px solid #ededed;

}

.wmyss .xmbf .dyc{

  border-bottom: 1px solid #ededed;

}

.wmyss .xmbf .dyc .list{

  padding-bottom: 45px;

  padding-top: 30px;

}

.wmyss .xmbf .dyc .list:last-child{

  border: none;

}

.wmyss .xmbf .dec .list{

  padding-top: 45px;

  padding-bottom: 30px;

}

.wmyss .xmbf .dec .list:last-child{

  border: none;

}

.wmyss .xmbf .ico{

  margin-right: 20px;

}

.wmyss .xmbf .title{

  font-size: 22px;

  color: #666666;

}

.wmyss .xmbf .descr{

  font-size: 18px;

  color: #999999;

  margin-top: 12px;

}

.wmyss .xmbf .ico{

  align-items: center;

}

.protwo{

  background: url(../images/protwo.jpg) center center no-repeat;

  background-size: cover;

}

.protwos{

  width: 1200px;

  height: 100%;

  margin: 0 auto;

  position: relative;

  align-items: center;

}

.protwos .abs{
  position: absolute;
  width: 39%;
  left: 0;
  top: 20%;
 min-height:680px;
  bottom: 10%;
  background: #0080c2;

}

.protwos .lmnr{

  padding-top: 50px;

  padding-left: 30px;

  color: #ffffff;

  position: relative;

}

.protwos .abs .xian{

  width: 120px;

  height: 2px;

  background: #ffffff;

}

.protwos .abs .en{

  font-size: 32px;

  font-family: "Times New Roman", Times, serif;

  margin-top: 15px;

}

.protwos .abs .cn{

  font-size: 40px;

  margin-top: 10px;

  font-weight: bold;

}

.protwos .cplb{

  margin-top: 22px;

  width: 70%;

  flex-wrap: wrap;

  justify-content: space-between;

  margin-left: 20px;

}

.protwos .cplb p{

  width: 46%;

  margin-bottom: 15px;

}

.protwos .cplb p a{

  display: block;

  width: 100%;

  border: 1px solid #ffffff;

  border-radius: 4px;

  text-align: center;

  color: #ffffff;

  font-size: 22px;

  line-height: 42px;

  font-weight: 500;

  transition: all .3s;

}

.protwos .cplb p a:hover{

  background: #15aeb0;

  border: 1px solid #15aeb0;

}

.proList{

  margin-top: 13%;

  position: relative;

  z-index: 1;

  margin-left: 33%;

  width: 67%;

}

.proList ul{

  flex-wrap: wrap;

  justify-content: space-between;

}

.proList ul li{

  width: 31.5%;

  margin-bottom: 20px;

}

.proList ul li img{

  width: 100%;

  transition: all .3s;

}

.proList ul a{

  display: block;

  position: relative;

}

.proList ul a .thumb{

  overflow: hidden;

  max-height: 182px;

}

.proList ul li:hover .thumb img{

  width: 100%;

  height: 100%;

  object-fit: cover;

  transform: scale(1.1);

}

.proList .title{

  position: absolute;

  bottom: 0;

  left: 0;

  right: 0;

  line-height: 35px;

  color: #ffffff;

  padding: 0 10px;

  background: rgba(45, 45, 45, 0.5);

  transition: all .3s;

}

.proList ul li:hover .title{

  background: rgba(255, 255, 255, 0.5);

  color: #0080c2;

}

.cases{

  width: 1200px;

  height: 100%;

  margin:0 auto;

  justify-content: space-between;

  align-items: center;

}

.caseleft{

  width: 25%;

}

.rightcase{

  width: 70%;

}

.caseleft .xian{

  width: 120px;

  height: 2px;

  background: #333333;

  margin-bottom: 25px;

}

.caseleft .en{

  font-size: 40px;

  font-family: "Times New Roman", Times, serif;

}

.caseleft .cn{

  font-size: 40px;

  font-weight: bold;

  margin-top: 12px;

}

.caseleft .mores{

  margin-top: 100px;

}

.rightcase{

  margin-top: 60px;

}

.rightcase ul{

  flex-wrap: wrap;

  justify-content: space-between;

}

.rightcase ul li{

  width: 33%;

  border-left: 1px solid #e4e4e4;

  padding-top: 25px;

  padding-bottom: 15px;

}

.rightcase ul li:nth-child(3){

  border-right: 1px solid #e4e4e4;

}

.rightcase ul li:nth-child(6){

  border-right: 1px solid #e4e4e4;

  padding-top: 0;

  padding-bottom: 0;

}

.rightcase ul li:nth-child(4){

  padding-top: 0;

  padding-bottom: 0;

}

.rightcase ul li:nth-child(5){

  padding-top: 0;

}

.rightcase ul li a{

  display: block;

  padding-left: 10px;

  padding-right: 10px;

  padding-bottom: 0;

}

.rightcase .qtxx{

  border-bottom: 1px solid #f3f3f3;

  padding-bottom: 10px;

  font-size: 14px;

  color: #999999;

  margin-top: 10px;

}

.rightcase .qtxx p{

  line-height: 26px;

}

.rightcase ul li .thumb img{

  width: 100%;

}

.rightcase .title{

  font-size: 20px;

  font-weight: bold;

  margin-bottom: 10px;

}

.fwxm{

  background: url(../images/fwxm.jpg) center center no-repeat;

  background-size: cover;

}

.fwxms{

  width: 1200px;

  margin: 0 auto;

  height: 100%;

  flex-direction: column;

  justify-content: center;

}

.fwxms .top{

  text-align: center;

  color: #ffffff;

}

.fwxms .xian{

  width: 125px;

  height: 2px;

  background: #ffffff;

  margin: 0 auto;

  margin-bottom: 25px;

}

.fwxms .en{

  font-size: 40px;

  font-family: "Times New Roman", Times, serif;

  margin-bottom: 10px;

}

.fwxms .cn{

  font-size: 40px;

  font-weight: bold;

  letter-spacing: 2px;

}

.fwxmlb{

  margin-top: 100px;

}

.fwxmlb .swiper-container{

  padding-top: 20px;

  padding-bottom: 50px;

  padding-left: 20px;

  padding-right: 20px;

}

.fwxmlb .swiper-container .swiper-wrapper{

  transition-timing-function: linear !important;

}



.fwxmlb .swiper-slide{

  border: 1px solid #0a71a6;

  color: 	#ffffff;

  position: relative;

}

.fwxmlb .block{

  padding: 50px 0;

}

.fwxmlb .block p{

  text-align: center;

}

.fwxmlb .block .bt{

  margin-top: 22px;

  position: relative;

}

.fwxmlb .block .bt::before{

  display: block;

  content: "";

  position: absolute;

  top:-10px;

  transform: translateY(-50%);

  left: 47%;

  width: 15px;

  height: 0.5px;

  background: #ffffff;

}

.fwxmlb .block .bt::after{

  display: block;

  content: "";

  position: absolute;

  bottom:-10px;

  transform: translateY(-50%);

  left: 47%;

  width: 15px;

  height: 0.5px;

  background: #ffffff;

}

.hovers{

  position: absolute;

  top: -20px;

  bottom: -20px;

  left: -20px;

  right: -20px;

  background: rgba(10, 113, 166, 0.8);

  transition: all .3s;

  opacity: 0;

}

.fwxmlb .swiper-slide:hover .hovers{

  opacity: 1;

  border:1px solid #6296b3;

}

.fwxmlb .xfcs{

  font-size: 14px;

  color: #ffffff;

  padding: 10px;

  height: 100%;

  flex-direction: column;

  justify-content: center;

  position: relative;

  top: -20px;

}

.fwxmlb .xfcs p{

  line-height: 30px;

  letter-spacing: 1px

}

.jsyy{

  background: url(../images/jsyy.jpg) center center no-repeat;

  background-size: cover;

}

.jsyys{

  width: 1200px;

  margin: 0 auto;

  height: 100%;

  flex-direction: column;

  justify-content: center;

}

.jsyys .top{

  text-align: center;

}

.jsyys .xian{

  width: 145px;

  height: 2px;

  background: #333333;

  margin: 0 auto;

  margin-bottom: 25px;

}

.jsyys .en{

  font-size: 40px;

  font-family: "Times New Roman", Times, serif;

  margin-bottom: 10px;

}

.jsyys .cn{

  font-size: 40px;

  font-weight: bold;

}

.jsyylist{

  padding-top: 60px;

  flex-wrap: wrap;

  justify-content: space-between;

}

.jsyylist .lists{

  width: 49%;

  margin-bottom: 40px;

}

.jsyylist .lists a{

  position: relative;

  justify-content: flex-start;

}

.jsyylist .lists .time{

  width: 18%;

}

.jsyylist .lists .btms{

  width: 77%;

}

.jsyylist .lists .img{

  position: absolute;

  left: 80px;

  top: -14px;

}

.jsyylist .lists .ri{

  font-size: 40px;

  color: #c3c3c3;

  font-weight: bold;

}

.jsyylist .lists .year{

  font-size: 12px;

  color: #c3c3c3;

}

.jsyylist .lists .title{

  font-size: 16px;

  color: #333333;

  font-weight: 500;

  margin-bottom: 14px;

}

.jsyylist .lists .description{

  font-size: 14px;

  color: #aeaeae;

}

.footer{

  /* background: url(../images/footer.jpg) center center no-repeat;

  background-size: cover; */

  position: relative;

  height: 100%;

}

.footers{

  width: 100%;

  height: 100%;

}

.footers::before{

  background: rgba(0, 128, 194,0.5);

  content: '';

  position: absolute;

  right: 0px;

  top: 0px;

  width: 45%;

  height: 100%;

  z-index: 0;

  animation-name: fadeInRight;

  animation-duration: 1.5s;

  animation-delay: 1.6s;

  animation-fill-mode: both;

}

.footerright{

  position: relative;

  z-index: 1;

  width: 40%;

  height: 100%;

  margin-left: 60%;

  flex-direction: column;

  justify-content: center;

  color: #ffffff;

}

.footerright .gsmc{

  font-size: 40px;

  margin-bottom: 15px;

}

.footerright .mcs{

  font-size: 40px;

  font-family: "Times New Roman", Times, serif;

}

.footerright .lxxx{

  margin-top: 30px;

  font-size: 18px;

}

.footerright .lxxx p{

  margin-bottom: 15px;

  line-height: 30px;

}

.footerright .bqsy{

  font-size: 14px;

  color: #efeaea;

}

.footerright .bqsy a{

  font-size: 14px;

  color: #efeaea;

}





#radioWrap{

  width:20px;

  height:280px;

  position:absolute;

  right:5%;

  top:50%;

  z-index: 2;

  margin-top: -90px;

}

#radio{width:100%; height:100%; overflow: hidden;}

#radio li{

  width:20px;

  height:20px;

  background-color: rgba(255,255,255, 0.5);

  text-indent: -10000px;

  border-radius: 50%;

  margin-top: 12px;

  cursor:pointer;}

#radio li:first-child{margin-top:0;}



/*

  set position to absolute(essential).

  use margin to adjust gaps between LIs because ApplikeOnePage.js uses .outerHeight(true) method

  to measure the interval gap to which each radio buttons are placed.

*/

#radioOn{

  width:20px;

  height:20px;

  margin-bottom:12px;

  position: absolute;

  top:0; left:0;

  background-color: #fff;

  border-radius: 50%;}



  /* 内页样式 */

  .nybanner{

    margin-top: 80px;

  }

  .nybanner img{

    width: 100%;

  }


/*浮动*/
		.new-float {
			position: fixed;
			right: -3px;
			top: 40%;
			z-index: 50;
			width: 77px;
			height: 374px;
		}

		.new-float li {
			position: relative;
			width: 77px;
			height: 57px;
			margin-bottom: 1px;
			line-height: 20px;
			color: #fff;
			text-align: center;
		}

		/*.new-float li.hover{overflow: hidden;}*/
		.new-float li a {
			display: inline-block;
			color: #fff;
		}

		.new-float li a.tit {
	width: 77px;
	height: 56px;
	color: #fff;
	font-size: 12px;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 0;
	line-height: 78px;
		}

		.new-float li p {
			position: relative;
			z-index: 2;
			height: 27px;
			padding-top: 30px;
			cursor: pointer;
		}

		.new-float li.fi a {
			background: url(../images/on_line.png) no-repeat 0px 0px;
		}

		.new-float li.tp a {
			background: url(../images/on_line.png) no-repeat 0px -171px;
		}

		.new-float li.th a {
			background: url(../images/on_line.png) no-repeat 0px -57px;
		}

		.new-float li.fo a.tit {
			background: url(../images/on_line.png) no-repeat 0px -114px;
		}

		.new-float li.th1 a {
			background: url(../images/nav_right_weixin.png) no-repeat 50% 50%;
			width: 100%;
			height: 35px;
		}

		/*.new-float li.fif p{background: url(img/bg_float05.png) no-repeat;}*/
		.new-float li .tel {
			position: absolute;
			left: 75px;
			top: 0;
			z-index: 1;
			width: 184px;
			height: 56px;
			font: 24px/57px Arial;
			color: #fff;
			background: #5b5b5b;
			cursor: pointer;
		}

		.new-float a.mof {
			display: inline-block;
			width: 78px;
			height: 71px;
			padding: 12px 11px 0 12px;
			margin-top: 10px;
			*margin-top: 7px;
			background: url(../images/on_line.png) no-repeat 0px -239px;
			font-size: 15px;
			line-height: 22px;
			color: #fff;
		}

		.new-float li.th1 {
			position: relative;
		}

		.new-float li.th1 img {
			position: absolute;
			top: 0;
			left: -120px;
			width: 120px;
			display: none;
		}

		@media (max-width: 767px) {
			.new-float li.fi {
				display: none
			}

			.new-float li.th {
				display: none
			}

			.new-float li.fo {
				display: none
			}
		}
    












/* @media only screen and (max-width:1390px){

  .nav ul li{

    padding: 0 35px;

  }

}

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

  .nav ul li{

    padding: 0 25px;

  }

} */