@charset 'utf-8';
body{font-family:"微软雅黑",Arial;background:#fff}
.scale_img dl dt img,.scale_img li img{transition:all 1s linear 0s}
.scale_img1 dl dt img,.scale_img1 li img{transition:all .5s linear 0s}
.scale_img dl:hover dt img,.scale_img li:hover img,.scale_img1 dl:hover dt img,.scale_img1 li:hover img{transform:scale(1.05) rotate(0) translateY(0)}
.fullSlide{position:relative;z-index:1;clear:both;width:100%}
.fullSlide .tempWrap{margin:0 auto}
.fullSlide .bd{position:relative;z-index:1;overflow:hidden;margin:0 auto;}
.fullSlide .bd .li img{display:block;width:100%;height:auto!important}
.fullSlide .hd{position:absolute;bottom:50px;width:600px;right:50%;height:8px;cursor:pointer;z-index:9;font-size:0;text-align:left;display: block!important;}
.fullSlide .hd li{display:inline-block;width:12px;height:12px;background:#fff;opacity:.4;border-radius:50%;transition:all .5s ease;margin-right:10px;cursor:pointer}
.fullSlide .hd li.on{background:#fff;opacity:1}
.fullSlide .switch p{width:54px;height:54px;cursor:pointer;margin-left:10px;border-radius:50%;border:1px solid rgba(255,255,255,.3);transition:all .5s ease;position:absolute;z-index:9;left:3%;top:50%;margin-top:-27px}
.fullSlide .switch p:hover{border-color:#fff}
.fullSlide .switch p.next2{left:auto;right:3%}
.seabox{height:85px;background:#fff;border-bottom:1px solid rgba(77,77,77,.3);position:relative;z-index:2}
.seabox .k_word{font-size:14px;line-height:85px;padding-left:25px;background:url(../images/hot.png) no-repeat left center}
.seabox .k_word strong{font-weight:400;color:#000}
.seabox .k_word a{color:#000;display:inline-block;font-weight:400;margin-right:4px;transition:all .3s ease}
.seabox .k_word a:after{content:"、"}
.seabox .k_word a:hover{color:#003e99}
.seabox .k_word a:last-child:after{display:none}
.seabox .sea_inp{width:287px;height:39px;margin-top:24px;position:relative}
.seabox .sea_inp:before{position:absolute;content:"";width:1px;height:26px;background:rgba(77,77,77,.3);left:0;top:7px}
.seabox .sea_inp input{display:block;outline:0;font-size:14px;color:#4d4d4d}
.seabox .sea_inp .search{float:left;width:210px;height:39px;color:#4d4d4d;background:0 0;line-height:39px;border:none;padding-left:27px}
.seabox .sea_inp .sub{float:right;width:39px;height:39px;background:#003e99 url(../images/s_btn.png) no-repeat right center;border:none;border-radius:50%;transition:all .5s ease}
.seabox .sea_inp .sub:hover{background-color:#004ab8}
h2.main_title a{display:block;text-align:center}
h2.main_title strong{display:block;font-size:48px;line-height:100%;color:#272727;letter-spacing:2px;font-weight:400}
h2.main_title span{display:block;font-weight:400;font-size:18px;line-height:100%;color:#888;margin-top:22px}
.intro{padding-top:83px}
.intro dl{position:relative;z-index:2;overflow:hidden}
.intro dt{float:left;width:509px;height:392px;line-height:0;overflow:hidden}
.intro dt img{width:509px;height:392px}
.intro dd{float:right;width:610px;padding-top: 30px;}
.intro dd h2{margin-bottom:30px}
.intro dd h2 a{display:block;padding-right:44px;background:url(../images/intro_t.png) no-repeat right 59px}
.intro dd h2 span{display:block;font-size:42px;line-height:100%;color:#e3e3e6;font-style:italic;text-transform:uppercase;margin-bottom:8px}
.intro dd h2 strong{display:block;font-size:42px;line-height:52px;color:#000;font-weight:400}
.intro dd p{font-size:16px;line-height:26px;color:#01132e;letter-spacing:1px}
.intro .intro_con{height:280px;background:#003e99;position:relative;z-index:1;margin-top:35px}
.intro li{width:200px;height:280px;float:left;box-sizing:border-box;border-left:1px solid rgba(255,255,255,.2);padding-top:85px;padding-left:30px;transition:all .3s ease}
.intro li strong{display:block;font-weight:400;font-size:24px;line-height:100%;color:#fff;margin-bottom:12px}
.intro li span{display:block;font-weight:400;font-size:14px;line-height:100%;color:#e3e3e6}
.intro li img{margin-top:68px;display:block}
.intro li:last-child{border-right:1px solid rgba(255,255,255,.2)}
.intro li:hover{padding-top:80px}
.product{padding-top:79px;overflow:hidden;background:url(../images/product_bg.jpg) no-repeat center bottom;text-align:center}
.product h2{margin-bottom:52px}
.pro_nav{float:left;width:304px;height:728px;background:#fff}
.pro_nav h3 a{display:block;padding-top:33px;padding-bottom:23px;transition:padding .3s ease;border-bottom:1px solid rgba(204,204,204,.3);line-height:0}
.pro_nav h3 img{display:block;height:62px;width:auto;margin:0 auto;display:none}
.pro_nav h3 strong{display:block;font-weight:400;font-size:24px;line-height:100%;color:#01132e}
.pro_nav h3 span{display:block;font-weight:400;font-size:14px;line-height:100%;color:#8d8d8d;margin-top:9px;text-transform:capitalize}
.pro_nav h3.on a{background:#003e99;border-color:#003e99;padding-top:48px;padding-bottom:33px}
.pro_nav h3.on img{display:block;margin-bottom:28px}
.pro_nav h3.on span,.pro_nav h3.on strong{color:#fff}
.pro_nav .pro_more a{display:block;padding-top:30px;font-size:18px;line-height:36px;color:#003e99;transition:all .3s ease}
.pro_nav .pro_more a:hover{letter-spacing:.5px;font-weight:700}
.pro_con{width:782px;float:right;margin-top:53px}
.pro_con dt{height:513px;width:100%;line-height:0;}
.pro_con dt img{width:auto;height:513px;max-width: 100%;}
.pro_con dd{padding-top:20px}
.pro_con dd h4{font-size:24px;line-height:30px;color:#272727;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-bottom:15px}
.pro_con dd .desc{font-size:16px;line-height:26px;color:#5d5d5d;max-height:52px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-weight:700}
.pro_con dd .desc span,.pro_con dd .desc em{display: block;}
.tech{background:url(../images/tech_bg.jpg) no-repeat center top;height:742px;overflow:hidden;border-bottom:2px solid #003e99;padding-top:84px;box-sizing:border-box;position:relative}
.tech h2 strong{color:#fff}
.tech h2 span{color:#c2c2c2}
.tech_con{position:absolute;width:100%;bottom:0;height:490px;text-align:center;font-size:0;line-height:0}
.tech_con:after{position:absolute;content:"";width:100%;height:1px;background:rgba(255,255,255,.3);top:142px;left:0}
.tech_con dl{width:300px;z-index:2;position:relative;display:inline-block;height:490px;box-sizing:border-box;padding:28px 26px;vertical-align:top;overflow:hidden}
.tech_con dt{width:248px;height:160px;overflow:hidden;display:none}
.tech_con dt img{width:248px;height:160px}
.tech_con dd{width:213px;margin:0 auto}
.tech_con dd .dot{width:16px;height:16px;background:#003e99;border-radius:50%;position:relative;margin:106px auto 20px}
.tech_con dd .dot i{display:block;width:30px;height:30px;background:rgba(0,62,153,.3);border-radius:50%;position:absolute;left:-7px;top:-7px;animation:zoomIn 2s infinite;-webkit-animation:zoomIn 2s infinite}
.tech_con dd .num{font-size:18px;line-height:100%;color:#fff;margin-bottom:30px}
.tech_con dd h3{font-size:24px;line-height:36px;color:#fff;font-weight:400}
.tech_con dd p{font-size:16px;line-height:26px;color:#4d4d4d;display:none;text-align:left}
.tech_con dl.cur{background:#eaeceb}
.tech_con dl.cur dt{display:block}
.tech_con dl.cur dd .dot,.tech_con dl.cur dd .num{display:none}
.tech_con dl.cur dd h3{color:#000;margin-top:34px;margin-bottom:21px}
.tech_con dl.cur dd p{display:block}
.client{background:#eaeaea;padding-top:75px}
.client_nav{margin:53px 0 32px;text-align:center}
.client_nav h3{width:240px;float:left;box-sizing:border-box;height:70px;border-left:1px solid rgba(52,53,56,.2)}
.client_nav h3 a{display:block;padding-top:18px}
.client_nav h3 strong{display:block;font-size:18px;line-height:100%;color:#000;transition:all .3s ease}
.client_nav h3 span{display:block;font-size:12px;line-height:100%;color:#000;transition:all .3s ease;margin-top:7px;text-transform:uppercase}
.client_nav h3:last-child{border-right:1px solid rgba(52,53,56,.2)}
.client_nav h3:hover span,.client_nav h3:hover strong{color:#003e99}
.client_nav h3:hover strong{letter-spacing:.5px}
.client_con li{width:198px;height:116px;background:#fff;line-height:0;overflow:hidden;margin-right:2px;margin-bottom:2px;float:left}
.client_con li img{width:198px}
.client_con li:nth-child(6n){margin-right:0}
.client_con li:last-child a{display:block;width:100%;height:100%;background:#003e99;position:relative;transition:all .3s ease}
.client_con li:last-child a:before{position:absolute;content:"";width:36px;height:1px;background:#fff;left:81px;top:57px}
.client_con li:last-child a:after{position:absolute;content:"";width:1px;height:36px;background:#fff;left:98px;top:40px}
.client_con li:last-child a:hover{background:#004ab8}
.case{background:#eaeaea;padding-top:87px;padding-bottom:123px}
.case h2 span{position:relative}
.case h2 span:after,.case h2 span:before{position:absolute;content:"";width:444px;height:1px;background:rgba(52,53,56,.2);left:0;top:12px}
.case h2 span:after{left:auto;right:0}
.case_con{width:590px;height:665px;background:#fff;box-sizing:border-box;padding:54px 47px 50px 48px;float:left;margin-top:58px;position:relative}
.case_con h3 a{display:block;height:24px;margin-bottom:42px}
.case_con h3 strong{display:block;font-size:24px;line-height:100%;color:#000;float:left;font-weight:400;transition:all .3s ease}
.case_con h3 strong:hover{color:#003e99}
.case_con h3 span{display:block;float:right;font-size:18px;line-height:24px;color:#003e99;font-weight:400;transition:all .3s ease}
.case_con h3 span:hover{letter-spacing:.5px}
.case_con1{float:right}
.case_list{width:495px;height:495px;overflow:hidden}
.case_list li{width:495px;height:495px;line-height:0}
.case_list li a{display:block;position:relative}
.case_list li img{width:495px;height:495px}
.case_list li h4{position:absolute;width:100%;box-sizing:border-box;padding:0 110px 0 37px;font-size:16px;line-height:60px;color:#fff;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;background:rgba(0,0,0,.6);left:0;bottom:0}
.case_nav{position:absolute;right:82px;bottom:74px;width:100px;text-align:right;font-size:0;line-height:0}
.case_nav li{cursor:pointer;display:inline-block;width:13px;height:13px;background:#fff;opacity:.3;border-radius:50%;margin-left:12px;transition:all .3s ease}
.case_nav li.on{opacity:1}
.ys{padding-top:79px;overflow:hidden}
.ys h2{text-align:center;margin-bottom:66px}
.ys_con{position:relative}
.ys_con .pic,.ys_con dd,.ys_con dt{position:absolute;line-height:0}
.ys_con h3{margin-bottom:57px}
.ys_con h3 strong{display:block;font-size:36px;line-height:100%;color:#000;font-weight:400}
.ys_con h3 span{display:block;font-weight:400;font-size:24px;line-height:100%;color:#000;margin-top:10px}
.ys_con p{font-size:16px;line-height:26px;color:#4d4d4d}
.ys_con .info{display:block;width:284px;height:63px;border:2px solid #003e99;text-align:center;margin-top:63px;box-sizing:border-box;font-size:16px;line-height:59px;color:#003e99;transition:all .3s ease}
.ys_con .info:hover{letter-spacing:.5px}
.ys1{height:700px;background:#f4f4f4}
.ys1 dt{width:1101px;height:700px;right:50%;margin-right:-141px}
.ys1 dd{width:794px;height:540px;background:#fff;box-sizing:border-box;padding:105px 93px 0;border-bottom:5px solid #003e99;margin-left:-193px;z-index:2;left:50%;top:80px}
.ys1 .pic{width:134px;bottom:0;left:50%;margin-left:826px}
.ys2{height:685px;padding-top:71px;padding-bottom:70px}
.ys2 dt{width:1014px;left:50%;margin-left:-54px}
.ys2 dt img:nth-child(1){float:left;width:500px;height:685px}
.ys2 dt img:nth-child(2){float:right;width:497px;height:685px}
.ys2 dd{width:433px;right:50%;top:169px;margin-right:167px}
.ys2 .info{margin-top:146px;width:391px}
.ys2 .pic{width:170px;bottom:0;right:50%;margin-right:890px}
.ys3{height:700px;background:#f4f4f4}
.ys3 dt{width:848px;height:700px;top:80px;right:50%;margin-right:112px}
.ys3 dd{left:50%;margin-left:9px;top:218px;width:591px}
.ys3 .info{width:356px;margin-top:99px}
.ys3 .pic{width:194px;bottom:0;left:50%;margin-left:766px}
.ys4{height:915px}
.ys4 dt{width:993px;height:604px;left:50%;margin-left:-33px;top:170px}
.ys4 dd{width:400px;right:50%;margin-right:198px;top:273px}
.ys4 .info{width:360px;margin-top:137px}
.ys4 .pic{width:207px;bottom:0;right:50%;margin-right:753px}
.engi{background:url(../images/engi_bg.jpg) no-repeat center top;height:455px;text-align:center}
.engi h2{line-height:0;padding:108px 0 35px}
.engi_info{font-size:0;line-height:0;margin-bottom:103px}
.engi_info span{display:inline-block;position:relative;padding:0 36px 0 52px;font-size:24px;line-height:100%;color:#fff}
.engi_info span:before{position:absolute;content:"-";left:0}
.engi_info span:first-child:before{display:none}
.engi_more{font-size:0;line-height:0}
.engi_more a{display:inline-block;vertical-align:top;width:284px;height:63px;background:#003e99;font-size:16px;line-height:63px;color:#fff;transition:all .5s ease}
.engi_more a:hover{background:#004ab8}
.engi_more p{display:inline-block;margin-left:36px;text-align:left;vertical-align:top}
.engi_more p span{display:block;font-size:14px;line-height:32px;color:#fff}
.engi_more p strong{display:block;font-size:28px;line-height:100%;color:#fff}
.news{padding-top:76px;padding-bottom:116px}
.news_nav{height:66px;margin-bottom:40px;margin-top:46px;border-bottom:2px solid rgba(136,136,136,.2)}
.news_nav h3{float:left;width:191px}
.news_nav h3 a{display:block;font-size:20px;line-height:66px;color:#666;font-weight:400;text-align:center;position:relative;background:#f4f4f4}
.news_nav h3.on a{color:#fff;background:#003e99}
.news_nav .more{float:right}
.news_nav .more a{color:#003e99;font-size:20px;line-height:66px;transition:all .3s ease}
.news_nav .more a:hover{letter-spacing:.5px}
.news_con_list dl{width:382px;float:left;margin-right:27px}
.news_con_list dl:last-child{margin-right:0}
.news_con_list dt{width:382px;height:215px;line-height:0;overflow:hidden}
.news_con_list dt img{width:382px;height:215px}
.news_con_list dd{margin-top:20px}
.news_con_list dd h4{font-size:18px;line-height:32px;color:#000;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;transition:all .3s ease;font-weight:400}
.news_con_list dd p{font-size:14px;line-height:27px;color:#999;margin:12px 0 32px}
.news_con_list dd span{display:block;font-size:16px;line-height:100%;color:#6d6d6d;transition:all .3s ease}
.news_con_list dl:hover dd h4,.news_con_list dl:hover dd span{color:#003e99}
.news_con_list ul li a{display:block;font-size:14px;line-height:36px;color:#777;font-weight:400;transition:all .3s ease}
.news_con_list ul li h4{font-weight:400;width:318px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;float:left;color:#333;position:relative;padding-left:12px}
.news_con_list ul li h4:before{position:absolute;content:"";transition:all .3s ease;width:5px;height:2px;background:#555;left:0;top:16.5px}
.news_con_list ul li span{float:right}
.news_con_list ul li:hover a{color:#003e99}
.news_con_list ul li:hover a h4{color:#003e99}
.news_con_list ul li:hover a h4:before{background:#5ebbbb}
.help{margin-top:66px;width:1200px;height:189px;background:#f6f7fb}
.help h3{width:138px;height:189px;background:#003e99;text-align:center;float:left}
.help h3 a{display:block;font-size:20px;line-height:189px;color:#fff}
.help .help_list{float:left;margin-left:54px;width:950px;padding-top:30px}
.help li{width:270px;margin-right:70px;float:left}
.help li h4{font-size:18px;line-height:34px;color:#000;font-weight:400;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;transition:all .3s ease}
.help li p{font-size:14px;line-height:27px;color:#999;margin:7px 0 25px}
.help li span{display:block;font-size:16px;line-height:100%;color:#6d6d6d;transition:all .3s ease}
.help li:hover h4,.help li:hover span{color:#003e99}
.about{background:url(../images/about_bg.jpg) no-repeat center top;height:750px;padding-top:159px;box-sizing:border-box}
.about_title{float:left;width:477px}
.about_title h2 a{display:block;line-height:0}
.about_title h2 span{display:block;font-weight:400;font-size:24px;line-height:36px;color:#fff;margin:44px 0 171px}
.about_title .more a{display:block;width:188px;height:56px;background:#fff;transition:all .3s ease;font-size:16px;line-height:56px;color:#003e99;text-align:center;font-weight:700}
.about_title .more a:hover{letter-spacing:.5px}
.album{float:right;width:508px;margin-top:83px}
.album h3{float:left;width:254px;height:254px}
.album h3 a{display:block;width:100%;height:100%;box-sizing:border-box;padding:50px 42px;background:rgba(0,62,153,.6) url(../images/about_icon.png) no-repeat 42px 200px;position:relative;transition:all .5s ease}
.album h3 strong{display:block;font-size:18px;line-height:100%;color:#fff;font-weight:400}
.album h3 span{display:block;font-size:14px;line-height:100%;color:#fff;font-weight:400;margin-top:9px;text-transform:capitalize}
.album h3 img{position:absolute;left:188px;bottom:33px}
.album h3:first-child{margin-left:254px}
.album h3:last-child a{background-color:#003e99}
.album h3:hover a{background-color:rgba(0,62,153,.8)}
.album h3:last-child:hover a{background-color:#003685}
.links{overflow:hidden;height:50px;background:#343538}
.links a,.links em{display:block;float:left;margin-right:20px;font-size:12px;line-height:12px;color:#999;transition:all .3s ease}
.links a:hover{color:#fff}
.f_info p{line-height:60px!important;padding-top:13px}
@-webkit-keyframes fadeInDown1{from{opacity:0;transform:translate3d(0,-50%,0)}
to{opacity:1;transform:translate3d(0,0,0)}
}
@keyframes fadeInDown1{from{opacity:0;transform:translate3d(0,-50%,0)}
to{opacity:1;transform:translate3d(0,0,0)}
}
.fadeInDown1{-webkit-animation-name:fadeInDown1;animation-name:fadeInDown1}
@-webkit-keyframes fadeInDown2{from{opacity:0;transform:translate3d(0,-20%,0)}
to{opacity:1;transform:translate3d(0,0,0)}
}
@keyframes fadeInDown2{from{opacity:0;transform:translate3d(0,-20%,0)}
to{opacity:1;transform:translate3d(0,0,0)}
}
.fadeInDown2{-webkit-animation-name:fadeInDown2;animation-name:fadeInDown2}
@-webkit-keyframes fadeInLeft1{from{transform:translate3d(-10%,0,0);opacity:0}
to{transform:translate3d(0,0,0);opacity:1}
}
@keyframes fadeInLeft1{from{transform:translate3d(-10%,0,0);opacity:0}
to{transform:translate3d(0,0,0);opacity:1}
}
.fadeInLeft1{-webkit-animation-name:fadeInLeft1;animation-name:fadeInLeft1}
@-webkit-keyframes fadeInLeft2{from{transform:translate3d(-5%,0,0);opacity:0}
to{transform:translate3d(0,0,0);opacity:1}
}
@keyframes fadeInLeft2{from{transform:translate3d(-5%,0,0);opacity:0}
to{transform:translate3d(0,0,0);opacity:1}
}
.fadeInLeft2{-webkit-animation-name:fadeInLeft2;animation-name:fadeInLeft2}
@-webkit-keyframes fadeInRight1{from{transform:translate3d(10%,0,0);opacity:0}
to{transform:translate3d(0,0,0);opacity:1}
}
@keyframes fadeInRight1{from{transform:translate3d(10%,0,0);opacity:0}
to{transform:translate3d(0,0,0);opacity:1}
}
.fadeInRight1{-webkit-animation-name:fadeInRight1;animation-name:fadeInRight1}
@-webkit-keyframes fadeInRight2{from{transform:translate3d(3%,0,0);opacity:0}
to{transform:translate3d(0,0,0);opacity:1}
}
@keyframes fadeInRight2{from{transform:translate3d(3%,0,0);opacity:0}
to{transform:translate3d(0,0,0);opacity:1}
}
.fadeInRight2{-webkit-animation-name:fadeInRight2;animation-name:fadeInRight2}
@-webkit-keyframes zoomLeft{from{transform:scale3d(.3,.3,.3);opacity:0}
50%{opacity:1}
}
@keyframes zoomLeft{from{transform:scale3d(.3,.3,.3);opacity:0}
50%{opacity:1}
}
.zoomLeft{transform-origin:0 50%;-webkit-animation-name:zoomLeft;animation-name:zoomLeft}
.zoomRight{transform-origin:100% 50%;-webkit-animation-name:zoomLeft;animation-name:zoomLeft}
@-webkit-keyframes zoomIn1{0%{opacity:0;transform:scale3d(.9,.9,.9)}
50%{opacity:1}
}
@keyframes zoomIn1{0%{opacity:0;transform:scale3d(.9,.9,.9)}
50%{opacity:1}
}
.zoomIn1{-webkit-animation-name:zoomIn1;animation-name:zoomIn1}
@-webkit-keyframes fadeInUp1{from{transform:translate3d(0,10%,0);opacity:0}
to{transform:translate3d(0,0,0);opacity:1}
}
@keyframes fadeInUp1{from{transform:translate3d(0,10%,0);opacity:0}
to{transform:translate3d(0,0,0);opacity:1}
}
.fadeInUp1{-webkit-animation-name:fadeInUp1;animation-name:fadeInUp1}
@-webkit-keyframes fadeInUp2{from{transform:translate3d(0,2%,0);opacity:0}
to{transform:translate3d(0,0,0);opacity:1}
}
@keyframes fadeInUp2{from{transform:translate3d(0,2%,0);opacity:0}
to{transform:translate3d(0,0,0);opacity:1}
}
.fadeInUp2{-webkit-animation-name:fadeInUp2;animation-name:fadeInUp2}