@CHARSET "UTF-8";

#newBridge .icon-right-center{
    left: 2px!important;
    top: 50%;
    right: auto!important;
    bottom: auto;
    margin: -25px 0 0 0;
}


}



/*头部样式*/
#header{border:1px solid #0057a8;}
.top{width:1030px;margin:0 auto;position:relative;height:113px;}

.topLink .k1{line-height:27px;text-align:left;float:left;}
.topLink .k1 a{text-align:left!important}


.logo{float:left;margin-top:10px;margin-left:-110px;}

/*语言版本新增样式 其中toplink样式是在原基础上更改的*/
.topLink{position: relative;float:right;z-index: 99999;}
.translate{width:100px;position: absolute;left: 0;top:10px;z-index: 99999;}
.tran-in{left:120px;}
.translate li{border: 1px dashed #cccccc;line-height: 26px;text-align: left;background: #fff;}
.translate li a{display: block;padding-left: 10px;background: url(../images/dot4.png) no-repeat 88% 11px;}
.translate li a:visited{text-decoration: none;color:#333;}
.translate li a:hover{text-decoration: none;color:#275cea;cursor: pointer;}
.translate-en{display: none;padding: 6px;padding-top:0px;}
.translate li .translate-en a{padding-left: 0px;text-align: center;background: #fff;border-bottom: 1px solid #cccccc;}
.translate li .translate-en a:hover{font-weight: bold;}

/*主体样式*/
.op{background:url(../images/bg.jpg) 0 0 repeat-x;}
#container{width:1000px;margin:0 auto;margin-top:5px;}

/*页面主体样式*/
.fl{float:left;}
.fr{float:right;}
.tt1{font:bold 18px/42px 'Microsoft Yahei';color:#000;position:relative;}
.tt1 span{color:#0057a8;}
.tt1 .more{position:absolute;top:20px;right:0;}

/*产品推荐*/
.recommend_product{width:100%;position:relative;width:1000px;margin:0 auto;font-family:"微软雅黑";}
.recommend_product .title{border-bottom:1px solid #dedede;}
.recommend_product .content{padding:40px 0;position: relative;}
.lb,.rb{position:absolute;top:38%;cursor:pointer;}
.lb{left:8px;}
.rb{right:8px;}


.roll_product li{padding-bottom:0px;}

.hotSearch{position:absolute;top:13px;right:34px;font-weight:normal;}
.hotSearch a{margin-right:6px;}

/*首页新闻*/
.ns{margin-top:30px;border-top:1px solid #e7e9e9;}
.ns .tt1{line-height:81px;}
.ns .tt1 a{top:40px;}
.ns .content{padding-top:15px}

.news_company{width:314px;margin-top:11px;}
.news_company .content{}

.news2_company{padding-left:30px;_display:inline;}

.menu_cate{width:200px;margin-top:8px;}
.menu_cate .content{}

.products{width:770px;margin-top:8px;}
.products .content{padding-top:50px;}
.roll_product li{padding-bottom:0px;}

.about{width:1000px;float:left;}
.about .content{margin-top:8px;background:#f6f6f6;padding:15px;height:175px;overflow:hidden;line-height:24px;color:#696868;}
.about .content img{float:left;margin-right:15px;}
.about .content .cap{font-size:17px;color:#000000;margin-bottom:10px;font-family:'微软雅黑';}

/*首页企业*/
.contact{overflow:hidden;width:215px;float:right;}
.contact .content{line-height:27px;padding:15px;background: #f6f6f6;margin-top:8px;}
.contact .content .cap{font-size:16px;color:#000;margin-bottom:12px;font-family:'微软雅黑';}

.cus{margin-top:20px;}
.cus .content{margin-top:10px;}
.cus-ls{}
.cus-ls li{float:left;margin:0 2px;}
.cus-ls li img{width:192px;height:80px;border:2px solid #b2b2b2;}


.ct{margin-top:30px;line-height:45px;height:45px;background: #0057a8;padding:0 19px;color:#fff;font-family:'微软雅黑';}
.ct p{float:left;margin-right: px;}
.ct img{float:left;margin-right:2px;margin-top:10px;}


/*首页区域*/
.region{border:1px solid #e0e1dc;padding:10px;margin-top:10px;color:#333;}
.region h3{line-height:30px;height:30px;line-height:30px;padding-left:10px;position:relative;font-family:"Microsoft Yahei";background:#f3f3f3;
border-bottom:2px solid #0057a8;font-size:14px;}
.more_region{position:absolute;right:10px;line-height:30px;top:0;font-weight:normal;font-size:12px;}
.region .item{padding:10px;padding-bottom:0;color:#666;}
.region .item a{color:#666;padding-left:12px;padding-right:12px;line-height:26px;margin-bottom:6px;}
.region .item a:hover{text-decoration:underline;color:#df2525;}
.city h2{line-height:30px;border-bottom:2px solid #0057a8;padding-left:5px;}
.city .item{line-height:28px;padding:10px;}

/*友情链接*/
.f_link{width:1000px;margin:0 auto;line-height:30px;text-indent:12px;margin-top:10px;}

/*产品列表页描述*/
.prodescription{border:1px solid #e5e5e5;background:#f9f9f9;line-height:24px;padding:10px;margin-bottom:15px;text-indent:20px;}

#footer{position:relative;}
#footer h3{width:80px;line-height:30px;position:absolute;right:233px;top:5px;font-weight:normal;}

/*页面底部*/
#footer_box{width:100%;text-align:left;margin-top:10px;background:#c0c3cb;}
#footer{width:1000px;margin:0 auto;color:#FFF;position:relative;padding:15px 0;}
#footer a{color:#FFF;}
#footer a:hover{color:#0057a8;}

.news_so2{position: absolute;right:0;bottom:10px;line-height:28px;}

.logos{float:left;}

.dd{float:left;margin-left:30px;text-align:left;}

/*------------内页-------------------*/
.n_banner{width:100%height:100%;}
.n_banner img{width:1920px;height:250px;}
.left{width:210px;float:left;}

.left .box{margin-bottom:10px;}
.left .box h3{font:bold 18px/42px 'Microsoft Yahei';color:#0057a8;position:relative;border-bottom:1px solid #dedede;}
.left .box .content{padding:5px 0px;}



/*热门关键词*/
.words{overflow:hidden;margin-right:-1.3%;padding-top:5px;}
.words li{width:46%; float:left;border:1px dashed #d0d0d0;background:#fcfcfc;padding-left:0px;margin-bottom:10px;text-align:center;}

.new1 li{border-bottom:1px solid #dddddd;background:url(../images/list_dot1.gif) no-repeat 0% 50%;padding-left:13px;}
.right_word{margin-left: 5%;}

.n_contact{margin-top:10px;}
.n_contact h3{}
.n_contact .content{padding:5px;}

.right{width:774px;float:right;padding-bottom:10px;}
.sitemp{line-height:42px;height:42px;overflow:hidden;padding-right:10px;border-bottom:1px solid #dedede;}
.sitemp h2{float:left;text-align:center;text-align:left;text-indent:10px;font:bold 18px/42px 'Microsoft Yahei';color:#000;}
.sitemp .site{float:right;text-align:right;line-height:42px;}

.right .content{padding:14px 0;overflow:hidden;}





/*初始化样式*/
input{padding:0;margin:0;font-family:'Microsoft YaHei';}
img{border:none;background:none;vertical-align:middle;}
ul,ol,li{list-style-type:none;}
select,input,img,select{vertical-align:middle;}
table{border-collapse:collapse;border-spacing:0}
table, th, td {vertical-align: middle}
.clearfix:after{content: ".";display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;}
.clearfix{zoom:1}
.clearboth{height:0px;line-height:0px;overflow:hidden;clear:both;font-size:0px;}

h1,h2{font-size:12px;font-weight:bold;}
hr {border: 0;border-top:1px solid #ccc;height:0;}
p{margin: 0;}

/*----- Common css ------*/
.fl{float:left;}
.fr{float:right;}
.di{_display:inline;}
.fwn{font-weight:normal;}
.dib{*display:inline;_zoom:1;_display:inline;_font-size:0px;}

.com-img{ display:block; overflow:hidden;}
.com-img img{ transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s;}
.com-img:hover img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);-ms-transform:scale(1.1);}

.xypg-right-content{font-size: 16px;}

.j-space-between{justify-content:space-between}
.j-flex-start{justify-content:flex-start}
.j-flex-end{justify-content:flex-end}
.j-center{justify-content:center}
.a-j-center{align-items:center;justify-content:center}
.a-center{align-items:center}
.a-flex-start{align-items:flex-start}
.a-flex-end{align-items:flex-end}

/*主体样式*/
/* .wh{max-width: 1400px;margin: 0 auto;} */
.wh{margin: 0 13.2%;}



.top2{position: sticky;top:0;z-index: 9999999;}
.top2 .wh{height: 100px;position: relative;z-index: 999899;margin: 0 13.2%;}
/* .wh{margin:0 13.1vw;} */
.xinwen{background: #fafafa;margin-bottom: 6vw;}
.xinwen img{width: 100vw;}
.box4{margin-top: -4vw;background: #fafafa;}

.top2{background: #fff;}
.x-menu > li.een a{display: block;width: 97px;height: 30px;background-color: #37a9df;border-radius: 15px;color: #ffffff;font-size: 15px;line-height: 30px;padding: 0;text-align: center;margin-top: 25px;position: relative;display: flex;align-items: center;justify-content: center;}
.x-menu > li.een a img{margin-right: 12px;}
.dlogo{width: 27%;}
.dlogo a{width:100%}
.dlogo img{max-width: 300px;max-width:100%;}
.fa_bannerVd {overflow: hidden;position: relative;}
.fa_bannerVd .swiper-slide{overflow: hidden;}
.fa_bannerVd  .swiper-slide img{width: 100%;}
.fa_btn_l,.fa_btn_r{position: absolute;width: 40px;height: 40px;top:50%;transform: translateY(-50%);z-index: 99999;outline: none;cursor: pointer;opacity: 0.5;}
.fa_btn_l{background: url(../images/c6675ed9e92b45537556896cc82a9fead6bcff62.png) no-repeat center;left: 5%;}
.fa_btn_r{background: url(../images/f6995c9ac56a36b00d1af74e6f58ce93ec0c6d31.png) no-repeat center;right: 5%;}
.fa_btn_l:hover{background: url(../images/3a54395efdc4a88fcc52b2a2337b6ac654e27a13.png) no-repeat center;}
.fa_btn_r:hover{background: url(../images/4da9b20d6a55b7c8f47d673a17539a573d6a0f58.png) no-repeat center;}

.fancybox-container{z-index: 999999999;}
.x-menu > li.een a:after{
  content: '';
  width: 97px;
	height: 30px;
	background-color: #37a9df;
	border-radius: 15px;
	opacity: 0.25;
  display: block;
  position: absolute;
  left: 0;top:2px;
  }


@media(max-width: 1220px){
  .dlogo img{/*max-width: 230px;*/}
  .x-menu > li > a{font-size: 16px;}
}
@media(max-width: 1100px){
  .dlogo img{/*max-width: 230px;*/}
  .x-menu > li > a{font-size: 16px;padding: 0 0.5vw;}
}



/*  */
.box1{background: url(../images/a8db6a63f248e3c952526cbc42832573690bb81e.png) no-repeat top center;background-size: cover;padding: 4.8% 0 6%;}
.pleft{width: 30%;}
.pright{width: 64%;padding: 20px;position: relative;}
.mySwiper{overflow: hidden;}
.swiper-button-prev1,.swiper-button-next1{position: absolute;width: 40px;height: 40px;top:50%;transform: translateY(-50%);z-index: 99999;outline: none;cursor: pointer;opacity: 0.5;}
.swiper-button-prev1{background: url(../images/c6675ed9e92b45537556896cc82a9fead6bcff62.png) no-repeat center;left: -5%;}
.swiper-button-next1{background: url(../images/f6995c9ac56a36b00d1af74e6f58ce93ec0c6d31.png) no-repeat center;right: -5%;}
.swiper-button-prev1:hover{background: url(../images/3a54395efdc4a88fcc52b2a2337b6ac654e27a13.png) no-repeat center;}
.swiper-button-next1:hover{background: url(../images/4da9b20d6a55b7c8f47d673a17539a573d6a0f58.png) no-repeat center;}

.bt1{position: relative;}
.bt1 h3{color: #282828;font-size: 48px;font-weight: bold;line-height: 1;position: relative;z-index: 99;}
.bt1 h4{color: #424242;font-size: 24px;margin-top: 36px;line-height: 1.4;font-weight: bold;}
.bt1 h3 img{margin-left: 1.6vw;}
.gd a{display: block;color: #545454;font-size: 16px;margin-top: 10.4vw;transition: all 0.5s;}
.gd a:hover{color: #37a9df;}
.gd a img{margin-left: 1.6vw;}
.mySwiper{width: 100%;}
.mySwiper .swiper-slide{width: 100%;}
.mySwiper .swiper-slide li{
  /* background-color: #5eb9e4; */
/* border-radius: 100px 100px 0px 100px; */
width: 47.8%;margin-bottom: 23px;text-align: center;overflow: hidden;display: flex;align-items: center;justify-content: center;
/* height: 238px; */
transition: all 0.5s;}
.mySwiper .swiper-slide li:nth-child(2){
  /* background-color: #ffffff; */
/* border-radius: 100px 100px 100px 0px; */
}
.mySwiper .swiper-slide li:nth-child(3){
  /* background-color: #ffffff; */
  background: none;
  border-radius: unset;
/* border-radius: 100px 0px 100px 100px; */
}
.mySwiper .swiper-slide li:nth-child(3) img{max-width: 100%;}
.mySwiper .swiper-slide li:nth-child(4){
  /* background-color: #5eb9e4; */
/* border-radius: 0px 100px 100px 100px; */
}
.mySwiper .swiper-slide li img{max-width: 100%;}
.mySwiper .swiper-slide li:hover{transform: scale(1.05);}


 .ks {
     
    width: 100px;
    height: 100px;
    position: absolute;
    top: -24px;
    left: -48px;
    margin: 0 auto;
}

.ks dd {
    width: 100px;
    height:100px;
    position: absolute;
    top: 0%;
    left: 0%;
    transform: scale(0);
    border-radius: 50%;
    background:rgba(55,169,223,.6);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -webkit-animation: circleScale 4s linear infinite;
    -moz-animation: circleScale 4s linear infinite;
    -ms-animation: circleScale 4s linear infinite;
    animation: circleScale 4s linear infinite;
}

.ks dd:nth-of-type(2) {
    animation-delay: 1s;
}

.ks dd:nth-of-type(3) {
    animation-delay: 2s;
}

.ks dd:nth-of-type(4) {
    animation-delay: 3s;
}

.ks dt {
    cursor: pointer;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 60px;
    height: 60px;
    background:#cde8f6;
    border-radius: 50%;
}


@keyframes circleScale {
  0% {
    opacity: 1;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes circleScale1 {
  0% {
    opacity: 1;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  60% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(3);
    -moz-transform: scale(3);
    -ms-transform: scale(3);
    transform: scale(3);
  }
}




/*  */
dt{font-weight: normal;}
.box2{background: url(../images/a5e7d0605e471a20ff09b7f7b37fae6e0c120a76.png) no-repeat top center;background-size: cover;padding: 139px 0 58px;}
.sbt1 dd{color: #282828;font-size:26px;font-weight: normal;margin-top: 3.6vw;}
.sbt1 dt{color: #343434;font-size: 18px;margin-top: 23px;}
.sbt1 dd p a{color: #282828;}
.sleft{width: 40%;}
.sright{width: 53.6%;padding: 7.3% 0 0 10.2%;position: relative;}
/* .sright{width: 467px;height: 467px; position: relative;} */
.sp1 a >p>img{width: 100%;}
.sp1 a{position: relative;}
.sbj img{display: none;}
.yuan .sbj img{display: block;}
.sbj{position: absolute;top:0;z-index: 999;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;flex-direction: column;}
.sbj h3{color: #ffffff;font-weight: bold;font-size: 24px;margin-top: 1.8vw;display:none;}
.sp1{position: relative;width: 77%;}
.y1{position: absolute;top: 9.2%;left: 16.4%;width: 3.2%;}
.y1 img{width: 100%;}
.y2{position: absolute;top: -6%;left: 44.4%;width: 13.5%;}
.y2 img{width: 100%;}
.y3{position: absolute;top: 24%;right: 0;width: 8.1%;}
.y3 img{width: 100%;}
.y4{position: absolute;bottom: 5.2%;right: 23.4%;width: 3.2%;}
.y4 img{width: 100%;}
.y5{position: absolute;bottom: 4%;left: 19.4%;width: 8.8%;}
.y5 img{width: 100%;}

.sp2{position: absolute;width: 23.6%;left: 1.6%;top:36.3%;z-index: 999;}
.sp2 a>p>img{width: 100%;}
.sp2 .sbj h3{font-size: 24px;font-weight: normal;margin-top: 1.3vw;font-weight: bold;}


.sp3{position: absolute;width: 26.4%;right: 0;top:0%;}
.sp3 a>p>img{width: 100%;}
.sp3 .sbj h3{font-size:24px;font-weight: bold;margin-top: 1.3vw;}

.sp4{position: absolute;width: 10.1%;left: 4.3%;bottom: 9.3%;}
.sp4 a>p>img{width: 100%;}


.sp5{position: absolute;width: 9%;right: 10.3%;bottom: 13.3%;}
.sp5 a>p>img{width: 100%;}
.y6{position: absolute;width: 2%;left: 0;bottom: 7%;}
.y6 p>img{width: 100%;}
.y7{position: absolute;width: 2%;right: 2.3%;top: 34%;}
.y7 p>img{width: 100%;}


/* .sp1{animation: sportst 4s linear infinite;} */
.yuan{
     animation: spin 12s linear infinite;
}
.sp2{animation: sportsb 14s linear infinite;animation-name: scale;}
.sp3{animation: sportsb 15s linear infinite;animation-name: sportsb,scale;}
.sp4{animation: sportst 16s linear infinite alternate;animation-delay:0.4s;animation-name: sportst,scale;}
.sp5{animation: sportst 14s linear infinite;animation-name: sportst,scale;}
.y6{animation: sportsb 16s linear infinite alternate;animation-delay:0.6s;animation-name: sportst,scale;}
.y7{animation: sportst 15s linear infinite alternate;animation-delay:0.7s;animation-name: sportst,scale;}
.y1{animation: sportsb 14s linear infinite;animation-name: scale1;}
.y2{animation: sportsb 14s linear infinite;animation-name: scale1;}
.y3{animation: sportsb 14s linear infinite;animation-name: scale1;}
.y4{animation: sportsb 14s linear infinite;animation-name: scale1;}
.y5{animation: sportsb 14s linear infinite;animation-name: scale1;}

.imgon1 {
display: none;
bottom:0px!important;position: absolute!important;left:0px!important;
}

.nyp_lf.scroll{position: fixed;top:100px;background:#fff;left:13.4%;z-index: 99999;width: 16%;}


.breathing-element {
  animation: breath 2s ease-in-out infinite;
}


@keyframes rotate {
  from {
    transform: rotateX(0deg) rotateY(0deg);
  }
  to {
    transform: rotateX(360deg) rotateY(360deg);
  }
}    
/* @keyframes sportsb {
	0% {
		transform: translateY(0)
	}

	50% {
		transform: translateY(30px)
	}

	100% {
		transform: translateY(0)
	}
}

@keyframes sportst {
	0% {
		transform: translateY(0)
	}

	50% {
		transform: translateY(-30px)
	}

	100% {
		transform: translateY(0)
	}
} */
.nyp_lf2.cur{position: fixed;top:100px;background:#fff;left:13.4%;z-index: 99999;width: 16%;}



/*  */
.box3{background: url(../images/6c185a8713c2857eed95d024a723468cbf74883f.png) no-repeat top center;background-size: cover;padding: 7.8% 0 10%;}
.box3 .bt1 h4{font-weight: bold;color: #3f3f3f;}
.tab-con { position: relative;width: 71%;z-index: 99;}
.tab-con .tab-main { position: absolute; left: 0; top: 0; z-index: 9; right: 0;}
.tab-con .tab-main { opacity: 0; visibility: hidden; transition: all .5s ease; }
.tab-con .tab-main.active { position: static; opacity: 1; visibility: visible;  }
.csort li{position: relative;}
.csort li:after{content: '';display: block;background: #cbd6dc;height: 1px;width: 100%;left: 0;bottom: 0;transition: all 0.5s;position: absolute;}
.csort li.active:after{width: 200%;background-color: #d3eaf5;}
.csort li a{line-height: 61px;display: block;transition: all 0.5s;}
.csort li span {
    display: block;
    position: absolute;
    right: 0;
    top: 18px;
    width: 26px;
    height: 26px;
    overflow: hidden;
    border-radius: 50%;
}
.csort li span:before{
   content: "";
   cursor: pointer;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 10px;
    height: 10px;
    background-color: #73d2ff;
    border-radius: 50%;
}
.csort li span:after,.csort li span b {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
  width: 100%;height: 100%;
    background-color: #73d2ff;
    border-radius: 50%;
     transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -webkit-animation: circleScale 4s linear infinite;
    -moz-animation: circleScale 4s linear infinite;
    -ms-animation: circleScale 4s linear infinite;
    animation: circleScale 4s linear infinite;
    
}
.csort li span b{
   animation-delay: 1s;
}
.csort li span:after {
   animation-delay: 2s;
}
.csort li.active a{color: #37a9df;}
.csort li.active span:after,.csort li.active span b{background-color: #37a9df;}
.csort li.active span:before{background-color: #37a9df;}

.page-banner img{width: 100vw;}



.sz{position: absolute;right: -40%;top: -150px;}
.cright{margin-top: 20px;margin-left: 5%;}
.qleft{
  /* margin-top: 7.5%; */
width: 50%;}
.qtt{width: calc(100% - 103px);}
.dan .img{margin-right: 1.3vw;}
.qtt h3{color: #3b3b3b;font-size: 24px;font-weight: bold;margin: 12px 0;}
.qtt p{color: #2f2f2f;font-size: 16px;}
.mao p{color: #404040;font-size: 16px;line-height: 28px;padding-left: 28px;background: url(../images/cf01fdc6f5001b86a46b53c4f0b2928131c85e14.png) no-repeat left 10px;margin-bottom: 2vw;}
.mao p:last-child{margin-bottom: 0;}
.dan{margin-bottom: 2.8vw;}
.tab-con .img2{position: absolute;left: 0;top:-2.8vw;width: 39%;}
.tab-con .img2 img{width: 100%;transition: all 0.5s;}
.tab-con .img2 img:hover{transform: scale(1.1);}
.csort li a{color: #121212;font-size: 20px;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;padding-right: 20px;}
.cmore a{display: block;width: 173px;height: 49px;background-color: #37a9df;border-radius: 25px;line-height: 49px;text-align: center;color: #ffffff;font-size: 18px;position: relative;transition: all 0.5s;}
.cmore a img{margin-left: 18px;}
.csort li{position: relative;width:231px;}
.cmore{margin-top: 5.3vw;}
.cmore a:after{
  content: '';
  width: 173px;
	height: 49px;
	background-color: #37a9df;
	border-radius: 25px;
	opacity: 0.17;
  display: block;
  position: absolute;
  left: 1px;top:4px;
  }
.cmore a:hover{background: #1784b7;}
.cright .cmore{margin-top: 2vw;}

/*按钮持续扩散*/
@keyframes circleScale {
  0% {
    opacity: 1;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes circleScale1 {
  0% {
    opacity: 1;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  60% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(3);
    -moz-transform: scale(3);
    -ms-transform: scale(3);
    transform: scale(3);
  }
}



/*  */
.footer{margin-top: -4%;}
.foot{background: url(../images/6c50356f67f983dca3f983a679ac4f3821c08ca8.jpg) no-repeat top center;background-size: cover;position: relative;z-index: 999;}
.blx {position: relative;margin-bottom: -41px;}
.blx .img2{position: absolute;top:0;left: 0;}
.blx .img1{animation: wave-animation 25s cubic-bezier(0.55, 0.5, 0.45, 0.5) infinite;}
.blx .img1{
    animation-delay: -2s;
    animation-duration: 7s;
    width: 100%;
}
.blx .img2 {
  animation: wave-animation 25s cubic-bezier(0.55, 0.5, 0.45, 0.5) infinite;
    animation-delay: -3s;
    animation-duration: 10s;
    width: 100%;
}
@keyframes wave-animation {
    0% {
      transform: translateY(0);
    }
    50% {
      transform: translateY(-40px);
    }
    100% {
      transform: translateY(0);
    }
  }

@keyframes wave-animation2 {
    0% {
      transform: translateY(-40px);
    }
    50% {
      transform: translateY(0);
    }
    100% {
      transform: translateY(0);
    }
  }

.ft3{color: rgba(225,225,225,.74);font-size: 14px;line-height: 24px;text-align: center;}
.ft3 a{color: rgba(225,225,225,.74);}
.foot{padding-bottom: 24px;}

.lx p{color: #ffffff;font-size: 18px;line-height: 2;padding-left: 38px;}
.lx p:first-child{background: url(../images/c0558549307f26b864cd2e1e5aeebb368400e5ec.png) no-repeat left center;}
.lx p:nth-child(2){background: url(../images/09df9a761e9ec85d9e4ba7320b0ebfd9b66b2e26.png) no-repeat left center;background-size: 16px;}
.lx p:nth-child(3){background: url(../images/fbacf993c475501680a3b604280c189f8a78ab02.png) no-repeat left center;}
.tewm{color: #e1e1e1;font-size: 14px;line-height: 3;text-align: center;justify-content: flex-start;}
.xseo{width:100%;}
.bq{width: 54%;}
.ft2{align-items: flex-end;}
.xiad{position: absolute;bottom: 60px;transform:scale(0);transition: all 0.5s;width: 132px;left: 50%;margin-left: -61px;}
.tewm li:hover .xiad{transform:scale(1);}
.tewm li{position: relative;margin-right: 40px;}
.tewm li:last-child{margin-right: 0;}
.tewm li .img11{cursor: pointer;width: 56px;height: 56px;background: url(../images/44371d2127927a775228d24d799a090056883806.png) no-repeat center;}
.tewm li:hover .img11{background: url(../images/06d1146c240bea17e2de3b446f314a4d6de28bc7.png) no-repeat center;}
.tewm li:nth-child(2) .img11{background: url(../images/90be5c529f6526066f574a2e3bae35925d72b10f.png) no-repeat center;}
.tewm li:nth-child(2):hover .img11{background: url(../images/31c735ed192f37c44f14f9d3c9cabda4ef825976.png) no-repeat center;}
.tewm li:nth-child(3) .img11{background: url(../images/ae694e08762048c415edd729395392541adb20d7.png) no-repeat center;}
.tewm li:nth-child(3):hover .img11{background: url(../images/5033e877e4a703c0bd4dd9d1e4a715546a69f505.png) no-repeat center;}

.tewm li:nth-child(4) .img11{background: url(../images/52cdf7b6d00337c5df5e783ef65361174411339a.png) no-repeat center;}
.tewm li:nth-child(4):hover .img11{background: url(../images/d312fb8ba0549598b85c048e20d64c7b9bdd225a.png) no-repeat center;}








.tewm li .img2{display: none;}
.tewm li:hover .img2{display: inline-block;}
.tewm li:hover .img1{display: none;}
.tewm li .img{padding: 5px;border: solid 1px #b5b5b5;}
.tewm li .img img{max-width: 119px;}
.kd{color: #ffffff;font-size: 20px;margin-right: 3vw;}

.dao >li{padding-right: 3.2vw;}
.dao >li:last-child{padding-right: 0;}
.dao >li> a{color: #ffffff;font-size: 18px;margin-bottom: 10px;display: block;}
.dao> li:last-child >a{background: none;padding-right: 0;}
.ft2{padding: 2vw 0;}
.x-nav-menu dd a{display: block;color: #eaeaea;opacity: 0.75;font-size: 14px;line-height: 1.8;}

.tlogo img{
max-width:100%; height:auto !important;width:auto !important;
}



.cc{
display:none;
}
.cc a{display: block;color: #fff;font-size: 18px;margin-top: 20px;}
.x-nav-menu dd a:hover{
color: #ffffff;
}



/*  */
.ppf{margin-top: 15px;}
.per img{width: 100px;}

/*  */
.box5{background: url(//cdn.myxypt.com/db95f449/24/10/2939f83cdc87c3cc70b2fd9674447a2d546cc038.jpg) no-repeat top center;background-size: cover;text-align: center;padding: 6% 0 6.3%;}
.box5 h3{color: #ffffff;font-size: 25px;font-weight: bold;}
.box5 h2{color: #ffffff;font-size: 42px;line-height: 72px;margin: 2.3vw 0 3vw;}
.line11{width: 66px;height: 6px;background-color: #eeeeee;margin: 0 auto;}
.ztel{width: 292px;height: 67px;border-radius: 34px;line-height: 67px;color: #ffffff;font-size: 18px;background:#37a9df;margin: 0 auto;margin-top: 3.7vw;}


/*  */
.box4{background: url(//cdn.myxypt.com/db95f449/24/10/1a520c45ec3aa67bf47b26108d49df2b14b652fa.png) no-repeat top center;background-size: cover;padding: 8% 0 4.5%;}
.nul{margin-top: 5.4%;}
.nul li{width: 47%;}
.nul li .img{width: 47.4%;display: block;}
.nul li .img img{width: 100%;}
.nei2{width: 46%;position: relative;height: 100%;}
.nei2 h3{color: #222222;font-size: 24px;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;margin: 3.5vw 0 2.3vw;}
.nei2 p{color: #575555;font-size: 18px;line-height: 2;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical; -webkit-line-clamp: 3;}
.nmore a{display: block;width: 174px;height: 49px;background: url(//cdn.myxypt.com/db95f449/24/10/9518bcf4be65e6231ab0cde6e5e0d4b55193bfe7.png) no-repeat top center;color: #ffffff;font-size: 18px;padding: 12px 0 0 26px;position: absolute;bottom: 2vw;}
.nmore a img{margin-left: 30px;}
.nmore a:hover{
background: #1784b7;
border-radius: 25px;

}


.privacy {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9999999;
    display: none;
}

.privacy:after {
    content: '';
    display: block;
    background: rgba(0, 0, 0, .8);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.privacy .gb {
    position: absolute;
    right: 0;
    top: 0;
    width: 60px;
    line-height: 56px;
    background: #5eb9e4;
    color: #fff;
    text-align: center;
    font-size: 26px;
    z-index: 2;
    height: 60px;
    cursor: pointer;
}

.privacy .con {
    max-width: 800px;
    background: #fff;
    position: absolute;
    left: 50%;
    top:50%;
    transform: translate(-50%,-50%);
    z-index: 1;
    width: 94%;
    padding: 30px 15px;
}

@media(max-width: 768px){
  .privacy #message-form .form-group{margin-bottom: 5px;}
.privacy .gb{height: 50px;line-height: 45px;width: 50px;}
.privacy #message-form textarea{height: 60px;}
.privacy .con{padding-bottom: 20px;}
}





@media(max-width: 1800px){
  .x-menu > li > a{font-size: 16px;padding: 0 0.5vw;}
}

@media(max-width: 1600px){
  .sz{top:-130px;}
}


@media(max-width: 1480px){
 .x-nav-menu dd a{display: block;color: #ffffff;opacity: 0.75;font-size: 12px;line-height: 1.8;}
  .sp2 .sbj h3,.sp3 .sbj h3{font-size: 18px;margin-top: 0;}
  .cright{margin-left: 3%;}
  .tab-con{margin-top: 2.5vw;}
  .dan{margin-bottom: 2vw;}
  .tab-con .img2{top:-2.3vw}
  .csort li{width: 200px;}
  .top2 .wh,.wh{margin: 0 10%;}
  .nyp_lf.scroll{left: 10%;}
    /* .wh{max-width: 1000px;padding: 0 15px;} */
    .dlogo img{/*max-width: 270px;*/}
    /* .top2 .wh{max-width: 1100px;padding: 0 15px;height: 80px;} */
    .top2 .wh{height: 80px;}
    .bt1 h3{font-size: 32px;}
    .bt1 h4{font-size: 18px;margin-top: 20px;}
    .sbt1 dd{font-size: 18px;}
    .x-menu > li > a{font-size: 16px;padding: 0 1.2vw;}
    .sbt1 dd{font-size: 18px;}
    .sbt1 dt{font-size: 16px;margin-top: 15px;}
    .dao a{font-size: 14px;padding: 0 1vw;}
    .csort li a{font-size: 16px;line-height: 54px;}
    /* .qleft{margin-top: 5%;} */
    .mao p{margin-bottom: 1.3vw;line-height: 24px;}
    .cright .cmore{margin-top: 4vw;}
    /* .mySwiper .swiper-slide li img{max-width: 75%;} */
    .mao p{font-size: 14px;}
    .qtt h3{font-size: 22px;}
    .qtt p{font-size: 14px;}
    .tewm li .img11 img{width: 40px;}
    .lx p{font-size: 14px;}
    .kd{font-size: 18px;margin-right: 1vw;}
    .tlogo img{max-width: 170px;}
    .box2{padding: 100px 0 40px;}
    .mySwiper .swiper-slide li{
      /* height: 200px; */
    /* border-radius: 80px 80px 0px 80px; */
    }
    .ks dt{width: 50px;height: 50px;}
    .ks dd,.ks{width: 80px;height: 80px;}
    .ks{left: -30px;top:-12px;}
    .ft3{font-size: 12px;line-height: 22px;}
    .nei2 h3{font-size: 18px;}
    .nei2 p{font-size: 14px;}
    .nei2 h3{margin: 2vw 0 1vw;}
    .box5 h3{font-size: 19px;}
    .box5 h2{font-size: 24px;line-height: 50px;}
    .ztel{width: 200px;height: 50px;line-height: 50px;font-size: 14px;}
    .nmore a{width: 140px;height: 43px;font-size: 14px;background-size: 100%;padding: 8px 0 0 20px;}
    .nmore a img{margin-left: 15px;}
   
}







@media(max-width: 1400px){
  .qleft{width: 53%;}
  .footer{background: url(../images/957d3e29910ce29d8cbaf885ffabd402145fa20d.png) no-repeat top center;background-size: cover;padding-top: 100px;}
  .blx{display: none;}
  .foot{background: none;}
  .top2 .wh, .wh{margin: 0 3%;}
  .nyp_lf.scroll{left: 6%;width: 19%;}
}

@media(max-width: 1260px){
  .bt1 h3{font-size: 30px;}
  /* .sbt1 dd{font-size: 22px;} */
  .sbt1 dt{font-size: 16px;}
  .tlogo img{max-width: 193px;}
  .dao a{font-size: 15px;}
  .kd{font-size: 17px;}
}




@media(max-width: 1100px){
    .x-menu > li > a{font-size: 15px;}
    .dlogo img{/*max-width:240px;*/}
    .x-menu .lastli{display: none;}
    /* .bt1 h3{font-size: 36px;} */
    .bt1 h4{font-size: 18px;margin-top: 26px;}
    .box2{padding-top: 100px;}
    .mao p{font-size: 16px;line-height: 25px;}
    .csort li a{font-size: 18px;line-height: 50px;}
    .csort li span{top:12px;}
    .lx p{font-size: 14px;}
    /* .mySwiper .swiper-slide li{height: 210px;} */
}

@media(max-width: 1024px){
  .sbt1 dt{font-size: 14px;}
  .sp3 .sbj h3,.sp2 .sbj h3{font-size: 14px;}
  .sbj h3{font-size: 14px;}
  
}
@media(max-width: 991px){
  .page-wrap-right{width: 100%;float: none;}
  body{padding-bottom: 50px;}
}

@media(max-width: 900px){
  .csort li a{font-size: 16px;line-height: 40px;}
  .csort li span{top:8px;}
  .mao p{font-size: 14px;line-height: 22px;}
  .tab-con{width: calc(100% - 245px);}
  .qtt h3{font-size: 18px;}
  .qtt p{font-size: 12px;}
}

@media(max-width: 768px){
  .box2{padding: 50px 0;}
  .sleft,.sright{width: 100%;float: none;}
  .sright{margin-top: 30px;}
  .dgs{display: none;}
  .lx,.tewm{float: none;width: 100%;}
  .tewm{margin-top: 20px;}
  /* .mySwiper .swiper-slide li{height: 166px;} */
  .xypg-right-content table{width: 655px!important;}
  
  .bq,.xseo{width: 100%;text-align: center;}

}


@media(max-width: 640px){
  .pleft,.pright{width: 100%;float: none;}
  .box1{padding: 30px 0;}
  .bt1 h3{font-size: 24px;}
  .bt1 h3 img{margin-left: 10px;width: 30px;}
  .pleft{margin-bottom: 20px;}
  .ks dt{width: 30px;height: 30px;}
  .ks,.ks dd{width: 60px;height: 60px;}
  .ks{top:-19px;left: -22px;}
  /* .sp3 .sbj h3,.sp2 .sbj h3{font-size: 12px;} */
  .sbt1 dd{font-size: 16px;margin-top: 15px;}
  .sbt1 dt{margin-top: 13px;}
  .tab-con,.cright{width: 100%;}
  .qleft{float: none;width: 100%;}
  .box3 .bt1 h4{font-size: 16px;margin-top: 16px;}
  .tab-con .img2{position: static;width: 100%;margin: 20px 0;text-align: center;}
  .tab-con .img2 img{max-width: 50%;}
  .sz{top:-100px;right: 0;}
  .sz img{width: 100px;}
  .box3{padding: 70px 0 50px;}
  .qtt h3{font-size: 22px;}
  .mao p{font-size: 14px;}
  .mao p br{display: none;}
  .csort{display: flex;justify-content: space-between;flex-wrap: wrap;display: -webkit-flex;}
  .csort li{width: 48%;}
  .csort li a{font-size: 14px;line-height: 40px;}
  .csort li span{top:8px;}
  .cmore a{float: none;margin: 0 auto;width: 140px;height: 39px;line-height: 39px;font-size: 14px;}
  .cmore a img{margin-left: 6px;}
  .cmore a:after{width: 130px;height: 39px;}
  .tewm li{}
  .tewm li .img11 img{width: 40px;}
  .tewm{font-size: 12px;}
  .tewm li .img img{max-width: 100%;}
  .ft3{font-size: 12px;}
  .mySwiper .swiper-slide li{height: auto;margin-bottom: 15px;}
  .footer{margin-top: -20%;}
  .bt1 h4{font-size: 16px;}
  .box4 .bt1 h4{    font-size: 16px;margin-top: 16px;}
  .nul li{width: 100%;margin-bottom: 20px;}
  .box5 h3{font-size: 14px;}
    .box5 h2{font-size: 20px;line-height: 30px;}
    .ztel{width: 200px;height: 43px;line-height: 43px;font-size: 14px;}
    .nmore a{width: 120px;height: 36px;font-size: 14px;background-size: 100%;padding: 6px 0 0 20px;position: relative;margin-top: 15px;}
    .nmore a img{margin-left: 5px;}
  .box5{padding: 30px 0 50px;}
   .nei2 h3{font-size: 16px;}
    .nei2 p{font-size: 12px;line-height: 20px;
display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical; -webkit-line-clamp: 3;}
}


@media(max-width: 345px){
  .csort li a{font-size: 12px;}
}


.ball {
  position: absolute;
  color:#fff;
  font-size:22px;
  z-index: 99;
  /*动画执行一次所需时间*/
  animation-duration: 10s, 10s, 20s;
  /*动画以何种运行轨迹完成一个周期*/
  animation-timing-function: cubic-bezier(0.36,0,0.64,1);
  /*动画播放次数,无线循环播放*/
  animation-iteration-count: infinite;
  /*是否轮流反向播放动画 alternate:正向播放*/
  animation-direction: alternate;
  animation-name: animX,animY,scale;
}

.ball22{animation-name: animX3,animY3;}
.ball55{animation-name: animX5,animY5;}
.ball44{animation-name: animX6,animY6;}
/* .sright{margin-right: 153px;} */
.borther .ball{z-index: 9999;}
.borther .ball44{z-index: 99;}

@keyframes animX3{
  0% {
    left:-30px;
  }
  100% {
    left: 400px;
  }
}
@keyframes animY3{
  0% {
    top: -203px;
  }
  100% {
    top: 400px;
  }
}
@keyframes animX5{
  0% {
    left:-100px;
  }
  100% {
    left: 470px;
  }
}
@keyframes animY5{
  0% {
    top: 10px;
  }
  100% {
    top: 500px;
  }
}


@keyframes animX6{
  0% {
    left:-100px;
  }
  100% {
    left: 500px;
  }
}
@keyframes animY6{
  0% {
    top: -100px;
  }
  100% {
    top: 500px;
  }
}


/*第一层*/
@keyframes animX{
  0% {
    left:-140px;
  }
  100% {
    left: 410px;
  }
}
@keyframes animY{
  0% {
    top: -30px;
  }
  100% {
    top: 380px;
  }
}
@keyframes scale1 {

  0% {
    transform: scale(0.6);z-index: 99999;
  }
  50% {
    transform: scale(1.2);
    z-index: 99999;
  }
  100% {
    transform: scale(0.6);z-index: 99999;
  }
}

@keyframes scale {
    0% {
      transform: translateY(0) scale(0.6);
    }
    50% {
      transform: translateY(60px) scale(1);
    }
    100% {
      transform: translateY(0) scale(0.6);
    }
  }

#lopp {
  width: 500px;
  height: 300px;
  border: 2px solid #999;
  border-radius: 50%;
  position: absolute;
  left: 50px;
  top: 70px;
}
/*鼠标进入停止*/
.active {
  animation-play-state: paused;
}
@keyframes anim2X{
  0% {
    left: -7.5px;
  }
  100% {
    left: 460px;
  }
}
@keyframes anim2Y{
  0% {
    top: -7.5px;
  }
  100% {
    top: 460px;
  }
}
.ball2 {
  z-index: 999;
  width: 15px;
  height: 15px;
  position: absolute;
  color:#fff;
  font-size:22px;
  display:flex;
  align-items:center;
  justify-content:center;
  /*line-height: 120px;*/
  /*动画执行一次所需时间*/
  animation-duration: 10s, 10s, 20s;
  /*动画以何种运行轨迹完成一个周期*/
  animation-timing-function: cubic-bezier(0.36,0,0.64,1);
  /*动画播放次数,无线循环播放*/
  animation-iteration-count: infinite;
  /*是否轮流反向播放动画 alternate:正向播放*/
  animation-direction: alternate;
  animation-name: anim2X,anim2Y;
}
#lopp2 {
  width: 300px;
  height: 150px;
  border: 2px solid #999;
  border-radius: 50%;
  position: absolute;
  left: 150px;
  top: 120px;
}
.circle {
  position: absolute;
    width: 467px;
    left: 0;
    top:0;
    z-index: 1;
  border-radius: 50%;
  color: #fff;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  cursor: pointer;
}
.borther2{position: relative;}

.sright2{display: none;}
@media(max-width: 640px){
  .sright2{display: block;}
  .sright1{display: none;}
  .sright{margin-right: 0;height: auto;padding: 4% 0 0 10%;}
}

@media(max-width: 1500px){
  .xypg-right-content{overflow: hidden;}
  .xypg-right-content p img{
           max-width: 100%!important;
          width: auto !important;
          height: auto !important;
     }
}

@media(max-width: 1200px){
  .kf,#m_div{display: none!important;}
}


/*热门搜索*/

.ssou #formsearch{margin-bottom: 20px;}
.ssou #formsearch input{height:40px;background:#fff;border:1px solid #c8c8c8;line-height:40px;}
.ssou #formsearch input#keyword{height:40px;line-height:40px;padding-left:4px;color:#666;font-size: 16px;width: 70%;}
.ssou #formsearch input#s_btn{width:66px;height:40px;line-height:40px;text-align:center;background:#5eb9e4 url(//cdn.myxypt.com/db95f449/24/10/8475bb4d96e4b40ea947d4af501d341f05f20eab.png) no-repeat center;color:#fff;border:none;cursor:pointer;font-size: 12px;}

/* 手机页脚 */
.footer3 {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 999;
    background: #222;
}

.footer3 ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.footer3 ul li {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    color: #ffffff;
    line-height: 50px;
    font-size: 0;
}

.footer3 ul li a {
    display: block;
    color: #ffffff;
}

.footer3 ul li .iconfont {
    font-size: 14px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    width: 16px;
    height: 14px;
}

.footer3 ul li:nth-child(1) .iconfont {
    background: url("../images/b544c19c69b83bbe43c1274f87d99f8463b23472.png") no-repeat 50%;
}

.footer3 ul li:nth-child(2) .iconfont {
    background: url("../images/b26655bdcb5a7dc2df997405eb240a45c466bb0f.png") no-repeat 50%;
}

.footer3 ul li:nth-child(3) .iconfont {
    background: url("../images/d077420e30ae81b861be3a532ee75cc320e1deb8.png") no-repeat 50%;
}


.footer3 ul li span {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    color: #ffffff;
}


@media(max-width: 620px){
  .product_detail .list{margin-left: 0;margin-bottom: 15px;}
  .xypg-right-content{font-size: 14px;}
  .product_detail .list,.product_detail .img{width: 100%;}
}

@media(max-width: 1203px){
  .news_detail h3.title_bar,.share{float: none;width: 100%;margin: 0;height: auto;}
  .share{width: 160px;margin: 0 auto;}
}