*{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:1600px;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{ position: fixed;top:0;left:0;right:0;width: 100%;z-index: 9999;transition: all .5s;}
.header .logo{margin-top:23px}
.header .logo2{display: none;}

.header .nav li{float:left;height:100px;line-height: 100px;margin-left:60px;}
.header .nav li a{color:#fff;font-size:16px;height: 20px;line-height: 20px;padding-bottom:10px}
.header .nav li:hover a,.header .nav li.on a{border-bottom:2px solid #FF6600}
.header-fix { background: #fff;box-shadow: 1px 1px 10px rgba(0,0,0,0.1);}
.header-fix .nav li a {color:#333}
.header-fix .logo2{display: block;}
.header-fix .logo1{display: none;}
/*头部*/

/*banner*/
.banner{width: 100%;height:940px;overflow: hidden;position: relative;}
.banner div{width: 100%;}
.banner .banner-wz{width:80%;margin:0 auto;position: relative;top:40%}
.banner .banner-wz p{font-size:28px;color:#fff;line-height: 28px;}
.banner .banner-wz p span{margin-right:35px;}
.banner .banner-wz h2{font-size:78px;font-weight: bold;color:#fff;line-height: 78px;margin:25px 0}
.banner .banner-wz a {margin-top:110px;width:190px;height:60px;line-height: 60px;text-align: center;color:#fff; background: #FF6600;display: block;font-size:24px;border-radius:40px}

.banner .swiper-pagination span{background: #fff;width: 10px;height: 10px;}
.banner .swiper-pagination .swiper-pagination-bullet-active{ background: #FF6600;}

/*服务*/
.title{margin:55px 0}
.title em,.title b,.title span{display: block;text-align: center;}
.title b{font-weight:bold;font-size:36px;line-height: 36px;color:#333333;margin:15px 0}
.title span{font-size:18px;line-height: 18px;color:#555555;font-weight:normal}

.service-list dl{float:left;width:calc(100%/4 - 40px);height:400px;border-radius:60px;  box-shadow: 0px 0px 21px 0px rgba(137, 137, 137, 0.22);transition: all .5s;}
.service-list dl{text-align: center;}
.service-list dl b,.service-list dl em{display: block;}
.service-list dl b{font-size:22px;font-weight:bold;color:#333;line-height: 22px;margin-bottom:22px}
.service-list dl dt{height:170px;margin:30px 0}
.service-list dl em{font-size:16px;line-height: 30px;color:#666666}
.service-list dl{margin-right:40px}
.service-list dl:last-child{margin-right:0}
.service-list dl:hover{margin-top:-30px}
/*合作案例*/
.case{margin-top:90px;}
.case-list li{width:24.5%;margin:0.25%;float:left;position: relative;overflow: hidden; background: #000;}
.case-list li img{width:100%;transition: all .5s}
.case-list li span,.case-list li em{display: block;width: 100%;}
.case-list li em{transition: all .4s;position: absolute;top:0;left:0;right:0;bottom:-130%;margin: auto;background: #FF6600;width:130px;height:45px;line-height: 45px;border-radius:40px;text-align: center;color:#fff;font-size:16px}
.case-list li:hover em{bottom:0}
.case-list li:hover img{ opacity: 0.3;transform: scale(1.1);}
.more{width:200px;margin:70px auto; }
.more a{transition: all .3s;width:200px;height:50px;background: #EEEEEE;color:#333;display: block;text-align: center;line-height: 50px;border-radius: 60px;font-size:18px;}
.more a:hover{background: #FF6600;color:#fff;}

/*优势*/
.ys{ background: url(../images/ys-bg.jpg) no-repeat center;height: 699px;}
.ys .title{margin:0 auto;padding:40px 0;padding-top:80px}
.ys .title b,.ys .title span{color:#fff}
.ys .title span{line-height: 32px;opacity: 0.7;font-size:16px}


.ys-list dl{width:calc(100%/4 - 44px);height:315px; background: #fff;border-radius:40px;margin:40px 22px;float:left}
.ys-list dl:last-child{margin-right:0}
.ys-list dl dt{text-align: center;margin-top:48px}
.ys-list dl dt span,.ys-list dl dt b{display: block;}
.ys-list dl dt b{font-size:24px;line-height: 24px;margin-top:20px;font-weight:bold;}
.ys-list dl dd{width:85%;margin:30px auto;font-size:15px;line-height: 24px;color:#666666;text-align: center;}


/*流程*/
.lc-list dl{float:left; background: url(../images/liucheng-jt.png) no-repeat center right 30px;padding-right:134px}
.lc-list dl{text-align: center;}
.lc-list dl dt{width:150px;height: 150px;text-align: center;  box-shadow: -3.106px 11.591px 30px 0px rgba(10, 116, 244, 0.11);border-radius:100%}
.lc-list dl dt img{margin-top:50px}
.lc-list dl dd{font-size:20px;line-height: 20px;font-weight:bold;margin-top:26px;}
.lc-list dl:last-child{padding-right:0;background: none;}

/*合作客户*/
.parent{margin-top:90px}
.parent .title{margin-bottom:20px;}
.parent-list{margin-top:0px;}
.parent-list li{float:left;width:calc(100%/5 - 80px);margin:40px;overflow: hidden;}
.parent-list li img{width: 100%;transition: all .5s; }
.parent-list li:hover img{transform: scale(1.1);}
/*新闻*/
.news{ background: #F5F5F5;padding:1px 0 50px 0;margin-top:40px}
.news-list li{width:24%;margin:0.5%;border-radius:10px;overflow: hidden;float:left;transition: all .5s;}
.news-list li .pic{overflow: hidden;}
.news-list li .pic img{width: 100%;transition: all .5s;}
.news-list li .info{ background: #fff;padding:35px 0;transition: all .5s;}
.news-list li .info h2{font-size:18px;font-weight: normal;color:#333333;line-height: 18px;padding-bottom:20px}
.news-list li .info h2,.news-list li .info p,.news-list li .info em{width:86%;margin:0 auto;display: block;}
.news-list li .info p{color:#666666;margin-bottom:20px;line-height: 24px;}
.news-list li .info em{color:#666; background: url(../images/news-jt.png) no-repeat center right 10px;padding:10px 0}
.news-list li:hover{box-shadow:1px 1px 10px #ddd ;} 
.news-list li:hover .pic img{transform: scale(1.1);}
.news-list li:hover .info h2{color:#FF6600}
.news .more a{ background: #fff;}
.news .more a:hover{background: #FF6600;color:#fff;}

/*底部*/
.footer{margin-top:-80px}
.footer .footer-top{background: url(../images/footer-bg.png) no-repeat center bottom;height:328px;}
.footer .footer-top .container{padding-top: 100px;}
.footer .footer-left{width: 430px;}
.footer .footer-link{cursor: pointer;margin-top:40px;width:400px;height:50px; background: url(../images/link-jt.png) no-repeat center right #fff;line-height: 50px;text-indent: 30px;font-size:16px;color:#666}
.footer .footer-link dd{ background: #f5f5f5;width:340px;display: none;}
.footer .footer-link dd span{display: block;}
.footer .footer-link dd span:hover{ background: #eee;}
.footer .footer-link dd span a{color:#666}

.footer .footer-contact{width:475px;margin-left:10%}
.footer .footer-contact h2{color:#fff;font-weight: normal;border-bottom:1px solid #E58A20; background: url(../images/contact-iconj.png) no-repeat center left;padding-left:40px;height:50px;line-height: 50px;}
.footer .footer-contact h2 b{color:#fff;font-weight:18px;font-weight: bold;}
.footer .footer-contact h2 span{color:#fff;font-size: 16px;}
.footer .footer-contact p{margin-top:10px}
.footer .footer-contact p span{display: block;color:#fff;font-size:15px;line-height: 30px;}
.footer .footer-right dl{float:left;color:#fff;margin-left:35px}
.footer .footer-right dl dd{font-size:15px;margin-top:10px;text-align: center;}

.footer .footer-bottom{ background: #222222;padding-top:60px}
.footer .footer-bottom-t{padding-bottom:20px;border-bottom:1px solid #2D2D2D}
.footer .footer-bottom-t ul li{float:left;}
.footer .footer-bottom-t ul li a{display: inline-block;color:#ABABAB;font-size:16px;line-height: 16px;height:16px;border-right:1px solid #626262;padding:0 30px}
.footer .footer-bottom-t ul li:last-child a{border-right:0}
.footer .footer-bottom-t .fr a{display: inline-block;margin-left:10px}
.footer .footer-bottom-b{height: 60px;line-height: 60px;color:#A9A9A9;}
.footer .footer-bottom-b a{color:#A9A9A9;}


/*app页面*/
.ny-banner{height:600px}
.ny-banner h2{font-size:60px;font-weight:bold;color:#fff;line-height: 60px;}
.ny-banner p{font-size:24px;line-height: 24px;margin-top:30px;color:#fff;margin:25px 0}
.ny-banner .container{position: relative;top:33%;width:75%}
.ny-banner .ny-p{margin-top:70px;}

.position{height:70px;border-bottom:1px solid #eee;line-height: 70px;}
.position .fl a{color:#666666;font-size:16px}
.position .fl{color:#666666;background: url(../images/pos-icon.png) no-repeat center left;padding-left:40px}
.position .ctitle1 li{float:left;font-size:16px;color:#333333;padding:0 50px}
.position .ctitle1 li a{color:#333;padding:0 10px}
.position .ctitle1 li:hover a,.position .ctitle1 li.on a{height:70px;line-height: 70px;border-bottom:1px solid #FF6600 ;display: block;color:#FF6600}



.ny-title{font-size:48px;line-height: 48px;margin:80px 0;text-align: center;}
.ny-app-list dl{text-align: center;float:left;width:calc(100%/3 - 30px);margin:15px;  box-shadow: 0.707px 0.707px 32px 0px rgba(4, 0, 0, 0.08);border-radius:20px;height: 410px;}
.ny-app-list dl b{display: block;font-weight:bold;color:#333;font-size:26px;line-height: 26px;}
.ny-app-list dl dt{padding:40px 0}
.ny-app-list dl dd b{margin-bottom:20px;}
.ny-app-list dl dd{width:70%;margin:0 auto}
.ny-app-list dl dd span{font-size:16px;color:#666;line-height: 30px;}


.ny-team-list dl{transition: all .5s;overflow: hidden;text-align: center;float:left;width:calc(100%/3 - 80px);margin:40px;margin-top:0;  box-shadow: 0.707px 0.707px 32px 0px rgba(4, 0, 0, 0.08);border-radius:20px;height: 410px;}
.ny-team-list dl b{display: block;font-weight:bold;color:#333;font-size:26px;line-height: 26px;}
.ny-team-list dl dt em,.ny-team-list dl dt span{display: block;}
.ny-team-list dl dt em{font-size:34px;color:#fff; position: absolute;top:0%;bottom:0;margin: auto;text-align: center;font-weight:bold;width: 100%;height:40px;}
.ny-team-list dl dt{ position: relative; background: #000;overflow: hidden;}
.ny-team-list dl dt img{transition: all .4s;}
.ny-team-list dl dt span{width: 100%;}
.ny-team-list dl dt span img{width: 100%;opacity: 0.5;}
.ny-team-list dl dd p{width:80%;margin:0 auto;font-size:18px;line-height: 36px;margin-top:55px}
.ny-team-list dl:hover dt img{transform: scale(1.1);}
.ny-team-list dl:hover{box-shadow: 1px 1px 10px #ddd;}


.case-banner .container{top:42%}
.case-banner .container p:after{content: '';width:60px;height:2px; background: #FF6600;display: block;margin-top:50px}


.case-ctitle {margin:30px auto}
.case-ctitle li{float:left;font-size:16px;margin-right:50px;}
.case-ctitle li a{font-size:16px;padding:0 30px;display: inline-block;height:37px;line-height: 37px;border-radius:50px;}
.case-ctitle li:hover a,.case-ctitle li.on a{ background: #FF6600;color:#fff}

.ny-case-list{margin:60px auto}
.ny-case-list li{width:calc(100%/3 - 15px);margin-right:15px;float:left;border:1px solid #EEEEEE;margin-bottom:25px}
.ny-case-list li:nth-child(3n){margin-right:0}
.ny-case-list li .pic{width: 100%;overflow: hidden;}
.ny-case-list li .pic img{width: 100%;transition: all .5s;}
.ny-case-list li .info{height:70px;width:90%;margin:30px auto 0 auto;}
.ny-case-list li .info span b,.ny-case-list li .info span em{display: block;}
.ny-case-list li .info span b{font-size:18px;font-weight:bold;line-height: 18px;}
.ny-case-list li .info span em{color:#888;font-size:14px;line-height: 14px;margin-top:11px;}
.ny-case-list li .info span.fr{border-radius:50px;border:1px solid #DDDDDD;width:140px;height:40px;line-height: 40px;text-align: center;}
.ny-case-list li .info span.fr img{margin-left:10px}
.ny-case-list li:hover .info span.fr{ background: #f5f5f5;}
.ny-case-list li:hover .pic img{transform: scale(1.1);}
.ny-case-list li:hover span{color:#FF6600}


.service-alls{width: 100%;height:900px;text-align: center; position: relative;}
.service-alls em,.service-alls p{display: block;}
.service-alls em{font-size:12px;font-family: arial;color:#fff;margin-top:15px}
.service-alls p{font-size: 24px;color:#fff;margin-top:43px}
.service-alls span{ position: absolute;bottom:50px;left:0;right:0;margin:0 auto;}
.service-alls h2{padding-top:260px}
.service2 p,.service3 p,.service4 p{font-size:20px;line-height: 40px;}
.service2 h2,.service3 h2,.service4 h2{padding-top:160px}

.footer .ny-footer-top{ background: url(../images/ny-footerbg.jpg) no-repeat center;height:281px}
.ny-footer{margin-top:0}
.ny-footer .footer-top .container{    padding-top: 50px;}


.ny-title-p{font-size: 15px;line-height: 36px;text-align: center;color:#444;max-width: 1049px;margin:0 auto;}
.ny-web-js .ny-title{margin-bottom:20px;}
.ny-web-list{margin:50px 0;}
.ny-web-list dl{width: calc(100%/3 - 70px);margin:35px;float:left;position: relative;}
.ny-web-list dl dt{width:108px;height: 108px; position: absolute;top:-50px;right:0;left:0;margin:0 auto}
.ny-web-list dl dd{width:460px;height:200px;border-radius:20px; background: #f5f5f5;padding-top:90px}
.ny-web-list dl dd b,.ny-web-list dl dd span{display: block;}
.ny-web-list dl dd b{font-size:20px;color:#444444;line-height: 20px;text-align: center;font-weight:bold;margin-bottom:20px}
.ny-web-list dl dd span{width:80%;margin:0 auto;color:#666;line-height: 30px;text-align: center;}

.ny-js-container{ background: url(../images/web-js-img.png) no-repeat center;}
.ny-js-con{ background: url(../images/web-bg2.jpg) no-repeat center center;height:840px}
.ny-js-con .ny-title,.ny-js-con .ny-title-p{color:#fff}
.ny-js-con .ny-title{padding-top:75px}
.ny-js-con .ny-title{margin-bottom:40px}
.ny-js-con .ny-js-container dl{color:#fff;padding-left:90px;float:left;width:calc(100%/2 - 90px);}
.ny-js-con .ny-js-container dl dt{font-size:18px;font-weight: bold; }
.ny-js-con .ny-js-container dl dd{font-size:14px;line-height: 28px;margin-top:10px;}
.ny-js-con .ny-js-container dl:nth-child(1){ background: url(../images/web-js-icon1.png) no-repeat left top 8px;}
.ny-js-con .ny-js-container dl:nth-child(2){ background: url(../images/web-js-icon2.png) no-repeat left top 8px;}
.ny-js-con .ny-js-container dl:nth-child(3){ background: url(../images/web-js-icon3.png) no-repeat left top 8px;}
.ny-js-con .ny-js-container dl:nth-child(4){ background: url(../images/web-js-icon4.png) no-repeat left top 8px;}

.ny-js-con .ny-js-container{ position: relative;height: 410px;margin-top:90px}
.ny-js-con .ny-js-container dl:nth-child(1){position: absolute;left:0;}
.ny-js-con .ny-js-container dl:nth-child(1) span{position: absolute;top:11px;right:33%}

.ny-js-con .ny-js-container dl:nth-child(2){position: absolute;right:0;top:0;width:169px}
.ny-js-con .ny-js-container dl:nth-child(2) span{position: absolute;    bottom: 49px;right: 108%;}

.ny-js-con .ny-js-container dl:nth-child(3){position: absolute;left:0;bottom:50px;width: 169px;}
.ny-js-con .ny-js-container dl:nth-child(3) span{position: absolute;top: 9px; right: -86%;}

.ny-js-con .ny-js-container dl:nth-child(4){position: absolute;right:0;bottom:50px;width: 206px;}
.ny-js-con .ny-js-container dl:nth-child(4) span{position: absolute;    top: 25px;right: 111%;}
.ny-js-case{margin-bottom:60px}
.ny-js-case .ny-title{margin-bottom:30px}

.ny-about-con{max-width:1100px;margin:50px auto}
.ny-about-title{font-size:40px;line-height: 40px;text-align: center;font-weight: bold;}
.ny-about-title:after{content: '';display: block;width:47px;height:3px; background: #FF6600;margin:30px auto}
.ny-about-con p{font-size:16px;line-height: 36px;color:#666;text-indent: 2rem;margin-bottom:20px}

.ny-about-ys1{ background: #f5f5f5; position: relative;}
.ny-about-ys1 .fr h2{font-size:40px;font-weight: bold;color:#333;line-height: 40px;margin-bottom:40px;;}
.ny-about-ys1 .fl,.ny-about-ys1 .fr{width:50%;}
.ny-about-ys1 .fl img{width: 100%;}
.ny-about-ys1 .fr h2{font-size:40px;line-height: 40px;padding:80px 0 30px 0}
.ny-about-ys1 .fr h2,.ny-about-ys1 .fr p{width:70%;margin:0 auto}
.ny-about-ys1 .fr p{font-size:15px;line-height: 30px;color:#555555;}


.ny-about-ys2{ background: #f5f5f5; position: relative;}
.ny-about-ys2 .fr h2{font-size:40px;font-weight: bold;color:#333;line-height: 40px;margin-bottom:40px;;}
.ny-about-ys2 .fl,.ny-about-ys2 .fr{width:50%;}
.ny-about-ys2 .fr img{width: 100%;}
.ny-about-ys2 .fl h2{font-size:40px;line-height: 40px;padding:80px 0 30px 0}
.ny-about-ys2 .fl h2,.ny-about-ys2 .fl p{width:70%;margin:0 auto}
.ny-about-ys2 .fl p{font-size:15px;line-height: 30px;color:#555555;}

.ny-about-ys .ny-about-icon{position: absolute;top:0;left:0;right:0;bottom:0;margin:auto;width:180px;height: 180px;}

.ny-lc{margin-top:90px}
.ny-parent{ background: #f5f5f5;padding:50px 0}

.ny-contact{overflow: hidden; padding: 63px 0 86px}
.ny-contact ul{width: calc(100% + 18px)}
.ny-contact ul li{float: left; background: #F4F7FE; height:250px; margin-right: 35px; width: calc(100% / 4 - 35px)}
.ny-contact ul li span{display: block;height: 70px;}
.ny-contact ul li .info{text-align: center; padding: 0 14%; box-sizing:border-box;}
.ny-contact ul li .info img{display: block; margin: 33px auto 10px}
.ny-contact ul li .info strong{display: block; font-size:26px; color: #333; margin-bottom: 10px}
.ny-contact ul li .info em{display: block; font-size: 16px; line-height: 30px; color: #666;}
.ny-contact ul li:last-child{display: flex}
.ny-contact ul li .contact-wx{margin: auto}
.ny-contact ul li .contact-wx b{display: block; font-size: 18px; color: #333; writing-mode:vertical-rl; margin-left: 8px; margin-top: 9px}

.ny-xcx-list{margin-top:50px;}
.ny-xcx-list dl{float: left;width: calc(100%/4 - 55px);margin-right:55px; box-shadow:1px 1px 10px rgba(0,0,0,0.1) ;border-radius:10px;margin-bottom:50px;height:250px}
.ny-xcx-list dl:nth-child(4n){margin-right:0}
.ny-xcx-list dl dt{text-align: center;padding:40px 0}
.ny-xcx-list dl dd{width:270px;margin:0 auto}
.ny-xcx-list dl dd b{font-size: 20px;font-weight: bold;text-align: center;line-height: 20px;margin-bottom:20px;display: block;}
.ny-xcx-list dl dd span{display: block;text-align: center;line-height: 26px;color:#666}

.ny-xcx-js .ny-title{    margin: 80px 0 20px 0;}
.ny-xcx-youshi .ny-title{    margin: 80px 0 20px 0;}

.ny-xcx-youshi{ background: url(../images/xcx-img.png) no-repeat bottom left #f5f5f5;padding-top:85px;height:700px}

.ny-xcx-youshi .fl img{width: 100%;}
.ny-xcx-youshi .fr{width:55%;margin-right:9%}
.ny-xcx-youshi .ny-xcx-yslist{width:100%; background: #FFF;overflow: hidden;border-right:1px solid #ddd;border-bottom:1px solid #ddd;margin-top:50px}
.ny-xcx-youshi .ny-xcx-yslist dl{float:left;height: 200px;width: calc(100%/3);text-align: center;border:1px solid #ddd;box-sizing: border-box;}
.ny-xcx-youshi .ny-xcx-yslist dl dt{font-size:18px;font-weight:bold;margin:50px 0 10px 0}
.ny-xcx-youshi .ny-xcx-yslist dl dd{font-size:15px;line-height:30px;color:#555;width:70%;margin:0 auto}
.ny-xcx-youshi .ny-xcx-yslist dl{border-right:0;border-bottom:0}



/*内页新闻动态列表页*/
.nynews-list{overflow: hidden; padding: 50px 0; width: 100%}
.nynews-list ul{width: calc(100% + 33px);}
.nynews-list ul li{float: left; margin-right: 33px; width: calc(100% / 4 - 33px); margin-bottom: 33px;}
.nynews-list ul li .pic img{display: block; width: 100%;}
.nynews-list ul li .info{background: #f9f9f9; padding: 16px  16px 26px; text-align: center;}
.nynews-list ul li .info strong{display: block; font-size: 16px; color: #333333; margin-bottom: 9px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.nynews-list ul li .info p{display: block; font-size: 15px;  line-height: 28px; color: #777777; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.nynews-list ul li .date{background: #eeeeee; padding: 0 4%}
.nynews-list ul li .date span,.nynews-list ul li .date em{display: block; line-height: 48px; color: #666666;}
.nynews-list ul li:hover{ transform: translateY(-12px); transition:0.6s; box-shadow: 2px 2px 8px 1px #f2f2f2}
.nynews-list ul li:hover .info strong{color: #FF6600}
.nynews-list ul li:hover .date{background: #FF6600; transition:0.6s;}
.nynews-list ul li:hover .date span,.nynews-list ul li:hover .date em{color: #fff;}


.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;}
.pagelist span.current {color: #f30;border: 1px solid #ddd;}


.head-tel em{display: block; font-size: 16px; line-height: 100px; color: #fff; margin-left: 15px}
.head-tel img{display: inline-block; vertical-align: middle; margin-right: 5px}