*{margin:0;padding:0;}
body{width:100%; overflow-x: hidden;}
body,input{font-family:Tahoma;color:#333;font-size: 14px;}
a{text-decoration:none;color: #333;}
a:hover{ text-decoration:none;}
i,em{font-style:normal}
img{border:0;vertical-align:middle;}
ul li{list-style: none}
h1,b{font-weight:normal}
button{border:none; background: none;}
/*公共样式*/
.container{max-width:1500px;margin:0 auto}
.pro-container{width:90%;margin:0 auto}
.container-s{width:98%;margin:0 auto}
.wap-container{width:96%;margin:0 auto}
input{outline: none;}
.fl{float:left;}
.fr{float:right;}
.c{*zoom:1;}
.c:after{content: ""; display: block; height: 0; clear: both;}
/*头部*/
.header{width: 100%; position: fixed;top:0;left:0;z-index: 99999; padding:30px 0;transition: all .5s;}
.headerfix{background: #fff;box-shadow: 1px 1px 10px rgba(0,0,0,0.1);}


.header-con{max-width:1700px;margin:0 auto}

.header-con .logo{width:10%;}
.header-right{float:right;}

.header-right .nav ul li{float:left;text-align: center;line-height: 32px;margin-left:55px;position: relative;}
.header-right .nav ul li a{text-align: center;padding-bottom:5px;font-size:16px;color:#fff}

.header-right .nav ul li a:after{content:'';display: block;width:0%;height: 0px; background: #EF0000;position: absolute;right: 0;left:0;margin:0 auto;transition: all .5s;} 
.header-right .nav ul li.on a:after{width: 100%;height: 1px;} 
.header-right .nav ul li:hover a:after{width: 100%;height: 1px;}

.headerfix  .nav ul li a{color: #222222;}
/*banner*/
.banner{height: 100vh;width: 100%; position: relative;overflow: hidden;}
.banner span.ani{width:46px;height:5px;display: block; background: #EF0000;}
.banner a{font-size:19px;color:#333;font-family: arial;}

.banner .banner-wz{ position: relative;}
.banner .banner-wz p{font-size: 36px;color:#333333;line-height: 36px;margin-top:40px;margin-bottom:30px;}
.banner .banner-wz h2{font-size:70px;color:#333333;max-width: 560px;font-weight:normal;line-height: 104px;font-weight: 200;}
.banner .banner-wz a{font-size:19px;color:#333333;overflow: hidden;margin-top:110px}
.banner .banner-wz a b{vertical-align: middle;float: left;width:37px;height: 37px; background:#EF0000;border-radius:100%;}
.banner .banner-wz a b:after{content: '';display: block;width:37px;height: 37px;background: url(../images/banner-jt.png) no-repeat center}
.banner .banner-wz a:hover b:after{-webkit-animation: arrowBottom01 0.8s cubic-bezier(0.645, 0.045, 0.355, 1);animation: arrowBottom01 0.8s cubic-bezier(0.645, 0.045, 0.355, 1);}
@-webkit-keyframes arrowBottom01{
	0%{background-position:center center}
	45%{background-position:31px center;}
	50%{opacity:0;background-position:-31px center}
	51%{opacity:0;background-position:-31px center}
	52%{opacity:1;background-position:-31px center}
	to{background-position:center center}
}
@keyframes arrowBottom01{
	%{background-position:center center}
	45%{background-position:31px center;}
	50%{opacity:0;background-position:-31px center}
	51%{opacity:0;background-position:-31px center}
	52%{opacity:1;background-position:-31px center}
	to{background-position:center center}
}



.banner .banner-wz a{line-height: 37px;display: block;}
.banner .banner-wz a em{float:left;margin-left:12px;}
.banner .container{margin-top:13%}
.banner .container .banner-img{margin-top:-5%;    width: 40%;}

.banner .swiper-pagination{ position: absolute;bottom:60px !important;left:0;right:0;margin:0 auto;text-align: left;}
.banner .banner-num span{width:10px;height:10px; background: #fff; opacity: 1;}

.banner .banner-num .swiper-pagination-bullet-active{ background: #EF0000;}
.scroll{ position: absolute;right:50px;bottom:40px;z-index: 99; margin: 0 auto;z-index: 9999;animation:mymove 2s cubic-bezier(0.445, 0.145, 0.355, 1)  infinite;cursor: pointer;}
@keyframes mymove
{
0%   {bottom: 40px;}
50%  {bottom: 60px;}
100% {bottom: 40px;}
}

.scroll a{display: block;}


/*产品中心*/
.title{text-align: center;margin:115px 0 30px 0}
.title em{display: block;color:#333333;font-size:36px;font-weight:normal;margin-top:15px;line-height: 36px;}
.title p{font-size: 16px;font-weight: 100;color:#666;line-height: 16px;padding:35px 0;}
.title p:after{width: 70px;height:3px; background: #EF0000;margin:35px auto;content: '';display: block;}


/* .pro-con{ background: url(../images/pro-bg.jpg) no-repeat center;max-width:1700px;margin:0 auto;height:370px;padding:110px 0 61px 0;position: relative;overflow:hidden}


.pro-con-list dl{float:left;text-align: center;width:calc(100%/3);}
.pro-con-list dl:nth-child(1){float:left;width:29%;margin-left:3%}
.pro-con-list dl:nth-child(2){max-width: 380px; position: absolute;left:0;right:0;margin:0 auto}
.pro-con-list dl:nth-child(2) img{width: 100%;}
.pro-con-list dl:nth-child(3){float: right;width:29%;margin-right:3%}
.pro-con-list dl dt{margin-bottom:52px}
.pro-con-list dl dd b{font-size:30px;color:#333333;line-height: 30px;;}
.pro-con-list dl dd p{font-size:18px;line-height: 36px;color:#555;font-weight:200;margin-top:40px;}

.pro-con .pro-left{width:45px;height: 45px; background: url(../images/pro-jtright.png) no-repeat center #fff;border-radius:100%;right:38%;top:55%}
.pro-con .pro-right{width:45px;height: 45px; background: url(../images/pro-jtleft.png) no-repeat center #fff;border-radius:100%;left:38%;top:55%}


.pro-con .pro-left:hover{ background: url(../images/pro-jtright.png) no-repeat center #eee;}
.pro-con .pro-right:hover{ background: url(../images/pro-jtleft.png) no-repeat center #eee;}
 */
.pro-con ul{display: flex;justify-content:space-between;    flex-wrap: wrap;   }
.pro-con ul li{ background: #f6f6f6;border-radius:20px;text-align: center;padding:25px;width:19%; margin-bottom: 30px;    margin: 1%;}
.pro-con ul li .pic{width: 60%;margin:20px auto 30px auto;    height: 200px;}
.pro-con ul li .pic img{width: 100%;transition: all .5s; }
.pro-con ul li .info{margin-top:1rem}
.pro-con ul li .info b,.pro-con ul li .info em{display: block;}
.pro-con ul li .info b{font-size:25px;font-weight:bold;font-family: arial;}
.pro-con ul li .info em{font-size:16px;color:#666}
.pro-con ul li:hover .pic img{transform: scale(1.1);}

.addus-more{width:220px;height:50px;line-height: 50px;margin:50px auto 0 auto; background-color:#2E363F; position: relative;overflow: hidden;}
.addus-more a{position: relative;z-index:9999;display: block;width:100%;height: 100%;font-size:16px;text-indent: 20px;line-height: 50px;color:#fff;text-align: left; background:url(../images/more.png) no-repeat center right 20px }

.index-pro-xq{margin:110px 0}
.index-pro-xq p{font-size:36px;line-height: 70px;color:#333;text-align: center;font-weight: 200;}
.index-pro-xq p a{font-weight:800}
.addus-more em{width:250px;height:250px;border-radius:100%; background:#EF0000;display: block; position: absolute;top:-30px;right:-84%;transition: all .5s;}
.addus-more:hover em{right:-30%;width:400px;height:500px;top:-100px}


.case-more{font-size:18px;color:#333333;overflow: hidden;margin-top:110px}
.case-more b{vertical-align: middle;float: left;width:37px;height: 37px; background:#EF0000;border-radius:100%;}
.case-more b:after{content: '';display: block;width:37px;height: 37px;background: url(../images/banner-jt.png) no-repeat center}
.case-more:hover b:after{-webkit-animation: arrowBottom01 0.8s cubic-bezier(0.645, 0.045, 0.355, 1);animation: arrowBottom01 0.8s cubic-bezier(0.645, 0.045, 0.355, 1);}
.case-more{line-height: 37px;display: block;}
.case-more em{float:left;margin-left:12px;}
@-webkit-keyframes arrowBottom01{
	0%{background-position:center center}
	45%{background-position:31px center;}
	50%{opacity:0;background-position:-31px center}
	51%{opacity:0;background-position:-31px center}
	52%{opacity:1;background-position:-31px center}
	to{background-position:center center}
}
@keyframes arrowBottom01{
	%{background-position:center center}
	45%{background-position:31px center;}
	50%{opacity:0;background-position:-31px center}
	51%{opacity:0;background-position:-31px center}
	52%{opacity:1;background-position:-31px center}
	to{background-position:center center}
}

.case{height:590px;position: relative;overflow: hidden;}
.case-list{height:100%}
.case-list .fl,.case-list .fr{width:50%;height: 100%;}
.case-list .fr{background: url(../images/case-bg.jpg) no-repeat center; background-size: cover;height: 100%;}
.case-list .fr h2{font-size:36px;font-weight:normal;line-height: 36px;margin-top:100px;}
.case-list .fr div{margin-left:85px;width:60%}
.case-list .fr p{font-size:18px;line-height: 40px;color:#333;margin-top:50px;}
.case .case-num {width:12px !important;position: absolute;right:30px;top:30%;left:auto !important}
.case .case-num span{ background: #eeeeee;opacity: 1;display: block;float: none;width:12px;height: 12px;margin-bottom:15px !important;}
.case .case-num span.swiper-pagination-bullet-active{ background: #EF0000;}

.news {margin:115px auto 150px auto;overflow: hidden;}
.news h2{font-size:36px;color:#333;line-height: 36px;margin-bottom:65px;font-weight: normal;text-align: center;}
.news-list{max-width: 1500px;margin:0 auto;overflow: hidden;}
.news-list li{float:left;width: 100%;}
.news-list li .pic{width: 100%;overflow: hidden;}
.news-list li .pic img{width: 100%;transition: all .5s;}
.news-list li .info{ background: #F5F5F5;padding:35px 0}
.news-list li .info em,.news-list li .info span{width:84%;margin:0px auto;display: block;}
.news-list li .info em{font-size:14px;color:#7a7a7a}
.news-list li .info span{font-size:18px;line-height: 31px;color:#333333;margin-top:20px;height: 50px;}
.news-list li:hover .pic img{transform: scale(1.1);}
.news-list li:hover .info span{color:#EF0000}

.news .news-num {text-align: center;left:0;right:0;margin:40px auto 0 auto}
.news .news-num span{ background: #eeeeee;opacity: 1;width:12px;height: 12px;margin:0 5px;}
.news .news-num span.swiper-pagination-bullet-active{ background: #EF0000;}


.footer .container{border-top:1px solid #EEEEEE;padding-top: 100px;}
.footer-top .foot-address span{display: block;font-size:16px;color:#333333;display: block;margin-bottom:20px;}
.foot-icon{overflow: hidden;margin-top:40px;}
.foot-icon a{margin-right:20px;float:left;width:38px;height: 38px;text-align: center;border-radius:100%; background: #EF0000;}
.foot-icon a img{margin-top:10px;}
.foot-icon a:nth-child(1) img{margin-top:8px;}
.foot-icon a:nth-child(4) img{margin-top:12px;}
.foot-icon a:hover{ background: #000000;}
.footer-top .fl{margin-right:300px}
.footer-top .fl ul{width:390px}
.footer-top .fl ul li a:hover{color:#EF0000}
.footer-top .fl h3{font-size:18px;line-height: 18px;margin-bottom:15px;}
.footer-top .fl ul li{float:left;width:50%;line-height: 48px;}
.footer-top .fl ul li a{font-size:16px}
.footer-top .fr{width: 160px;text-align: center;margin-top:-40px}
.footer-top .fr dd span,.footer-top .fr dd em{display: block;}
.footer-top .fr dt{font-size:16px}
.footer-top .fr dd em{width:123px;height: 40px;border-radius:40px; background: #EF0000;color:#fff;line-height: 40px;text-align: center;display: block;margin:15px auto}
.footer-bottom{color:#333;font-size:16px;margin:80px 0 40px 0;}
.footer-bottom a:hover{text-decoration: underline;}

/*app*/
.app-con{ background: url(../images/app-bg.jpg) no-repeat center;height:800px;padding-top:167px; background-size: cover;}
.app-con .container{max-width:1200px;margin:0 auto}
.app-con h2{font-size:50px;color:#222;font-weight: normal;margin:150px 0 70px 0}
.app-wx .fr{margin-top:65px;}
.app-con .fr span,.app-con .fr em{display: block;}
.app-con .fr em{font-size:24px;margin-top:30px;}
.app-wx{max-width:390px;overflow: hidden;}


.about-banner{background: url(../images/about-banner.jpg) no-repeat center;;}
.about-more-1 b,.about-more-1 b:after{width: 48px;height: 48px;}
.about-more-1 b:after{ background: url(../images/about-jt.png) no-repeat center;}
.about-more-1:hover b:after{-webkit-animation: arrowBottom03 0.8s cubic-bezier(0.645, 0.045, 0.355, 1);animation: arrowBottom03 0.8s cubic-bezier(0.645, 0.045, 0.355, 1);}
@-webkit-keyframes arrowBottom03{
	0%{background-position:center center}
	45%{background-position: center 31px;}
	50%{opacity:0;background-position: center -31px}
	51%{opacity:0;background-position:center -31px}
	52%{opacity:1;background-position:center -31px}
	to{background-position:center center}
}
@keyframes arrowBottom03{
	0%{background-position:center center}
	45%{background-position: center 31px;}
	50%{opacity:0;background-position: center -31px}
	51%{opacity:0;background-position:center -31px}
	52%{opacity:1;background-position:center -31px}
	to{background-position:center center}
}


.ny-about1{max-width:1090px;margin:0 auto;border-bottom:2px solid #EEEEEE}
.ny-about1 h2{font-size:28px;line-height: 46px;text-align: center;max-width: 735px;margin:100px auto 55px auto}
.ny-about-div p{font-size:20px;line-height: 36px;font-weight: 200;text-align: center;}
.about-more-1{margin-top:20px}
.ny-about-more{text-align: center;margin:80px 0}
.ny-about-more span{font-size:18px;text-align: center;}
.ny-about-more a{margin:30px auto;width:48px; position: relative;animation:mymove1 2s cubic-bezier(0.445, 0.145, 0.355, 1)  infinite;cursor: pointer;}

@keyframes mymove1
{
0%   {top: 0px;}
50%  {top: 20px;}
100% {top: 0px;}
}


.map-top{width: 100%;height: 140px;}
.map{padding-top:100px;padding-bottom:50px;}
.map-container {height: 663px;background: url(../images/about-map.png) no-repeat left center;position: relative;}
.map .map-child{position: absolute;display: flex;justify-content: space-between;align-items: center;text-align: center;font-size: 18px;color: #333;line-height: 1;}
.map .map-txt b{display: block;font-size:18px;color: #333;font-weight: 400;}
.map div.sz .map-txt b{padding-bottom: 28px;}
.map .map-txt span{height: 11px;display: block;margin: 5px 0 10px;}
.map div.zj{    left: 122px; top: 129px;}
.map div.sh{left: 326px;top: 247px;}
.map div.mgw{    right: 156px;top: 274px;}

.map div.sh .map-txt span{width: 187px;background: url(../images/about-jt2.png) no-repeat center;}
.map div.mgw .map-txt span{width: 195px;background: url(../images/about-jt1.png) no-repeat center;}
.map div.zj .map-txt span{width: 188px;background: url(../images/about-jt1.png) no-repeat center;}

.map div.sh .map-circle,.map div.sh .map-txt{float:right;margin-right: 20px;}

.map .map-circle{width: 17px;height: 17px;position: relative;top: 6px;background: #EF0000;border-radius: 50%;transition: 0.2s ease;box-shadow: 0 0 0 5px rgba(239,0,0,0.3);animation: cirbig 1s 0s infinite backwards;cursor: pointer;}
.map .map-circle i{width: 7px;height: 7px;background: #fff;border-radius: 50%;position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;}
.map div.sz .map-circle{position: absolute;left: -24px;top:-65px;}
.map .map-circle:hover{animation: cirbig 1s 0s 1 ease backwards;box-shadow: 0 0 0 9px rgba(239,0,0,0.3);cursor: pointer;}
.m-r20{margin-right: 20px;}
.m-l20{margin-left: 20px;}
@keyframes cirbig{
	100%{
		box-shadow: 0 0 0 15px rgba(2,125,180,0);
	}
}


.ys-map dl{float:left;width: 100%; background: #fff;  box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.08);
border-radius:20px;margin:0 0.5%;}
.ys-map dl dt{font-size:18px;color:#333;padding-top:25px}

.ys-map dl dd span{display: block;color:#898989;font-size:15px;line-height: 24px;}
.ys-map dl dd,.ys-map dl dt{width:75%;margin:0 auto}
.ys-map dl dd{margin-top:13px}

.ny-culture{margin-bottom:100px;}
.ny-culture .fl{ background: url(../images/cultrue.jpg) no-repeat center;}
.ny-culture .fl,.ny-culture .fr{width: 50%;height: 616px;}
.ny-culture .fr{ background: url(../images/cultrue-icon.png) no-repeat right 60px bottom 60px #F9F9F9;}
.ny-culture .ny-culture-con{width:80%;margin:70px auto}
.ny-culture .fr h2{width:80%;margin:40px auto;font-size:36px;}
.ny-culture .fr h2:before{content: '';display: block;width:62px;height:3px; background: #EF0000;margin-bottom:20px;}
.ny-culture dl dt{font-size:22px;line-height: 22px;margin-bottom:10px;;}
.ny-culture dl dd{font-size:15px;color:#666}
.ny-culture dl{padding:26px 0;border-bottom:1px solid #E8E8E8}

.ny-history{     background: url(../images/aboutThree-bj.jpg) no-repeat center;
    background-size: cover;
    background-attachment: fixed;padding:70px 0}
 .ny-history-title{font-size:36px;text-align: center;}
.ny-history .ny-history-title:after{content: '';display: block;width:62px;height:3px; background: #EF0000;margin:20px auto;}
.ny-history .container{text-align: center;margin-top:90px;}
.ny-history .container dl{display: inline-block;width:290px;height: 176px; border:1px solid #E4E4E4;margin:0 70px;text-align: center;}
.ny-history .container div{display: inline-block;}
.ny-history .container dl dt{margin-top:40px}
.ny-history .container dl dd{margin-top:30px;color:#666}
.ny-history .container dl dt h2{font-size:24px;font-weight:normal}
.ny-history .container .his-dl{width: 74px;height: 91px;background: url(../images/history-jt.png) no-repeat center;}


.contact-banner{background: url(../images/contact-banner.jpg) no-repeat center;}
.ny-contact-con h2{font-size:36px;color:#333333;margin:110px 0 90px 0}

.ny-contact-list{margin:100px 0 50px 0}
.ny-contact-list dl{float:left;margin-right:90px}
.ny-contact-list dl dt em{height:33px;display: block;}
.ny-contact-list dl dt em,.ny-contact-list dl dt b{display: block;}
.ny-contact-list dl dt b{font-size:18px;font-weight: bold;margin-top:15px}
.ny-contact-list dl dt{width: 47px;border-bottom:2px solid #EAEAEA;padding-bottom:16px}
.ny-contact-list dl dd{margin-top: 28px;}
.ny-contact-list dl:nth-child(1) dd,.ny-contact-list dl:nth-child(2) dd{font-size:27px}{font-size:27px}
.ny-contact-list dl:nth-child(3) dd{font-size:20px;}
.ny-contact-list dl:nth-child(4) {border:1px solid #EEEEEE;overflow: hidden;float:right;margin-right:0}
.ny-contact-list dl:nth-child(4) dt{margin-top:10px;padding-left:10px}
.ny-contact-list dl:nth-child(4) dt,.ny-contact-list dl:nth-child(4) dd{float:left}
.ny-contact-list dl:nth-child(4) dd{writing-mode:vertical-lr;padding:0 20px;font-size:16px}
.ny-contact-list dl:nth-child(4) dt{width: auto;border-bottom:none}

.ny-contact-map{margin:50px 0;width: 100%;}
.ny-contact-map img{width: 100%;}

.pro-banner{background: url(../images/ny-pro-bg.jpg) no-repeat center;}
.pro-banner .fl{max-width: 750px;}
.pro-banner .fl span{display: block;font-size:36px;color:#333;line-height: 36px;margin-bottom:37px}
.pro-banner .fl h2{font-size:59px;font-weight: bold;line-height: 59px;margin-bottom:37px;color:#272727;}
.pro-banner .fl p{line-height: 35px;color:#666;font-size:18px;}
.pro-bannerdl{margin-top:60px;overflow: hidden;margin-left:-50px}
.pro-banner div dl{float:left;width: calc(100%/4);text-align: center;}
.pro-banner div dl dt{display: block;}
.pro-banner div dl dd{font-size:16px;color:#333333;margin-top:20px;}
.pro-banner div dl:nth-child(4){background: none;}

.pro-banner .load{width:175px;border-bottom:10px;padding-bottom:5px;border-bottom:1px solid #000;height: 40px;line-height: 40px;margin-top:70px}
.pro-banner .load a{display: block; background: url(../images/pro-load.png) no-repeat center left;padding-left: 50px;font-size: 20px;font-weight: bold;color:#333}




.ys-pro-list {margin:80px auto}
.ys-pro-list dl{float:left;width: calc(100%/3 - 10px);margin-right:10px;height: 333px;margin-bottom:10px }
.ys-pro-list dl div{width:80%;margin:0 auto;padding-top:64px}
.ys-pro-list dl div h3{font-size:26px;line-height: 26px;margin:30px 0 20px 0;font-weight:normal}
.ys-pro-list dl div p{font-size:17px;line-height: 36px;color:#666;}

.ys-pro-list dl:nth-child(3n){margin-right:10px}
.ys-pro-list dl:nth-child(1){ background: url(../images/ys-icon1bg.jpg) no-repeat center;}
.ys-pro-list dl:nth-child(2){ background: url(../images/ys-icon2bg.jpg) no-repeat center;}
.ys-pro-list dl:nth-child(3){ background: url(../images/ys-icon3bg.jpg) no-repeat center;}
.ys-pro-list dl:nth-child(4){ background: url(../images/ys-icon4bg.jpg) no-repeat center;}
.ys-pro-list dl:nth-child(5){ background: url(../images/ys-icon5bg.jpg) no-repeat center;}
.ys-pro-list dl:nth-child(6){ background: url(../images/ys-icon6bg.jpg) no-repeat center;}

.ny-ly-list{margin-bottom:50px}
.ny-ly-list h2{font-size:40px;text-align: center;font-weight: normal;margin:95px 0}
.ly-list-con{ position: relative;padding-bottom:80px;overflow: hidden;}
.ly-list-con dl{float:left}
.ly-list-con dl dt{width: 100%;}
.ly-list-con dl dt img{width: 100%;}
.ly-list-con dl dd{ background: #F5F5F5;padding:40px 0;text-align:center;}
.ly-list-con dl dd span,.ly-list-con dl dd p{display: block;}
.ly-list-con dl dd span{font-size:18px;line-height: 18px;font-weight: bold;}
.ly-list-con dl dd p{font-size:16px;color:#666;margin-top:10px;}

.ny-jscs-con{ background: url(../images/cs-bg.jpg) no-repeat center;height:559px;width: 100%;padding:100px 0}
.ny-jscs-con .container{max-width: 1300px;margin:0 auto;}
.ny-jscs-con .container .fl{}
.ny-jscs-con .container .fr h3{font-size:39px;color:#333;padding:50px 0;font-weight:normal}
.ny-jscs-con .container .fr p span{display: block;font-size:17px;line-height: 40px;color:#666}


.ny-xj-con h2{font-size:40px;text-align: center;font-weight: normal;margin:95px 0}
.ny-xj-con div p{width:calc(100%/2 - 10px);margin:0 5px ;float:left}
.ny-xj-con div p img{width: 100%;}
.ny-question{ position: relative; background: #F5F5F5;padding:100px 0 50px 0;margin-top:100px}
.ny-question-list{overflow: hidden;}
.ny-question h2{font-size:40px;text-align: center;font-weight: normal;margin:0 0 70px 0}
.ny-question .swiper-slide dl{ background: #fff;width:100%;padding:30px 0;border-bottom:3px solid #EF0000}
.ny-question dl span,.ny-question dl p{float:left}
.ny-question dl span{width:5%;font-weight:bold}
.ny-question dl p{width:95%;font-size:14px;color:#666;line-height: 25px;}
.ny-question dl a{width:85%;margin:0 auto;display: block;}
.ny-question dl dt,.ny-question dl dd{overflow: hidden;}
.ny-question dl dd{margin-top:15px}
.ny-question dl dt{font-size:16px;border-bottom:1px dashed #E5E5E5;padding:15px 0}
.ny-question dl dt p{font-weight: bold;color:#333;font-size: 16px;}
#ques-num{bottom:220px}
.que-more{width:241px;height: 68px;border:1px solid #333;border-radius:60px;margin:140px auto 0 auto}
.que-more .case-more{margin-top:0;height: 68px;line-height: 68px;font-size:16px}
.que-more .case-more b{margin-top:15px;margin-left:40px}

.news-banner{ background: url(../images/news-banner.jpg) no-repeat center;}
.ny-news-list{margin: 100px auto;}
.ny-news-list a{display: flex;padding: 45px 0;border-bottom: 1px solid #EEEEEF;}
.ny-news-list a .news-aleft{flex: 1;display: flex;flex-direction: column;font-size: 16px;color: #666;}
.ny-news-list a .news-aleft b{font-size: 18px;color: #333;font-weight: 700;padding: 20px 0;}
.ny-news-list a .news-acen{flex: 1.7; overflow: hidden;}
.ny-news-list a .news-acen img{display: block;width: 100%;transition: all .4s;}
.ny-news-list a .news-aright{flex: 2.9;-webkit-box-sizing: border-box;box-sizing: border-box;padding: 20px 8px 0 70px;font-size: 17px;color: #333;line-height: 34px;}
.ny-news-list a .news-aright h4{font-size: 24px;color: #333;font-weight: 400;margin-bottom: 32px;}
.ny-news-list a .news-aright p{color:#555}
.new-more{width: 190px;line-height: 60px;color: #fff;margin: 0 auto 150px;border-radius: 50px;cursor: pointer;font-size: 18px;
 background: url(../images/ny-news-more.png) no-repeat center right 41px #027DB4;text-indent: 42px;}

.ny-news-list a:hover .news-acen img{transform: scale(1.1);}
.ny-news-list a:hover .news-aright h4{color:#EF0000}

.news-more {margin-top:60px}
.news-more b{background: #DDDDDD;}
.ny-news-list a:hover .news-more b{background: #EF0000;}
.ny-news-list a:hover .case-more b:after{-webkit-animation: arrowBottom01 0.8s cubic-bezier(0.645, 0.045, 0.355, 1);animation: arrowBottom01 0.8s cubic-bezier(0.645, 0.045, 0.355, 1);}


.case-banner{ background: url(../images/case-banner.jpg) no-repeat center;}
.ny-case-list{margin: 100px auto;}
.ny-case-list a{display: flex;padding: 45px 0;border-bottom: 1px solid #EEEEEF;}
.ny-case-list li:last-child a{border-bottom:0}
.ny-case-list a .news-aleft{flex: 1;display: flex;flex-direction: column;font-size: 16px;color: #666;}
.ny-case-list a .news-aleft b{font-size: 18px;color: #333;font-weight: 700;padding: 20px 0;}
.ny-case-list a .news-acen{flex:3; overflow: hidden;}
.ny-case-list a .news-acen img{display: block;width: 100%;transition: all .4s;}
.ny-case-list a .news-aright{flex: 2.9;-webkit-box-sizing: border-box;box-sizing: border-box;padding: 70px 8px 0 70px;font-size: 17px;color: #333;line-height: 34px;}
.ny-case-list a .news-aright h4{font-size:36px;color: #333;font-weight: 400;margin-bottom: 32px;}
.ny-case-list a .news-aright p{color:#555;width: 80%;}
.new-more{width: 190px;line-height: 60px;color: #fff;margin: 0 auto 150px;border-radius: 50px;cursor: pointer;font-size: 18px;
 background: url(../images/ny-news-more.png) no-repeat center right 41px #027DB4;text-indent: 42px;}

.ny-case-list a:hover .news-acen img{transform: scale(1.1);}
.ny-case-list a:hover .news-aright h4{color:#EF0000}

.news-more {margin-top:60px}
.news-more b{background: #DDDDDD;}
.ny-case-list a:hover .news-more b{background: #EF0000;}
.ny-case-list a:hover .case-more b:after{-webkit-animation: arrowBottom01 0.8s cubic-bezier(0.645, 0.045, 0.355, 1);animation: arrowBottom01 0.8s cubic-bezier(0.645, 0.045, 0.355, 1);}

.ny-news-details{margin:205px auto 50px auto}
.ny-news-title{max-width:1000px;margin:0 auto}
.ny-news-title .ny-news-back a{color:#222;background: url(../images/pro-jtleft.png) no-repeat center left;padding-left:38px;margin-bottom:39px;display: block;font-size:18px;font-weight:400}
.ny-news-title .ny-news-back a:hover{color:#EF0000}
.ny-news-title h2{font-weight:500;font-size:36px;line-height: 54px;margin-bottom:25px}
.ny-news-title .time{color:#ACAEB0}
.ny-nd-jb{width:100%;height:5px;background-image: linear-gradient(to right, #FFCECE , #EF0000);margin:60px 0}
.ny-details-content p{max-width:1000px;margin:0 auto;font-size:20px;line-height: 36px;}
.ny-details-content{padding-bottom:70px}
.ny-details-fx{padding:25px 0;border-top:1px solid #E4E4E4;border-bottom:1px solid #E4E4E4;text-align: center;font-size:20px;font-weight:400}
.ny-details-fx span{display: inline-block;line-height: 46px;vertical-align: middle;margin-right:20px}
.ny-details-fx a{width:46px;height:46px;border-radius:100%; background: #D6D6D6;text-align: center;display: inline-block;    vertical-align: middle;margin-right:15px;transition: all .5s;}
.ny-details-fx a:hover{ background: #09A5E8;}
.ny-details-fx a img{margin-top:12px;display: inline-block;}

.ny-question-list{margin:40px auto;max-width: 1300px;;}
.ny-question-list dl{ border-bottom:1px solid #eee;padding:20px 0 26px 0; background:#f5f5f5;}
.ny-question-list dl span,.ny-question dl p{float:left ;line-height: 25px;}
.ny-question-list dl span{width:30px;font-weight:bold}
.ny-question-list dl p{width:95%;font-size:14px;color:#666;line-height: 25px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical ;}
.ny-question-list dl a{width:85%;margin:0 auto;display: block;}
.ny-question-list dl dt,.ny-question-list dl dd{overflow: hidden;}
.ny-question-list dl dd{margin-top:15px}
.ny-question-list dl dt{font-size:16px;border-bottom:1px dashed #E5E5E5;padding:15px 0}
.ny-question-list dl dt p{font-weight: bold;color:#333;font-size: 16px;}


.pagelist {padding: 2% 0 4%;overflow: hidden;border-top:0px solid #eee;text-align:center;}
.pagelist a,.pagelist span {font-size: 16px;color: #333;   background: #eeeeee; display: inline-block;margin-right:5px;border-radius: 50%;width: 39px;height: 39px;line-height: 39px;}
.pagelist span.current {color: #fff;background: #EF0000;}
.pagelist a.first,.pagelist a.end{padding: 0 40px;border-radius: 20.5px;}
span.rows{width: 170px;border-radius: 20.5px;}
/*2021.9.24常见问题banner*/
.problem-banner{ background: url(../images/problem-banner.jpg) no-repeat center;}


/* 2024/3/8 关于我们发展历程*/
.ny-history {background: url(../images/aboutThree-bj.jpg) no-repeat center; background-size: cover; background-attachment: fixed;}
.ny-history .ny-history-title {color: #fff;}
.ny-history .left h3 {font-size: 2.63rem;color: #fff;}
.ny-history .left span {font-size: 1.25rem;color: #fff;  }
.ny-history .left span::after{content: '';display: block;width:4.25rem;height: 0.1875rem; background: #EF0000;margin-top: 1.25rem;}
.ny-history .left .left{margin-top: 2rem;}
.ny-history .left em{display:block;color: #fff;opacity:0.2;text-transform: uppercase; font-size: 2.5rem;font-weight: bold;font-family:arial;font-weight: 900;margin: 2rem 0;line-height: 2.5rem;}

.profile2 {position: relative;  padding:7rem 0 ;  z-index: 1;}
.profile2 .w1200 {width: 1400px; display: flex;  align-items: flex-start;   justify-content: space-between; margin: auto;}
.profile2 .left  .about-title {text-align: left;}
.profile2 .left  .about-title h4 {font-size: 36px; color: #DBDBDB; font-weight: bold;}
.profile2 .left  .about-title i {width: 58px;  height: 4px; background: #467db5; display: block; margin-top: 34px;}
.profile2 .w1200 .left .img { margin-top: 35px;  opacity: 1; transform: translateY(40px); transition: .5s;}
.profile2 .w1200 .left .img.flag {  opacity: 1; transform: translateY(0);}
.profile2 .w1200 .left .img.firimg {  margin-bottom: 25px;}
.profile2 .w1200 .left .img img { width: 180px;}
.profile2 .w1200 .left .aline { position: relative;  width: 180px;  height: 3px;  background: #EC6B22;  margin: 30px 0 0px;  overflow: hidden;}
.profile2 .w1200 .left .aline span {position: absolute; left: 0; width: 24px; height: 3px;  background: #fff; animation: aline1 3s infinite linear; }
.profile2 .w1200 .right {  transform: translateY(6px);}
.profile2 .w1200 .right .box {  position: relative;  display: flex; align-items: center; opacity: 1; /* transform: translateX(50%); */  transition: .6s;}
.profile2 .w1200 .right .box.flag {  opacity: 1;  transform: translateX(0);}
.profile2 .w1200 .right .box .swiper-time {  height: 320px;  padding-top: 145px; box-sizing: border-box; overflow: hidden;  margin-right: 60px;}
.profile2 .w1200 .right .box .swiper-time .swiper-wrapper .swiper-slide {  cursor: pointer; }
.profile2 .w1200 .right .box .swiper-time .swiper-wrapper .swiper-slide.swiper-slide-active h5 { color: transparent;}
.profile2 .w1200 .right .box .swiper-time .swiper-wrapper .swiper-slide h5 { position: relative; font-size: 1.63rem;font-weight: bold;  font-family: "GOTHIC";  color: #ffffff; font-weight: 700; line-height: 1;  transition: .5s;}
.profile2 .w1200 .right .box .swiper-timeline {   position: absolute;   top: 50%; left: 16px;  width: 181px; height: 5px; background: #FFFFFF; transform: translateY(-50%);  z-index: 2;}
.profile2 .w1200 .right .box .swiper-timebox { width: 858px; height: 489px;    background: rgba(255, 0, 0,.58);}
.profile2 .w1200 .right .box .swiper-timebox .swiper-wrapper .swiper-slide { display: flex;align-items: center; padding: 0 85px; justify-content: space-between;  box-sizing: border-box;}
.profile2 .w1200 .right .box .swiper-timebox .swiper-wrapper .swiper-slide .flags-time {display: flex; align-items: flex-end;}
.profile2 .w1200 .right .box .swiper-timebox .swiper-wrapper .swiper-slide h5 { font-size: 6.19rem;  font-weight: 700;  font-family: "GOTHIC";  color: #fff;   display: inline-block;}
.profile2 .w1200 .right .box .swiper-timebox .swiper-wrapper .swiper-slide span {color: #fff;font-size: 1.88rem;line-height: 6.19rem;     display: inline-block; margin-left: 1rem;}
.profile2 .w1200 .right .box .swiper-timebox .swiper-wrapper .swiper-slide p { color: #fff; width: 350px; font-size: 1.19rem; line-height: 30px;}
.profile2 .w1200 .right .box .swiper-timebox .prev, .profile2 .w1200 .right .box .swiper-timebox .next { position: absolute; width: 56px;  height: 56px;  border-radius: 50%; left: 280px; display: flex; align-items: center;  justify-content: center;  color: #fff; border: 1px solid rgba(255, 255, 255, 0.3); box-sizing: border-box; z-index: 3; font-size: 12px; font-weight: 700; transition: .5s;  cursor: pointer;   font-size: 30px;}
.profile2 .w1200 .right .box .swiper-timebox .prev:hover, .profile2 .w1200 .right .box .swiper-timebox .next:hover { border-color: #fff; color: #5a8ec0;}
.profile2 .w1200 .right .box .swiper-timebox .prev {top: 70px; background: url(../images/swiper-timebox-jt1.png) no-repeat center;}
.profile2 .w1200 .right .box .swiper-timebox .next {bottom: 85px; background: url(../images/swiper-timebox-jt2.png) no-repeat center;}