@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; }
h1,h2,h3,h4,h5,h6{font-weight: normal;}
BODY {FONT:14px/1.75 "Microsoft YaHei";COLOR: #666;  background:#fff;width:100%; overflow-x: hidden;  }
A {COLOR: #333; TEXT-DECORATION: none}
P{COLOR: #666;}
A:hover {TEXT-DECORATION: none}
A IMG {BORDER-BOTTOM-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-TOP-STYLE: none; BORDER-LEFT-STYLE: none}
DIV {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
UL {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
LI {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
P {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
FORM {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
EM {FONT-STYLE: normal; FONT-WEIGHT: normal}
TABLE {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
DT {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
DL {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
DD {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
FORM {PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
TR {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
.cl{HEIGHT: 0px; CLEAR: both;}
.fl{FLOAT: left}
.fr{FLOAT: right}
.container-s{max-width:1500px;margin:0 auto; }
.container{max-width:1400px;margin:0 auto; }
.c{*zoom:1;}
.c:after{content: ""; display: block; height: 0; clear: both;}
.txt-c{text-align: center;}
.txt-r{text-align: right;}
.col-white{color: #fff;}

/*PC端公共头部*/

/*导航右侧*/
.allnav{width:280px;background: rgba(255,255,255,0.9); position: absolute;top:0;right: 0; z-index: 222; height: 100vh; }
.allnav h1{width:78px;margin:0 auto;padding:50px 0 40px}
.allnav h1 a{display: block;}
.allnav h1 img{display: block;}
.allnav-list{width:190px;margin:0 auto;}
.allnav-list ul>li>a{display: block; width:100%; font-size:16px; line-height:50px; color: #4c4c4c; text-align: center; transition: all .3s;border-radius:3px;}
.allnav-list ul>li{margin-bottom: 6px}
.allnav-list ul>li.on>a,.allnav-list ul>li:hover>a{ background: #238cc9;color:#fff}
.allnav-dd{width:141px;margin:17px auto 7px;text-align: center;}
.allnav-dd dd{display: block; font-size: 14px; color: #333333;}
.allnav-list ul>li dl{transition: all .3s; background: #fff;border-radius:5px;position: absolute;right:0;margin-top:-153px;width:180px;text-align: center;padding:20px 0;margin-left:50px;z-index:-999;opacity: 0;}
.allnav-list ul>li dl:after{content: ''; background: url(../images/nav-li.png) no-repeat center center;width:40px;height:40px;display: inline-block;position:absolute;right: -28px; top: 40%; display: none;}
.allnav-list ul>li dl dd a{display: block;text-align: center;height:38px;line-height:38px;font-size:15px;}
.allnav-list ul>li dl dd:hover a{color:#238cc9}
.allnav-list ul>li:hover dl{ opacity: 1;right:300px;z-index:999;}
.allnav-list ul>li:hover dl:after{display: block;}
.allnav-list ul>li:nth-child(6) dl{margin-top:-94px; } 


/*导航左侧*/
.nav-fix{ position:fixed;left:0;top:0;z-index: 223;background: rgb(255,255,255,0);width: 100%;height:100px;transition: all .5s; }
.nav-left{display: none;transition: all .5s; width: calc(100% - 360px)}
.nav-left h2,.nav-left .nav{float:left}
.nav-address{ background: #fff;box-shadow: 1px 1px 10px rgba(0,0,0,0.1);}
.nav-address .nav-left{display: block; float: left; }
.nav-address .nav-right{float: right;}
.nav-address .nav-right{right: 0; left: auto;}
.nav-address .search-input input{ background: #f9f9f9;}
.nav-fix.nav-address .search-submit input{background:url(../images/search.png) no-repeat center center #eee;}
.nav-left h2{display: block; margin-left:4%;margin-top:11px;}
.nav-left h2 a,.nav-left h2 img{display: block;}
.nav-left .nav{    width: 67%;
    float: left;
    margin-left: 8%;}
.nav-left .nav ul{overflow: visible;}
.nav-left .nav ul li{float: left;width:calc(100%/7);position: relative;}
.nav-left .nav ul li a{float:left;width:90%;line-height:100px;text-align: center;font-size:16px;transition: all .3s;}
.nav-left .nav ul li a:after{content: ''; ;position: absolute;top: 0; left: 0; z-index: -1; background: #238cc9;color:#fff;display: block;height:0;width:90%;transition: all .3s;}
.nav-left .nav ul li a:hover:after,.nav-left .nav ul li .on:after{height:100px;}
.nav-left .nav ul li a:hover,.nav-left .nav ul li>.on{color:#fff}
.nav-right{ position: absolute;left:0;top:0;z-index:999999}
.nav-right .search{width:120px;height:100px; background: #F5F5F5;text-align: center;}
.nav-right .search img{margin-top:40px;text-align: center;display:inline-block}
.search-form{width:500px;height:100px;line-height:100px;position: absolute;left:-585px;top:0;transition: all .5s; overflow: hidden;}
.search-form.addsearch{left:240px}
.search-form form{height:100px}
.search-form form input{outline: none; font-family: "Microsoft YaHei"; border: none;}
.search-form .search-input{width:400px;height:100px;float:left}
.search-form .search-submit{width:100px;float:right}
.search-form .search-input input{width:400px;height:100%;border:none;text-indent:20px;}
.search-form .search-submit input{float:right;width:100px;height:100px; background: url(../images/search.png) no-repeat center center #F5F5F5;border:none;}
.head-tel{width: 240px; background: #238cc9}
.head-tel em{display: block; font-size: 24px; line-height: 100px; color: #ffffff; text-align: center; font-family: arial;}
.head-tel img{display: inline-block; vertical-align: middle; margin-right: 13px;}
.nav-address .search-form{right: -585px; left: auto;}
.nav-address .search-form.addsearch{right: 0}



.nav-dl{  display: none; margin-left: -28px;  position: absolute;top:100px;left:0;width: 175px;text-align: center;background: #fff; border-radius: 10px; padding: 11px 0;  box-shadow:0px 0px 8px 1px rgba(0,0,0,0.17)}
.nav-dl:after{position: absolute; content: ''; background: url(../images/nav-arrow.png) no-repeat center top; width: 14px; height: 12px; top: -12px; left: 50%; margin-left: -7px;}
.nav-dl dl dd a {width: 100% !important;  display: block; font-size: 14px !important; color: #444; line-height: 42px!important; text-align: center !important; border-bottom: dashed 1px #e5e5e5; }
.nav-dl dl dd:last-child a{border-bottom: none!important;}
.nav-dl dl dd a:hover{color:rgba(30,69,146,1) !important;}
.nav ul li:hover .nav-dl{display: block;}






/*手机端公共头部*/
.wap-header,.wapfoot-zw,.wapfooter,#wxnr{display: none;}


/*PC端首页banner*/
.banner{height:100vh;width:100%;overflow: hidden;position: relative;z-index:9}
.banner .swiper-slide{ background-size: cover!important; background-repeat:no-repeat!important; background-position:center!important;}
.banner img{display: none; width: 100%}
#banner-num{bottom: 28px;}
#banner-num .swiper-pagination-bullet{width: 12px; height: 12px; background:#fff; opacity: 1; margin: 0 14px; }
#banner-num .swiper-pagination-bullet-active{background:#238cc9;  }



/*中卫宝佳*/
.about {position: relative;}
.about .info,.about .video{float: left; height: 600px; width: 50%}
.about .info{background: #fafafa; padding-left: 9.3%; box-sizing:border-box;}
.about .info strong{display: block; font-size: 20px; color: #238cc9; margin: 116px 0 37px}
.about .info p{display: block; line-height: 40px; color: #4c4c4c;  width: 76%}
.about .info a{display: block; width: 104px; height: 41px;text-align: center;line-height: 41px; background:  #e6e6e6; margin-top: 45px;}
.about .info a:hover{background:  #238cc9; transition:0.6s;color:#fff;}
.about-title img{position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); margin: auto}
.about .video{background: #f18c1a}
.about .video video{width: 100%; height: 100%; object-fit: fill;}
.wap-video{display: none;}
.honor{margin-bottom: 78px;}
.honor .pic,.honor .info{float: left; height: 460px; width: 50%}
.honor .pic{background: url(../images/honor-bg.jpg) no-repeat center; }
.honor .info{background: #fafafa; box-sizing:border-box; padding-left: 3.8% }
.honor-list{width: 604px; overflow: hidden; position: relative; margin-top: 40px; padding-bottom: 37px}
.honor-list ul li{margin-bottom: 13px; margin-top: 0!important}
.honor-list ul li em{display: block; font-size: 14px; line-height: 37px; color: #595959; text-align: center; background: #f0f0f0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
#honor-num{bottom: 0px;}
#honor-num .swiper-pagination-bullet{width: 9px; height: 9px; background:#f0f0f0; opacity: 1; margin: 0 5.5px; }
#honor-num .swiper-pagination-bullet-active{background:#238cc9;  }


/*经典案例*/
.index-title h2{display: block; font-size: 34px; line-height: 34px; color: #333333; margin-bottom: 8px}
.index-title span{display: block; color: #808080; font-family: arial; text-transform: uppercase;}
.index-title a{display: block; width: 185px; background: #fafafa; font-size: 16px; line-height: 55px; color: #333333; text-align: center; margin-left: 15px;}
.index-title a:hover{background: #238cc9; color: #fff; transition:0.6s;}
.case{padding: 67px 0 77px;}
.case .container-s{ max-width: 1840px;}
.case .index-title{margin-bottom: 44px; text-align: center;}
.case-list {overflow: hidden; position: relative; padding-bottom: 28px;}
.case-list ul li{float: left; position: relative; }
.case-list ul li .pic img{display: block; width: 100%}
.case-list ul li .name{background:url(../images/case-arrow.png) no-repeat right 14% center rgb(35 140 201); width: 290px; margin: 0 auto; position: absolute; left: 0; right: 0; margin: auto; bottom: -28px; z-index: 2}
.case-list ul li .name em{display: block; font-size: 16px; line-height: 56px; color: #fff; margin-left: 14%; width: 50%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.case-list ul li:hover .name{background: url(../images/case-arrow.png) no-repeat right 14% center rgb(69 174 55); transition:0.6s;}
#case-num{display: none;}

/*工程范围*/
.project .index-title{text-align: center; margin-bottom: 59px;}
.project-icon{width: 1310px; margin: 0 auto 46px}
.project-icon ul li{float: left; width: calc(100% / 5)}
.project-icon ul li .icon{width: 41px; height: 41px; background-position: top center; margin: 0 auto 20px; overflow: hidden;}
.project-icon ul li:nth-child(1) .icon{background: url(../images/project-icon1.png) no-repeat;}
.project-icon ul li:nth-child(2) .icon{background: url(../images/project-icon2.png) no-repeat;}
.project-icon ul li:nth-child(3) .icon{background: url(../images/project-icon3.png) no-repeat;}
.project-icon ul li:nth-child(4) .icon{background: url(../images/project-icon4.png) no-repeat;}
.project-icon ul li:nth-child(5) .icon{background: url(../images/project-icon1.png) no-repeat;}
.project-icon ul li:nth-child(6) .icon{background: url(../images/project-icon6.png) no-repeat;}
.project-icon ul li h3{display: block; font-size: 14px; color: #666666; text-align: center;}
.project-icon ul li:hover .icon{background-position: bottom center;-ms-transition-duration: 0.2s; transition-duration: 0.2s;}
.project-icon ul li:hover h3{color: #238cc9}
.project-list{margin-bottom: 70px;}
.project-list ul li{float: left; margin-right: 0.5%; width: 24.5%;  position: relative; margin-bottom: 0.5%; overflow: hidden;}
.project-list ul li a{display: block; width: 100%; height: 100%}
.project-list ul li .pic img{display: block; width: 100%; }
.project-list ul li .info{display: flex; position: absolute; width: 100%; height: 100%; background: rgba(30,69,146,0.8); text-align: center; bottom: -100%; z-index: 2; }
.project-list ul li .text{margin: auto}
.project-list ul li .info em{display: block; font-size: 24px; color: #fff; margin-bottom: 11px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.project-list ul li .info p{line-height: 30px; color: #fff; width: 65%; margin: 0 auto; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
 
.project-list ul li .icon{position: absolute;  width: 100%;  z-index: 2; top: 50%; transform: translateY(-50%);}
.project-list ul li .icon img{display: block; margin: 0 auto 25px;}
.project-list ul li .icon span{display: block; font-size: 18px; line-height: 18px; color: #ffffff; text-align: center;  font-weight: lighter;}
.project-list ul li:hover .info{bottom: 0; transition:0.6s;}





/*新闻资讯*/
.news .index-title{margin-bottom: 33px; text-align: center;}
.news .container{overflow: hidden;}
.news-btn {text-align: center; margin-bottom: 54px;}
.news-btn ul li{display: inline-block; margin: 0 5px;}
.news-btn ul li a{display: block; width: 185px; background: #fafafa; font-size: 16px; line-height: 55px; color: #333333; }
.news-btn ul li:hover a,.news-btn ul li.dq a{background: #238cc9; color: #fff; transition:0.6s;}
.news-list{position: relative; padding-bottom: 55px; margin-bottom: 35px; overflow: hidden; display: none;}
.news-list ul li .pic{position: relative; overflow: hidden;}
.news-list ul li .pic>img{display: block; width: 100%; -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden;backface-visibility: hidden;opacity: 1;}
.news-list ul li:hover .pic>img{-webkit-transform: scale3d(1.3,1.3,1);transform: scale3d(1.3,1.3,1);-webkit-transition: opacity 1s, -webkit-transform 1s;transition: opacity 1s, transform 1s;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.news-list ul li .pic span{display: none; position: absolute; top: 0; left: 0; width: 120px; line-height: 48px; color: #fff; font-family: arial; background: #238cc9; text-align: center;}
.news-list ul li .pic span img{display: inline-block; vertical-align: middle; margin-right: 11px;}
.news-list ul li .info{border: 1px solid #f2f2f2; box-sizing:border-box; padding: 18px 6%}
.news-list ul li .info em{display: block; font-size: 16px; color: #4c4c4c; margin-bottom: 5px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.news-list ul li .info p{  line-height: 24px; color: #999999;  overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.news-num{display: none;}


/*公共底部*/
.footer{background: #238cc9}
.foot-top{border-bottom: 1px solid rgba(255,255,255,0.2); padding: 62px 0 40px;}
.foot-logo img{display: inline-block; margin-right: 20px;}
.foot-logo em{display: block; font-size: 26px; line-height: 26px; color: #fff; margin: 5px 0 9px;}
.foot-logo span{display: block;  color: #fff; font-family: arial;font-size:16px;}
.back-top a{display: block; width: 58px; height: 58px; background: url(../images/back-top.png) no-repeat center; border: 1px solid rgba(255,255,255,0.5)}
.back-top a:hover{ background: url(../images/back-top.png) no-repeat center #f18c1a; border-color: #f18c1a}
.foot-bottom{padding: 42px 0 53px}
.foot-nav{font-weight: lighter;}
.foot-nav dl {float: left; margin-right: 103px;}
.foot-nav dl:last-child{margin-right: 0}
.foot-nav dl dt,.foot-wechat em{display: block; font-size: 18px; color: #fff; margin-bottom: 26px;}
.foot-nav dl dd{display: block; line-height: 40px; color: #fff;}
.foot-nav dl dd a{color: #fff;}
.foot-nav dl dd a:hover{color: #f18c1a}
.foot-nav dl dd strong{display: block; font-size: 24px;}
.foot-wechat{overflow: hidden; width: 307px}
.foot-wechat em{margin-bottom: 40px}
.foot-wechat ul{width: 105%}
.foot-wechat ul li{float: left; margin-right: 5%;  width: calc(100% / 2 - 5%)}
.foot-wechat ul li img{display: block; width: 100%; margin-bottom: 14px;}
.foot-wechat ul li span{display: block; color: #fff; text-align: center;}

.foot-copy{background: #238cc9; text-align: center; padding: 12.5px 0}
.foot-copy p,.foot-copy a{color: #fff;}
.foot-copy span{display: inline-block;  margin: 0 30px;}
.foot-copy a:hover{color: #f18c1a;}
.foot-copy p{line-height: 78px;}


/*内页公共头部*/
.ny-headerzw{height: 100px;}



/*内页banner*/
.ny-banner{height: 450px; display: flex; background-size: cover!important; transition:0.6s; overflow: hidden!important;}
.about-banner{background: url(../images/about-banner.jpg) no-repeat center; }
.ny-banner strong{display: block; margin: auto;  font-size: 50px; color: #238cc9; text-shadow: 1px 0px 0px #fff,-1px 0px 0px #fff,0px 1px 0px #fff,0px -1px 0px #fff,0px 3px 3.84px rgba(0, 0, 0, 0.5)}
.project-banner{background: url(../images/project-banner.jpg) no-repeat center; }
.company-banner{background: url(../images/company-banner.jpg) no-repeat center; }
.case-banner{background: url(../images/case-banner.jpg) no-repeat center; }
.news-banner{background: url(../images/news-banner.jpg) no-repeat center; }
.join-banner{background: url(../images/join-banner.jpg) no-repeat center; }
.business-banner{background: url(../images/business-banner.jpg) no-repeat center;}
.contact-banner{background: url(../images/contact-banner.jpg) no-repeat center;}


/*面包屑*/
.position {border-bottom: 1px solid #e6e6e6; height: 79px; line-height:79px;}
.position img{display: inline-block; vertical-align: middle;}
.position span a{display: inline-block; color: #666; margin: 0 18px}
.ny-class .ctitle1 li{float: left; margin-left: 46px;}
.ny-class .ctitle1 li:first-child{margin-left: 0}
.ny-class .ctitle1 li a {display: block; font-size: 16px; color: #4c4c4c}
.ny-class .ctitle1 li.on a,.ny-class .ctitle1 li:hover a{color: #238cc9}


/*内页main*/
.ny-main{padding: 60px 0 0}


/*关于中卫宝佳*/
.nyabout{padding-bottom: 60px;}
.about-pic{width: 42.9%; overflow: hidden; position: relative; border: 10px solid #fff; box-shadow: 0 0 3px #e9e9e9; box-sizing:border-box;}
.about-pic ul li .pic{width: 100%}
.about-pic ul li .pic img{display: block; width: 100%}
#about-prev,#about-next{position: absolute; width: 40px; height: 50px; z-index: 2}
#about-prev{background: url(../images/about-prev.png) no-repeat center rgba(255,255,255,0.5); left: 0}
#about-next{background: url(../images/about-next.png) no-repeat center rgba(255,255,255,0.5); right: 0}
#about-prev:hover{background: url(../images/about-prev2.png) no-repeat center rgba(255,255,255,0.5);}
#about-next:hover{background: url(../images/about-next2.png) no-repeat center rgba(255,255,255,0.5);}
#about-num{display: none;}
.about-info{width: 54%; margin-top: 3.5%;}
.ny-title{text-align: center; margin-bottom: 42px;}
.ny-title em{display: block; font-size: 30px; color: #333333}
.ny-title span{display: block; font-size: 15px; color: #808080; font-family: arial; text-transform: uppercase;}
.about-info .ny-title{text-align: left; margin-bottom: 2.3%}
.about-info p{line-height: 40px; color: #333;  text-align: justify;}


/*企业文化*/
.culture{margin-bottom: 66px;}
.culture-info,.culture-pic{width: 50%; height: 400px;}
.culture-info{background: url(../images/culture-info.jpg) no-repeat center; display: flex}
.culture-pic{background: url(../images/culture-pic.jpg) no-repeat center;}
.culture-info .ny-title{text-align: left; margin-bottom: 30px}
.culture-info .text{width: 65%;  margin: auto; margin-left: 27%;}
.culture-info p{line-height: 36px; color: #333;  text-align: justify;}

/*我们的理念*/
.idea{margin-bottom: 66px;}
.idea-list ul{width: calc(100% + 37.5px)}
.idea-list ul li{float: left; width: calc(100% / 2 - 37.5px); margin-right: 25px; box-shadow: 0px 0px 5px 3px #f3f7ff; position: relative;}
.idea-list ul li .pic img{display: block; width: 100%}
.idea-list ul li .info{position: absolute;  top:0; width: 100%; height: 100%;  text-align: center; display: flex}
.idea-list ul li .text{margin: auto}
.idea-list ul li .info img{display: block; margin: 0 auto 22px}
.idea-list ul li .info strong{display: block; font-size: 20px; color: #238cc9; margin-bottom: 5px}
.idea-list ul li .info h2{display: block; font-size: 16px; color: #4c4c4c; }

/*我们的特点*/
.features-list{margin-bottom: 66px;}
.features-list ul li{float: left; width: 25%; position: relative; height: 480px;}
.features-list ul li .pic,.features-list ul li .info{height: 240px; width: 100%}
.features-list ul li .pic1{background: url(../images/features-pic1.jpg) no-repeat center;}
.features-list ul li .pic2{background: url(../images/features-pic2.jpg) no-repeat center;}
.features-list ul li .pic3{background: url(../images/features-pic3.jpg) no-repeat center;}
.features-list ul li .pic4{background: url(../images/features-pic4.jpg) no-repeat center;}
.features-list ul li .info{background: #238cc9; display: flex; text-align: center; color: #fff; }
.features-list ul li .text{margin: auto}
.features-list ul li .info strong{display: block; font-size: 18px; color: #fff; margin-bottom: 14px;}
.features-list ul li .info p{display: block; line-height: 30px; color: #fff; width: 83%; margin: 0 auto}
.features-list ul li:nth-child(2n) .pic{position: absolute; bottom: 0}
.features-list ul li:nth-child(2n) .info{position: absolute; top: 0; background: #f18c1a}

/*资质证书*/
.nyhonor{margin-bottom: 78px;}
.honor-content .container{position: relative;}
.nyhonor-list{overflow: hidden; margin-bottom: 44px;}
/*.nyhonor-list ul li .pic { background: url(../images/honor-li.png) no-repeat center top; box-sizing:border-box; background-size: cover}*/
.nyhonor-list ul li .pic img{display: block; width: 100%; /*padding: 4%;*/}
.nyhonor-list ul li em{display: block; color: #4c4c4c; text-align: center; line-height: 42px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.nyhonor-list ul li:hover em{color: #238cc9}
#nyhonor-num{display: none;}
#nyhonor-prev,#nyhonor-next{position: absolute; width:38px; height: 48px; z-index: 2; border: 1px solid #f2f2f2; margin-top: 0; top: 32%}
#nyhonor-prev{background: url(../images/nyhonor-prev.png) no-repeat center #fff; left: -90px}
#nyhonor-next{background: url(../images/nyhonor-next.png) no-repeat center #fff; right: -90px}
#nyhonor-prev:hover{background: url(../images/nyhonor-prev2.png) no-repeat center #fff;}
#nyhonor-next:hover{background: url(../images/nyhonor-next2.png) no-repeat center #fff;}
.honor-more a{display: block; background: #fcfcfc; width: 198px; line-height: 57px; color: #666666; border: 1px solid #f5f5f5; text-align: center; margin: 0 auto; border-radius: 29.5px}
.honor-more a:hover{background: #238cc9; border-color: #238cc9; color: #fff; transition:0.6s;}


/*内页资质证书列表页*/
.certifications-list ul{width: calc(100% + 2.5%)}
.certifications-list ul li{float: left; margin-right: 2.5%; width: calc(100% / 4 - 2.5%); margin-bottom: 2.5%}




/*工程范围分类*/
.project-scope{background: #fafafa; padding: 36px 0 00}
.project-scope .ny-title{margin-bottom: 42px}
.project-class .ctitle1{text-align: center; position: relative;}
.project-class .ctitle1>li{display: inline-block; width: 13.87%; margin: 0 8px}
.project-class .ctitle1>li>a{display: block; width: 100%;  border-radius: 3px; font-size: 18px; line-height: 70px; color: #333333; font-weight: bold; text-align: left; position: relative;}
.project-class .ctitle1>li>a:after{position: absolute; content: ''; z-index: 2; background: url(../images/project-ctitle1.png) no-repeat center top; width: 18px; height: 9px; bottom: -9px; left: 50%; margin-left: -9px;}
.project-class .ctitle1>li.item1>a{background: url(../images/nyproject-icon1.png) no-repeat left 21% center #fff; text-indent: 36%}
.project-class .ctitle1>li.item2>a{background: url(../images/nyproject-icon2.png) no-repeat left 21% center #fff; text-indent: 36%}
.project-class .ctitle1>li.item3>a{background: url(../images/nyproject-icon3.png) no-repeat left 21% center #fff; text-indent: 36%}
.project-class .ctitle1>li.item4>a{background: url(../images/nyproject-icon4.png) no-repeat left 7.3% center #fff; text-indent: 21%}
.project-class .ctitle1>li.item5>a{background: url(../images/nyproject-icon5.png) no-repeat left 15% center #fff; text-indent: 28%}
.project-class .ctitle1>li.item6>a{background: url(../images/nyproject-icon6.png) no-repeat left 21% center #fff; text-indent: 36%}
.project-class .ctitle2{position: absolute; background: #fff; left: 0; width: 100%; box-shadow: 3px 0 3px 0px #f5f3f3; top: 119px; display: none;}
.project-class .ctitle2>li{float: left; margin-right: 2.3%;}
.project-class .ctitle2>li>a{display: block; color: #666666; line-height: 60px;}
.project-class .ctitle2>li:hover>a,.project-class .ctitle2>li.on>a{color: #238cc9}
.project-class .ctitle2>li:first-child{margin-left: 4.6%}
.project-class .ctitle1>li:hover .ctitle2,.project-class .ctitle1>li.on .ctitle2{display: block;}
.project-class .ctitle1>li:hover>a,.project-class .ctitle1>li.on>a{color: #fff;}
.project-class .ctitle1>li:hover>a:after,.project-class .ctitle1>li.on>a:after{display: block; background: url(../images/project-ctitle1-1.png) no-repeat center top;}
.project-class .ctitle1>li:hover.item1>a,.project-class .ctitle1>li.on.item1>a{background: url(../images/nyproject-icon1-1.png) no-repeat left 21% center #238cc9; }
.project-class .ctitle1>li:hover.item2>a,.project-class .ctitle1>li.on.item2>a{background: url(../images/nyproject-icon2-1.png) no-repeat left 21% center #238cc9; }
.project-class .ctitle1>li:hover.item3>a,.project-class .ctitle1>li.on.item3>a{background: url(../images/nyproject-icon3-1.png) no-repeat left 21% center #238cc9; }
.project-class .ctitle1>li:hover.item4>a,.project-class .ctitle1>li.on.item4>a{background: url(../images/nyproject-icon4-1.png) no-repeat left 7.3% center #238cc9; }
.project-class .ctitle1>li:hover.item5>a,.project-class .ctitle1>li.on.item5>a{background: url(../images/nyproject-icon5-1.png) no-repeat left 15% center #238cc9; }
.project-class .ctitle1>li:hover.item6>a,.project-class .ctitle1>li.on.item6>a{background: url(../images/nyproject-icon6-1.png) no-repeat left 21% center #238cc9; }
.class-zw{position: absolute; height: 49px; position: absolute; top: 70px; width: 100%; z-index: 3;}

/*内页工程范围列表页*/
.nyproject-list{overflow: hidden;padding-bottom: 80px;}
.nyproject-list ul{width: 101.5%}
.nyproject-list ul li{float: left; margin-right: 1.5%; width: calc(100% / 4 - 1.5%); margin-bottom: 2.8%}
.nyproject-list ul li .pic {overflow: hidden;}
.nyproject-list ul li .pic img{display: block; width: 100%; -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden;backface-visibility: hidden;opacity: 1;}
.nyproject-list ul li:hover .pic>img{-webkit-transform: scale3d(1.3,1.3,1);transform: scale3d(1.3,1.3,1);-webkit-transition: opacity 1s, -webkit-transform 1s;transition: opacity 1s, transform 1s;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.nyproject-list ul li em{display: block; background: #fcfcfc; font-size: 16px; line-height: 55px; color: #333333; text-align: center;}
.nyproject-list ul li:hover em{background: #238cc9; color: #fff; transition:0.6s;}


/*内页工程范围详情页*/
.nyproject{padding-bottom: 60px}
.nyproject .container{max-width: 1000px; position: relative;}
.nyproject-title h3{display: block; font-size: 30px; line-height: 30px; color: #333333; text-align: center; margin-bottom: 50px;}	
.project-big{margin-bottom: 19px!important;}
.project-big ul li img,.project-small ul li img{display: block; width: 100%}


#project-prev,#project-next{position: absolute; width:38px; height: 48px; z-index: 2; border: 1px solid #f2f2f2; margin-top: 0; top: 36%; }
#project-prev{background: url(../images/nyhonor-prev.png) no-repeat center #fff; left: -90px}
#project-next{background: url(../images/nyhonor-next.png) no-repeat center #fff; right: -90px}
#project-prev:hover{background: url(../images/nyhonor-prev2.png) no-repeat center #fff;}
#project-next:hover{background: url(../images/nyhonor-next2.png) no-repeat center #fff;}
.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after{content: ''!important;}
.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after{content: ''!important;}
#project-num{display: none;}
.nymain-xq{margin-bottom: 60px;}
.nymain-xq .info{ padding: 59px 6.8%; box-shadow: 0 0 6px #f7f5f5;}
.details-title{text-align: center; margin-bottom: 30px;}
.details-title strong{display: block; font-size: 20px; line-height: 20px; color: #333333; margin-bottom: 20px;}
.details-title span{display: block; width: 40px; height: 3px; background: #238cc9; margin: 0 auto}
.details{font-weight: lighter;}
.nyxq-link{margin-bottom: 80px; text-align: center; }
.nyxq-link .container{position: relative;}
.nyxq-link a{display: inline-block; width: 180px; background: #f18c1a; font-size: 16px; line-height: 55px; color: #fff; text-align: center; margin: 0 25px}
.nyxq-link input{-webkit-appearance:none;  display: block; outline: none; border: none; width: 100%;background: #f18c1a; font-size: 16px; line-height: 55px; color: #fff; }
.nyxq-link a:hover{background: #238cc9; transition:0.6s;}


.phone-consult{display: none!important;}
.pro-wechat{display: none; position: absolute; right: 23%; top: -64px}
.pro-wechat img{display: block; margin: 30px auto 0; box-shadow: 1px 1px 3px rgba(0,0,0,0.1);}


/*内页公司业绩列表页*/
.company-list{overflow: hidden; padding-bottom: 80px;}
.company-list ul{width: 101.8%}
.company-list ul li{float: left; width: calc(100% / 3 - 1.8%); margin-right: 1.8%; margin-bottom: 3%}
.company-list ul li .pic{overflow: hidden;}
.company-list ul li .pic img{display: block; width: 100%; -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden;backface-visibility: hidden;opacity: 1;}
.company-list ul li:hover .pic img{-webkit-transform: scale3d(1.3,1.3,1);transform: scale3d(1.3,1.3,1);-webkit-transition: opacity 1s, -webkit-transform 1s;transition: opacity 1s, transform 1s;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.company-list ul li strong{display: block; font-size: 18px; line-height: 58px; color: #444444; text-align: center; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.company-list ul li:hover strong{color: #238cc9}


/*内页公司业绩详情页*/

.nycompany .container{max-width: 1318px;}
.company-title strong{display: block; font-size: 30px; line-height: 30px; color: #333333; text-align: center; margin-bottom: 25px}

.company-details{padding: 40px 6.5%; box-shadow: 0 0 6px #f7f5f5;}
.company-details .details{margin-top: 24px;}


/*内页经典案例列表页*/
.nycase{margin-bottom: 80px;}


/*内页新闻资讯列表页*/
.nynews{margin-bottom: 80px;}
.nynews-list{overflow: hidden;}
.nynews-list ul{width: 102.8%}
.nynews-list ul li{float: left; margin-right: 2.8%; width: calc(100% / 2 - 2.8% - 30px); background: #fafafa; padding: 15px; margin-bottom: 4%}
.nynews-list ul li .pic{width: 43.9%; margin-right: 5%}
.nynews-list ul li .pic img{display: block; width: 100%;height: 200px;}
.nynews-list ul li .info{width: 50%}
.nynews-list ul li .info em{display: block; font-size: 16px; color: #333333; margin: 7% 0 5%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.nynews-list ul li .info p{line-height: 26px; color: #808080; margin-bottom: 6%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.nynews-list ul li .info span{display: block; width: 120px; background: #45ae37; line-height: 38px; color: #fff; font-family: arial; text-align: center; border-radius: 3px;}
.nynews-list ul li .info img{display: inline-block; vertical-align: text-top; margin-right: 12px;}
.nynews-list ul li:hover .info em{color: #238cc9}


/*内页人才引进列表页*/
.nyjoin{margin-bottom: 74px;}
/*.nyjoin-content{margin-bottom: 40px}*/
.nyjoin-content dl{background: #238cc9}
.nyjoin-content dl dd{float: left; font-size: 18px; line-height: 60px; color: #fff; font-weight: bold; text-align: center; font-weight: bold; width: 50%}
.nyjoin-title{margin-bottom: 10px;}
.nyjoin-title ul{background: #f5f5f5}
.nyjoin-title ul li{float: left; line-height: 60px; color: #666; text-align: center; width: 50%}
.nyjoin-info{border: 1px solid #e2e2e2; box-sizing:border-box; border-top: none; padding: 35px 3.5%; display: none;}
.nyjoin-info a{display: block; width: 266px; background: #f18c1a; line-height: 38px; color: #fff; border-radius: 19px; text-align: center; margin-top: 20px}
.nyjoin-info a.join-tel{width: 197px;}


/*内页在线留言*/
.ny-message{background: #fafafa; padding: 41px 0 86px}
.ny-message .container{max-width: 1186px;}
.ny-message form{overflow: hidden;}
.ny-message ul{width: calc(100% + 15px)}
.ny-message ul li{float:left;margin-bottom:19px; width: calc(100% / 3 - 15px); margin-right: 15px}
.ny-message input,.ny-message  textarea{outline: none; font-family:"Microsoft YaHei";border:1px solid #E1E1E1; color: #b6b7be; box-sizing:border-box;}
.ny-message ul li input{width:96.8%;height:44px;line-height:44px;text-indent:20px;}
.ny-message ul li em{color:#238cc9; float: right; margin-top: 10px}
.ny-message .text-area textarea{height:149px;padding:20px; width: 99%; margin-bottom: 19px;}
.ny-message .prompt{color:#f18c1a; margin-bottom: 63px;}
.submit-message input{display: block; width:176px;height:53px; background: #238cc9;font-size:15px;color: #fff; margin: 0 auto; cursor: pointer; border: none;}
.submit-message input:hover{background: #f18c1a}
.ny-message input::-webkit-input-placeholder,.ny-message textarea::-webkit-input-placeholder {
color: #b6b7be;
}
.ny-message input::-moz-input-placeholder,.ny-message textarea::-moz-input-placeholder {
color: #b6b7be;
}
.ny-message input::-ms-input-placeholder,.ny-message textarea::-ms-input-placeholder {
color: #b6b7be;
}


/*内页商务合作*/
.business-main{padding: 0!important}


/*内页联系我们*/
.contact{margin-bottom: 60px;}
.contact-pic,.contact-info{float: left; width: 50%; height: 400px;}
.contact-pic{background: url(../images/contact-pic.jpg) no-repeat center;}
.contact-info{background: url(../images/contact-info.jpg) no-repeat center; display: flex}
.contact-info .text{margin: auto; margin-left: 7%}
.contact-info em{display: block; font-size: 26px; color: #333333}
.contact-info span{display: block; color: #999999; font-family: arial; margin-bottom: 32px;font-size:16px;}
.contact-info p{line-height: 40px; color: #4c4c4c}
.contact-map img{display: block; width: 100%}


/*锚点定位*/
#about,#culture,#idea,#features,#honor,#nyhonor{position: relative; top: -100px}



.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;}


/*后台编辑框*/
.ny-editbox{margin: 40px 0}
.company-content .pic1{display: none; }
.business img{display: block; width: 100%!important; height: auto!important;}


.pic2{overflow: hidden;}
.pic2 tr{width: 102% }
.pic2 tr td{display: inline-block!important; padding-bottom: 2%; padding-right: 2%; box-sizing:border-box; width: 50%!important;}
.pic2 tr td img{display: block; width: 100%!important;}



/*内页案例列表页*/
.nycase-list {overflow: hidden;}
.nycase-list ul{width: calc(100% + 3%)}
.nycase-list ul li{float: left; margin-right: 3%; width: calc(100% / 3 - 3%); position: relative; margin-bottom: 90px}
.nycase-list ul li .pic img{display: block; width: 100%}
.nycase-list ul li .name{background: url(../images/case-arrow.png) no-repeat right 14% center rgba(30,69,146,0.9); width: 290px; margin: 0 auto; position: absolute; left: 0; right: 0; margin: auto; bottom: -28px; z-index: 2}
.nycase-list ul li .name em{display: block; font-size: 16px; line-height: 56px; color: #fff; margin-left: 14%; width: 50%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.nycase-list ul li:hover .name{background: url(../images/case-arrow.png) no-repeat right 14% center rgba(241,140,26,0.9); transition:0.6s;}



.yj tr td img{display: block; margin-bottom: 30px;}



.wap-project{display: none;}

.pages{text-align: center;padding: 2% 0 3.5%;}
.pages a{display: inline-block;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;height: 30px;border: 1px solid #DDDDDD;color: #999999; line-height: 30px;padding: 0 10px;min-width: 30px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;margin: 3px 2px}
.pages a i{font-style: normal;}
.pages .on *{color: #b23838;border: none;}
.pages a.disabled{cursor: not-allowed;color: #ccc;}