.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.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;}
.motion{transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;}

/*头部*/
.header{width: 100%;height: 70px;background: #fff;position: relative;z-index: 99;padding: 0 40px 0 50px;box-sizing: border-box;min-width: 1200px;}
.header .logo{display: block;height: 70px;width: 434px;}
.header .logo img{display: block;width: 100%;margin-top: 19px;}
.header .nav{float: right;}
.header .nav li{float: left;margin-left: 40px;padding-top: 15px;height: 55px;}
.header .nav li .link{display: block;height: 35px;font-size: 16px;color: #333;line-height: 35px;}
.header .nav li.on .link,
.header .nav li:hover .link{border-bottom: 2px solid #014495;}
.header .nav li.search{margin-left: 30px;}
.header .nav li.search a{margin-top: 4px;display:block;width: 26px;height: 26px;background: url('../images/search.png') no-repeat center center #888;border-radius: 50%;}
.header .nav li.search:hover a{background-color: #014495;border-bottom: none;}

.header .sub_nav{position: absolute;left: 0;top: 70px;width: 100%;height: 239px;background: #f5f5f5;z-index: 100;border-top: 1px solid #e6e6e6;display: none;box-shadow: 0px 8px 20px rgba(74, 105, 140, 0.2);}
.header .sub_nav .subNav_left{width: 458px;height: 239px;background: #e6e6e6;box-sizing: border-box;padding-right: 56px;}
.subNav_left .title{text-align: right;padding-top: 45px;}
.subNav_left .title h3{font-size: 26px;color: #333;line-height: 36px;font-weight: normal;}
.subNav_left .title p{font-size: 14px;color: #888;line-height: 24px;font-family: Arial;}
.subNav_left a{display: block;margin-top: 28px;float: right;width: 170px;height: 44px;background: #014494;font-size: 15px;color: #fff;line-height: 44px;box-sizing: border-box;padding: 0 47px;}
.subNav_left a i{display: block;float: right;width: 7px;height: 11px;background: url('../images/subnav_arrow.png') no-repeat;margin-top: 17px;}

.subNav_right{width: calc(100% - 458px);padding-top: 29px;}
.subNav_right > a{display: block;float: left;margin-left: 3%;width: 21.55%;}
.subNav_right > a .pic img{display: block;width: 100%;}
.subNav_right > a p{font-size: 16px;color: #333;line-height: 45px;}
.subNav_right > a:hover p{color: #014495;}
.subNav_right dl{margin-top: -6px;}
.subNav_right dl dd{float: left;width: 21.55%;margin-left: 3%;}
.subNav_right dl dd .title{font-size: 15px;color: #014494;font-weight: bold;line-height: 28px;padding-bottom: 10px;border-bottom: 1px solid #d0d0d0;margin-bottom: 25px;}
.subNav_right dl dd a{display: block;float: left;width: 50%;padding:0 10px;box-sizing: border-box;margin-bottom: 14px;font-size: 14px;color: #666;line-height: 12px;height: 12px;border-left: 2px solid #014494;}
.subNav_right dl dd a:hover{color: #014494;}
.home .header{background: none;position: absolute;left: 0;top: 0;}

/*底部*/
.footer{width: 100%;height: 60px;line-height: 60px;background: #f8f8f8;position: relative;z-index: 100;box-sizing: border-box;padding: 0 40px 0 35px;font-size: 14px;color: #666;}
.footer a{color: #666;}
.footer a:hover{text-decoration: underline;}
.home .footer{background: none;position: absolute;left: 0;bottom: 0;}

.right_aside{display: block;width: 76px;height: 70px;border-radius: 35px;position: fixed;right: -30px;top: 30%;margin-top: -35px;z-index: 999;background: #237ae4;}
.right_aside i{display: block;width: 20px;height: 22px;background: url('../images/qq_icon.png') no-repeat;margin: 16px 0 0 18px;}
.right_aside p{color: #fff;line-height: 20px;font-size: 12px;padding-left: 16px;}

/*首页*/
.home{width: 100%;background: #f8f8f8;position: relative;z-index: 0;overflow: hidden;min-height: 664px;min-width: 1280px;}
.main{min-width: 1280px;}
.indAbout{position: absolute;left: 53px;top: 50%;margin-top: -116px;z-index: 10;width: 260px;}
.indAbout h3{font-size: 55px;color: #333;font-family: Myriad Pro;line-height: 74px;font-weight: normal;}
.indAbout .txt{font-size: 15px;color: #666;line-height: 28px;margin-bottom: 33px;}
.indAbout .more,
.indCase .more{display:block;font-size: 14px;color: #888;line-height: 16px;border-bottom: 1px solid #888;width: 58px;position: relative;}
.indAbout .more i,
.indCase .more i{display: block;width: 6px;height: 9px;background: url('../images/arrowR.png') no-repeat;position: absolute;right: -10px;top: 4px;}
.indCase{position: absolute;right: 43px;top: 50%;margin-top: -85px;z-index: 10;width: 185px;}
.indCase h3{height: 22px;line-height: 22px;padding-left: 10px;border-left: 2px solid #014495;font-size: 20px;color: #333;font-weight: bold;}
.indCase .txt{margin: 14px 0 33px 10px;font-size: 15px;color: #666;line-height: 28px;}
.indCase .more{margin-left: 10px;}

.banner{background: #ecf4f4;border:190px solid #fcfdff;border-radius: 50%;position: absolute;left: 50%;top:-120px;z-index: 0;}
.banner .circle{width: 50%;height: 50%;background: #fff;border-radius: 50%;position: absolute;left: 25%;top: 25%;z-index: 1;animation: starwinkle 2s linear infinite;-moz-animation: starwinkle 2s linear infinite; -webkit-animation: starwinkle 2s linear infinite;  -o-animation: starwinkle 2s linear infinite;}
@keyframes starwinkle
{
    0% {width:50%;height:50%;left:25%;top:25%;}
    50% {width:76%;height:76%;left:12%;top:12%;}
    100%{width:100%;height:100%;left:0;top:0;}
}

@-moz-keyframes starwinkle /* Firefox */
{
    0% {width:50%;height:50%;left:25%;top:25%;}
    50% {width:76%;height:76%;left:12%;top:12%;}
    100%{width:100%;height:100%;left:0;top:0;}
}
@-webkit-keyframes starwinkle /* Safari 和 Chrome */
{
    0% {width:50%;height:50%;left:25%;top:25%;}
    50% {width:76%;height:76%;left:12%;top:12%;}
    100%{width:100%;height:100%;left:0;top:0;}
}

@-o-keyframes starwinkle /* Opera */
{
    0% {width:50%;height:50%;left:25%;top:25%;}
    50% {width:76%;height:76%;left:12%;top:12%;}
    100%{width:100%;height:100%;left:0;top:0;}
}


.banner .info{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 2;}
.banner .info .item{display: none;}
.banner .info .pic{width: 100%;text-align: center;position: relative;display: table;}
.banner .info .pic .img{width: 100%;height: 100%;position: relative;box-sizing: border-box;padding: 6%;display: table-cell;vertical-align: middle;}
.banner .info .pic img{max-width: 100%;max-height: 100%;vertical-align: middle;}
.banner .info .link{position: absolute;left: 50%;top:75%;width: 814px;margin-left: -407px;}
.banner .info .link .title{font-size: 30px;color: #333;line-height: 54px;margin-top: 12px;text-align: center;font-weight: bold;}
.banner .info .link .txt{font-size: 16px;color: #666;line-height: 25px;margin-top: 5px;text-align: center;}
.banner .info .list{text-align: center;height: 33px;line-height: 33px;margin-top: 18px;}
.banner .info .list ul{display: inline-block;}
.banner .info .list ul li{display: block;float: left;margin: 0 26px;}
.banner .info .list ul li a{display: block;font-size: 14px;color: #888;line-height: 33px;box-sizing: border-box;height: 33px;}
.banner .info .list ul li:hover a{color: #237ae4;border-bottom: 1px solid #237ae4;}
.banner .prevBtn,
.banner .nextBtn{display: block;position: absolute;left: -190px;top: 50%;margin-top: -95px;z-index: 5;text-align: center;width:190px;}
.banner .nextBtn{left: auto;right: -190px;}
.banner a .img{width: 100%;height: 115px;position: relative;overflow: hidden;}
.banner a .img > div{width: 100%;height: 115px;position: absolute;left: 0;top: 0;-webkit-transition: none;transition: none;}
.banner a .img img{display: block;height: 115px;margin: 0 auto;}
.banner a .img .h-current{opacity: 1;transform:translateX(0);-webkit-transform:translateX(0);}
.banner a .img .hidden{visibility:hidden;opacity: 1;transform:translateX(0);-webkit-transform:translateX(0);}
.banner a .img .h-next{opacity: 0;transform:translateX(80%);-webkit-transform:translateX(80%);}
.banner a .line{width: 30px;height: 2px;background:#237ae4;margin: 14px auto 13px;}
.banner a .txt{width: 100%;height: 48px;line-height: 24px;font-size: 16px;color: #888;text-align: center;position: relative;}
.banner a .txt p{position: absolute;left:0;top:0;width: 100%;}
.banner a .txt .h-current{opacity: 1;transform:translateX(0);-webkit-transform:translateX(0);}
.banner a .txt .hidden{visibility:hidden;opacity: 1;}
.banner a .txt .h-next{opacity: 0;transform:translateX(80%);-webkit-transform:translateX(80%);}
.banner .prevLine,
.banner .nextLine{position: absolute;left:-38px;top: 50%;width: 69px;height: 11px;margin-top: -5px;background: url('../images/banner_line.png') no-repeat;transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;z-index: 2;}
.banner .nextLine{left: auto;right: -38px;background-position: 0 -20px;}
.banner .prevLine.lineMove{margin-left: -12px;}
.banner .nextLine.lineMove{margin-right: -12px;}

.banner .prevBtn.assembly-animation img.h-current,
.banner .nextBtn.assembly-animation img.h-current{
  -webkit-transform: translateX(-80%);
  -ms-transform: translateX(-80%);
  transform: translateX(-80%);
  opacity: 0;
}
.banner .prevBtn.assembly-animation img.h-next,
.banner .nextBtn.assembly-animation img.h-next {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  opacity: 1;
}
.banner .prevBtn.assembly-animation .img img,
.banner .nextBtn.assembly-animation .img img {
  -webkit-transition: opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1), transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1), transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.banner .prevBtn.assembly-animation .line,
.banner .nextBtn.assembly-animation .line {-webkit-transition: -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;transition: -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s,  -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; -webkit-transform: rotate(180deg);-ms-transform: rotate(180deg); transform: rotate(180deg);}



/*公司简介*/
.left{position: relative;width: 257px;height: 100%;background: url('../img/leftBg.jpg') no-repeat left bottom #014494;z-index: 2;}
.left ul{padding: 37px 0 0 50px;}
.left ul li{height: 44px;line-height: 44px;position: relative;z-index: 0;}
.left ul li a{display: block;font-size: 15px;color: #adc9ea;width: 100%;height: 44px;position: relative;z-index: 10;}
.left ul li .high{position: absolute;right: 0;top: 20px;height: 3px;width: 127px;opacity: 0;}
.left ul li .high .line{width: 107px;height: 1px;background: rgba(255, 255, 255, 0.2);float: left;margin-top: 1px;}
.left ul li .high .bg{width: 20px;height: 3px;background: #fff;float: right;}
.left ul li:hover a,
.left ul li.on a{color: #fff;font-weight: bold;}
.left ul li:hover .high,
.left ul li.on .high{opacity: 1;}

.right{width: calc(100% - 257px);height: 100%;position: relative;background: #f2f2f2;z-index: 1;}
.right .bg{width: calc(100% - 303px);height: 100%;position: absolute;z-index: 5;background: url('../img/about.jpg') no-repeat left bottom;background-size: cover;}
.right .con{width: 100%;height: 100%;position: relative;z-index: 10;overflow: hidden;}
.about{width: 712px;float: right;margin-right: 175px;}
.about .top .en{font-size: 36px;color: #003575;line-height: 46px;padding-top: 28px;font-family: Myriad Pro;float: left;}
.about .top .year{font-size: 80px;color: #003575;font-family: Myriad Pro;float: left;line-height: 74px;}
.about .top .line{float: left;width: 1px;height: 54px;background: #5389c9;margin: 10px 20px 0;}

.about .profile{font-size: 15px;color: #333;font-weight: bold;line-height: 34px;margin: 10px 0 30px 126px;}
.about .txt{width: 586px;height: 360px;box-sizing: border-box;background: #fff;box-shadow: 0px 1px 20px 0px rgba(74, 105, 140, 0.2);margin-left: 126px;font-size: 15px;color: #666;line-height: 26px;padding: 44px 54px 0;text-align: justify;overflow: hidden;}
.about .txt h5{font-weight: bold;color: #333;margin-bottom: 10px;}
.about .txt p{margin-bottom: 17px;}

.about-swiper{width: 505px;height: 285px;position: relative;}
.about-swiper .swiper-slide{width: 478px;height: auto;}
.about-swiper .swiper-scrollbar{width: 1px;height: 285px;background: #ccc;top:0;right:2px;}
.about-swiper .swiper-scrollbar .swiper-scrollbar-drag{width: 5px;height: 25px;background: #237ae4;position: absolute;left: -2px;top: 0;}


/*企业文化*/
.culture{background: #fff;box-shadow: 0px 1px 20px 0px rgba(74, 105, 140, 0.2);width: 586px;height: 600px;float: right;margin-right: 175px;position: relative;z-index: 0;}
.culture .pic{width: 589px;margin-left: -3px;}
.culture .pic img{display: block;width: 100%;}
.culture .txt{position: absolute;left: -23px;top: -20px;width: 330px;height: 455px;box-sizing: border-box;background: #ffc400;z-index: 10;padding: 33px 0 0 30px;}
.culture .txt i{display: block;width: 59px;height: 49px;background: url('../images/comma.png') no-repeat;margin-bottom: 12px;}
.culture .item{font-size: 15px;color: #000;margin: 0 0 15px 18px;}
.culture .item .title{font-weight: bold;line-height: 27px;}
.culture .item p{line-height: 25px;}

/*生成实力*/
.right .subbg{width: calc(100% - 303px);height: 100%;position: absolute;z-index: 5;background: url('../img/subbg.jpg') no-repeat left bottom;background-size: cover;}
.strength{width: 80%;margin-left: 6%;margin-top: 80px;}
.strength .list{width: 100%;overflow: hidden;}
.strength .scroll{width: calc(100% + 18px);overflow-y: scroll;}
.strength ul li{float: left;width: 18.18%;margin: 0 2.275% 10px 0;cursor: pointer;}
.strength ul li:nth-child(5n){margin-right: 0;}
.strength ul li .pic{width: 100%;overflow: hidden;}
.strength ul li .pic img{display: block;width: 100%;height: 100%;}
.strength ul li:hover .pic img{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);}
.strength ul li .title{font-size: 16px;color: #333;text-align: center;line-height: 55px;}

/*荣誉资质*/
.honor{width: 80%;margin-left: 6%;}
.honor li{float: left;width: 18.18%;margin: 0 2.275% 34px 0;}
.honor li:nth-child(5n){margin-right: 0;}
.honor li .pic{width: 100%;overflow: hidden;}
.honor li .pic img{display: block;width: 100%;height: 100%;}
.honor li .title{font-size: 16px;color: #333;line-height: 55px;text-align: center;}
.page{text-align: center;height: 34px;}
.page .page_con{display: inline-block;*display: inline;*zoom:1;}
.page a,
.page span{display: block;width: 32px;height: 32px;background: #fff;border:1px solid #94aec8;font-size: 14px;color: #333;text-align: center;line-height: 32px;float: left;margin: 0 5px;}
.page span{border:none;background: none;margin: 0;}
.page a:hover,
.page a.on{border-color: #237ae4;background: #237ae4;color: #fff;}
.page a.prev,
.page a.next{width: auto;border:none;background:none;}
.page a.prev{margin-right: 25px;}
.page a.next{margin-left: 25px;}
.page a.prev:hover,
.page a.next:hover{color: #237ae4;}

/*联系方式*/
.map{width: calc(100% - 303px);height: 100%;position: absolute;z-index: 5;}
.map .anchorBL{opacity: 0;}
.contact{position: absolute;right: 240px;top: 50%;width: 480px;height: 520px;margin-top: -260px;z-index: 10;background: #fff;box-shadow: 0px 1px 25px 0px rgba(175, 175, 175, 0.2);}
.contact i{display: block;width: 130px;height: 130px;background: url('../images/tel.png') no-repeat center center #237ae4;margin: -70px auto 44px;border-radius: 50%;}
.contact .title{font-size: 20px;color: #237ae4;font-weight: bold;line-height: 32px;text-align: center;}
.contact .en{font-size: 15px;color: #237ae4;font-weight: bold;line-height: 22px;text-align: center;font-family: Arial;}
.contact ul{margin: 25px 0 0 117px;}
.contact ul li{font-size: 15px;color: #333;line-height: 30px;padding-left: 14px;background: url('../images/contact_icon.png') no-repeat left center;}
.contact ul li span{font-weight: bold;}
.contact ul li a{color: #333;}
.contact ul li a:hover{color: #237ae4;}
.contact .ewm{margin: 10px auto 0;width: 110px;}
.contact .ewm img{display: block;width: 100%;}

/*招贤纳士*/
.join,.case,.service,.online,.scope{width: 80%;margin-left: 6%;height: 664px;background: #fff;box-shadow: 0px 1px 25px 0px rgba(175, 175, 175, 0.2);box-sizing: border-box;padding: 31px 4% 0;}
.join ul{margin-bottom: 39px;}
.join li{padding: 20px 0 30px;border-bottom: 1px solid #e7e7e7;}
.join li .info{float: left;width: calc(100% - 30px);}
.join li .info .title{font-size: 17px;color: #333;line-height: 37px;font-weight: bold;}
.join li dl{height: 12px;line-height: 12px;}
.join li dl dd{float: left;font-size: 14px;color: #666;padding-right: 13px;margin-right: 11px;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: 25px;height: 25px;background: url('../images/join_arrow.png') no-repeat 10px center #999;border-radius: 50%;overflow: hidden;margin-top: 12px;}
.join li .more:hover{background-color: #237ae4;}

/*招聘详情*/
.jobTop{margin:27px 0 20px;border-bottom: 1px solid #e7e7e7;position: relative;padding-bottom: 20px;}
.jobTop .title{font-size: 17px;color: #333;line-height: 37px;font-weight: bold;}
.jobTop dl{height: 12px;line-height: 12px;}
.jobTop dl dd{float: left;font-size: 14px;color: #666;padding-right: 13px;margin-right: 11px;border-right: 1px solid #d0d0d0;}
.jobTop dl dd:last-child{border-right: none;margin-right: 0;padding-right: 0;}
.jobTop a{display: block;position: absolute;right: 0;top:12px;font-size: 15px;color: #888;line-height: 15px;height: 15px;}
.jobTop a i{display: block;float: left;width: 15px;height: 15px;background: url('../images/close.png') no-repeat;margin-right: 7px;}
.jobTop a:hover i{transform:rotate(180deg);-ms-transform:rotate(180deg); -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg);-o-transform:rotate(180deg);}
.jobDet{height: 449px;width: 100%;overflow: hidden;}
.jobScroll{height: 390px;width: calc(100% + 18px);overflow-y: scroll;}
.jobItem {margin-bottom: 17px;}
.jobItem .name{font-size: 15px;color: #666;font-weight: bold;line-height: 26px;margin-bottom: 2px;}
.jobItem .txt{font-size: 15px;color: #666;line-height: 30px;}
.jobBot{margin-top: 15px;}
.jobUpload{position: relative;z-index: 0;width: 180px;height: 44px;margin-right: 15px;}
.jobUpload a{display: block;width: 180px;height: 44px;background: #237ae4;font-size: 14px;color: #fff;line-height: 44px;text-align: center;}
.jobUpload input{display: block;position: absolute;left: 0;top: 0;opacity: 0;z-index: 10;width: 100%;height: 100%;cursor: pointer;}
.jobBot p{font-size: 15px;color: #666;line-height: 44px;}
.jobBot p span{color: #db2424;}

/*工程案例*/
.case {padding-top: 48px;}
.case .casePic{padding: 30px;background: #f7f7f7;margin-bottom: 23px;}
.case .casePic img{display: block;}
.case .name{font-size: 16px;color: #333;font-weight: bold;line-height: 30px;margin-bottom: 67px;text-align: justify;}
.case li{float: left;width: 30%;margin-right: 5%;position: relative;z-index: 0;}
.case li:last-child{margin-right: 0;}
.case li .info{position: relative;z-index: 10;}
.case li .title{font-size: 15px;color: #333;line-height: 33px;font-weight: bold;}
.case li .line{width: 20px;height: 2px;background: #237ae4;margin: 10px 0 14px;}
.case li .txt{font-size: 15px;color: #666;line-height: 26px;text-align: justify;height: 130px;}
.case li .en{font-size: 60px;color: #f5f4f4;line-height: 65px;position: absolute;left: 0;top: -25px;z-index: 5;font-weight: bold;}
.case li .more{display: block;font-size: 14px;color: #014494;line-height: 14px;margin-top: 10px;}
.case li .more i{display: block;width: 14px;height: 14px;background: url('../images/product.png') no-repeat;float: left;margin-right: 8px;position: relative;top:1px;}
.case li .imgList .img{width: 100%;height: 210px;background-repeat: no-repeat;background-size: cover;background-position: center center;margin-top: 20px;}

.case-pop{display: none;position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);z-index: 999;}
.case-pop .case-pop-main{width: 800px;height: 600px;background: #fff;margin: -340px 0 0 -440px;position: absolute;left: 50%;top: 50%;padding: 40px;}
.case-pop .case-pop-main .close{display: block;width: 15px;height: 15px;background: url('../images/case_close.png') no-repeat;position: absolute;right: 10px;top: 10px;}
.case-pop .case-pop-main .prev,
.case-pop .case-pop-main .next{display: block;width: 10px;height: 20px;position: absolute;left: 15px;top: 50%;margin-top: -10px;background: url('../images/case_arrow.png') no-repeat;}
.case-pop .case-pop-main .next{left: auto;right: 15px;background-position: -10px 0;}
.case-pop .case-pop-main .case-pop-list{width: 800px;height: 600px;overflow: hidden;display: none;}
.case-pop .case-pop-main .case-pop-list li{width: 800px;height: 600px;float: left;}
.case-pop .case-pop-main .case-pop-list li img{display: block;height: 600px;margin: 0 auto;}
.case-pop .case-pop-main .case-pop-list-active{display: block;}



.case-swiper{position: relative;}
.case-swiper .img{display: flex;align-items: center;justify-content: center;width: 800px;height: 600px;}
.case-swiper .img img{display: block;max-width: 800px;max-height: 600px;}
.case-swiper .swiper-button-prev,
.case-swiper .swiper-button-next{width: 10px;height: 20px;position: absolute;left: -20px;top: 50%;margin-top: -10px;background: url('../images/case_arrow.png') no-repeat;}
.case-swiper .swiper-button-next{left: auto;right: -20px;background-position: -10px 0;}


.swiper-case{position: relative;margin-top: -25px;}
.case-item{position: relative;cursor: pointer;padding-top: 25px;}
.case-item .en{font-size: 60px;color: #f5f4f4;line-height: 65px;position: absolute;left: 0;top: 0;z-index: 5;font-weight: bold;}
.case-item .info{position: relative;z-index: 10;}
.case-item .title{font-size: 15px;color: #333;line-height: 33px;font-weight: bold;}
.case-item .line{width: 20px;height: 2px;background: #237ae4;margin: 10px 0 14px;}
.case-item .txt{font-size: 15px;color: #666;line-height: 26px;text-align: justify;height: 130px;}
.case-item .img{width: 100%;height: 210px;background-repeat: no-repeat;background-size: cover;background-position: center center;margin-top: 20px;}
.swiper-case .swiper-button-prev,
.swiper-case .swiper-button-next{width: 10px;height: 20px;position: absolute;left: -30px;top: 50%;margin-top: -10px;background: url('../images/case_arrow.png') no-repeat;}
.swiper-case .swiper-button-next{left: auto;right: -30px;background-position: -10px 0;}


/*业务范围*/
.scope{position: relative;z-index: 0;}
.scope .scope_pic{display: table;text-align: center;position: relative;width: 90%;height: 602px;padding-bottom: 31px;}
.scope .scope_pic .img{display: table-cell;vertical-align: middle;position: relative;height: 602px;}
.scope .scope_pic .img img{max-width:100%;max-height: 100%;}
.scope_info{position: absolute;right: 40px;bottom: 40px;z-index: 10;}
.scope_info .title{font-size: 20px;color: #333;font-weight: bold;line-height: 30px;margin-bottom: 10px;}
.scope_info p{font-size: 15px;color: #666;line-height: 23px;margin-bottom: 35px;}
.scope_nav li{float: left;width: 98px;height: 43px;text-align: center;line-height: 43px;font-size: 16px;color: #237ae4;border:1px solid #237ae4;border-radius: 2px;cursor: pointer;}
.scope_nav li.on{background: #237ae4;color: #fff;}

/*新海服务*/
.service{padding-top: 40px;}
.service .title{font-size: 18px;color: #333;font-weight: bold;line-height: 36px;margin-bottom: 20px;}
.serviceList li{float: left;width: 46%;margin-right: 8%;}
.serviceList li:nth-child(2n){margin-right: 0;}
.serviceList li i{display: block;width: 30px;height: 30px;background: url('../images/icon.png') no-repeat;margin-bottom: 10px;}
.serviceList li .icon2{background-position: 0 -40px;}
.serviceList li .icon3{background-position: 0 -80px;}
.serviceList li .icon4{background-position: 0 -120px;}
.serviceList li .name{font-size: 14px;color: #333;font-weight: bold;line-height: 24px;margin-bottom: 4px;}
.serviceList li .txt{font-size: 14px;color: #666;line-height: 20px;text-align: justify;height: 40px;}
.service  .subTitle{font-size: 16px;color: #333;line-height: 26px;font-weight: bold;margin: 32px 0 10px;}
.flowList li{width: 35%;float: left;}
.flowList li:last-child{width: 30%;}
.flowList li .num{font-size: 16px;color: #333;}
.flowList li .num span{font-size: 50px;color: #237ae4;font-weight: bold;font-style: italic;margin-right: 10px;}
.flowList li .line{width:100%;height: 2px;background: #e2e2e2;position: relative;margin: 15px 0 25px;}
.flowList li .line i{display: block;width: 12px;height: 12px;background: #237ae4;border-radius: 50%;position: absolute;left: 0;top: -5px;}
.flowList li:last-child .line{width: 12px;}
.flowList li .txt{font-size: 14px;color: #666;line-height: 22px;width: 82.5%;text-align: justify;}
.flowList li:last-child .txt{width: 100%;}

/*在线反馈*/
.online .title{font-size: 15px;color: #cd0000;font-weight: bold;line-height: 32px;margin: 10px 0 22px;}
.onlineItem{margin-bottom: 14px;}
.onlineItem .item{width: 47%;float: left;}
.onlineItem .item:nth-child(2n){float: right;}
.onlineItem .name{font-size: 15px;color: #333;line-height: 34px;text-align: right;padding-right: 15px;width: 90px;float: left;}
.onlineItem .name span{color: #cd0000;}
.onlineItem .onlineText{width: calc(100% - 105px);float: left;display: block;border:1px solid #d0d0d0;box-sizing: border-box;height: 34px;font-size: 14px;color: #666;padding: 0 10px;}
.onlineItem textarea{display: block;width: calc(100% - 105px);height: 134px;box-sizing: border-box;border:1px solid #d0d0d0;padding: 10px;font-size: 14px;color: #666;line-height: 26px;}
.onlineItem .vcodeText{width: 180px;margin-right: 10px;}
.onlineItem img{display: block;width: 98px;height: 32px;float: left;border:1px solid #d0d0d0;cursor: pointer;}
.onlineBtn{margin: 40px 0 0 105px;}
.onlineBtn .btn{display: block;width: 180px;height: 44px;background: #237ae4;border:none;font-size: 14px;color: #fff;cursor: pointer;}

/*资料下载*/
.download{width: 80%;margin-left: 6%;height: 484px;}
.download ul{margin-bottom: 34px;}
.download li{float: left;width: 18.18%;margin: 0 2.275% 34px 0;}
.download li:nth-child(5n){margin-right: 0;}
.download li a{display: block;width: 100%;height: 416px;}
.download li .info{background: #f6f6f6;background: #fff;box-shadow: 0px 1px 25px 0px rgba(175, 175, 175, 0.2);height: 360px;width: 100%;overflow: hidden;}
.download li .info .title{font-size: 28px;color: #333;text-align: center;line-height: 33px;margin-top: 37px;}
.download li .info .txt{font-size: 14px;color: #888;text-align: center;line-height: 24px;}
.download li .info .pic{display: table;margin: 10px 0;width: 100%;height: 252px;text-align: center;}
.download li .info .pic .img{display: table-cell;vertical-align: middle;padding: 10px;overflow: hidden;}
.download li .info .pic .img img{max-width: 100%;max-height: 100%;}
.download li .name{font-size: 16px;color: #333;line-height: 34px;padding: 10px 0;text-align: center;}
.download li:hover .info .pic .img img{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);}

/*产品中心*/
.productMain .right{background: url('../img/product_bg.jpg') no-repeat right center;background-size: cover;}
.subProduct{position: absolute;left: 257px;top:0;height: 100%;background: #e9e9e9;z-index: 5;box-sizing: border-box;width:200px;padding: 37px 20px 0;}
.productMain .left ul li .high{width:68px;}
.productMain .left ul li .high .line{width: 48px;}
.subProduct .item{display: none;}
.subProduct .item a{display: block;color: #666;line-height: 44px;text-align: center;}
.subProduct .item a.on,.subProduct .item a:hover{color: #333;font-weight: bold;}
.productCon{position: relative;height: 100%;width: 92%;margin-left: 200px;max-width: 1200px;}

.productCon .pic{width: calc(94% - 490px);position: relative;height: 100%;box-sizing: border-box;padding: 80px 0;}
.productCon .pic .title{font-size: 200px;color: #e6e6e6;width:100%;line-height: 190px;position: absolute;left: 0;top: 80px;z-index: 5;font-weight: bold;text-align: right;}
.productCon .pic .img{position: relative;width: 100%;height: 100%;line-height: 100%;text-align: center;z-index: 10;}
.productCon .pic .img img{display: inline-block;max-width: 100%;max-height: 100%;vertical-align: middle;}

.productCon .info{width: 490px;}
.productCon .info .title{font-size: 30px;height: 29px;border-left: 2px solid #014494;padding-left: 10px;line-height: 29px;margin-bottom: 30px;}
.productCon .info ul{margin-left: 10px;}
.productCon .info ul li{width: 120px;height: 120px;background: #fff;float: left;overflow: hidden;text-align: center;}
.productCon .info ul li h5{font-size: 15px;color: #333;line-height: 25px;margin-top: 18px;font-weight: normal;}
.productCon .info ul li .num{font-size: 34px;color: #555;font-weight: bold;line-height: 42px;font-family: Myriad Pro;}
.productCon .info ul li p{color: #777;font-size: 13px;line-height: 15px;}
.productCon .info ul li.bg2{background: #024494;}
.productCon .info ul li.bg2 h5,
.productCon .info ul li.bg2 .num,
.productCon .info ul li.bg2 p,
.productCon .info ul li.bg4 h5,
.productCon .info ul li.bg4 .num,
.productCon .info ul li.bg4 p{color: #fff;}
.productCon .info ul li.bg4{background: #2c77d3;}
.productCon .info .txt{font-size: 15px;color: #666;line-height: 26px;margin: 23px 0 0 10px;text-align: justify;overflow: hidden;width: 480px;height: 156px;}
.productCon .info .txt .scroll{width: 497px;height: 156px;overflow-y: scroll;}

.productCon .info .more{display: block;width: 58px;float: right;margin-top: 60px;font-size: 14px;color: #014494;line-height: 14px;text-decoration: underline;}
.productCon .info .more i{width: 14px;height: 14px;background: url('../images/product.png') no-repeat;float: left;margin-left: -22px;display: block;position: relative;top: 1px;}
.productCon .picList{width:490px;height: 600px;overflow: hidden;display: none;}
.productCon .picList .back{display: block;float: right;height: 16px;line-height: 16px;font-size: 15px;color: #666;}
.productCon .picList .back i{display: block;width: 16px;height: 16px;background: url('../images/back.png') no-repeat;margin-left: 10px;float: right;}
.productCon .picList .scroll{width: 508px;height: 535px;overflow-y: scroll;margin-top: 30px;}
.productCon .picList ul li{float: left;width: 235px;margin: 0 20px 20px 0;overflow: hidden;}
.productCon .picList ul li:nth-child(2n){margin-right: 0;}
.productCon .picList ul li img{display: block;width: 100%;}

/*搜索结果*/
.search_main{background: url('../img/search_bg.jpg') no-repeat center bottom;background-size: cover;overflow: hidden;}
.search_main .con{width: 1200px;height: 664px;background: #fff;margin: 0 auto;box-sizing: border-box;padding: 40px 56px 0;}
.searchTop .title{font-size: 28px;color: #333;line-height: 48px;margin-bottom: 15px;}
.searchTop .searchText{display:block;width: 918px;height: 44px;border:1px solid #d0d0d0;border-radius: 3px;padding: 0 10px;font-size: 14px;color: #999;}
.searchTop .searchBtn{display:block;width: 150px;height: 46px;background: url('../images/search.png') no-repeat 49px center #237ae4;box-sizing: border-box;border:none;border-radius: 3px;margin-left: -2px;padding-left: 24px;font-size: 15px;color: #fff;}
.searchTop .hot{margin: 10px 0 30px;font-size: 14px;color: #999;line-height: 26px;height: 26px;}
.searchTop .hot span,
.searchTop .hot a{display: block;color: #999;float: left;}
.searchTop .hot a{margin-right: 20px;}
.searchTop .hot a:hover{color:#237ae4;}
.searchlist{padding-bottom: 17px;}
.searchlist li{margin-bottom: 30px;}
.searchlist li a{display: block;}
.searchlist li .title{font-size: 17px;color: #333;line-height: 26px;margin-bottom: 10px;}
.searchlist li .txt{font-size: 14px;color: #666;line-height: 24px;height: 48px;overflow: hidden;}
.searchlist li:hover .title{color: #237ae4;font-weight: bold;}

@media only screen and (max-width: 1590px) {
.banner{border-width: 120px;top:0;}
.banner .prevBtn, .banner .nextBtn{width: 120px;left: -120px;}
.banner .nextBtn{left: auto;right: -120px;}
.banner .prevLine, .banner .nextLine{width: 48px;left: -18px;}
.banner .nextLine{left:auto;right: -18px;background-position: -21px -20px;}
.indAbout{left: 30px;}
.indCase{right: 30px;}
.culture{width: 560px;height:570px;margin-right: 125px;}
.culture .pic{width: 560px;margin-left: 0;}
.culture .txt{top: -5px;height: 410px;padding-top: 23px;}
.culture .item{margin-bottom: 10px;}
.honor{width: 92%;margin-left: 4%;}
.right .bg{width: calc(100% - 200px);}
.about{margin-right: 125px;}
.subNav_right dl dd a{width: 100%;font-size: 12px;}
.productCon{width: calc(100% - 260px);}
.productCon .info,
.productCon .picList{position: relative;z-index: 10;}
.productCon .pic .title{font-size: 120px;top: 20px;}
.download{width: 92%;margin-left: 4%;}
.download ul{margin-bottom: 0;}
.download li .info .title{font-size: 24px;}
.service .title{line-height: 30px;margin-bottom: 10px;}
.serviceList li{width: 48%;margin-right: 4%;margin-bottom: 5px;}
.service .subTitle{line-height: 22px;margin: 20px 0 10px;}
.flowList li .num{font-size: 14px;}
.flowList li .num span{font-size: 36px;}
.flowList li .line{margin-bottom: 15px;}
.header .sub_nav{height: auto;}
.header .sub_nav .subNav_left{width: 358px;height: 194px;}
.subNav_right{width: calc(100% - 358px);}
.subNav_left .title{padding-top: 35px;}
.join, .case, .service, .online,.scope{height: 590px;padding: 21px 4%;width: 92%;margin-left: 4%;}
.join li{padding-bottom: 20px;}
.jobTop{margin-top: 10px;}
.right .subbg{width: calc(100% - 200px);}
.map{width: calc(100% - 200px);}
.contact{right: 130px;width: 380px;height: 480px;margin-top: -240px;}
.contact .en{font-size: 13px;}
.contact i{margin-bottom: 22px;}
.contact ul{margin-left: 60px;}
.scope .scope_pic{height: 548px;padding-bottom: 0;}
.scope .scope_pic .img{height: 548px;}
.case .name{margin-bottom: 37px;}
.case li .txt{font-size: 14px;line-height: 24px;height: 144px;}
.case li .imgList .img{height: 150px;}
}