*{margin:0;padding:0;}
body{width:100%; overflow-x: hidden;font-family: "微软雅黑";color:#333;font-weight: 400;background:#122D5A;}
body,input{color:#333;font-size: 16px;}
a{text-decoration:none;color: #333;}
a:hover{ text-decoration:none;}
i,em{font-style:normal}
img{border:0;display: block;}
ul li{list-style: none}
h1,b{font-weight:normal}
button{border:none; background: none;}
dd,dl{padding:0;margin:0}
h1,h2,h3{display: block;}
/*公共样式*/
.container{max-width:1440px;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%;z-index: 99999;transition: all 0.5s;position: fixed;top:0;left:0;width:100%;}
.fix-logo{display: none;}
.header-fix{height:110px;top:-15px;background:#0D2142;}

.header-fix .nav .hide{top:95px}
.header-fix .fix-logo{display: block;}
.header-fix .logo{display: none;}
/* .header-fix .nav ul>li>a{color:#333} */
.header-fix .header-con{padding-top:32px}
/* .header-fix .nav ul>li::after{background: #333;} */
.header-fix .nav ul li{margin-top:5px}

.search-fff{display: block;}
.search-fix{display: none;}
.header-fix .search-fff{display: block;}
.header-fix .search-fix{display: none;}

.header-con{max-width:1440px;margin:0 auto;padding-top:55px;}
.header-right{float:right;width:60%}
.header-right .nav{width:94%;}
.header-right .search-box {width:6%}
.header-zw{height: 112px;}

.header-up{ position: fixed;top: -140px;transition: all .8s;box-shadow: 1px 1px 10px rgba(0,0,0,0.1); }
.header-upfix{top:0; background: #fff;}


.nav ul li{float:left;text-align: center;line-height: 43px;margin-right:10%;position: relative;margin-top:10px;height:46px;transition: all 0.5s;}
.nav ul>li>a{font-family: "Noto Sans SC";text-align: center;padding-bottom:5px;font-size:20px;font-weight:400;height:46px;float:left;color:#fff;transition: all .5s;}
.nav ul>li::after{content: '';display: block;width:0;height:1px; background: #fff; position: absolute;bottom:0;transition: all .3s;}
.nav ul>li:hover::after,.nav ul li.on::after{width: 100%;}
.nav .hide{  position: fixed;width: 530px; left: 530px;right: 0; margin:0 auto;top: 125px;text-align: left;padding: 0 30px; height: 0px;overflow: hidden;box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);z-index: 999;transition: 400ms ease-in-out;background: #fff; }
.nav .hide .hide-left{width:45%;text-align: left;text-indent:1rem;padding-top:25px;}
.nav .hide .hide-left dd{height:50px;line-height: 50px;border-bottom:1px solid #eee;background: url(../images/nav-jt.png) no-repeat center left;}
.nav .hide .hide-left dd:hover{background: url(../images/nav-jtblue.png) no-repeat center left;}
.nav .hide .hide-left dd a{width: 100%;display: block;font-size:16px;color:#333}
.nav .hide .hide-left dd:hover a{color:#333}
.nav .hide .hide-left dd::after{content:'';display:block;background: #284069;height:1px;display: block;width:0;transition: all .4s;}
.nav .hide .hide-left dd:hover::after{width:100%;}
.nav .hide .hide-right{width:49%;margin-top:30px;}
.nav .hide .hide-right img{width: 100%;}
.nav .hide{box-shadow: 1px 1px 10px rgba(0,0,0,0.1); }
.nav li:hover .hide {height:260px; transition: 400ms ease-in-out;}

.search-box{height: 77px; position: relative; z-index: 9999; width: 92px;}
.search-btn{height: 77px; }
.search-btn img{margin: auto;margin-top: 18px;}
.search-pro { -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;background-color: rgba(255,255,255,1); padding: 20px 30px; box-sizing:border-box; width: 400px;min-height: 200px;position: absolute;right: -48px;top: 77px;opacity:0;transform: translateY(50px);transition: all .5s ease;-webkit-box-shadow: 0 0 99px rgba(29,56,75,.4);-moz-box-shadow: 0 0 99px rgba(29,56,75,.4);box-shadow: 0 0 99px rgba(29,56,75,.4);pointer-events: none;}
.search-pro::after {content: '';display: block;width: 18px;height: 18px;transform: rotate(45deg);top: -8px;right: 60px;background-color: #fff;position: absolute;}
.search-box:hover .search-pro {opacity: 1;transform: translateY(0);pointer-events: auto;}
.search{border-bottom: 1px solid #e1e1e1; height: 50px; margin-bottom: 10px;}
.search input{outline: none; border: none; font-family: "Microsoft YaHei";font-size:15px }
.search-text{width: 310px; line-height: 50px;}
.search .sub{background: url(../images/form-search.png) no-repeat center; width: 28px; height: 50px; }
.search-list dl dt{float: left; margin-right: 10px; margin-bottom: 10px;}
.search-list dl dt a{position: relative; transition: all .5s ease .3s; display: inline-block; padding: 0 10px; background: #e1e1e1; border-radius: 4px;  text-align: center;}
.search-list dl dt a:after{content: '';display: block;width: 0;transition: width .5s ease-out;height: 100%;background-color: #2770B2;position: absolute;top: 0;left: 0; z-index: 0; border-radius: 4px;}
.search-list dl dt:hover a:after{width: 100%; }
.search-list dl dt span{font-size: 16px; line-height: 36px; color: #999; position: relative; z-index: 1}
.search-list dl dt:hover span{color: #fff;}
/*头部*/



/*banner*/
.banner{height:100vh;width: 100%; position: relative;overflow: hidden;}
.banner a{font-size:19px;color:#333;font-family: arial;}
.banner .banner-wz{ position: relative;width:100%;text-align: left;top:140px}
.banner .banner-wz p{font-size:65px;color:#fff;line-height: 50px;margin-top:65px;margin-bottom:10px;font-weight: 700;  text-shadow: 0.707px 0.707px 7px rgba(38, 41, 45, 0.004);}
.banner .banner-wz h2{font-size:65px;color:#fff;width: 100%;font-weight:normal;line-height: 65px;font-weight: 700;margin:25px 0 0 0}
.banner .banner-wz span{display: block;font-size:18px;line-height: 18px;color:#fff;font-weight: 400;margin-top:30px;}

#product{padding-top:270px;margin-top:-200px}

.banner .banner-wz a{line-height:68px;display: block;width:198px;line-height: 68px;font-size:17px;color:#fff;background: url(../images/banner-more.png) no-repeat center right 30px;text-indent: 30px;border:1px solid #fff;text-align: left;transition: all .3s;}
.banner .banner-wz a:hover{text-indent: 20px;background: url(../images/banner-more.png) no-repeat center right 20px;}
.banner .container{margin-top:10.5%}
.banner .container .banner-img{margin-top:-5%}

.banner .swiper-pagination{ position: absolute;bottom:140px !important;left:0;margin:0 auto;text-align: center;}
.banner .banner-num span{width:4px;height:25px; background: #fff; opacity:0.3;display: inline-block;border-radius: 5px;transition: all .5s; position: relative;margin:0 10px;top:0;bottom:0}

.banner .banner-num .swiper-pagination-bullet-active{ background: #fff;opacity: 1;height: 50px;top:10px}
.banner-jt{position: relative;max-width: 1440px;margin:0 auto;bottom:105px}
.banner-jt .swiper-button-next{    right: auto;   left: 78px;}
#bannerjt{width:32px;height:32px;border-radius:100%;border:1px solid rgba(255,255,255,0.5);transition: all .4s;}
#bannerjt:hover{ background-color:rgba(255,255,255,0.32) !important;border:1px solid rgba(255,255,255,0.32)}

.banner .swiper-button-prev{left:0}
.swiper-num { font-family: arial; color: #fff; font-size: 20px; color: #fff;margin-left:50px}
.swiper-num .actives {display: inline-block; font-size:30px;}
.swiper-num span {}
.swiper-num .total {display: inline-block;}
.swiper-num{ position: relative;z-index: 9999;left:150px;bottom:0}

.banner .swiper-slide:nth-child(3) .banner-wz h2{font-size:34px}
.banner .swiper-slide:nth-child(4) .banner-wz h2{font-size:45px}
.banner .swiper-slide:nth-child(5) .banner-wz h2{font-size:29px;text-transform: uppercase;}
/*banner*/


/* 关于我们 */
.nuarrow{font-family:"arial Narrow";font-weight:800;text-transform: uppercase;}
.about{padding:120px 0 150px 0}
.about .title b,.about .title span,.about .title p,.about .title span{color:#fff;}
.title b{color:#333;font-size:60px;font-weight:900;line-height: 60px;display:block}
.title p{font-size:30px;font-weight:300;color:#fff;line-height: 30px;margin-top:10px;}
.title span{font-size:16px;color:#333;font-family:"arial Narrow";text-transform:uppercase;font-weight:800;letter-spacing:5px;line-height: 16px;margin-top:36px;display: block;}

.more{width:210px;height:55px;margin-top:50px}
.more a{color:#fff;display: block;width: 100%;height: 100%;line-height: 55px;font-size:16px;text-indent: 30px;border:1px solid #fff;position: relative;overflow: hidden;transition: all .4s;letter-spacing:1px;}
.more a em{display: block;background: url(../images/about-morefff.png) no-repeat center right 30px;}
.more a:after{width: 400px;height: 400px; background: #61aedf;border-radius:100%;content: '';display: block;position: absolute;top:-60%;right:-200%;z-index: 99;transition: all .5s;}
.more a:hover:after{right:-58%;width:400px}
.more a:hover{color:#fff;background: url(../images/about-morefff.png) no-repeat center right 30px;border-color:#61aedf}
.more a em{ position: relative;z-index:999}
.about-fl{width:30%}
.about-fr{width:64%;margin-top:60px}
.about-fr .about-title{font-size:26px;font-weight: 800;letter-spacing: 4px;line-height: 26px;margin-bottom:34px;color:#fff;}
.about-fr p{line-height: 39px;color:#E5F5FF;font-size:16px;font-weight:normal; }

.about{ position: relative;background-image: linear-gradient(#29416a, #133366);}
#index-con{width: 100%; height:450px; overflow: hidden; margin: 0 auto; position: absolute;bottom:0;z-index:9;opacity: 0.5;}
/* 关于我们 */


/* 解决方案 */
.case{ background: url(../images/pro-bg.jpg) no-repeat center; background-size: cover;background-attachment: fixed;padding:120px 0}
.case .title b,.case .title span{color:#fff}
.case .title span{margin-top:20px}
.case p{color:#fff;font-size:17px;line-height: 35px;margin-top:55px}
.case-top .fr{width:30%;float:left;margin-left:7%;margin-top:100px}
.case-top .fl{    width: 35%;margin-left: 9%;}
.case-top .fl img{width: 100%;}

.case .more {margin-top:50px;}
.case .more a{border-color:#fff;color:#fff;}
.case .more a:after{width: 400px;height: 400px; background: #61aedf;border-radius:100%;content: '';display: block;position: absolute;top:-85%;right:-142%;z-index:9;transition: all .5s;}
.case .more a:hover:after{right:-50%;width:400px}
.case .more a em{ position: relative;z-index: 99;background: url(../images/about-morefff.png) no-repeat center right 30px;display: block;}
.case .more a:hover{color:#fff;background: url(../images/about-morefff.png) no-repeat center right 30px;border-color:#61aedf}

.case-bottom .fl{width:30%;}
.case-bottom .fl{margin-top:130px;margin-left:10%}
.case-bottom .fr {width:40%;margin-right:10%;position: relative;margin-top:2%}
.case-bottom .fr img{width: 100%;}
/* 解决方案 */

/* 新闻资讯 */
.news{padding:100px 0 ;background-size: cover; background: #122648;}
.news .container{position: relative;}
.news-list{overflow: hidden;color:#fff}
.news .title{text-align: center;color:#fff}
.news .title span,.news .title b{margin-top:20px;color:#fff}
.news-list{margin-top:100px;padding-top:30px;}
.news-list li:nth-child(1){border-left:1px solid #EEEEEE;color:#fff}
.news-list li{transition: all .3s;float:left;width:calc(100%/3 - 30px);border-right:1px solid rgba(255,255,255,0.3);padding-left:60px;padding-right:60px;box-sizing: border-box;}
.news-list .swiper-button-next{right:-55px}
.news-list .swiper-button-prev{left:-55px;}
.news-list li .pic img,.news-list li .pic{width: 100%;}
.news-list li .info em{font-size:15px;color:#fff; background: url(../images/news-icon.png) no-repeat center left;padding-left:30px;transition: all .4s;}
.news-list li .info h2{font-size:20px;color:#fff;font-weight: normal;margin:20px 0;transition: all .4s;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical ;}
.news-list li .info p{line-height: 30px;color:#fff;font-size:16px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical ;}

.news-list li .pic{margin-top:30px;width:100%;overflow: hidden;}
.news-list li .pic img{width: 100%;transition: all .5s;}
.news-list li:hover .pic img{transform: scale(1.1);}
.news-list li:hover h2{color:#fff;} 
.news-list li:hover {margin-top:-10px;}
.news-list li:hover em{color:#fff}

.news-more-index{width:212px;margin:0 auto}
/* 新闻资讯 */

.footer{ background:#0d2142;padding:60px 0 0 0;}
.foot-left{margin-right:100px}
.foot-center dt,.foot-center dd{color:#fff;}
.foot-center dl{width:330px;}
.foot-center dl{float:left;margin-left:65px}
.foot-center dl dt{font-size:18px;font-weight:bold;line-height: 18px;margin-bottom: 20px;}
.foot-center dl dd{color:#8c98ad;line-height: 37px;font-size:15px}
.foot-center dl dd a{color:#8c98ad}
.foot-center dl:nth-child(2) dd{width:50%;float:left}
.foot-right dd{color:#8c98ad;margin-top:10px;}
.foot-right{text-align: center;}

.footer-bottom{padding:30px 0;margin-top:40px}
.footer div,.footer div a {color:#8c98ad}
.footer div a:hover{color:#fff}
/* 底部 */


/* 关于我们 */
.ny-banner{height:700px;background-attachment: fixed; position: relative;z-index: 99;}
.ny-banner b,.ny-banner h2{color:#fff}
.ny-banner b{font-size:36px;line-height: 36px;display: block;}
.ny-banner h2{font-size: 65px;line-height: 65px;margin-top:10px;;}
.ny-banner .ny-wz{ position: relative;top:330px;}

.ny-about1{padding:100px 0;background-size: cover;}
.ny-about1 .container{ position: relative;z-index: 99;}
.ny-about1 .fl{width:50%}
.ny-about1 .fl img{width: 100%;}
.ny-about1 .fr{width:45%;margin-left:3%}
.ny-title{margin-top:50px;margin-bottom:58px}
.ny-title b{font-size:40px;line-height: 40px;display:block;color:#fff}
.ny-title span{text-transform: uppercase;display: block;margin-top:6px;font-size:16px;letter-spacing:5px;color:#baccdb}
.ny-about1 .fr p{font-size:16px;line-height: 33px;color:#baccdb;margin-bottom:20px;}



.ny-about2{background:url(../images/custom_bg1.jpg) no-repeat center center;padding:110px 0 90px;background-size: cover;}
.ny-about2 .fr{width:50%}
.ny-about2 .fr img{width: 100%;}
.ny-about2 .fl{width:45%;margin-right:3%}
.ny-about2 .fl .ny-title{margin-top:20px;margin-bottom:38px}
.ny-about2 .fl p{font-size:16px;line-height: 33px;color:#fff;margin-bottom:20px;}

.ny-about2 .ny-about-show {margin-top:45px}
.ny-about2 .ny-about-show p{margin-bottom:15px;font-size:20px;}
.ny-about2 .ny-about-show p b{font-weight: bold;color:#333}
.ny-about2 .ny-about-show p img{display: inline-block;vertical-align: middle;    margin-right: 20px;}


.ny-partner{padding:55px 0 95px 0;background-size: cover;}
.ny-partner .ny-title b,.ny-partner .ny-title span{color:#fff}
.ny-partner .container{ position: relative;}
.ny-partner .ny-title{text-align: center;}
.ny-partner ul {overflow: hidden;}
.values-left{margin-left: 5.3%}
.values-left dl{margin-bottom: 23px;}
.values-left dl:last-child{margin-bottom: 0}
.values-left dl img{display: inline-block; vertical-align: middle; margin-right: 20px;}
.values-pic{margin-right: 10%}
.ny-partner ul li{float:left;width:15.6%;margin:0.5%;border:1px solid #ddd;box-sizing: border-box;margin-bottom:12px;background: #fff;}

.ny-partner ul li img{width:100%;transition: all .5s;}
.ny-partner ul li:hover img{transform:rotateY(180deg);}

/* led灯 */
.ny-pro1{padding:100px 0}
.ny-pro1 .ny-title{text-align: center;}
.ny-pro1-con{text-align: center;margin-top:110px}
.ny-pro1-con dl{display: inline-block;text-align: center;margin:0 10px;border-right:1px solid rgba(255,255,255,0.4);width:22%}
.ny-pro1-con dl dt{margin:0 auto;width:72px;}
.ny-pro1-con dl dd{font-size: 18px;line-height: 18px;margin-top:20px;color:#fff;}
.ny-pro1-con dl:nth-child(3){border-right:0}

.ny-pro2{ background: url(../images/led-bg.jpg) no-repeat center; background-size: cover; background-attachment: fixed;height:600px;} 
.ny-pro2-con{width:50%;background: rgba(0,0,0,0.2);float:right;margin-top:110px;overflow: hidden;position: relative;padding:70px 0 100px 0}

.ny-pro2-con dl{}
.ny-pro2-con dl{width:100%}
.ny-pro2-con dl dt,.ny-pro2-con dl dd{color:#fff;width:80%;margin:0 auto}
.ny-pro2-con dl dt{font-size:40px;line-height: 40px;margin-bottom:36px}
.ny-pro2-con dl dd{font-size:18px;line-height: 37px;}

#pro-num{width:80%;margin:0 auto;left:0;right:0;bottom:45px;}
#pro-num {text-align: left;}
#pro-num span{width:25px;height:3px;border-radius:0}
#pro-num .swiper-pagination-bullet{ background: #fff;}
#particles-js{ position: fixed;top:0;height: 100vh;z-index:-999;width:200%;opacity: 0.2;}

.ny-pro3 .container{margin:100px auto}
.ny-pro3 .container img{width: 100%;}
.ny-pro3-top{ background:#142b53;height:100px;line-height: 100px;text-align: center;position: relative; z-index: 9999}
.ny-pro3-top ul li{display: inline-block;height:100px;line-height: 100px;padding:0 100px;}
.ny-pro3-top ul li{font-size:24px;color:#fff;cursor: pointer; position: relative;}
.ny-pro3-top ul li::after{content: '';background: url(../images/icon_down.png) no-repeat center bottom; position: absolute;width:13px;height:8px;position: absolute;bottom:5px;left:0;right:0;margin:0 auto;opacity: 0;transition: all .4s;}
.ny-pro3-top ul li:hover::after,.ny-pro3-top ul li.on::after{opacity: 1;bottom:15px;}
.ny-pro3-con div:first-child{display: block;}
.ny-pro3-con div{display: none;}
.ny-pro3-top ul li.on{    background:#264a86;}



.ny-pro4{padding-bottom:80px;padding-top:50px;margin-top:80px; background:#142b53;}
.ny-pro4 .ny-title{text-align: center;}
.ny-pro4-list ul li{float:left;width: calc(100%/3 - 10px);margin-right:10px;}

.ny-pro4-list ul li img{width: 100%;}
.ny-pro4-list{ position: relative;overflow: hidden;padding-bottom: 50px;}


.ny1-pro1 .ny-title{text-align: center;margin:80px 0}
.ny1-pro1-con{margin:50px 0 30px 0;overflow: hidden;}

.ny1-pro1-con .ny1-pro-wz{width:45%;}
.ny1-pro-wz h2 b,.ny1-pro-wz h2 span{display: block;}
.ny1-pro-wz h2 b{font-size:34px;line-height: 50px;margin-bottom:10px;font-weight: bold;color:#fff}
.ny1-pro-wz h2 em{font-size:16px;line-height: 22px;font-weight: normal;letter-spacing: 5px;font-weight: bold;display: block;color:#fff}
.ny1-pro-wz h2 span{font-size:16px;font-weight:normal;color:#eee}
.ny1-pro-wz ul{margin-top:55px}
.ny1-pro-wz ul li{font-size:18px;line-height: 55px;color:#666;}
.ny1-pro-img{width:56%;}
.ny1-pro-img img{width: 100%;}
.ny1-pro1-con .c{margin-bottom: 50px;display:flex;align-items: center;  }
.ny1-pro1-con .c:nth-child(2) .ny1-pro-wz{order:2}
.ny1-pro1-con .ny1-pro-wz h2{width: 90%;margin:0 auto;}

.ny1-pro2{ background-attachment: fixed;background-size: cover;padding-bottom: 30px;}
.ny1-pro2 .ny1-pro-wz h2 b{color:#333}
.ny1-pro2 .ny1-pro-wz ul li{color:#666;line-height: 50px;}
.ny1-pro2 .ny1-pro-wz{margin-top:130px;}


.ny1-pro3{margin:0 auto;max-width: 1440px;;}
.ny1-pro3-con{width:100%;margin:0 auto}
.ny1-pro3 .ny-title{text-align: center;}
.ny1-pro3 .ny1-pro3-con .fl{width:54%;margin-right:1%}
.ny1-pro3  .ny1-pro3-con .fr{width: 43.7%;}
.ny1-pro3 .ny1-pro3-con img{width: 100%;}

.ny1-pro4{text-align: center; padding:20px 0 100px 0}
.ny1-pro4-con li{float:left;width:30%}
.ny1-pro4 .container{ position: relative;}
.ny1-pro4-con{overflow: hidden;}
.ny1-pro4-con .swiper-button-next{right:-30px}
.ny1-pro4-con .swiper-button-prev{left:-30px}

.ny-pro5{ padding:20px 0 80px 0}
.ny-pro5 .ny-title{text-align: center;}
.ny-pro5 .container {max-width:1055px;margin:0 auto}
.ny-pro5 .container dl{margin-bottom:10px}
.ny-pro5 .container dt{height:55px;line-height: 55px;cursor: pointer;transition: all .2s;color:#fff;font-size:16px;text-indent: 50px; background:rgba(255,255,255,0.2);}
.ny-pro5 .container dd{font-size:14px;line-height: 24px;padding:30px;display: none;color:#fff}
.ny-pro5 .container dt.on{ background:#2b4c84;color:#fff}
.ny-pro5 .container dt::after{content: '+';float:right;font-size:24px;color:#fff;margin-right:40px}
.ny-pro5 .container dt.on::after{color:#fff}

.ny-contact{background-size: cover;padding-bottom:50px}
.ny-contact .ny-title{margin-top:160px}
.ny-contact .ny-title b{font-size:34px;font-weight:bold}
.ny-contact-con{margin-top:85px}
.ny-contact-con p{font-size:16px;padding-left:50px;margin-top:43px;padding:10px 0 10px 50px;color:#fff}
.ny-contact-con p:nth-child(1){background: url(../images/contact-icon1.png) no-repeat center left;}
.ny-contact-con p:nth-child(2){background: url(../images/contact-icon2.png) no-repeat center left;}
.ny-contact-con p span{font-size:28px;font-weight: bold;;font-family: arial;}

.ny-contact .fr{width: 46%;margin-top:80px;}
.message div{overflow: hidden;border-bottom:1px solid #DDDDDD;height:80px;line-height: 80px;margin-bottom:10px;}
.message div span{font-size:18px;width:18%;float:left;color:#fff}
.message div input{width:70%;float:left;border:none;background: none;height: 80px;line-height: 80px;color:#fff}
.message .textarea {height:auto;color:#fff;}
.message .textarea span{display:block;width: 100%;}
.message .textarea textarea{display: block;width:100%; background: none;border:none;height:60px;font-family: '微软雅黑';vertical-align: bottom;color:#fff;}
.message .textarea textarea::-webkit-input-placeholder{color:#fff;}
.message .submit,.message .submit input{ background:#2b4c84;color:#fff;height:55px;text-align: center;line-height: 55px;}
.message .submit input{width: 100%;font-size:16px}
.message .submit{margin-top:30px;border-bottom:0}
.map img{    image-rendering: pixelated;}

.news-banner{ background: url(../images/news-banner.jpg) no-repeat center;}
.ny-news-list{margin:60px auto;}
.ny-news-list a{display: flex;padding: 45px 0;border-bottom: 1px solid rgba(255,255,255,0.2);}
.ny-news-list a .news-aleft{flex: 1;display: flex;flex-direction: column;font-size: 16px;color: #fff;}
.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: #fff;font-weight: 400;margin-bottom: 32px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical }
.ny-news-list a .news-aright p{color:#fff;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;opacity: 0.7; }
.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:#fff}

.news-more {margin-top:60px}
.news-more b{background:rgba(255,255,255,0.3);}
.ny-news-list a:hover .news-more b{background: #122D5A;}
.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-more{font-size:18px;color:#333333;overflow: hidden;margin-top:40px}
.case-more b{vertical-align: middle;float: left;width:37px;height: 37px;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}
}


.ny-news-details{margin:60px auto 50px auto}
.ny-news-title{max-width:1000px;margin:0 auto}
.ny-news-title .ny-news-back a{color:#fff;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:#195FA5}
.ny-news-title h2{font-weight:500;font-size:36px;line-height: 54px;margin-bottom:25px;color:#fff;}
.ny-news-title .time{color:#eee}
.ny-nd-jb{width:100%;height:5px;background-image: linear-gradient(to right, #64A8DC , #195FA5);margin:60px 0}
.ny-details-content p{max-width:1000px;margin:0 auto;font-size:20px;line-height: 36px;color:#fff !important;;}
.ny-details-content p span{color:#fff !important;}
.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;}


/*分页样式*/
.pagelist {padding: 10px 0;margin-top:15px;overflow: hidden;border-top:0px solid #eee;text-align:center;}
.pagelist a,.pagelist span {border: 1px solid #ccc; display: inline-block;padding: 2px 8px;margin-right:5px;color:#fff}
.pagelist span.current {color: #f30;border: 1px solid #ddd;}


.ny1-pro1-con .c{margin-bottom: 50px;display:flex;align-items: center;     border: 1px solid rgba(255,255,255,0.1);}
.ny1-pro1-con .c:nth-child(even) .ny1-pro-wz{order:2}
.ny1-pro3-con .ny1-pro-wz h2{width:75%;margin:0 auto;text-align: center;}

.ny1-pro3-con .fl,.ny1-pro3-con .fr{width: 50%;}
.ny1-pro3-wz h2 span{font-size:22px;line-height: 30px;}