﻿@charset "utf-8";
*, *:before, *:after{ -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; outline:0 }

#bsWXBox{ box-sizing:content-box }

ul{ list-style:none }

body, div, span, h1, h2, h3, h4, h5, h6, p, em, img, strong, b, small, u, i, center, dl, dt, dd, ol, ul, li, sub, sup, tt, var, del, dfn, ins, kbd, q, s, samp, strike, applet, object, iframe, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, blockquote, pre, a, abbr, acronym, address, big, cite, code, mark, audio, video, input, textarea, select{ margin:0; padding:0 }

body{ font-family:'Microsoft YaHei', arial; font-size:14px; color:#666; line-height:1.5; width:100%; background:#fff; -webkit-text-size-adjust:none; -webkit-tap-highlight-color:transparent }

a:link, a:visited{ text-decoration:none; outline:0; }

a:hover, a:active, a:focus{ color:#666; text-decoration:none }

img{ border:0; max-width:100% }

table{ border-collapse:collapse; width:100% }

h1, h2, h3, h4, h5, h6{ font-weight:normal }

input, textarea{ font-size:14px; outline:0; overflow:hidden; font-family:arial }

input[type='reset'], input[type='button'], input[type='submit'], input[type='radio']{ cursor:pointer; outline:0 }

input[type='checkbox'], input[type='radio']{ position:relative; vertical-align:middle; margin-top:-2px; margin-bottom:1px; margin-left:5px; margin-right:5px }

textarea, input[type='email'], input[type='date'], input[type='password'], input[type='text']{ padding:0; color:#666; outline:0 }

input[type="submit"], input[type="reset"], input[type="button"], input[type='text'], select, button{ -webkit-appearance:none }

input, select, textarea{ -webkit-appearance:none; -webkit-tap-highlight-color:rgba(0, 0, 0, 0); border-radius:0 }

::-webkit-input-placeholder{ color:#999 }

:-moz-placeholder{ color:#999; opacity:1 }

::-moz-placeholder{ color:#999; opacity:1 }

:-ms-input-placeholder{ color:#999 }

.fl{ float:left }

.fr{ float:right }

.clearfix:after{ clear:both; height:0; content:""; line-height:0; font-size:0; display:block }

.pic{ width:100%; overflow:hidden; position:relative }

.pic:after{ content:""; display:block; padding-bottom:100% }

.middleCenter{ position:absolute; top:0; bottom:0; left:0; right:0; max-width:100%; height: 100%;    object-fit: cover; display:block; vertical-align:middle; text-align:center; margin:auto }

.containers{ margin-right:auto; margin-left:auto; max-width:1620px }

@media (max-width:1440px){
.containers{ padding:0 15px; width:100% }
}

#containers{ overflow:hidden; background:#fff }

.ellipsis{ text-overflow:ellipsis; white-space:nowrap; overflow:hidden }

@font-face{
font-family:"DINPro-Regular";
src:url("../font/DINPro-Regular.woff2") format("woff2"), url("../font/DINPro-Regular.woff") format("woff"), url("../font/DINPro-Regular.ttf") format("truetype"), url("../font/DINPro-Regular.eot") format("embedded-opentype"), url("../font/DINPro-Regular.svg") format("svg");
font-weight:normal;
font-style:normal
}

 

.phone-nav{ position:absolute; right:15px; top:0; line-height:60px; display:none; color:#666; z-index:15 }

.phone-nav img{ height:22px; margin-top:23px; display:block }

#menu .lan{ margin-top:20px; margin-left:20px }

#menu .search{ position:relative; border:1px solid #1b4fa2; margin:10px 10px 10px 20px; background:#fff }

#menu .search #text1{ text-align:left; width:100%; font-size:14px; height:35px; padding-right:30px; padding-left:6px; color:#666; line-height:25px; padding-top:4px; padding-bottom:4px; vertical-align:top; -webkit-appearance:none; transition:.5s; border:0; background:0 }

#menu .search #btn1{ border:0; font-size:12px; color:#666; width:35px; height:35px; line-height:35px; text-align:center; cursor:pointer; border-radius:0; background:#1b4fa2 url(../images/search01.png) no-repeat center center; outline:0; position:absolute; top:0; right:0 }

#menu .phone{ color:#1b4fa2; font-size:25px; font-family:"DINPro-Regular"; line-height:46px; font-weight:bold; padding:10px 0 10px 20px }

#menu .phone img{ display:inline-block; vertical-align:top; margin-right:5px }

@-webkit-keyframes bmove1{
0%{ -webkit-transform:scale(1.1); transform:scale(1.1) }
100%{ -webkit-transform:scale(1); transform:scale(1) }
}

@keyframes bmove1{
0%{ -webkit-transform:scale(1.1); transform:scale(1.1) }
100%{ -webkit-transform:scale(1); transform:scale(1) }
}

.home-banner{ overflow:hidden; width:100%; position:relative; z-index:1 }

.home-banner .home-banner-slick .slick-list{ overflow:hidden }

.home-banner .home-banner-slick .slick-slide{ position:relative; overflow:hidden }

.home-banner .home-banner-slick .slick-slide img{ -webkit-animation:1s bmove1 alternate linear; animation:1s bmove1 alternate linear }

.home-banner .home-banner-slick .item{ position:relative; text-align:center }

.home-banner .home-banner-slick .slick-dots{ z-index:10; bottom:28px; line-height:0; display:inline-block; width:184px; height:37px; margin:0 auto; text-align:center; border-radius:30px; background:rgba(0, 0, 0, 0.42); left:50%; margin-left:-92px; padding-top:10px }

.home-banner .home-banner-slick .slick-dots:after{ content:''; display:block; height:37px; width:100%; position:absolute; top:0; left:0; z-index:1; background:url("../images/line2.png") no-repeat center center }

.home-banner .home-banner-slick .slick-dots li{ margin:0 21px; padding:0; width:17px; height:17px; z-index:2; border-radius:50% }

.home-banner .home-banner-slick .slick-dots li button{ width:17px; height:17px; padding:0; display:block; background:url("../images/icon.png") no-repeat center center; border-radius:50% }

.home-banner .home-banner-slick .slick-dots li button:before{ content:"" }

.home-banner .home-banner-slick .slick-dots .slick-active button{ background:url("../images/iconh.png") no-repeat center center }

.home-banner .home-banner-slick .slick-dots .slick-active button:before{ color:transparent }

.home-banner .home-banner-slick .slick-active img{ -webkit-animation:1s bmove1 alternate linear; animation:1s bmove1 alternate linear }

.home-banner .home-banner-slick .slick-current img{ -webkit-animation:1s bmove1 alternate linear; animation:1s bmove1 alternate linear }

.home-banner .home-banner-slick-phone{ overflow:hidden; display:none }

.home-banner .home-banner-slick-phone .slick-slide{ position:relative; overflow:hidden }

.home-banner .home-banner-slick-phone .slick-slide img{ -webkit-animation:1s bmove1 alternate linear; animation:1s bmove1 alternate linear }

.home-banner .home-banner-slick-phone .slick-dots{ z-index:10; bottom:10px; line-height:0; display:inline-block; width:184px; height:37px; margin:0 auto; text-align:center; border-radius:30px; background:rgba(0, 0, 0, 0.42); left:50%; margin-left:-92px; padding-top:10px }

.home-banner .home-banner-slick-phone .slick-dots:after{ content:''; display:block; height:37px; width:100%; position:absolute; top:0; left:0; z-index:1; background:url("../images/line2.png") no-repeat center center }

.home-banner .home-banner-slick-phone .slick-dots li{ margin:0 21px; padding:0; width:17px; height:17px; z-index:2; border-radius:50% }

.home-banner .home-banner-slick-phone .slick-dots li button{ width:17px; height:17px; padding:0; display:block; background:url("../images/icon.png") no-repeat center center; border-radius:50% }

.home-banner .home-banner-slick-phone .slick-dots li button:before{ content:"" }

.home-banner .home-banner-slick-phone .slick-dots .slick-active button{ background:url("../images/iconh.png") no-repeat center center }

.home-banner .home-banner-slick-phone .slick-dots .slick-active button:before{ color:transparent }

.inbanner{ overflow:hidden; width:100%; position:relative; z-index:2 }

.inbanner .inbanner-slick{ overflow:hidden; position:relative; width:1920px; height:400px; left:50%; margin-left:-960px }

.inbanner .inbanner-slick img{ text-align:center; margin:0 auto; display:block; transition:5s; animation:mymove4 5s }

.inbanner .inbanner-slick-phone{ display:none; overflow:hidden; position:relative }

.inbanner .inbanner-slick-phone img{ display:block }

@keyframes mymove4{
0%{ transform:scale(1) }
50%{ transform:scale(1.03) }
100%{ transform:scale(1) }
}

@-webkit-keyframes mymove4{
0%{ transform:scale(1) }
50%{ transform:scale(1.03) }
100%{ transform:scale(1) }
}

.prompt{ position:fixed; width:100%; height:100%; background:url(../images/ie_sosad.png) no-repeat center 35% #fff; left:0; bottom:0; display:none; z-index:999; filter:alpha(opacity=80); opacity:80 }

.prompt span{ position:absolute; font-size:14px; font-family:'Microsoft YaHei'; top:55%; left:50%; margin-left:-152px; width:304px; display:block; line-height:24px; color:#666 }

.prompt span a{ text-decoration:underline }

.prompt_close{ width:30px; height:30px; position:absolute; right:30px; top:30px; background:url(../images/closed.png) no-repeat center center; cursor:pointer }

.home-title{ text-align:center; position:relative; z-index:5 }

.home-title .bt{ font-size:40px; color:#333; margin-bottom:2px }

.home-title .jsh{ font-size:15px; color:#666; text-transform:uppercase }

@media (max-width:1023px){
.home-title .bt{ font-size:26px }

.home-title .jsh{ font-size:14px }
}

@font-face{
font-family:"AkzidenzGrotesk-ExtraBoldAlt";
src:url("../font/AkzidenzGrotesk-ExtraBoldAlt.woff2") format("woff2"), url("../font/AkzidenzGrotesk-ExtraBoldAlt.woff") format("woff"), url("../font/AkzidenzGrotesk-ExtraBoldAlt.ttf") format("truetype"), url("../font/AkzidenzGrotesk-ExtraBoldAlt.eot") format("embedded-opentype"), url("../font/AkzidenzGrotesk-ExtraBoldAlt.svg") format("svg")
}

@font-face{
font-family:"DINCond-Black";
src:url("../font/DINCond-Black.woff2") format("woff2"), url("../font/DINCond-Black.woff") format("woff"), url("../font/DINCond-Black.ttf") format("truetype"), url("../font/DINCond-Black.eot") format("embedded-opentype"), url("../font/DINCond-Black.svg") format("svg")
}

@font-face{
font-family:"DINPro-Black";
src:url("../font/DINPro-Black.woff2") format("woff2"), url("../font/DINPro-Black.woff") format("woff"), url("../font/DINPro-Black.ttf") format("truetype"), url("../font/DINPro-Black.eot") format("embedded-opentype"), url("../font/DINPro-Black.svg") format("svg")
}

@font-face{
font-family:"BasiliaT-Bold";
src:url("../font/BasiliaT-Bold.woff2") format("woff2"), url("../font/BasiliaT-Bold.woff") format("woff"), url("../font/BasiliaT-Bold.ttf") format("truetype"), url("../font/BasiliaT-Bold.eot") format("embedded-opentype"), url("../font/BasiliaT-Bold.svg") format("svg")
}

.home-case{ padding:23px 0 99px 0; overflow:hidden; background:url("../images/home-case.jpg") no-repeat top center; background-size:cover }

.home-case .containers{ width:100% }

.home-case .left{ float:left; width:30%; position:relative; padding-top:92px }

.home-case .left .bg{ font-size:130px; color:#e3edf6; font-family:"DINCond-Black"; opacity:.7; line-height:264px; position:absolute; z-index:1; top:7px; left:16px; text-transform:uppercase }

.home-case .left .text{ position:relative; z-index:2; width:57.5%; float:right; padding-top:27px }

.home-case .left .text .bt{ font-size:46px; color:#222; text-overflow:ellipsis; white-space:nowrap; overflow:hidden }

.home-case .left .text .bt:after{ content:''; display:block; width:64px; height:4px; background:#1b4fa2; margin:31px 0 30px 0 }

.home-case .left .text .jsh{ font-size:15px; color:#666; line-height:30px; margin-bottom:55px; max-height:240px; overflow:hidden }

.home-case .left .text .more a{ width:182px; height:50px; border-radius:30px; border:1px solid #1b4fa2; line-height:48px; text-align:center; font-size:18px; color:#1b4fa2; display:block; transition:.5s }

@media (min-width:1025px){
.home-case .left .text .more a:hover{ background:#2c69af; color:#fff }
}

.home-case .right{ float:right; width:67.45%; padding-right:51px; position:relative; padding-bottom:59px; z-index:5; padding-top:50px }

.home-case .right .slick-prev, .home-case .right .slick-next{ width:47px; height:47px; left:0; right:auto; top:auto; margin-top:0; bottom:0; background:#043b8c url("../images/left1.png") no-repeat center center !important; z-index:4; background-size:13px !important }

.home-case .right .slick-prev:before, .home-case .right .slick-next:before{ content:'' }

@media (min-width:1025px){
.home-case .right .slick-prev:hover, .home-case .right .slick-next:hover{ background:#fa9800 url("../images/left1.png") no-repeat center center !important; background-size:13px !important }
}

.home-case .right .slick-next{ left:70px; background:#043b8c url("../images/right1.png") no-repeat center center !important; background-size:13px !important; z-index:4 }

@media (min-width:1025px){
.home-case .right .slick-next:hover{ background:#fa9800 url("../images/right1.png") no-repeat center center !important; background-size:13px !important }
}

@media (max-width:1400px){
.home-case .left .bg{ font-size:200px; line-height:200px; top:87px; left:0 }

.home-case .left .text{ width:100%; padding-top:100px }

.home-case .right{ padding-right:0 }
}

@media (max-width:1200px){
.home-case{ padding:30px 0 }

.home-case .left{ float:none; width:100%; padding-top:0; overflow:hidden }

.home-case .left .bg{ font-size:30px; line-height:44px; position:relative; top:auto; left:auto; text-transform:uppercase }

.home-case .left .text{ width:100%; padding-top:0 }

.home-case .left .text .bt{ font-size:24px }

.home-case .left .text .bt:after{ width:34px; height:4px; margin:11px 0 10px 0 }

.home-case .left .text .jsh{ font-size:14px; line-height:25px; margin-bottom:15px; max-height:100px }

.home-case .left .text .more a{ width:100px; height:35px; line-height:33px; font-size:14px }

.home-case .right{ float:none; width:100%; padding-bottom:30px; padding-top:10px; overflow:hidden }

.home-case .right .slick-prev, .home-case .right .slick-next{ width:34px; height:34px; background-size:9px !important }

.home-case .right .slick-next{ left:40px; background-size:9px !important }
}

.caitem ul{ margin:0 -9px }

.caitem ul li{ margin-bottom:20px; overflow:hidden; width:33.333333333333336%; float:left; padding:0 9px }

.caitem ul li .pic img{ transition:.5s }

.caitem ul li .pic:after{ padding-bottom:65.66666666666666% }

.caitem ul li .pic .hover{ position:absolute; bottom:-100%; left:0; transition:.5s; width:100%; height:100%; color:#fff; background:rgba(27, 79, 162, 0.81); overflow:hidden }

.caitem ul li .pic .hover .info{ position:absolute; top:70%; padding:84px 48px 0 48px; width:100%; transform:translateY(-60%); background:url("../images/link.png") no-repeat top center; background-size:57px }

.caitem ul li .pic .hover .h3{ font-size:18px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; text-align:center }

@media (min-width:1025px){
.caitem ul li:hover .pic img{ transform:scale(1.05) }

.caitem ul li:hover .pic .hover{ bottom:0 }
}

@media (max-width:1200px){
.caitem ul{ margin:0 -5px }

.caitem ul li{ margin-bottom:10px; width:50%; padding:0 5px }
}

.home-news{ padding:53px 0 98px 0; overflow:hidden; background:#f7f7f7 }

.home-news .list{ margin-top:30px; position:relative }

.home-news .list:after{ content:''; display:block; width:100%; height:1px; background:#ededed; position:absolute; top:26px; left:0; z-index:1 }

.home-news .list ul{ font-size:0; text-align:center; position:relative; z-index:2 }

.home-news .list ul li{ width:220px; display:inline-block; vertical-align:top; margin:0 2px }

.home-news .list ul li a{ display:block; height:51px; line-height:51px; text-align:center; color:#fff; font-size:18px; background:#9d9d9d }

.home-news .list ul .on{ background:url("../images/dot.png") no-repeat bottom center; padding-bottom:11px }

.home-news .list ul .on a{ background:#1b4fa2 }

.home-news .show{ padding-top:51px; overflow:hidden }

.home-news .show .info{ display:none }

.home-news .show .info ul{ margin:0 -25px }

.home-news .show .info ul li{ width:25%; float:left; padding:0 25px; border-right:1px solid #e2e2e2 }

.home-news .show .info ul li .box{ transition:.5s }

.home-news .show .info ul li .text{ margin-bottom:31px; overflow:hidden }

.home-news .show .info ul li .text .bt{ font-size:18px; color:#222; line-height:26px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; margin-bottom:26px }

.home-news .show .info ul li .text .jsh{ font-size:14px; color:#666; line-height:26px; height:78px; overflow:hidden; margin-bottom:26px }

.home-news .show .info ul li .text .date{ font-family:"BasiliaT-Bold"; font-size:24px; color:#888; line-height:36px }

.home-news .show .info ul li .text .date span{ float:right; position:relative; font-size:12px; color:#333; text-transform:uppercase; padding-right:15px; font-family:arial }

.home-news .show .info ul li .text .date span:after{ content:''; display:block; width:10px; height:10px; position:absolute; top:14px; right:0; background:#053c8c }

.home-news .show .info ul li .pic img{ transition:.5s }

.home-news .show .info ul li .pic:after{ padding-bottom:65.50632911392405% }

@media (min-width:1025px){
.home-news .show .info ul li:hover .box{ transform:translateY(-10px) }

.home-news .show .info ul li:hover .text .bt{ color:#1b4fa2; text-decoration:underline }

.home-news .show .info ul li:hover .text .date span{ color:#1b4fa2; text-decoration:underline }

.home-news .show .info ul li:hover .text .date span:after{ background:#d30014 }

.home-news .show .info ul li:hover .pic img{ transform:scale(1.05) }
}

.home-news .show .info ul li:nth-last-child(1){ border:0 }

@media (max-width:1200px){
.phone-nav{ display:block }
}

@media (max-width:1024px){
.home-banner .home-banner-slick{ display:none }

.home-banner .home-banner-slick-phone{ display:block }

.inbanner .inbanner-slick{ display:none }

.inbanner .inbanner-slick-phone{ display:block }
}

@media (max-width:1023px){
.home-news{ padding:30px 0 }

.home-news .list ul li{ width:120px }

.home-news .list ul li a{ height:40px; line-height:40px; font-size:14px }

.home-news .show .info ul li{ width:50%; padding:0 10px; margin-bottom:20px }

.home-news .show{ padding-top:20px }

.home-news .list:after{ height:1px; top:20px }

.home-news .show .info ul li .text .bt{ font-size:16px; height:auto; margin-bottom:5px; text-overflow:ellipsis; white-space:nowrap }

.home-news .show .info ul li .text .jsh{ line-height:25px; height:50px; margin-bottom:10px }

.home-news .list{ margin-top:20px }

.home-news .show .info ul li .text .date{ font-size:16px; line-height:25px }

.home-news .show .info ul li .text .date span:after{ top:6px }

.home-news .show .info ul li .text{ margin-bottom:10px }

.home-news .show .info ul li:nth-child(2n){ border:0 }
}

.home-product{ padding:69px 0 104px 0; overflow:hidden; position:relative; background:#fff }

.home-product .home-bottom{ padding-top:48px; position:relative; z-index:3 }

.home-product .home-bottom .list{ float:left; width:14.5% }

.home-product .home-bottom .list ul li{ margin-bottom:13px; overflow:hidden }

.home-product .home-bottom .list ul li a{ display:block; line-height:48px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; padding-right:5px; border-radius:30px; border:1px solid #dbdbdb; font-size:18px; color:#343434; padding-left:42px }

.home-product .home-bottom .list ul .sel a{ background:#356cc2; color:#fff }

.home-product .home-bottom .show{ float:right; width:81.53% }

.home-product .home-bottom .show .info{ display:none }

.home-product .home-bottom .show .info .h3{ font-size:16px; color:#333; background:url("../images/remen.png") no-repeat left; background-size:21px; padding-left:32px; line-height:27px }

.home-product .home-bottom .show .info .text{ float:left; width:55% }

.home-product .home-bottom .show .info .item a{ display:block; padding-top:28px }

.home-product .home-bottom .show .info .item .bt1{ font-size:36px; color:#333; margin-bottom:19px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden }

.home-product .home-bottom .show .info .item .jsh{ font-size:15px; line-height:28px; color:#666; height:84px; overflow:hidden; margin-bottom:36px }

.home-product .home-bottom .show .info .item .li ul{ padding:25px 0 14px 0; overflow:hidden; background:#fff; box-shadow:0 0 20px 0 rgba(0, 0, 0, 0.1) }

.home-product .home-bottom .show .info .item .li ul li{ width:25%; float:left; text-align:center }

.home-product .home-bottom .show .info .item .li ul li .pic{ width:50px; height:50px; margin:0 auto; float:none }

.home-product .home-bottom .show .info .item .li ul li .bt{ font-size:15px; color:#676767; line-height:40px }

.home-product .home-bottom .show .info .pic{ float:right; width:40%; margin-top:33px }

.home-product .home-bottom .show .info .pic:after{ padding-bottom:78.13852813852814% }

.home-product .bg{ width:100%; height:700px; background:url("../images/bg.png") no-repeat center right; position:absolute; top:0; right:0; z-index:1; transition:5s; animation:mymove4 5s }

@media (max-width:1024px){
.home-product{ padding:30px 0 }

.home-product .home-bottom{ padding-top:20px }

.home-product .home-bottom .list{ float:none; width:100%; overflow:hidden }

.home-product .home-bottom .list ul{ margin:0 -5px }

.home-product .home-bottom .list ul li{ margin-bottom:10px; width:33.333333333333336%; float:left; padding:0 5px }

.home-product .home-bottom .list ul li a{ line-height:40px; font-size:14px; padding-left:5px; text-align:center }

.home-product .home-bottom .show{ float:none; width:100% }

.home-product .home-bottom .show .info .text{ float:none; width:100% }

.home-product .home-bottom .show .info .item a{ display:block; padding-top:10px }

.home-product .home-bottom .show .info .item .bt1{ font-size:22px; margin-bottom:10px }

.home-product .home-bottom .show .info .item .jsh{ font-size:14px; line-height:25px; height:auto; max-height:75px; margin-bottom:10px }

.home-product .home-bottom .show .info .item .li ul{ padding:10px 0 }

.home-product .home-bottom .show .info .item .li ul li .pic{ width:40px; height:40px }

.home-product .home-bottom .show .info .item .li ul li .bt{ font-size:14px; line-height:30px }

.home-product .home-bottom .show .info .pic{ float:none; width:100%; margin-top:20px }
}

.home-about{ padding:88px 0 64px 0; overflow:hidden }

.home-about .home-top{ overflow:hidden; margin-bottom:40px }

.home-about .home-top .video{ float:left; width:49.296% }

.home-about .home-top .video a{ display:block }

.home-about .home-top .video a .pic img{ transition:.5s }

.home-about .home-top .video a .pic:after{ padding-bottom:56.71428571428571% }

.home-about .home-top .video a .pic .hover{ background:url("../images/video.png") no-repeat center center; width:100%; height:100%; position:absolute; top:0; left:0 }

.home-about .home-top .text{ float:right; width:47%; padding-top:15px }

.home-about .home-top .text .span{ color:#2060aa; font-size:16px; text-transform:uppercase; position:relative; padding-left:41px; letter-spacing:6px; display:inline-block; padding-right:26px; padding-bottom:24px; margin-bottom:21px }

.home-about .home-top .text .span:before{ content:''; display:block; width:12px; height:12px; background:#1b4fa2; position:absolute; left:9px; top:6px }

.home-about .home-top .text .span:after{ content:''; display:block; width:302px; height:1px; background:#c9c9c9; position:absolute; left:0px; bottom:0 }

.home-about .home-top .text .bt{ font-size:45px; color:#333; margin-left:11px; margin-bottom:7px }

.home-about .home-top .text .bt span{ color:#1b4fa2 }

.home-about .home-top .text .p{ font-size:18px; color:#383838; margin-left:9px }

.home-about .home-top .text .p:after{ content:''; display:block; width:51px; height:3px; background:#1b4fa2; margin:19px 0 26px 0 }

.home-about .home-top .text .jsh{ margin-left:9px; line-height:25px; height:75px; font-size:15px; color:#666; overflow:hidden; margin-bottom:26px }

.home-about .home-top .text .more{ margin-left:11px }

.home-about .home-top .text .more a{ width:182px; height:50px; line-height:48px; text-align:center; border-radius:30px; font-size:18px; border:1px solid #1b4fa2; color:#1b4fa2; display:block }

@media (min-width:1025px){
.home-about .home-top .text .more a:hover{ background:#1b4fa2; color:#fff }
}

.home-about .home-bottom ul{ margin:0 -11px }

.home-about .home-bottom ul li{ width:16.666666666666668%; float:left; padding:0 12px }

.home-about .home-bottom ul li a{ display:block; border:1px solid #e0dfe4; overflow:hidden; width:100% }

.home-about .home-bottom ul li .pic{ width:100% }

.home-about .home-bottom ul li .pic img{ transition:.5s }

.home-about .home-bottom ul li .pic:after{ padding-bottom:129.30232558139534% }

.home-about .home-bottom ul li .pic .fangda{ display:none; position:absolute; left:0; top:0; width:100%; height:100%; background-color:rgba(27, 79, 162, 0.74) }

.home-about .home-bottom ul li .pic .fangda img{ position:absolute; left:50%; margin-left:-16px; top:50%; margin-top:-40px; transform:scale(1); width:29px }

.home-about .home-bottom ul li .pic .fangda span{ position:absolute; left:50%; margin-left:-25px; top:50%; font-size:15px; color:white }

@media (min-width:1025px){
.home-about .home-bottom ul li .pic:hover img{ transform:scale(1.05) }

.home-about .home-bottom ul li .pic:hover .fangda{ display:block }

.home-about .home-bottom ul li .pic:hover .fangda img{ transform:scale(1) }
}

@media (max-width:1023px){
.home-about{ padding:30px 0 }

.home-about .home-top{ margin-bottom:20px }

.home-about .home-top .video{ float:none; width:100% }

.home-about .home-top .text{ float:none; width:100%; padding-top:15px }

.home-about .home-top .text .span{ font-size:14px; padding-left:30px; letter-spacing:2px; padding-right:26px; padding-bottom:10px; margin-bottom:10px }

.home-about .home-top .text .span:before{ top:5px }

.home-about .home-top .text .bt{ font-size:25px }

.home-about .home-top .text .p{ font-size:16px }

.home-about .home-top .text .p:after{ width:31px; margin:10px 0 20px 0 }

.home-about .home-top .text .jsh{ font-size:14px; margin-bottom:10px }

.home-about .home-top .text .more a{ width:100px; height:35px; line-height:33px; font-size:14px }

.home-about .home-bottom ul{ margin:0 -5px }

.home-about .home-bottom ul li{ width:50%; padding:0 5px }
}

.footer-top{ padding:50px 0 59px 0; overflow:hidden; background:#1f1f23 }

.footer-top ul{ width:59%; float:left; border-right:1px solid #2a292f }

.footer-top ul li{ float:left; width:16.666666666666668% }

.footer-top ul li a{ font-size:16px; color:#fff; display:block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; margin-bottom:14px }

@media (min-width:1025px){
.footer-top ul li a:hover{ text-decoration:underline; color:#fff }
}

.footer-top ul li ul{ width:100%; float:none; border:0 }

.footer-top ul li ul li{ float:none; width:100% }

.footer-top ul li ul li a{ color:rgba(255, 255, 255, 0.2); line-height:32px; margin:0 }

.footer-top .footer-right{ float:right; width:32.6% }

.footer-top .footer-right .footer-ewm{ float:left; width:30% }

.footer-top .footer-right .footer-ewm p{ font-size:16px; color:rgba(255, 255, 255, 0.7); margin-bottom:22px }

.footer-top .footer-right .footer-ewm img{ display:block }

.footer-top .footer-right .footer-ewm .share{ margin-top:19px }

.footer-top .footer-right .footer-ewm .share a{ width:30px; height:30px; display:inline-block; vertical-align:top; border-radius:50%; overflow:hidden; margin:0 4px }

.footer-top .footer-right .footer-ewm .share .s1{ background:#fff url("../images/wbh.png") no-repeat center center; background-size:19px }

.footer-top .footer-right .footer-ewm .share .s1:hover{ background:#f90 url("../images/wb.png") no-repeat center center; background-size:17px }

.footer-top .footer-right .footer-ewm .share .s2{ background:#fff url("../images/wxh.png") no-repeat center center; background-size:21px }

.footer-top .footer-right .footer-ewm .share .s2:hover{ background:#f90 url("../images/wx.png") no-repeat center center; background-size:17px }

.footer-top .footer-right .footer-ewm .share .s3{ background:#fff url("../images/qqh.png") no-repeat center center; background-size:17px }

.footer-top .footer-right .footer-ewm .share .s3:hover{ background:#f90 url("../images/qq.png") no-repeat center center; background-size:17px }

.footer-top .footer-right .footer-contact{ float:right; width:58.6% }

.footer-top .footer-right .footer-contact .bt{ color:#bcbcbd; font-size:16px; padding-bottom:28px; background:url("../images/l3.jpg") no-repeat bottom left }

.footer-top .footer-right .footer-contact .jsh{ padding-top:30px }

.footer-top .footer-right .footer-contact .jsh h3{ font-size:12px; color:#fff; margin-bottom:20px }

.footer-top .footer-right .footer-contact .jsh p{ font-size:12px; color:#fff; padding-left:28px; margin-bottom:14px }

.footer-top .footer-right .footer-contact .jsh p a{ color:#fff }

@media (min-width:1025px){
.footer-top .footer-right .footer-contact .jsh p a:hover{ text-decoration:underline }
}

.footer-top .footer-right .footer-contact .jsh .f1{ background:url("../images/f1.png") no-repeat left 5px }

.footer-top .footer-right .footer-contact .jsh .f2{ background:url("../images/f2.png") no-repeat left 3px }

.footer-top .footer-right .footer-contact .jsh .f3{ background:url("../images/f3.png") no-repeat left 3px }

.footer-top .footer-right .footer-contact .jsh .f4{ background:url("../images/f4.png") no-repeat left 4px }

@media (max-width:1024px){
.footer-top{ padding:30px 0 }

.footer-top ul{ display:none }

.footer-top .footer-right{ float:none; width:100% }

.footer-top .footer-right .footer-ewm{ float:none; width:100%; margin-bottom:15px }

.footer-top .footer-right .footer-ewm p{ font-size:14px; margin-bottom:10px }

.footer-top .footer-right .footer-ewm .share{ margin-top:10px }

.footer-top .footer-right .footer-contact{ float:none; width:100% }

.footer-top .footer-right .footer-contact .bt{ padding-bottom:10px }

.footer-top .footer-right .footer-contact .jsh{ padding-top:10px }

.footer-top .footer-right .footer-contact .jsh h3{ margin-bottom:10px }

.footer-top .footer-right .footer-contact .jsh p{ font-size:12px; color:#fff; padding-left:28px; margin-bottom:5px }
}

.footer-bottom{ padding:11px 0; background:#1a1a1d }

@media (max-width:1023px){
.footer-bottom{ padding:10px 0; text-align:center; font-size:13px }

.footer-bottom span{ display:block; float:none !important }
}

.second-nav{ width:100%; background:rgba(27, 79, 162, 0.9); position:relative; margin-top:-60px; z-index:5; overflow:hidden }

.second-nav ul li{ float:left; font-size:20px }

.second-nav ul li a{ color:#fff; display:block; line-height:60px; text-align:center; border-right:1px solid rgba(255, 255, 255, 0.2); padding:0 5px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden }

@media (min-width:1025px){
.second-nav ul li a:hover{ color:#1b4fa2; background:#fff }
}

.second-nav ul .active a{ background:#fff; color:#0071b3 }

@media (max-width:1023px){
.second-nav{ margin-top:0 }

.second-nav .containers{ padding:0 }

.second-nav ul li{ font-size:14px }

.second-nav ul li a{ line-height:40px }

.second-nav ul .active a{ background:#fff; color:#0071b3 }
}

.current{ overflow:hidden; padding:15px 0; font-size:15px; color:#999 }

.current img{ width:15px; display:inline-block; vertical-align:top; margin-top:3px; margin-right:8px }

.current a{ color:#999 }

.current b{ color:#1b4fa2; font-weight:normal }

@media (max-width:1023px){
.current{ padding:10px 0; font-size:12px }

.current img{ margin-top:2px; margin-right:4px }
}

.inmain-title{ text-align:center }

.inmain-title h3{ font-size:40px; color:#333; margin-bottom:3px }

.inmain-title p{ font-size:15px; color:#666; text-transform:capitalize }

@media (max-width:1023px){
.inmain-title h3{ font-size:25px }

.inmain-title p{ font-size:14px }
}

.about01{ padding:33px 0 31px 0; overflow:hidden }

.about01 .home-top{ overflow:hidden; padding-bottom:52px; border-bottom:1px solid #ededed }

.about01 .home-top .video{ float:left; width:50.296%; padding:5px; background:#fff; border-radius:4px }

.about01 .home-top .video .pic img{ transition:.5s }

.about01 .home-top .video .pic:after{ padding-bottom:56.71428571428571% }

.about01 .home-top .video .pic .hover{ background:url("../images/video.png") no-repeat center center; width:100%; height:100%; position:absolute; top:0; left:0 }

.about01 .home-top .text{ float:right; width:47%; padding-top:24px; background:url("../images/dt.png") no-repeat top left }

.about01 .home-top .text .span{ color:#2060aa; font-size:16px; text-transform:uppercase; position:relative; padding-left:41px; letter-spacing:6px; display:inline-block; padding-right:26px; padding-bottom:24px; margin-bottom:21px }

.about01 .home-top .text .span:before{ content:''; display:block; width:12px; height:12px; background:#1b4fa2; position:absolute; left:9px; top:6px }

.about01 .home-top .text .span:after{ content:''; display:block; width:302px; height:1px; background:#c9c9c9; position:absolute; left:0px; bottom:0 }

.about01 .home-top .text .bt{ font-size:45px; color:#333; margin-left:11px; margin-bottom:7px }

.about01 .home-top .text .bt span{ color:#1b4fa2 }

.about01 .home-top .text .p{ font-size:18px; color:#383838; margin-left:9px }

.about01 .home-top .text .p:after{ content:''; display:block; width:51px; height:3px; background:#1b4fa2; margin:19px 0 26px 0 }

.about01 .home-top .text .jsh{ margin-left:9px; line-height:25px; font-size:15px; color:#666; overflow:hidden; margin-bottom:26px }

.about01 .home-top .text .more{ margin-left:11px }

.about01 .home-top .text .more a{ width:182px; height:50px; line-height:48px; text-align:center; border-radius:30px; font-size:18px; border:1px solid #1b4fa2; color:#1b4fa2; display:block }

@media (min-width:1025px){
.about01 .home-top .text .more a:hover{ background:#1b4fa2; color:#fff }
}

@media (max-width:1024px){
.about01{ padding:30px 0 }

.about01 .home-top{ padding-bottom:30px }

.about01 .home-top .video{ float:none; width:100% }

.about01 .home-top .text{ float:none; width:100%; padding-top:15px }

.about01 .home-top .text .span{ font-size:14px; padding-left:30px; letter-spacing:2px; padding-right:26px; padding-bottom:10px; margin-bottom:10px }

.about01 .home-top .text .span:before{ top:5px }

.about01 .home-top .text .bt{ font-size:25px }

.about01 .home-top .text .p{ font-size:16px }

.about01 .home-top .text .p:after{ width:31px; margin:10px 0 20px 0 }

.about01 .home-top .text .jsh{ font-size:14px; margin-bottom:10px }

.about01 .home-top .text .more a{ width:100px; height:35px; line-height:33px; font-size:14px }
}

.about02{ font-size:15px; line-height:28px; color:#666; padding-bottom:79px }

.about02 .jsh{ border-bottom:1px solid #ededed; padding-bottom:35px }

@media (max-width:1023px){
.about02{ font-size:14px; line-height:25px; padding-bottom:30px }

.about02 .jsh{ padding-bottom:30px }
}

.about03{ padding:61px 0 139px 0; overflow:hidden; background:url("../images/about03.jpg") no-repeat top center; background-size:cover }

.about03 .inmain-title h3{ color:#fff }

.about03 .inmain-title p{ color:#fff }

.about03 ul{ margin:0 -25px; padding-top:54px }

.about03 ul li{ width:50%; float:left; padding:0 25px }

.about03 ul li .box .img{ height:216px; position:relative }

.about03 ul li .box .img .hover{ position:absolute; top:0; width:100%; height:216px; padding:48px 61px; background:#fff }

.about03 ul li .box .img .hover .pic{ width:46px; height:46px; position:absolute; top:48px; left:61px }

.about03 ul li .box .img .hover .pic .ah{ display:none }

.about03 ul li .box .img .hover .bt{ padding-left:70px; line-height:50px; font-size:22px; color:#333; padding-bottom:19px; position:relative; margin-bottom:18px }

.about03 ul li .box .img .hover .bt:after{ content:''; display:block; width:43px; height:1px; background:#949495; left:0; position:absolute; bottom:0 }

.about03 ul li .box .img .hover .jsh{ font-size:18px }

@media (min-width:1025px){
.about03 ul li .box .img:hover .hover{ background:#0081e4 }

.about03 ul li .box .img:hover .hover .pic .a{ display:none }

.about03 ul li .box .img:hover .hover .pic .ah{ display:block }

.about03 ul li .box .img:hover .hover .bt{ color:#fff }

.about03 ul li .box .img:hover .hover .bt:after{ width:100%; background:#fff }

.about03 ul li .box .img:hover .hover .jsh{ color:#fff }
}

@media (max-width:1023px){
.about03{ padding:30px 0 }

.about03 ul{ margin:0; padding-top:20px }

.about03 ul li{ width:100%; float:none; padding:0; margin-bottom:10px }

.about03 ul li .box .img{ height:auto }

.about03 ul li .box .img .hover{ position:relative; top:auto; height:auto; padding:20px }

.about03 ul li .box .img .hover .pic{ width:46px; height:46px; position:relative; top:auto; left:auto }

.about03 ul li .box .img .hover .pic .ah{ display:none }

.about03 ul li .box .img .hover .bt{ padding-left:0; line-height:50px; font-size:18px; color:#333; padding-bottom:5px; position:relative; margin-bottom:10px }

.about03 ul li .box .img .hover .jsh{ font-size:14px }
}

.about04{ padding:61px 0 50px 0; overflow:hidden; background:#f7f7f7 }

.about04 .home-bottom{ padding-top:38px; position:relative; text-align:center }

.about04 .home-bottom .list{ margin:0 -11px }

.about04 .home-bottom .list .item{ width:16.666666666666668%; float:left; padding:0 12px }

.about04 .home-bottom .list .item a{ display:block; border:1px solid #e0dfe4; overflow:hidden; width:100% }

.about04 .home-bottom .list .item .pic{ width:100% }

.about04 .home-bottom .list .item .pic img{ transition:.5s }

.about04 .home-bottom .list .item .pic:after{ padding-bottom:129.30232558139534% }

.about04 .home-bottom .list .item .pic .fangda{ display:none; position:absolute; left:0; top:0; width:100%; height:100%; background-color:rgba(27, 79, 162, 0.74) }

.about04 .home-bottom .list .item .pic .fangda img{ position:absolute; left:50%; margin-left:-16px; top:50%; margin-top:-40px; transform:scale(1); width:29px }

.about04 .home-bottom .list .item .pic .fangda span{ position:absolute; left:50%; margin-left:-25px; top:50%; font-size:15px; color:white }

@media (min-width:1025px){
.about04 .home-bottom .list .item .pic:hover img{ transform:scale(1.05) }

.about04 .home-bottom .list .item .pic:hover .fangda{ display:block }

.about04 .home-bottom .list .item .pic:hover .fangda img{ transform:scale(1) }
}

.about04 .home-bottom .slick-dots{ z-index:10; display:inline-block !important; line-height:0; text-align:center; width:auto; position:relative; margin-top:50px; bottom:auto }

.about04 .home-bottom .slick-dots:after{ content:''; display:block; height:17px; width:100%; position:absolute; top:0; left:0; z-index:1; background:url("../images/line2h.png") repeat-x center left }

.about04 .home-bottom .slick-dots li{ margin:0 21px; padding:0; width:17px; height:17px; z-index:2; border-radius:50% }

.about04 .home-bottom .slick-dots li button{ width:17px; height:17px; padding:0; display:block; background:url("../images/icon1.png") no-repeat center center; border-radius:50% }

.about04 .home-bottom .slick-dots li button:before{ content:"" }

.about04 .home-bottom .slick-dots .slick-active button{ background:url("../images/icon1h.png") no-repeat center center }

.about04 .home-bottom .slick-dots .slick-active button:before{ color:transparent }

@media (max-width:1023px){
.about04{ padding:30px 0 }

.about04 .home-bottom .list{ margin:0 -5px }

.about04 .home-bottom .list .item{ width:25%; padding:0 5px }

.about04 .home-bottom .slick-dots{ margin-top:20px }
}

@media (max-width:414px){
.about04 .home-bottom .list .item{ width:50% }
}

.contact{ padding:28px 0 44px 0 }

.contact .jsh0{ text-align:center; font-size:16px; color:#666; line-height:28px; background:url(../images/c.png) no-repeat bottom center; padding-bottom:32px; margin-bottom:45px; padding-top:16px }

.contact .contactlist{ overflow:hidden }

.contact .contactlist li{ width:20%; float:left; text-align:center }

.contact .contactlist li .box{ margin-bottom:13px; overflow:hidden; border-right:1px solid #ebebeb }

.contact .contactlist li .pic{ height:74px; margin-bottom:17px }

.contact .contactlist li .bt{ font-size:20px; color:#666; margin-bottom:20px }

.contact .contactlist li .jsh{ font-size:16px; color:#333; font-family:arial; min-height:54px }

.contact .contactlist li .jsh a{ color:#111 }

.contact .contactlist li .span{ font-size:14px; color:#c4c4c4; font-family:arial; margin-top:23px; letter-spacing:2px; text-transform:capitalize }

.contact .contactlist li:nth-last-child(1) .box{ border-right:0 }

@media (max-width:1023px){
.contact{ padding:30px 0 }

.contact .jsh0{ padding-bottom:60px; margin-bottom:20px; font-size:14px; line-height:25px }

.contact .contactlist li{ width:100% }

.contact .contactlist li .box{ margin-bottom:20px; border-right:0 }

.contact .contactlist li .pic{ height:50px; margin-bottom:10px }

.contact .contactlist li .bt{ font-size:18px; margin-bottom:5px }

.contact .contactlist li .jsh{ font-size:16px; min-height:0 }

.contact .contactlist li .span{ font-size:14px; margin-top:10px }
}

.map #allmap{ height:448px; width:100% }

.map #allmap img{ max-width:initial; max-height:inherit }

.map #allmap .anchorBL{ display:none }

.message{ padding:59px 0 52px 0; overflow:hidden }

.message .jsh0{ text-align:center; font-size:16px; color:#666; line-height:28px; margin-bottom:36px; padding-top:16px }

.message ul{ margin:0 -10px; overflow:hidden }

.message ul li{ width:50%; float:left; padding:0 10px; margin-bottom:20px }

.message ul li .box{ position:relative }

.message ul li .input{ background:#f2f3f5; width:100%; height:42px; outline:0; padding:0 29px; border:1px solid #f2f3f5 }

.message ul li .input:focus{ border:1px solid #1b4fa2 }

.message ul li textarea{ background:#f2f3f5; width:100%; height:192px; border:1px solid #f2f3f5; outline:0; padding:10px 29px }

.message ul li textarea:focus{ border:1px solid #1b4fa2 }

.message ul li font{ color:#f00; font-size:14px; position:absolute; top:12px; left:14px }

.message ul li #submit{ margin:0 10px; width:360px; height:43px; text-align:center; line-height:41px; border:1px solid #1b4fa2; background:#1b4fa2; color:#fff; display:inline-block; font-size:18px }

@media (min-width:1025px){
.message ul li #submit:hover{ background:#c70211 }
}

.message ul li #submit1{ margin:0 10px; width:360px; height:43px; text-align:center; line-height:41px; border:1px solid #dadada; background:0; color:#666; display:inline-block; font-size:18px }

@media (min-width:1025px){
.message ul li #submit1:hover{ background:#1b4fa2; border:1px solid #1b4fa2; color:#fff }
}

.message ul .textarea{ margin-bottom:25px; width:100%; text-align:center }

.message .bottom{ position:relative }

.message .bottom:after{ content:''; display:block; width:120px; height:129px; background:url("../images/bi.png") no-repeat center center; position:absolute; bottom:150px; right:-50px }

@media (max-width:1023px){
.message{ padding:30px 0 }

.message .jsh0{ padding-bottom:0; margin-bottom:20px; font-size:14px; line-height:25px }

.message ul li{ width:100%; float:none; margin-bottom:10px }

.message ul li .input{ height:35px }

.message ul li #submit{ width:150px; height:40px; line-height:38px; font-size:12px; margin:0 5px }

.message ul li #submit1{ width:150px; height:40px; line-height:38px; font-size:12px; margin:0 5px }

.message ul li:nth-last-child(1){ margin-bottom:0 }

.message ul .textarea{ margin-bottom:15px }

.message .bottom:after{ display:none }
}

.download-list{ padding-top:40px; overflow:hidden; padding-bottom:81px }

.download-list ul{ margin:0 -17px 17px -17px }

.download-list ul li{ width:33.333333333333336%; padding:0 17px 43px 17px; float:left }

.download-list ul li .pic{ width:89px; height:89px; margin:0 auto; overflow:hidden }

.download-list ul li .pic .dh{ display:none; transition:.5s }

.download-list ul li .pic .d{ display:block; transition:.5s }

.download-list ul li .down-info{ border:1px solid #d1d1d1; margin-top:-43px; overflow:hidden; padding:58px 25px 24px 25px; transition:.5s }

.download-list ul li .down-info h3{ font-size:16px; color:#555; line-height:28px; height:56px; text-align:center; margin-bottom:9px; overflow:hidden }

.download-list ul li .down-info .line{ width:1px; height:26px; background:#1b4fa2; margin:0 auto 12px auto }

.download-list ul li .down-info span{ width:150px; height:41px; line-height:38px; border:1px solid #1b4fa2; font-size:15px; font-family:arial; display:block; text-align:center; color:#1b4fa2; text-transform:uppercase; margin:0 auto; transition:.5s; border-radius:30px }

@media (min-width:1025px){
.download-list ul li:hover .pic .d{ display:none }

.download-list ul li:hover .pic .dh{ display:block }

.download-list ul li:hover .down-info{ border:1px solid #1b4fa2; background:#1b4fa2; box-shadow:0 0 10px #1b4fa2 }

.download-list ul li:hover .down-info h3{ color:#fff }

.download-list ul li:hover .down-info .line{ background:#fff }

.download-list ul li:hover .down-info span{ border:1px solid #fff; background:#fff }
}

@media (max-width:1023px){
.download-list{ padding:30px 0 }

.download-list ul li .pic{ width:50px; height:50px }

.download-list ul li .down-info{ margin-top:-25px }
}

@media (max-width:768px){
.download-list ul li{ width:50%; padding-bottom:10px }

.download-list ul li .down-info{ padding:45px 15px 15px 15px }

.download-list ul li .down-info span{ width:120px; height:35px; line-height:33px; font-size:12px }
}

@media (max-width:520px){
.download-list ul li{ width:100% }
}

.page{ text-align:center; overflow:hidden }

.page a{ color:#666; display:inline-block; font-size:16px; line-height:28px; height:30px; padding:0 10px; margin:0 2px; font-family:arial; border:0; -webkit-transition:all .5s; transition:all .5s; border:1px solid #cbcbcb }

.page a.cpb, .page a:hover{ background:#1b4fa2; color:#fff; border:1px solid #1b4fa2 }

@media (max-width:767px){
.page a{ display:none }

.page a.first, .page a.prev, .page a.next, .page a.last{ display:inline-block }
}

.transparent{ position:fixed; top:0; left:0; z-index:9999999999999999; width:100%; height:100%; background:url(../images/transparent-bg.png) repeat; background:rgba(0, 0, 0, 0.7); display:none }

 
 

.news-show{ padding:34px 0 0 0 }

.news-show .h1{ text-align:center; font-size:30px; color:#000; margin-bottom:25px }

.news-show .h2{ text-align:center; color:#666; font-size:15px; padding:10px 0; background:#f5f5f5 }

.news-show .nr{ font-size:15px; color:#666; line-height:28px; padding:28px 0 }

.news-show .nr .h3{ border-bottom:1px solid #e4e4e4; overflow:hidden; padding-top:7px; margin-bottom:34px }

.news-show .nr .h3 h3{ font-size:35px; float:left; color:#333; padding-bottom:26px; border-bottom:2px solid #1b4fa2 }

.news-show .re-news{ overflow:hidden; padding:41px 0; background:#f7f7f7 }

.news-show .re-news .public-title{ color:#004ca2; font-size:35px; display:inline-block }

.news-show .re-news .public-title:after{ content:''; display:block; width:30px; height:1px; background:#c7c7c7; margin:10px 0 15px 0 }

.news-show .re-news .re-bottom{ margin-top:26px; overflow:hidden }

.news-show .re-news .nlist{ margin:0 -16px }

.news-show .re-news .nlist li{ width:50%; float:left; padding:0 16px; margin-bottom:20px }

.news-show .re-news .nlist li .box{ position:relative }

.news-show .re-news .nlist li .box .pic{ width:190px; position:absolute; top:0; left:0 }

.news-show .re-news .nlist li .box .pic img{ transition:.5s }

.news-show .re-news .nlist li .box .pic:after{ padding-bottom:65.78947368421052% }

.news-show .re-news .nlist li .box .text{ overflow:hidden }

.news-show .re-news .nlist li .box .text .bt{ font-size:17px; color:#111; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; margin-bottom:6px }

.news-show .re-news .nlist li .box .text .jsh{ line-height:28px; height:28px; overflow:hidden; font-size:15px; color:#666; margin-bottom:11px }

.news-show .re-news .nlist li .box .text .gengduo{ width:110px; height:30px; line-height:28px; text-align:center; font-size:14px; border-radius:30px; border:1px solid #1b4fa2; color:#1b4fa2 }

.news-show .re-news .nlist li .box .text .nr{ border-bottom:1px dashed #c5c5c5; font-size:14px; color:#7a8795; overflow:hidden; padding:2px 0 20px 0 }

.news-show .re-news .nlist li .box .text .nr span{ display:block; float:left }

.news-show .re-news .nlist li .box .text .nr .date{ background:url("../images/da.png") no-repeat center left; padding-left:28px; margin-right:39px; font-family:"BasiliaT-Bold" }

.news-show .re-news .nlist li .box .text .nr .class{ background:url("../images/cl.png") no-repeat center left; padding-left:30px; max-width:100px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden }

@media (min-width:1025px){
.news-show .re-news .nlist li:hover .box .pic img{ transform:scale(1.05) }

.news-show .re-news .nlist li:hover .box .text .bt{ color:#1b4fa2; text-decoration:underline }

.news-show .re-news .nlist li:hover .box .text .gengduo{ color:#fff; background:#1b4fa2 }
}

.news-show .re-news .nlist .first .box{ min-height:93px; padding-left:220px; border-bottom:1px dashed #c5c5c5; padding-bottom:35px; padding-top:10px }

@media (max-width:1023px){
.news-show{ padding:30px 0 0 0 }

.news-show .h1{ font-size:24px; margin-bottom:15px }

.news-show .h2{ font-size:12px }

.news-show .nr{ font-size:14px; line-height:25px; padding:20px 0 }

.news-show .nr .h3{ margin-bottom:15px; padding:0 }

.news-show .nr .h3 h3{ font-size:24px; padding-bottom:15px }

.news-show .re-news{ padding:30px 0 }

.news-show .re-news .public-title{ font-size:20px }

.news-show .re-news .re-bottom{ margin-top:0 }

.news-show .re-news .nlist li{ width:100%; margin-bottom:10px }

.news-show .re-news .nlist li .box .pic{ width:150px }

.news-show .re-news .nlist li .box .text .bt{ font-size:15px }

.news-show .re-news .nlist li .box .text .jsh{ line-height:25px; height:25px; font-size:14px; margin-bottom:5px }

.news-show .re-news .nlist li .box .text .gengduo{ width:85px; font-size:12px }

.news-show .re-news .nlist li .box .text .nr{ font-size:14px; padding:2px 0 10px 0 }

.news-show .re-news .nlist .first .box{ padding-left:163px; padding-bottom:15px; padding-top:5px }
}

.list-page-news{ overflow:hidden; margin:13px -4px 52px -4px; position:relative }

.list-page-news li{ width:50%; float:left; text-align:left; padding:0 4px; background:#f7f7f7 }

.list-page-news li p{ height:46px; line-height:46px; overflow:hidden; padding:0 110px 0 46px; text-overflow:ellipsis; white-space:nowrap; max-width:100%; font-size:16px; font-weight:bold; color:#000; transition:.5s }

.list-page-news li p a{ color:#676767; transition:.5s; font-weight:normal }

@media (max-width:1025px){
.list-page-news li p:hover{ color:#1b4fa2 }

.list-page-news li p:hover a{ color:#1b4fa2 !important; text-decoration:underline }
}

.list-page-news .prev p{ background:#f7f7f7 url("../images/prev.png") no-repeat 3% center }

.list-page-news .next p{ padding-left:108px; background:#f7f7f7 url("../images/next.png") no-repeat 97% center }

@media (max-width:1023px){
.list-page-news{ margin:10px -4px 20px -4px }

.list-page-news li{ width:100%; float:none; margin-bottom:10px }

.list-page-news li p{ height:40px; line-height:40px; padding:0 35px; font-size:14px }

.list-page-news .prev p{ background:#f7f7f7 url("../images/prev.png") no-repeat 1% center }

.list-page-news .next p{ padding:0 35px; background:#f7f7f7 url("../images/prev.png") no-repeat 1% center }
}

.return{ text-align:center; height:46px; font-size:16px; position:absolute; left:50%; margin-left:-88px }

.return a{ color:#fff; display:block; width:177px; height:46px; line-height:46px; text-align:center; margin:0 auto; background:#1b4fa2 }

@media (min-width:1025px){
.return a:hover{ background:#f6b03d }
}

@media (max-width:1023px){
.return{ text-align:center; height:40px; font-size:14px; position:relative; left:auto; margin-left:0 }

.return a{ width:100%; height:40px; line-height:40px }
}

.clist{ margin:0 -19px }

.clist li{ width:33.3333333333%; padding:0 19px; float:left; margin-bottom:22px }

.clist li .pic img{ transition:.5s }

.clist li .pic:after{ padding-bottom:65.66666666666666% }

.clist li .pic .hover{ position:absolute; top:-100%; transition:.5s; left:0; width:100%; height:100%; background:rgba(27, 79, 162, 0.81) url("../images/link.png") no-repeat center center; background-size:57px }

.clist li .text{ padding:20px 50px 16px 18px; overflow:hidden; border-bottom:1px solid #e5e5e5; background:url("../images/more1.png") no-repeat 93% center }

.clist li .text .bt{ font-size:18px; color:#464646; text-overflow:ellipsis; white-space:nowrap; overflow:hidden }

.clist li .text .jsh{ font-size:14px; color:#bababa; font-family:arial; text-overflow:ellipsis; white-space:nowrap; overflow:hidden }

@media (min-width:1025px){
.clist li:hover .box{ box-shadow:0 0 15px 0 rgba(8, 1, 2, 0.04) }

.clist li:hover .pic img{ transform:scale(1.05) }

.clist li:hover .pic .hover{ top:0 }

.clist li:hover .text{ border-bottom:1px solid #1b4fa2; background:#fff url("../images/more2.png") no-repeat 93% center }

.clist li:hover .text .bt{ color:#1b4fa2 }
}

@media (max-width:768px){
.clist li{ width:100%; margin-bottom:10px }

.clist li .text{ padding:10px 50px 10px 10px }

.clist li .text .bt{ font-size:14px }
}

.in-title{ text-align:center }

.in-title h3{ font-size:35px; color:#333; margin-bottom:35px }

.in-title h3:before{ width:84px; height:1px; content:''; display:inline-block; background:#363636; vertical-align:middle; margin-right:25px }

.in-title h3:after{ width:84px; height:1px; content:''; display:inline-block; background:#363636; margin-left:25px; vertical-align:middle }

@media (max-width:1023px){
.in-title h3{ font-size:22px; margin-bottom:15px }

.in-title h3:before{ width:44px; margin-right:15px }

.in-title h3:after{ width:44px; margin-left:15px }
}

.solution .item{ overflow:hidden; background:#f8f8f8; padding:50px 0 }

.solution .item:nth-child(2n){ background:#fff }

.solution ul{ position:relative; padding:0 57px; margin:0 -18px }

.solution ul li{ width:33.3333333333%; padding:0 18px; float:left; overflow:hidden }

.solution ul li a{ display:block }

.solution ul li .pic img{ transition:.5s }

.solution ul li .pic:after{ padding-bottom:65.66666666666666% }

.solution ul li .pic .hover{ position:absolute; top:-100%; transition:.5s; left:0; width:100%; height:100%; background:rgba(27, 79, 162, 0.81) url("../images/link.png") no-repeat center center; background-size:57px }

.solution ul li .text{ padding:20px 50px 16px 18px; overflow:hidden; border-bottom:1px solid #e5e5e5; background:url("../images/more1.png") no-repeat 93% center }

.solution ul li .text .bt{ font-size:18px; color:#464646; text-overflow:ellipsis; white-space:nowrap; overflow:hidden }

.solution ul li .text .jsh{ font-size:14px; color:#bababa; font-family:arial; text-overflow:ellipsis; white-space:nowrap; overflow:hidden }

@media (min-width:1025px){
.solution ul li:hover .box{ box-shadow:0 0 15px 0 rgba(8, 1, 2, 0.04) }

.solution ul li:hover .pic img{ transform:scale(1.05) }

.solution ul li:hover .pic .hover{ top:0 }

.solution ul li:hover .text{ border-bottom:1px solid #1b4fa2; background:#fff url("../images/more2.png") no-repeat 93% center }

.solution ul li:hover .text .bt{ color:#1b4fa2 }
}

@media (max-width:768px){
.solution ul li{ width:50%; margin-bottom:10px }

.solution ul li .text{ padding:10px 50px 10px 10px }

.solution ul li .text .bt{ font-size:14px }
}

@media (max-width:520px){
.solution ul li{ width:100% }
}

.solution .slick-prev:before, .solution .slick-next:before{ content:'' }

.solution .slick-prev{ background:#1b4fa2 url("../images/left1.png") no-repeat center center !important; width:38px; height:38px; top:96px; margin-top:0; left:0; z-index:7; background-size:10px !important }

@media (min-width:1025px){
.solution .slick-prev:hover{ background:#fa9800 url("../images/left1.png") no-repeat center center !important; background-size:10px !important }
}

.solution .slick-next{ background:#1b4fa2 url("../images/right1.png") no-repeat center center !important; width:38px; height:38px; top:96px; margin-top:0; right:0; z-index:7; background-size:10px !important }

@media (min-width:1025px){
.solution .slick-next:hover{ background:#fa9800 url("../images/right1.png") no-repeat center center !important; background-size:10px !important }
}

@media (max-width:1023px){
.solution .item{ padding:30px 0 }

.solution ul{ margin:0 }

.solution ul li{ width:50%; padding:0 }

.solution .slick-prev{ top:56px }

.solution .slick-next{ top:56px }
}

@media (max-width:520px){
.solution ul li{ width:100% }
}

.news{ position:relative; padding-top:9px; padding-bottom:81px }

.news ul{ margin-bottom:61px }

.news li{ overflow:hidden; padding:23px 0 }

.news li a{ display:block }

.news li .box{ position:relative; min-height:252px }

.news li .pic{ width:384px; position:absolute; top:0; left:0 }

.news li .pic img{ transition:.5s }

.news li .pic:after{ padding-bottom:65.50632911392405% }

.news li .pic .hover{ position:absolute; top:-100%; transition:.5s; left:0; width:100%; height:100%; background:rgba(27, 79, 162, 0.81) url("../images/link.png") no-repeat center center; background-size:57px }

.news li .text{ padding-left:426px; overflow:hidden }

.news li .text .date{ color:#1b4fa2; font-size:16px; font-family:"BasiliaT-Bold" }

.news li .text .date span{ font-size:44px }

.news li .text .bt{ font-size:18px; color:#333; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; margin-bottom:17px }

.news li .text .jsh{ font-size:15px; color:#666; line-height:28px; font-family:arial; height:56px; overflow:hidden; margin-bottom:20px }

.news li .text .more p{ width:182px; height:50px; line-height:48px; text-align:center; border-radius:30px; font-size:18px; border:1px solid #1b4fa2; color:#1b4fa2; display:block }

@media (min-width:1025px){
.news li:hover .pic img{ transform:scale(1.05) }

.news li:hover .pic .hover{ top:0 }

.news li:hover .text .bt{ color:#1b4fa2; text-decoration:underline }

.news li:hover .text .more p{ background:#1b4fa2; color:#fff }
}

.news li:nth-child(2n){ background:#f7f7f7 }

@media (max-width:1023px){
.news{ padding-bottom:30px }

.news ul{ margin-bottom:30px }

.news li{ padding:15px 0 }

.news li .box{ min-height:118px }

.news li .pic{ width:180px }

.news li .text{ padding-left:200px; padding-top:5px }

.news li .text .date{ font-size:12px }

.news li .text .date span{ font-size:16px }

.news li .text .bt{ font-size:16px; margin-bottom:5px }

.news li .text .jsh{ font-size:13px; line-height:25px; height:50px; margin-bottom:0 }

.news li .text .more{ display:none }
}

@media (max-width:414px){
.news ul{ margin:0 -5px 20px -5px; padding:0 15px; overflow:hidden }

.news li{ width:50%; float:left; padding:0 5px; margin-bottom:10px }

.news li .containers{ padding:0 }

.news li .box{ min-height:0 }

.news li .pic{ width:100%; position:relative; top:auto; left:auto }

.news li .text{ padding-left:0 }

.news li:nth-child(2n){ background:#fff }
}

.product{ padding:21px 0; overflow:hidden }

.product .aside{ float:left; width:18.85% }

.product .aside .aside-title{ padding:15px 31px 17px 31px; background:url("../images/vbg.jpg") no-repeat top left }

.product .aside .aside-title h3{ font-size:26px; color:#fff; line-height:35px }

.product .aside .aside-title p{ font-size:12px; color:#fff; text-transform:uppercase; line-height:16px }

.product .aside .aside-list ul li{ border-top:1px solid #fff }

.product .aside .aside-list ul li > a{ display:block; line-height:60px; font-size:18px; color:#333; background:#f4f4f4; padding-right:5px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; position:relative }

.product .aside .aside-list ul li > a:after{ content:''; display:block; width:45px; height:100%; position:absolute; top:0; right:0; background:url("../images/dot13.png") no-repeat center center }

.product .aside .aside-list ul li > a p{ padding-left:56px; position:relative; padding-right:30px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden }

.product .aside .aside-list ul li > a p:before{ content:''; display:block; width:5px; height:5px; top:50%; margin-top:-2.5px; left:34px; position:absolute; border-radius:50%; background:#999 }

.product .aside .aside-list ul li > a p:after{ content:''; display:block; width:13px; height:13px; top:50%; margin-top:-6.5px; left:30px; position:absolute; border-radius:50%; background:0; border:1px solid #f4f4f4 }

@media (min-width:1025px){
.product .aside .aside-list ul li > a:hover{ color:#fff; background:url("../images/bg1.jpg") no-repeat center left }

.product .aside .aside-list ul li > a:hover:after{ background:url("../images/dot13h.png") no-repeat center center }

.product .aside .aside-list ul li > a:hover p:before{ background:#fff }

.product .aside .aside-list ul li > a:hover p:after{ border:1px solid #fff }
}

.product .aside .aside-list ul li ul{ padding:3px 15px; background:#f4f4f4; display:none }

.product .aside .aside-list ul li ul li{ border:0; padding-bottom:0; margin-bottom:0 }

.product .aside .aside-list ul li ul li a{ font-size:16px; color:#666; background:url("../images/dot13.png") no-repeat 26px center; line-height:39px; padding-left:46px }

.product .aside .aside-list ul li ul li a:after{ display:none }

@media (min-width:1025px){
.product .aside .aside-list ul li ul li a:hover{ background:url(../images/dot13.png) no-repeat 26px center; color:#1b4fa2 }
}

.product .aside .aside-list ul li ul .active a{ background:url("../images/dot13.png") no-repeat 26px center; color:#1b4fa2 }

@media (min-width:1025px){
.product .aside .aside-list ul li ul .active a:hover{ background:url(../images/dot13.png) no-repeat 26px center; color:#1b4fa2 }
}

.product .aside .aside-list ul li:nth-last-child(1){ border-bottom:0 }

.product .aside .aside-list ul .active > a{ color:#fff; background:url("../images/bg1.jpg") no-repeat center left }

.product .aside .aside-list ul .active > a:after{ background:url("../images/dot13h.png") no-repeat center center }

.product .aside .aside-list ul .active > a p:before{ background:#fff }

.product .aside .aside-list ul .active > a p:after{ border:1px solid #fff }

@media (min-width:1025px){
.product .aside .aside-list ul .active > a:hover{ color:#fff; background:url("../images/bg1.jpg") no-repeat center left }

.product .aside .aside-list ul .active > a:hover:after{ background:url("../images/dot13h.png") no-repeat center center }

.product .aside .aside-list ul .active > a:hover p:before{ background:#fff }

.product .aside .aside-list ul .active > a:hover p:after{ border:1px solid #fff }
}

.product .aside .aside-list ul .active ul .active a{ background:url("../images/dot13.png") no-repeat 26px center; color:#1b4fa2 }

@media (min-width:1025px){
.product .aside .aside-list ul .active ul .active a:hover{ background:url(../images/dot13.png) no-repeat 26px center; color:#1b4fa2 }
}

.product .aside .aside-phone{ background:#e7edf5; text-align:center; padding:32px 10px 50px 10px }

.product .aside .aside-phone .bt{ font-size:20px; color:#333; margin-bottom:6px; text-align:center; border-bottom:1px solid #8fa9d1; padding-bottom:13px }

.product .aside .aside-phone .p{ font-size:31px; color:#1b4fa2; font-family:"DINPro-Regular" }

.product .aside .aside-phone .span{ font-size:14px; color:#666 }

.product .aside .aside-phone .pic{ width:50px; height:50px; margin:8px auto 0 auto }

.product .aside .aside-phone .btn{ padding-top:19px }

.product .aside .aside-phone .btn a{ display:block; width:200px; height:37px; text-align:center; line-height:37px; color:#fff; font-size:18px; background:#1b4fa2; margin:0 auto }

.product .aside .aside-phone .btn a:hover{ background:#f90 }

.product .right{ float:right; width:77.7%; padding-top:10px }

.product .right .right-title{ position:relative; overflow:hidden }

.product .right .right-title:after{ border-bottom:1px dashed #e7e7e7; width:100%; height:1px; position:absolute; top:50%; left:0; content:''; display:block; z-index:1 }

.product .right .right-title h3{ color:#2e2e2f; font-size:25px; position:relative; display:inline-block; padding:0 18px; background:#fff; z-index:2 }

.product .right .right-title h3:before{ content:''; display:block; width:4px; height:25px; background:#1b4fa2; position:absolute; top:5px; left:0 }

.product .right .right-title h3:after{ content:''; display:block; width:8px; height:8px; background:#b5b6b6; position:absolute; top:50%; right:0; margin-top:-4px }

.product .right .plist{ margin-bottom:61px; padding-top:37px }

.product .right .plist li{ margin-bottom:18px }

.product .right .plist li a{ display:block }

.product .right .plist li .box{ position:relative; min-height:252px; border:1px solid #e9e9e9 }

.product .right .plist li .pic{ width:319px; position:absolute; top:0; left:25px }

.product .right .plist li .pic img{ transition:.5s }

.product .right .plist li .pic:after{ padding-bottom:78.13852813852814% }

.product .right .plist li .text{ padding-left:378px; overflow:hidden; padding-top:36px; padding-right:30px }

.product .right .plist li .text .bt{ font-size:18px; color:#333; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; margin-bottom:13px; padding-bottom:14px; border-bottom:1px dashed #e7e7e7 }

.product .right .plist li .text .jsh{ font-size:15px; color:#666; line-height:28px; font-family:arial; height:56px; overflow:hidden; margin-bottom:18px }

.product .right .plist li .text .more p{ width:182px; height:50px; line-height:48px; text-align:center; border-radius:30px; font-size:18px; border:1px solid #1b4fa2; color:#1b4fa2; display:block }

@media (min-width:1025px){
.product .right .plist li:hover .box{ box-shadow:0 0 20px 0 rgba(27, 79, 162, 0.1) }

.product .right .plist li:hover .pic img{ transform:scale(1.05) }

.product .right .plist li:hover .text .bt{ color:#1b4fa2; text-decoration:underline }

.product .right .plist li:hover .text .more p{ background:#1b4fa2; color:#fff }
}

@media (max-width:1024px){
.product .aside{ display:none }

.product .right{ width:100%; padding-top:0 }

.product .right .right-title h3{ font-size:18px; padding:0 10px }

.product .right .right-title h3:before{ height:18px; top:4px }

.product .right .plist{ margin-bottom:30px; padding-top:20px }

.product .right .plist li .box{ min-height:160px; padding:10px }

.product .right .plist li .pic{ width:180px; top:10px; left:10px }

.product .right .plist li .text{ padding-left:200px; padding-top:10px }

.product .right .plist li .text .bt{ font-size:16px }

.product .right .plist li .text .jsh{ font-size:13px; line-height:25px; height:50px; margin-bottom:0 }

.product .right .plist li .text .more{ display:none }
}

@media (max-width:414px){
.product .right .plist{ margin:0 -5px }

.product .right .plist li{ width:50%; float:left; padding:0 5px; margin-bottom:10px }

.product .right .plist li .box{ min-height:0 }

.product .right .plist li .pic{ width:100%; position:relative; top:auto; left:auto }

.product .right .plist li .text{ padding-left:0; padding-right:0 }
}

.job1{ padding:38px 0 46px 0 }

.job1 .text{ float:left; padding-top:6px; width:59.2% }

.job1 .text .bt{ position:relative; font-size:35px; color:#333; margin-bottom:22px }

.job1 .text .bt:before{ content:''; display:inline-block; width:12px; height:12px; background:#1b4fa2; vertical-align:middle; margin-right:17px }

.job1 .text .bt:after{ content:''; display:inline-block; width:121px; height:1px; background:#c9c9c9; vertical-align:middle; margin-left:17px }

.job1 .text .jsh{ font-size:15px; color:#666; line-height:28px }

.job1 .text .jsh a{ color:#f90; font-weight:bold }

.job1 .text .jsh a:hover{ text-decoration:underline }

.job1 .right{ float:right; width:34%; margin-right:3% }

@media (max-width:1023px){
.job1{ padding:30px 0 }

.job1 .text{ float:none; padding-top:0; width:100% }

.job1 .text .bt{ font-size:25px; margin-bottom:10px }

.job1 .text .bt:before{ width:7px; height:7px; margin-right:5px }

.job1 .text .bt:after{ width:100px; margin-left:5px }

.job1 .text .jsh{ font-size:14px; line-height:25px }

.job1 .right{ display:none }
}

.job2{ padding:51px 0; background:#f7f7f7; overflow:hidden }

.job2 dl dt{ display:block }

.job2 dl dt span{ display:block; float:left; text-align:left; width:12%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; color:#333; font-size:15px }

.job2 dl dt .name{ width:22%; padding-right:20px; padding-left:33px }

.job2 dl dt .time{ width:24%; margin-right:2%; text-align:center }

.job2 dl dt .people{ width:16%; margin-right:6%; text-align:center }

.job2 dl dt .bumen{ width:8%; text-align:center; margin-right:7%; padding-left:14px }

.job2 dl dt .date{ width:15%; text-align:center }

.job2 dl .list0{ height:45px; line-height:45px; background:#6599d2; margin-bottom:3px }

.job2 dl .list0 span{ color:#fff; font-size:15px }

.job2 dl .list_dt{ cursor:pointer; height:45px; line-height:45px; transition:width 2s; font-size:14px; color:#333; border-bottom:3px solid #f7f7f7 }

.job2 dl .list_dt .subnav{ display:block }

.job2 .list_dt{ color:#575757; cursor:pointer; position:relative; background:#fff }

.job2 #open{ background:#e0ebf2; border-bottom:0 }

.job2 .list_dd{ display:none }

.job2 .jobsub{ background:#fff; border-top:0; font-size:15px; color:#666; line-height:28px; overflow:hidden; position:relative; padding:24px 620px 30px 23px; border-bottom:3px solid #f7f7f7 }

.job2 .jobsub .bt{ font-size:15px; text-align:left; color:#333 }

.job2 .toudi{ width:546px; height:266px; top:46px; right:64px; position:absolute; background:url("../images/job.png") no-repeat center center; padding-top:119px; padding-left:10px }

.job2 .toudi a{ background:url("../images/song.png") no-repeat center left; padding-left:30px; font-size:12px; color:#333; line-height:34px }

.job2 .toudi a:hover{ color:#1b4fa2; text-decoration:underline }

@media (max-width:1023px){
.job2 .info{ overflow:auto }

.job2 dl{ width:1023px }

.job2 .jobsub{ font-size:14px; line-height:25px; padding:20px }

.job2 .toudi{ width:100%; height:auto; top:auto; right:auto; position:relative; background:0; padding-top:10px; padding-left:0 }

.job2 .toudi a{ background:0; padding-left:0 }
}

.product-top{ margin-bottom:41px; overflow:hidden; padding-top:37px }

.product-top .pro-left{ width:36.8%; float:left; overflow:hidden }

.product-top .pro-left .pro-max{ border:1px solid #e5e5e5 }

.product-top .pro-left .pic:after{ padding-bottom:82.38213399503722% }

.product-top .pro-left .pro-min{ margin:9px 0 0 0; padding:0 19px; position:relative }

.product-top .pro-left .pro-min .getIndex{ padding:0 2px }

.product-top .pro-left .pro-min .getIndex .item{ border:1px solid #e5e5e5 }

.product-top .pro-left .pro-min .slick-prev:before, .product-top .pro-left .pro-min .slick-next:before{ content:'' }

.product-top .pro-left .pro-min .slick-prev, .product-top .pro-left .pro-min .slick-next{ width:20px; height:100%; top:0; left:0; margin-top:0; z-index:6 }

.product-top .pro-left .pro-min .slick-prev{ background:url("../images/left2.png") no-repeat center center !important }

@media (max-width:1025px){
.product-top .pro-left .pro-min .slick-prev:hover{ background:url("../images/left2h.png") no-repeat center center !important }
}

.product-top .pro-left .pro-min .slick-next{ left:auto; right:0; background:url("../images/right2.png") no-repeat center center !important }

@media (max-width:1025px){
.product-top .pro-left .pro-min .slick-next:hover{ background:url("../images/right2h.png") no-repeat center center !important }
}

.product-top .pro-right{ width:62%; float:right; padding-top:16px; padding-left:39px }

.product-top .pro-right .bt{ font-size:25px; color:#333; background:url(../images/line3.jpg) no-repeat bottom left; padding-bottom:19px }

.product-top .pro-right .info{ padding-top:26px; margin-bottom:25px; overflow:hidden }

.product-top .pro-right .info .title{ font-size:18px; color:#1b4fa2; padding-bottom:8px; text-transform:uppercase }

.product-top .pro-right .info .title span{ font-size:14px }

.product-top .pro-right .info .jsh{ line-height:28px; font-size:15px; color:#666 }

.product-top .pro-right .info .jsh p{ background:url("../images/dot1.png") no-repeat left 10px; padding-left:25px }

.product-top .pro-right .online{ background:url("../images/phone3.png") no-repeat top left; padding-left:56px; overflow:hidden; padding-top:2px }

.product-top .pro-right .online .on{ display:block; float:left; height:42px; line-height:40px; color:#1b4fa2; font-size:20px; margin-right:20px; font-family:"DINPro-Regular"; border-top:1px solid #1b4fa2; border-bottom:1px solid #1b4fa2 }

.product-top .pro-right .online .on span{ font-size:24px }

.product-top .pro-right .online .co{ display:block; float:left; width:135px; height:42px; line-height:42px; color:#fff; font-size:18px; background:#f90; text-align:center }

@media (min-width:1025px){
.product-top .pro-right .online .co:hover{ background:#1b4fa2 }
}

@media (max-width:1023px){
.product-top{ margin-bottom:20px }

.product-top .pro-right{ width:100%; padding-top:10px; padding-left:0 }

.product-top .pro-right .bt{ font-size:20px; padding-bottom:10px }

.product-top .pro-right .info{ padding-top:10px; margin-bottom:10px }

.product-top .pro-right .info .jsh{ line-height:25px; font-size:14px }

.product-top .pro-right .online{ background:url("../images/phone3.png") no-repeat left 9px; padding-left:40px; background-size:30px }

.product-top .pro-right .online .on{ font-size:16px; margin-right:10px; float:none }

.product-top .pro-right .online .on span{ font-size:18px }

.product-top .pro-right .online .co{ width:100px; font-size:14px; float:none; margin-top:5px }
}

@media (max-width:684px){
.product-top .pro-left{ width:100% }
}

.pro-info .p-title{ border:1px solid #eaeaea; overflow:hidden; background:#f7f7f7 }

.pro-info .p-title h3{ font-size:18px; color:#333; width:144px; height:49px; line-height:48px; border-top:1px solid #f7f7f7; border-right:1px solid #eaeaea; text-align:center;float:left; cursor:pointer; }
.pro-info .p-title h3.on{
background:#fff;
border-top:1px solid #1b4fa2;
}
.pro-info .p-title a{
font-size:18px; color:#333; width:144px; height:49px; line-height:48px; border-top:1px solid #f7f7f7; text-align:center;float:left; cursor:pointer;
}
@media (min-width: 1025px){
.pro-info .p-title a:hover{
background:#fff;
border-top:1px solid #1b4fa2;
}
}

@media (max-width: 1023px){
.pro-info .p-title a {
font-size: 16px;
width: 100px;
}
}

.pro-info .info{ padding:46px 0 32px 0; font-size:15px; color:#666; line-height:27px;
display:none;}
.pro-info .info .solution .item {
overflow: hidden;
background: none;
padding: 0;
}
.pro-info .info .solution ul{
padding:0;
}
.pro-info .info .solution ul li{
margin-bottom:20px;
}
.pro-info .info .olist li{ line-height:28px; font-size:15px; color:#666; background:url("../images/dot1.png") no-repeat left 10px; padding-left:25px }

@media (max-width:1023px){
.pro-info .p-title h3{ font-size:16px; width:100px }

.pro-info .info{ padding:20px 0; font-size:14px; line-height:25px }

.pro-info .info .olist li{ line-height:25px; font-size:14px }
}

.re-pro{ padding-bottom:40px; overflow:hidden }

.re-pro .public-title{ color:#004ca2; font-size:35px; display:inline-block }

.re-pro .public-title:after{ content:''; display:block; width:30px; height:1px; background:#c7c7c7; margin:10px 0 15px 0 }

.re-pro .productlist{ margin:0 -10px }

.re-pro .productlist li{ width:33.333333333333336%; float:left; padding:0 10px }

.re-pro .productlist li .box{ border:1px solid #eaeaea; padding-bottom:22px; overflow:hidden; position:relative }

.re-pro .productlist li .box .hover{ position:absolute; top:0; left:0; width:100%; height:100%; display:none; z-index:2; background:rgba(29, 72, 169, 0.6) }

.re-pro .productlist li .box .pic{ z-index:1 }

.re-pro .productlist li .box .pic img{ transition:.5s }

.re-pro .productlist li .box .pic:after{ padding-bottom:78.13852813852814% }

.re-pro .productlist li .box .text{ padding:0 25px }

.re-pro .productlist li .box .text .bt{ font-size:18px; color:#333; text-overflow:ellipsis; white-space:nowrap; overflow:hidden }

.re-pro .productlist li .box .text .jsh{ font-size:14px; color:#666; text-overflow:ellipsis; white-space:nowrap; overflow:hidden }

.re-pro .productlist li .box .text .jiaru{ padding-top:8px; border-top:1px solid #eaeaea; margin-top:21px }

.re-pro .productlist li .box .text .jiaru p{ background:url("../images/more3.png") no-repeat center right; float:left; padding-right:35px }

@media (min-width:1025px){
.re-pro .productlist li:hover .box{ border:1px solid rgba(29, 72, 169, 0.6) }

.re-pro .productlist li:hover .box .hover{ display:block }

.re-pro .productlist li:hover .box .text{ position:relative; z-index:3 }

.re-pro .productlist li:hover .box .text .bt{ color:#fff }

.re-pro .productlist li:hover .box .text .jsh{ color:#fff }

.re-pro .productlist li:hover .box .text .jiaru{ border-top:1px solid #fff }

.re-pro .productlist li:hover .box .text .jiaru p{ color:#fff; background:url("../images/more3h.png") no-repeat center right }
}

@media (max-width:1023px){
.re-pro{ padding-bottom:20px }

.re-pro .public-title{ font-size:20px }
}

@media (max-width:640px){
.re-pro .productlist li{ width:100%; margin-bottom:10px }

.re-pro .productlist li .box{ padding-bottom:12px }

.re-pro .productlist li .box .text{ padding:0 15px }

.re-pro .productlist li .box .text .bt{ font-size:16px }

.re-pro .productlist li .box .text .jsh{ font-size:14px }

.re-pro .productlist li .box .text .jiaru{ margin-top:11px }
}

 

@media(max-width:1023px){
.swiper-phone{
display:block;
}
.swiper-pc{
display:none;
}
}




@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{
    /*background: #fff url(../images/loader.gif) center center no-repeat;*/
}
/* Icons */
@font-face
{
    /*font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('../fonts/slick.eot');
    src: url('../fonts/slick.eot?#iefix') format('embedded-opentype'), url('../fonts/slick.woff') format('woff'), url('../fonts/slick.ttf') format('truetype'), url('../fonts/slick.svg#slick') format('svg');*/
}

.slick-slider
{

    display: block;
    box-sizing: border-box;

    /*-webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;*/

    -webkit-touch-callout: none;
    /*-khtml-user-select: none;*/
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}


/*slick-theme*/
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    margin-top: -10px;
    padding: 0;

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '←';
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '→';
}
[dir='rtl'] .slick-next:before
{
    content: '←';
}

/* Dots */
.slick-slider
{
}

.slick-dots
{
    position: absolute;
    bottom: -45px;

    display: block;

    width: 100%;
    padding: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}