﻿/*!	* common.css * CSS Document * The site is designed by LEBANG,Inc 11/2015 */
@charset "utf-8";

/*公用弹窗*/
.msg_pop_main{background:rgba(0,0,0,0.5);max-width:250px;position:fixed;left:50%;top:50%;z-index:1001;display:none;border-radius:3px;font-size:12px;}
.msg_pop_main p{padding:10px;line-height:24px;font-size:14px;color:#fff;}

/*头部*/
.header{width: 100%;height: 1rem;background: #fff;position: absolute;left: 0;top: 0;z-index: 99;box-shadow: 0px 1px 6px 0px rgba(136, 145, 145, 0.2);}
.header .logo{display: block;width: 4.95rem;height: .8rem;margin-top: .1rem;}
.header .logo img{display: block;width: 100%;margin-left: -.2rem;}
.header .nav{width: .35rem;height: .3rem;background: url('../images/nav.png') no-repeat;background-size: 100%;margin-top: .35rem;}
.sub_main{position: absolute;left: 7.5rem;top: 0;width: 5.62rem;background: #014494;z-index: 100;}
.sub_main .close{display: block;width: 100%;height: 1rem;background: #eee;}
.sub_main .close i{display: block;width: .3rem;height: .3rem;background: url('../images/close.png') no-repeat;background-size: 100%;float: right;margin:.35rem .4rem 0 0;}
.sub_main ul li{font-size: .26rem;height: .9rem;line-height: .9rem;border-bottom: 1px solid rgba(255, 255, 255, 0.15);}
.sub_main ul li a{display: block;color: #fff;height: .9rem;padding: 0 .4rem;}
.sub_main ul li a i{display: block;width: .09rem;height: .14rem;background: url('../images/arrowR_b.png') no-repeat;background-size: 100%;margin-top: .36rem;float: right;}
.sub_main .tel{margin: .37rem 0 0 .43rem;font-size: .2rem;color: #fff;line-height: .3rem;}
.sub_main .tel i{display: block;width: .23rem;height: .26rem;background: url('../images/tel.png') no-repeat;background-size: 100%;margin: .04rem .15rem 0 0;float: left;}
.sub_main p{font-size: .3rem;color: #fff;line-height: .35rem;margin: .2rem 0 0 .82rem;}
.head_h{width: 100%;height: 1rem;}

/*底部*/
.footer{font-size: .2rem;color: #888;line-height: .9rem;height: .9rem;}
.footer a{color: #888;}

/*首页*/
.banner-swiper .swiper-slide .main{background: #ecf4f4;padding: .55rem 0 .44rem;}
.banner-swiper .swiper-slide .pic{width: 6.9rem;height: 6.76rem;margin: 0 auto;text-align: center;display: table;position: relative;z-index: 0;}
.banner-swiper .swiper-slide .pic .tell{display: table-cell;vertical-align: middle;width: 100%;height: 6.76rem;position: relative;z-index: 5;}
.banner-swiper .swiper-slide .pic .tell img{max-width: 92%;max-height: 5.6rem;border:none;}
.banner-swiper .swiper-slide .pic .bg{width: 4.68rem;height: 4.68rem;background: #fff;border-radius: 50%;left: 50%;bottom: 0;margin-left: -2.34rem;position: absolute;z-index: 1;}
.banner-swiper .swiper-slide .title{font-size: .34rem;color: #333;line-height: .42rem;margin-top: 1.1rem;text-align: center;}
.banner-swiper .swiper-slide .txt{font-size: .24rem;color: #666;text-align: center;line-height: .39rem;height:.78rem;max-width: 5.3rem;margin: .15rem auto 0;}
.banner-swiper .swiper-slide .link{background: #fff;}
.banner-swiper .swiper-slide .link a{display: block;padding: 0 .4rem;border-bottom: 1px solid #ecf4f4;height: .7rem;line-height: .7rem;font-size: .2rem;color: #666;}
.banner-swiper .swiper-slide .link a i{display: block;width: .09rem;height: .14rem;background: url('../images/arrowR.png') no-repeat;background-size: 100%;margin-top: .28rem;float: right;}
.banner-swiper .swiper-pagination-bullets{bottom: auto;top: 7.82rem;height: .04rem;background: #fff;left: 50%;width: 2.24rem;margin-left: -1.12rem;}
.banner-swiper .swiper-pagination-bullets .swiper-pagination-bullet{width: .14rem;height: .14rem;background: #fff;border:.06rem solid #fff;border-radius: 50%;margin:-.11rem .4rem 0 0;opacity: 1;display: block;float: left;}
.banner-swiper .swiper-pagination-bullets .swiper-pagination-bullet:last-child{margin-right: 0;}
.banner-swiper .swiper-pagination-bullets .swiper-pagination-bullet-active{background: #237ae4;}
.banner-swiper .swiper-button-next{width: .86rem;height: .13rem;background: url('../images/swiperR.png') no-repeat;background-size: 100%;left: auto;right: 1rem;top: 7.78rem;margin: 0;}
.banner-swiper .swiper-button-prev{width: .86rem;height: .13rem;background: url('../images/swiperL.png') no-repeat;background-size: 100%;left: 1rem;top: 7.78rem;margin: 0;}

/*关于新海*/
.about_nav{height: .8rem;background: #014494;position: relative;z-index: 10;}
.about_nav p{padding: 0 .4rem;font-size: .24rem;font-weight: bold;line-height: .8rem;color: #fff;background: url('../images/arrowB.png') no-repeat 6.94rem center;background-size:.16rem .09rem;}
.about_nav ul{position: absolute;left: 0;top: .8rem;border-top: 1px solid #dfebf7;z-index: 11;width: 100%;background: #014494;display: none;}
.about_nav ul li{height: .8rem;line-height: .8rem;font-size: .24rem;border-bottom: 1px solid #1b579f;}
.about_nav ul li:last-child{border-bottom: none;}
.about_nav ul li a{display:block;color:#abc9ed;padding: 0 .4rem;}
.sub_banner img{display: block;width: 100%;}
.about{position: relative;z-index: 5;background: #f2f2f2;}
.about_main{background: #fff;padding: .75rem .3rem .26rem;box-shadow: 0px 1px 20px 0px rgba(74, 105, 140, 0.2);position: relative;top: -.5rem;}
.about_main .top .en{font-size: .5rem;color: #003575;line-height: .36rem;margin-top: .37rem;font-family: Myriad Pro;font-weight: lighter;float: left;}
.about_main .top .line{width: 2px;height: .73rem;background: #5389c9;margin: 0 .3rem;float: left;}
.about_main .top .year{font-size: 1.1rem;color: #003575;line-height: .73rem;font-family: Myriad Pro;float: left;}
.about_main .profile{font-size: .26rem;color: #333;line-height: .5rem;text-align: right;font-weight: bold;margin-top: .23rem;}
.about_main .txt{font-size: .24rem;color: #666;line-height: .44rem;margin-top: .42rem;}
.about_main .txt h5{font-weight: bold;color: #333;margin-bottom: .25rem;}
.about_main .txt p{margin-bottom: .25rem;}

/*企业文化*/
.culture{position: relative;z-index: 5;background: #f2f2f2;padding-bottom: .2rem;}
.culture_main{position: relative;z-index: 6;width: 100%;height: 6.62rem;top: -.3rem;width: 6.7rem;margin: 0 auto;/* box-shadow: 0px 1px 20px 0px rgba(74, 105, 140, 0.2); */}
.culture_main .pic{width: 6.5rem;height: 6.62rem;margin-left: .2rem;}
.culture_main .pic img{display: block;width: 100%;}
.culture_main .txt{position: absolute;left: 0;top: -.2rem;width: 4rem;height: 5.52rem;background: #ffc400;box-shadow: 0px 1px 20px 0px rgba(74, 105, 140, 0.2);overflow: hidden;}
.culture_main .txt i{display: block;width: .59rem;height: .49rem;background: url('../images/culture_icon.png') no-repeat;background-size: 100%;margin: .33rem 0 .17rem .3rem;}
.culture_main .txt .item{margin-bottom: .12rem;padding-left: .48rem;font-size: .24rem;color: #000;}
.culture_main .txt .title{font-weight: bold;line-height: .42rem;}
.culture_main .txt p{line-height: .34rem;}

/*生产实力*/
.strength{padding: .4rem 0 .18rem;background: url('../img/sub_bg.jpg') no-repeat center bottom #dfebf7;background-size: 7.5rem 6.3rem;}
.strength .list li{float: left;width: 3.15rem;margin-bottom: .2rem;}
.strength .list li:nth-child(2n){float: right;}
.strength .list li .pic{width: 100%;height: 2.18rem;overflow: hidden;}
.strength .list li .pic img{display: block;width: 100%;height: 2.18rem;}
.strength .list li .title{font-size: .26rem;color: #333;line-height: .46rem;padding: .1rem 0;text-align: center;}

/*荣誉资质*/
.honor{padding: .4rem 0 .22rem;background: url('../img/sub_bg.jpg') no-repeat center bottom #dfebf7;background-size: 7.5rem 6.3rem;}
.honor li{float: left;width: 3.15rem;margin-bottom: .2rem;}
.honor li:nth-child(2n){float: right;}
.honor li .pic{width: 100%;height:4.72rem;}
.honor li .pic img{display: block;width: 100%;height: 4.72rem;}
.honor li .title{font-size: .26rem;color: #333;line-height: .46rem;padding: .1rem 0;text-align: center;}

/*产品中心*/
.product-swiper{width: 100%;height: .7rem;border-bottom: 1px solid #e3e3e3;position: relative;}
.product-swiper .swiper-slide{width: auto;float: left;}
.product-swiper .swiper-slide a{display: block;padding: 0 .4rem;font-size: .2rem;color: #666;line-height: .7rem;}
.product-swiper .slide-on a{font-weight: bold;color: #333;}
.product{background: #f2f2f2;padding: .8rem 0 .1rem;}
.product .pic{width: 100%;height: 6.65rem;display: table;position: relative;z-index: 0;text-align: center;}
.product .pic .img{display: table-cell;vertical-align: middle;height: 6.65rem;position: relative;z-index: 10;}
.product .pic .img img{max-width: 100%;max-height: 6.65rem;}
.product .pic .title{position: absolute;left: 0;top: 0;font-size: 2rem;color: #e6e6e6;font-weight: bold;text-align: center;line-height: 2.32rem;width: 100%;z-index: 5;}
.product .info{margin-top: .9rem;}
.product .info .title{font-size: .4rem;color: #333;line-height: .4rem;border-left: 2px solid #014494;padding-left: .12rem;margin-bottom: .42rem;}
.product .info li{float: left;width: 25%;height: 1.67rem;overflow: hidden;background: #fff;text-align: center;}
.product .info ul li h5{font-size: .2rem;color: #333;line-height: .4rem;margin-top: .22rem;font-weight: normal;}
.product .info ul li .num{font-size: .44rem;color: #555;font-weight: bold;line-height: .49rem;font-family: Myriad Pro;}
.product .info ul li p{color: #777;font-size: .2rem;line-height: .3rem;}
.product .info ul li.bg2{background: #024494;}
.product .info ul li.bg2 h5,
.product .info ul li.bg2 .num,
.product .info ul li.bg2 p,
.product .info ul li.bg4 h5,
.product .info ul li.bg4 .num,
.product .info ul li.bg4 p{color: #fff;}
.product .info ul li.bg4{background: #2c77d3;}
.product .info .txt{font-size: .24rem;color: #666;line-height: .4rem;margin: .28rem 0 .44rem;text-align: justify;}
.product .info .more{display: block;font-size: .24rem;color: #014494;line-height: .25rem;}
.product .info .more i{width: .25rem;height: .25rem;background: url('../images/product_icon.png') no-repeat;float: left;margin-right: .12rem;display: block;background-size: 100%;}
.product .picList{margin-top: .3rem;}
.product .picList ul li{float: left;width: 3.15rem;height:2.2rem;margin-bottom: .4rem;overflow: hidden;}
.product .picList ul li:nth-child(2n){float: right;}
.product .picList ul li img{display: block;width: 100%;height: 2.2rem;}

/*工程案例*/
.case_nav{height: .8rem;background: #014494;padding: 0 .4rem;font-size: .24rem;font-weight: bold;line-height: .8rem;color: #fff;}
.case {padding: .4rem 0 .7rem;background: url('../img/sub_bg.jpg') no-repeat center bottom #dfebf7;background-size: 7.5rem 6.3rem;}
.case_main{background: #fff;box-shadow: 0px 1px 20px 0px rgba(175, 175, 175, 0.2);padding: .3rem .3rem .42rem;}
.case .casePic{height:.9rem;background: #f7f7f7;margin-bottom: .27rem;overflow: hidden;}
.case .casePic img{display: block;width: 5.3rem;margin: .32rem auto 0;}
.case .name{font-size: .24rem;color: #333;font-weight: bold;line-height: .4rem;margin-bottom: .66rem;text-align: justify;}
.case li{position: relative;z-index: 0;margin-bottom: .56rem;}
.case li:last-child{margin-bottom: 0;}
.case li .info{position: relative;z-index: 10;}
.case li .title{font-size: .24rem;color: #333;line-height: .62rem;font-weight: bold;}
.case li .line{width: .4rem;height: .04rem;background: #237ae4;margin-bottom:.13rem;}
.case li .txt{font-size: .2rem;color: #666;line-height: .34rem;text-align: justify;}
.case li .en{font-size: .8rem;color: #f5f4f4;line-height: .83rem;position: absolute;left: 0;top: -.23rem;z-index: 5;font-weight: bold;}
.case li .imgList{margin-top: .2rem;}
.case li .imgList .img{width: 2.95rem;float: left;margin-bottom: .2rem;}
.case li .imgList .img:nth-child(2n){float: right;}
.case li .imgList img{display: block;height: 2.15rem;margin: 0 auto;}

.scope_main{box-sizing: border-box;}
.scope_main .title{font-size: .32rem;line-height: .52rem;font-weight: bold;color: #333;text-align: center;} 
.scope_main .txt{font-size: .26rem;color: #666;line-height: .46rem;text-align: center;margin-bottom: .3rem;}
.scope_nav{margin-left: 1rem;}
.scope_nav li{float: left;width: 2rem;height: .48rem;border:1px solid #237ae4;font-size: .24rem;color: #237ae4;text-align: center;line-height: .48rem;margin: 0 .3rem;}
.scope_nav li.on{color: #fff;background: #237ae4;}
.scope_tabs {margin-top: .4rem;}
.scope_tabs p{font-size: .26rem;color: #333;line-height: .46rem;margin-bottom: .2rem;}
.scope_tabs img{display: block;width: 100%;}


/*新海服务*/
.service{padding: .4rem 0 .8rem;background: url('../img/sub_bg.jpg') no-repeat center bottom #dfebf7;background-size: 7.5rem 6.3rem;}
.service_main{background: #fff;padding: .2rem .3rem .44rem;box-shadow: 0px 1px 20px 0px rgba(175, 175, 175, 0.2);}
.service .title{font-size: .3rem;color: #333;font-weight: bold;line-height: .48rem;margin-bottom: .22rem;}
.serviceList li{margin-bottom: .4rem;}
.serviceList li i{display: block;width: .45rem;height: .45rem;background: url('../images/icon.png') no-repeat;background-size:.45rem 1.8rem;margin-bottom: .2rem;}
.serviceList li .icon2{background-position: 0 -.45rem;}
.serviceList li .icon3{background-position: 0 -.9rem;}
.serviceList li .icon4{background-position: 0 -1.35rem;}
.serviceList li .name{font-size: .22rem;color: #333;font-weight: bold;line-height: .42rem;margin-bottom: .02rem;}
.serviceList li .txt{font-size: .2rem;color: #666;line-height: .34rem;text-align: justify;}
.service  .subTitle{font-size: .26rem;color: #333;line-height: .46rem;font-weight: bold;margin: .1rem 0 .2rem;}
.flow_list{position: relative;}
.flow_list ul{margin-left: .38rem;}
.flow_list li{margin-bottom: .25rem;}
.flow_list li:last-child{margin-bottom: 0;}
.flow_list li .num{font-size: .22rem;color: #333;float: left;}
.flow_list li .num span{font-size: .7rem;color: #237ae4;font-weight: bold;font-style: italic;margin-right: .04rem;}
.flow_list li .txt{width:4.75rem;float:right;font-size: .2rem;color: #666;line-height: .36rem;text-align: justify;margin-top: .26rem;}
.flow_list li .txt p{padding-left: .15rem;background: url('../images/service_icon.png') no-repeat left .14rem;background-size: .05rem .05rem;}
.flow_list .line{width: 3px;height: 3.5rem;background: #e2e2e2;position: absolute;left: .14rem;top: .58rem;}
.flow_list .line i{display: block;width: .15rem;height: .15rem;background: #237ae4;border-radius: 50%;margin-left: -.06rem;margin-bottom: 1.56rem;}
.flow_list .line .icon2{margin-bottom: 1.5rem;}
.flow_list .line i:last-child{margin-bottom: 0;}

/*在线反馈*/
.online{padding: .4rem 0 .5rem;background: url('../img/sub_bg.jpg') no-repeat center bottom #dfebf7;background-size: 7.5rem 6.3rem;}
.online_main{background: #fff;padding: .2rem .3rem .85rem;}
.online_main .title{font-size: .24rem;color: #cd0000;font-weight: bold;line-height: .42rem;margin-bottom: .31rem;}
.online_main .item{margin-bottom: .2rem;}
.online_main .item .name{font-size: .24rem;color: #333;line-height: .44rem;text-align: right;padding-right: .1rem;width: 1.38rem;float: left;}
.online_main .item .name span{color: #cd0000;}
.online_main .item .onlineText{width: calc(100% - 1.48rem);float: left;display: block;border:1px solid #d0d0d0;box-sizing: border-box;height: .44rem;font-size: .24rem;color: #666;padding: 0 10px;}
.online_main .item textarea{display: block;width: calc(100% - 1.48rem);height: 2.34rem;box-sizing: border-box;border:1px solid #d0d0d0;padding: .1rem;font-size: .24rem;color: #666;line-height: .34rem;}
.online_main .item .vcodeText{width: 1.9rem;margin-right: .1rem;}
.online_main .item img{display: block;width: 1rem;height: .44rem;float: left;border:1px solid #d0d0d0;cursor: pointer;box-sizing: border-box;}
.onlineBtn{margin: .4rem 0 0 1.48rem;}
.onlineBtn .btn{display: block;width: 2.1rem;height: .55rem;background: #237ae4;border:none;font-size: .2rem;color: #fff;cursor: pointer;}

/*资料下载*/
.download{padding: .4rem 0 .11rem;background: url('../img/sub_bg.jpg') no-repeat center bottom #dfebf7;background-size: 7.5rem 6.3rem;}
.download li{float: left;width: 3.15rem;margin-bottom: .2rem;}
.download li:nth-child(2n){float: right;}
.download li a{display: block;width: 100%;}
.download li .info{background: #f6f6f6;background: #fff;box-shadow: 0px 1px 25px 0px rgba(175, 175, 175, 0.2);height: 4.72rem;width: 100%;overflow: hidden;}
.download li .info .title{font-size: .38rem;color: #333;text-align: center;line-height: .48rem;margin-top: .4rem;}
.download li .info .txt{font-size: .2rem;color: #888;text-align: center;line-height: .38rem;}
.download li .info .pic{display: table;margin: .12rem 0;width: 100%;height: 2.85rem;text-align: center;position: relative;}
.download li .info .pic .img{display: table-cell;vertical-align: middle;height:2.85rem;overflow: hidden;}
.download li .info .pic .img img{max-width: 100%;max-height: 2.85rem;}
.download li .name{font-size: .2rem;color: #333;line-height: .4rem;padding: .1rem 0;text-align: center;}

/*联系方式*/
.contact{background: #f2f2f2;padding: .5rem 0 .56rem;box-sizing: border-box;}
.contact .title{font-size: .34rem;color: #333;font-weight: bold;line-height: .49rem;}
.contact .en{font-size: .24rem;color: #666;font-weight: lighter;line-height: .3rem;margin-bottom: .4rem;}
.map{width: 6.7rem;height: 4.26rem;border:1px solid #eaeaea;margin-left: -.4rem;border-left: none;}
.map .anchorBL{opacity: 0;}
.address{margin-top: .4rem;}
.address .en_title{font-size: .3rem;color: #333;font-weight: bold;line-height: .44rem;margin-bottom: .1rem;}
.address p{font-size: .24rem;color: #666;line-height: .4rem;}
.address p span{color: #014494;}
.address p.ft{padding-bottom: .22rem;}
.ewm img{display: block;margin-top: .3rem;width: 2.58rem;}


/*招贤纳士*/
.join{padding-top: .4rem;background: url('../img/sub_bg.jpg') no-repeat center bottom #dfebf7;background-size: 7.5rem 6.3rem;box-sizing: border-box;}
.join .list{background: #f6f6f6;}
.join li{padding:.32rem .3rem;border-bottom: 1px solid #e7e7e7;}
.join li a{display: block;width: 100%;}
.join li .info{float: left;width: calc(100% - .4rem);}
.join li .info .title{font-size: .28rem;color: #333;line-height: .47rem;font-weight: bold;margin-bottom: .13rem;}
.join li dl{height: .24rem;line-height: .24rem;}
.join li dl dd{float: left;font-size: .24rem;color: #666;padding-right: .18rem;margin-right: .18rem;border-right: 1px solid #d0d0d0;}
.join li dl dd:last-child{border-right: none;margin-right: 0;padding-right: 0;}
.join li .more{display: block;float: right;width: .4rem;height: .4rem;background: url('../images/join_arrow.png') no-repeat center center #999;background-size:.1rem .17rem;border-radius: 50%;overflow: hidden;margin-top: .04rem;}
.join li .more:hover{background-color: #237ae4;}

/*招聘详情*/
.joinDet{padding: .4rem 0 .5rem;background: url('../img/sub_bg.jpg') no-repeat center bottom #dfebf7;background-size: 7.5rem 6.3rem;box-sizing: border-box;}
.joinDet .container{width: 6.7rem;}
.joinDet_main{box-shadow: 0px 1px 20px 0px rgba(74, 105, 140, 0.2);background: #f6f6f6;padding: }
.jobTop{padding: .32rem .3rem;border-bottom: 1px solid #e7e7e7;position: relative;margin-bottom: .3rem;}
.jobTop .title{font-size: .28rem;color: #333;line-height: .47rem;font-weight: bold;margin-bottom: .14rem;}
.jobTop dl{height: .24rem;line-height: .24rem;}
.jobTop dl dd{float: left;font-size: .24rem;color: #666;padding-right: .18rem;border-right: 1px solid #d0d0d0;margin-right: .18rem;}
.jobTop dl dd:last-child{border-right: none;margin-right: 0;padding-right: 0;}
.jobTop a{display: block;position: absolute;right: .4rem;top:.42rem;font-size: .2rem;color: #888;line-height: .2rem;height: .2rem;}
.jobTop a i{display: block;float: left;width: .2rem;height: .2rem;background: url('../images/close.png') no-repeat;margin-right: .14rem;background-size: 100%;}
.jobTop a:hover i{transform:rotate(180deg);-ms-transform:rotate(180deg); -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg);-o-transform:rotate(180deg);}
.jobDet{padding: 0 .3rem 1.5rem;}
.jobItem {margin-bottom: .2rem;}
.jobItem .name{font-size: .24rem;color: #666;font-weight: bold;line-height: .4rem;}
.jobItem .txt{font-size: .24rem;color: #666;line-height: .4rem;}
.jobBot{margin-top: .2rem;font-size: .24rem;line-height: .4rem;color: #cd0000;}

