body{ font:12px/1.5 "Microsoft YaHei",arial,simsun,sans-serif; margin:0 auto; padding:0; background:#fff; overflow-x:hidden; color:#202020;}

/*链接整体设置*/
a{ text-decoration:none; color:#202020; transition:all .15s;}
a:hover{ color:#012561;}
a:active{ color:#202020;}
a{ blr:expression(this.onFocus=this.close());}
a{ blr:expression(this.onFocus=this.blur());} 
div:focus,*:focus,a:focus,input:focus,button:focus,textarea:focus,select:focus{ outline:none; hide-focus:expression(this.hideFocus=true);}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{ color:#999;}
input::-moz-placeholder,textarea::-moz-placeholder{ color:#999;}
input:-moz-placeholder,textarea:-moz-placeholder{ color:#999;}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{ color:#999;}
input[type=button],input[type=submit],input[type=file],button,select{ -webkit-appearance:none;}

/*公用样式*/
*{ margin:0; padding:0; font-style:normal; font-family:"Microsoft YaHei"; box-sizing:border-box;}
ul,ol{ list-style-type:none;}
h1,h2,h3,h4{font-weight:500;}
img{ border:none; -ms-interpolation-mode:bicubic; -o-object-fit:cover; object-fit:cover;}
.left{ float:left;}
.right{ float:right;}
.clear{ clear:both;}
.clear0{ clear:both; font-size:0px; height:0px; overflow:hidden;}
.hidden{display:none;}
.w{ max-width:1600px; width:88%; margin:0 auto; max-height:999999px;}
.comflex{ display:flex; flex-wrap:wrap; justify-content:space-between;}
.comflex1{ display:flex; flex-wrap:wrap;}
.comflex2{ display:flex; flex-wrap:wrap; justify-content:center; align-items:center;}
.comflex3{ display:flex; flex-wrap:wrap; align-items:center;}
.comflex5{ display:flex; flex-wrap:wrap; justify-content:center;}
.comflex4{ display:-webkit-flex; -webkit-flex-flow:row-reverse wrap; display:flex; flex-flow:row-reverse wrap; justify-content:space-between;}
.pic{ position:relative; width:100%; overflow:hidden; transition:all .6s; display:block;}
.dfimg{ display:block; width:100%;}
.pic_w{ position:absolute; left:0; right:0; top:0; bottom:0;}
.pic_w a{ display:block;}
@font-face{ font-family:impact;src:url('../images/impact.ttf');}

/*header*********************************************************************/
.head{ position:relative; transition:all linear .2s; z-index:505;}
.head-fixed{ width:100%; height:120px; background:#fff; position:fixed; top:0; left:0; right:0; transition:all linear .2s; box-shadow:0 0 10px rgba(0,0,0,.1); padding:0 2.7%;}
.head-fixed .w{ position:relative; width:90%; max-width:inherit;}
.logo{width:-webkit-calc(100% - 350px);width:-moz-calc(100% - 350px);width:calc(100% - 350px);}
.logo>a>img{width:340px;margin-top: 10px;}
.logo .txt p{ font-size:12px; line-height:18px; font-family:"SH_Medium";}
.nav{ width:80%; position:relative; margin:0 auto;}
.nav .plebans{ font-size:18px; line-height:40px; position:relative; text-align:center;}
.nav .plebans a{ display:inline-block; transition:all .5s;}
.nav li{ position:relative;}
.nav li .jd{ display:none; width:11px; height:7px;}
.nav_bg{ display:none;}
.nav li.hover .plebans a,.nav li.cur .plebans a{ color:#012561;}
.nav li.hover .jd{ background-image:url(../images/down_icon_sel.png);}
.goutp{ display:none; position:absolute; top:100%; left:-6%; width:190px; margin-left:-60px; border-radius:0 0 5px 5px; z-index:10; background:#fff; box-shadow:0 2px 5px rgba(0,0,0,0.1); text-align:center;}
.goutp p{ font-size:14px; line-height:2.6;}
.goutp p a{ display:block; color:#333;}
.goutp p a:hover{ color:#012561; background:rgba(0,0,0,.05);}
.telephone_icon{ position:absolute; right:65px; top:50%; margin-top:-21px; display:block; font-size:20px; padding:0 0 0 35px; background:url(../images/tell.png) left center no-repeat; background-size:24px 24px; color:#353536; line-height:42px;font-weight: 600;}
.search{ position:absolute; right:0; top:50%; margin-top:-11px;}
.search_ico{ background:url(../images/search.png) left center no-repeat; background-size:100%; width:22px; height:22px; display:block;}
.search_form{ position:absolute; right:0; top:50%; margin-top:-18px; z-index:3;}
.s_intxt{ width:152px; border:none; margin-right:-8px; border-radius:1000px; height:36px; padding:0 15px; line-height:34px; background:#fff; font-size:14px; color:#333; border:1px solid #eee;}
.s_inbut{ height:22px; width:22px; border:none; cursor:pointer; background:url(../images/search.png) center center no-repeat; background-size:100%; position:absolute; top:50%; margin-top:-11px; right:0;}
.hnmo{display: block;margin: 20px auto;line-height: 40px;font-size: 16px;width: 100px;border: 1px #ccc solid;text-align: center;}
.sanh{ width:50px; padding:10px; position:absolute; right:-10px; top:50%; margin-top:-37.5px; display:none;}
.sanh>div{ height:5px; margin:10px 0px; width:100%; transition:transform 0.5s,opacity 0.5s;}
.sanh>div{ background-color:#012561;}
.tesd>div{ background-color:#012561!important;}
.tesd>div:nth-child(1){ transform:translate3d(0px,15px,0px) rotate(45deg);}
.tesd>div:nth-child(2){ opacity:0;}
.tesd>div:nth-child(3){ transform:translate3d(0px,-15px,0px) rotate(-45deg);}

.home{ width:100%; height:100%; padding-top:100px;}
.home_c{ display:flex; flex-wrap:wrap; justify-content:center; align-items:center; width:100%; height:100%;}
.home_c:last-child{ height:auto;}
.home .home_pag{ right:2.7%; z-index:5;}
.home .home_pag span{ border:1px solid rgba(255,255,255,0); width:16px; height:16px; opacity:1; margin:40px 0!important; background:none; padding:5px; position:relative;}
.home .home_pag span:first-child,.home .home_pag span:last-child{ display:none;}
.home .home_pag span i{ display:block; background:#333; border-radius:50%; height:4px; width:4px;}
.home .swiper-pagination font{ display:inline-block; color:rgba(51,51,51,.6); font-size:12px; position:absolute; right:30px; top:-1px; line-height:16px;}
.home .home_pag span.swiper-pagination-bullet-active{ border:1px solid #8a8e91;}
.home .home_pag span.swiper-pagination-bullet-active font{ font-size:0;}
.home .home_pag span.swiper-pagination-bullet-active font:after{ display:block; color:rgba(51,51,51,.6); font-size:12px; position:absolute; right:0; top:0; line-height:16px; width:30px; text-align:right;}
.home .home_pag span.swiper-pagination-bullet-active:nth-child(2) font:after{ content:"介绍";}
.home .home_pag span.swiper-pagination-bullet-active:nth-child(3) font:after{ content:"项目";}
.home .home_pag span.swiper-pagination-bullet-active:nth-child(4) font:after{ content:"领域";}
.home .home_pag span.swiper-pagination-bullet-active:nth-child(5) font:after{ content:"案例";}
.home .home_pag span.swiper-pagination-bullet-active:nth-child(6) font:after{ content:"新闻";}

.banner{ width:100%; height:100%; z-index:6!important; overflow:hidden;}
.banner .swiper-slide .dfimg{ height:100%;}
.banner .swiper-slide .w{ position:absolute; left:50%; top:0; bottom:0; transform:translate(-50%,0);}
.banner .swiper-slide .w img{ display:block; width:100%; transform:translateX(60px); opacity:0;}
.banner .swiper-slide.active .w img{ transition:all 2s ease 1s; transform:translateY(0); opacity:1;}
.banner .swiper-pagination{ bottom:3.5%;}
.banner .swiper-pagination-bullet{ width:16px; height:16px; background:none; opacity:1; margin:0 5px!important; border-radius:50%; transition:all 0.6s; position:relative;}
.banner .swiper-pagination-bullet-active{ border:1px solid #fff;}
.banner .swiper-pagination-bullet:after{ content:""; display:block; position:absolute; left:50%; top:50%; margin:-3px 0 0 -3px; width:6px; height:6px; font-size:0; overflow:hidden; background:#fff; border-radius:50%;}

.titc{ position:relative; width:100%; height:78px;}
.titc img{ display:block; height:59px; margin:0 auto;}
.titc em{ position:absolute; left:0; right:0; bottom:0; text-align:center; font-size:48px; color:#191818; font-weight:bold; line-height:1;}

.bg1{ background:url(../images/bg1.jpg) center top no-repeat; background-size:cover;}
.con1_txt{ font-size:18px; line-height:1.777777777777778; text-align:left; padding:5% 10.625% 0 10.625%;font-family: Arial;text-indent: 30px;}
.con1_more{ font-size:14px; color:#012561; display:inline-block; border:1px solid #012561; padding:0 20px; line-height:2.714285714285714; margin-top:3%;}
.con1_more:hover{ color:#fff; background:#012561;}
.con1_list{ margin-top:5%; padding:0 15%;}
.con1_list li{ text-align:center;}
.con1_list li em{ display:block; font-size:60px; color:#012561; font-family:"impact";}
.con1_list li span{ font-family:"impact";}
.con1_list li i{vertical-align: super; font-size:35px;}
.con1_list li p{ font-size:14px; color:#012561;}

.bg2{ background:url(../images/bg2.jpg) center top no-repeat; background-size:cover;}
.con2{ padding:3.4375% 4.6875% 0 4.6875%;}
.con2_sider{ margin-bottom:30px;}
.con2_sider .swiper-slide{ line-height:57px; text-align:center; height:57px; font-size:21px; color:#333; overflow:hidden; background:url(../images/bg1_1.png) center top no-repeat; background-size:100% 57px;}
.con2_sider .swiper-slide-thumb-active{ color:#fff; background-image:url(../images/bg1_2.png);}
.con2_c{ width:100%; position:relative;}
.con2_c .pic{ width:51.72413793103448%;}
.con2_c .pic img{ display:block; width:100%;}
.con2_c .txt{ width:46.20689655172414%; padding:2.85% 0 75px 0;}
.con2_c .txt .tit2 p{ font-size:30px; color:#333; padding-left:50px; position:relative; line-height:1.2;}
.con2_c .txt .tit2 p:before{ content:""; display:block; position:absolute; left:0; top:50%; background:#595959; width:35px; margin-top:-.5px; height:1px; font-size:0; overflow:hidden;}
.con2_c .txt .tit2 em{ display:block; font-size:30px; color:#151515; padding-left:50px; font-weight:bold; line-height:1.466666666666667;}
.con2_c .txt .txtc{ font-size:16px; color:#333; margin-top:7.5%;}
.con2_but{ position:absolute; left:53.79310344827586%; bottom:0;}
.con2_but .swiper-button-next,.con2_but .swiper-button-prev{ position:static; width:55px; height:55px; background:#012561; opacity:.35; transition:all 0.6s;}
.con2_but .swiper-button-next:after,.con2_but .swiper-button-prev:after{ color:#fff; font-size:18px;}
.con2_but .swiper-button-next:hover,.con2_but .swiper-button-prev:hover{ opacity:1;}

.bg3{ background:#f5f9ff;}
.con3{ width:100%; overflow:hidden;}
.con3 ul{ width:101.25%;}
.con3 ul li{ position:relative; overflow:hidden; margin:.625% 1.25% .625% 0; width:23.75%;}
.con3 ul li a{ display:block;}
.con3 ul li .txt{ position:absolute; left:0; right:0; top:0; height:100%; background:rgba(0,0,0,.1); text-align:center; transition:all 0.6s;}
.con3 ul li .txt em{ display:block; font-size:18px; color:#fff; width:100%; position:relative; padding:17px 0;}
.con3 ul li .txt em:before,.con3 ul li .txt em:after{ content:""; display:block; position:absolute; left:37.5%; right:37.5%; background:#fff; height:1px; font-size:0; overflow:hidden;}
.con3 ul li .txt em:before{ top:0;}
.con3 ul li .txt em:after{ bottom:0;}
.con3 ul li.hover .txt{ top:100%;}

.bg4{ background:url(../images/bg4.jpg) center top no-repeat; background-size:cover;}
.con4{ padding:0 5% 0 0;}
.con4_pro{ width:50%;}
.con4_pro h3{ font-size:44px; color:#012561; font-weight:bold;}
.con4_pro p{ font-size:32px; color:#333; margin:2% 0 6% 0;}
.con4_pro a{ color:#fff; border-radius:1000px; background:#012561; border:1px solid #012561; font-size:16px; display:inline-block; line-height:3; padding:0 35px;}
.con4_pro a font{ padding-left:35px;}
.con4_pro a:hover{ color:#012561; background:none;}
.con4_sider{ width:43.4%; height:640px; box-shadow:0 0 18px rgba(0,0,0,.1);}
.con4_sider .swiper-slide{ height:33.33333%;}
.con4_sider .swiper-slide .clear{ width:100%; padding:0 27% 0 9.09%; position:relative; z-index:8;}
.con4_sider .swiper-slide em{ display:block; font-size:24px; color:#012561;}
.con4_sider .swiper-slide p{ font-size:16px; margin-top:20px; color:#fff; overflow:hidden; text-overflow:ellipsis; display:none; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
.con4_sider .swiper-slide a{ background:url(../images/ico0.png) #fff center center no-repeat; border-radius:50%; display:block; position:absolute; right:9.09%; top:50%; margin-top:-25px; width:50px; height:50px; background-size:18px 18px;}
.con4_sider .swiper-slide-thumb-active{ background:url(../images/pic3.jpg) center top no-repeat; background-size:cover;}
.con4_sider .swiper-slide-thumb-active:after{ content:""; display:block; position:absolute; left:0; top:0; bottom:0; right:0; background:rgba(1,37,97,.8); font-size:0; overflow:hidden; z-index:5;}
.con4_sider .swiper-slide-thumb-active em{ color:#fff; font-weight:bold;}
.con4_sider .swiper-slide-thumb-active p{ display:-webkit-box;}

.bg5{ background:url(../images/bg5.jpg) center top no-repeat; background-size:cover;}
.con5{ width:100%; overflow:hidden; padding:3% 1.25% 0 1.25%;}
.con5_list{ width:102.564102564102564%;}
.con5_list li{ background:#fff; margin:2.564102564102564% 2.564102564102564% 0 0; width:22.43589743589744%;}
.con5_list li a{ display:block;}
.con5_list li .txt{ padding:24px 6.95% 30px 6.95%;}
.con5_list li .txt em{ display:block; font-size:18px; color:#999; font-weight:bold; font-family:"Arial";}
.con5_list li .txt h3{ overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; font-size:18px; line-height:1.555555555555556; color:#333; margin-top:15px;}
.con5_list li .txt p{ overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; font-size:14px; color:#616161; line-height:1.642857142857143; margin-top:8px;}
.con5_list li .txt span{ display:inline-block; font-size:14px; color:#999; margin-top:25px; border-bottom:1px solid #0b87a7; line-height:1.714285714285714; padding-right:32px; position:relative;}
.con5_list li .txt span i{ display:block; width:20px; height:20px; background:linear-gradient(to right bottom,#1e4f9a,#1a95ac); position:absolute; right:0; top:0;}
.con5_list li .txt span i:after{ content:""; display:block; position:absolute; left:50%; top:50%; margin:-4.5px 0 0 -4.5px; width:9px; height:9px; font-size:0; overflow:hidden; background:url(../images/point1.png) 0 0 no-repeat; background-size:cover;}

.com li img{ display:block; transition:all 0.6s; max-height:100%; max-width:100%;}
.com li.hover img{ transform:scale(1.05);}

.con6{ background:#f2f2f2; width:100%; overflow:hidden; padding:32px 0;}
.con6_lf{ width:calc(100% - 145px); padding-right:35.9375%; font-size:14px; line-height:2;}
.con6_lf em{ font-weight:bold; color:#012561;}
.con6_lf a{ color:#312e2e; margin-right:20px;}
.con6_lf a:last-child{ margin-right:0;}
.con6_lf a:hover{ color:#012561;}
.ewm{ width:145px;text-align: center;}
.ewm em{ background:#fff; padding:7.5px; width:145px; height:145px;}
.ewm em img{ width:100%; display:block;}

/*foot style*********************************************************************/
.footer{ width:100%; background:#1d1d1d; overflow:hidden; font-size:14px; padding:35px 0;}
.footer *{ color:#c3c3c3;}
.footer a{ margin-right:5px;}
.footer font{ margin-right:10px;}
.footer a:last-child,.footer font:last-child{ margin-right:0;}
.footer a:hover{ color:rgba(255,255,255,.9);}