@charset "utf-8";
.top-info { padding: 40px 0; background: url(../images/ban-font01.png) #20295E no-repeat right top; box-shadow: 0 3px 6px 0 rgba(30,37,79,0.4); -webkit-box-shadow: 0 3px 6px 0 rgba(30,37,79,0.4); -moz-box-shadow: 0 3px 6px 0 rgba(30,37,79,0.4); }
.top-info .box { position: relative; }
.head-show{display:none;}
.top-case { padding-top: 10px; background: url(../images/ban-top02.jpg) no-repeat top center; background-size: cover; box-shadow: 0 3px 6px 0 rgba(30,37,79,0.4); -webkit-box-shadow: 0 3px 6px 0 rgba(30,37,79,0.4); -moz-box-shadow: 0 3px 6px 0 rgba(30,37,79,0.4); }
.top-news { background: url(../images/ban-top03.jpg) no-repeat top center; background-size: cover; }
.top-ser { background: url(../images/ban-top04.jpg) no-repeat top center; background-size: cover; }
.top-about { background: url(../images/ban-top05.jpg) no-repeat top center; background-size: cover; }
.top-cont { background: url(../images/ban-top06.jpg) no-repeat top center; background-size: cover; position: relative; z-index: 1; }
.top-case .box { position: relative; }
.top-case .top-info { background: none; box-shadow: none; }
.top-tit { position: absolute; top: 0; left: 0; color: #FFF; font-size: 42px; font-weight: bold; line-height: 47px; padding-left: 36px; margin-bottom: 10px; margin-top: 30px; background: url(../images/topTit-bg.png) no-repeat left center; }

.top-info .top-font { float: left; color: #7896DE; font-size: 16px; line-height: 36px; width: 46%; margin-left: 24%; }
.top-info span { float: right; color: #FFF; font-size: 18px; width: 220px; height: 52px; line-height: 52px; text-align: center; margin-top: 30px; border-radius: 6px; cursor: pointer; background-color: #7896DE; box-shadow: 0 0 8px rgba(17,21,44,0.7); -webkit-box-shadow: 0 0 8px rgba(17,21,44,0.7); -moz-box-shadow: 0 0 8px rgba(17,21,44,0.7); }
.top-info span:hover { background-color: #5E80D2; }
.index-tit { text-align: center; line-height: 1.1; }
.index-tit h1, .index-tit h2 { position: relative; display: inline-block; color: #FFF; }
.index-tit h1 { color: #333; font-size: 34px; }
.index-tit h2 { color: #333; font-size: 32px; }
.index-tit h1::before, .index-tit h2::before { content: ''; display: block; position: absolute; top: 50%; left: -120px; width: 100px; height: 2px; background-color: #EFBD45; }
.index-tit h1::after, .index-tit h2::after { content: ''; display: block; position: absolute; top: 50%; right: -120px; width: 100px; height: 2px; background-color: #1E254F; }

.cont-show { position: relative; padding: 100px 0 140px;}
.cont-show .index-tit p { color: #333; width: 680px; line-height: 30px; text-align: center; margin: 24px auto; }
.cont-show ul { clear: both; overflow: hidden; }
.cont-show li { position: relative; float: left; width: 22%; width: 16%\0; margin-right: 17%; margin-bottom: 60px; overflow: hidden; border-radius: 6px; box-shadow: 0 6px 12px rgba(46,55,98,0.5); -webkit-box-shadow: 0 6px 12px rgba(46,55,98,0.5); -moz-box-shadow: 0 6px 12px rgba(46,55,98,0.5); }
.cont-show li:first-child { margin-left: 17%; }
.cont-show li:last-child { margin-right: 0; }
.cont-txt { position: absolute; left: 0; top: 50%; margin-top: -40px; width: 100%; height: 80px; text-align: center; line-height: 1.1; }
.cont-txt strong { font-size: 28px; color: #545ED8; background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#545ED8), to(#8AD1FA)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.cont-txt p { font-size: 18px; color: #7896DE; margin-top: 20px; }
.cont-data { position: absolute; left: 0; bottom: 0; width: 100%; height: 50px; text-align: center; line-height: 46px; background: url(../images/cont-tit.png) no-repeat bottom center; }
.cont-pic img { width: 100%; border-radius: 6px; }

.cont-show li:before { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: -105%; overflow: hidden; background: -moz-linear-gradient(left, rgba(255,255,255,0)0, rgba(255,255,255,.4)50%, rgba(255,255,255,0)100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(50%, rgba(255,255,255,.4)), color-stop(100%, rgba(255,255,255,0))); background: -webkit-linear-gradient(left, rgba(255,255,255,0)0, rgba(255,255,255,.4)50%, rgba(255,255,255,0)100%); background: -o-linear-gradient(left, rgba(255,255,255,0)0, rgba(255,255,255,.4)50%, rgba(255,255,255,0)100%); transform: skewX(-25deg); -o-transform: skewx(-25deg); -moz-transform: skewX(-25deg); -webkit-transform: skewX(-25deg); }
.cont-show li:hover:before { left: 105%; transition: all .3s ease; }

.cont-link { margin-top: -135px; }
.cont-link .index-tit { position: relative; padding: 25px 0; background: url(../images/cont-font.png) no-repeat center; }
.cont-msg {padding: 50px 0; }
.message { clear: both; overflow: hidden; padding: 75px 5%; background: url(../images/msg-side.png) no-repeat center; }
.msg-show { float: left; width: 50%; margin-left: 5%\0; }
.msg-tit { color: #232B5B; font-size: 24px; }
.msg-tit img { margin-right: 10px; }
.msg-tit i { color: #999; font-size: 16px; margin-left: 16%; }
.msg-show p { clear: both; overflow: hidden; color: #666; font-size: 16px; line-height: 1.1; text-align: center; margin: 24px 0; }
.msg-show p span { margin-right: 50px; }
.msg-show p span:last-child { margin-right: 0; }
.msg-show p span img { margin-right: 10px; margin-top: -4px; }
.msg-show ul { clear: both; overflow: hidden; padding-top: 5px; }
.msg-show ul li { padding: 0 4px; margin-bottom: 24px; position: relative; }
.msg-show ul li input { width: 100%; height: 50px; line-height: 50px; color: #333; font-size: 16px; padding-left: 60px; border: none; border-radius: 6px; background-repeat: no-repeat; background-position: 30px center; background-size: 18px; box-shadow: 0 0 5px rgba(30,37,79,0.2); -webkit-box-shadow: 0 0 5px rgba(30,37,79,0.2); -moz-box-shadow: 0 0 5px rgba(30,37,79,0.2); border: 1px solid #EEEEEE\0; }
.msg-show ul li input:-webkit-autofill { -webkit-text-fill-color: #333; -webkit-box-shadow: 0 0 0px 1000px white inset !important; }
.msg-show ul li textarea { font-family: Microsoft YaHei; width: 100%; height: 120px; line-height: 30px; color: #333; font-size: 16px; padding-left: 60px; padding-top: 5px; border: none; margin-bottom: 0; border-radius: 6px; background-repeat: no-repeat; background-position: 30px 13px; background-size: 18px; background-color: #FFF; box-shadow: 0 0 0.19rem rgba(30,37,79,0.2); -webkit-box-shadow: 0 0 0.19rem rgba(30,37,79,0.2); -moz-box-shadow: 0 0 0.19rem rgba(30,37,79,0.2); border: 1px solid #EEEEEE\0; }
::-webkit-input-placeholder { color: #999; }
::-moz-input-placeholder { color: #999; }
::-ms-input-placeholder { color: #999; }
.msg-show ul li .msg-name { background-image: url(../images/msg-ico04.png); }
.msg-show ul li .msg-tel { background-image: url(../images/msg-ico05.png); }
.msg-show ul li .msg-area { background-image: url(../images/msg-ico06.png); }
.msg-show ul li:nth-child(2) i { position: absolute; right: 20px; top: 20px; width: 10px; height: 10px; background: url(../images/msg-star.png) no-repeat top center; background-size: 10px; }
.msg-show ul li i { display: block\0; display: none\9; }
/* IE9+ */
@media all and (min-width:0) {
    .msg-show ul li i { display: block\9; }
}

.msg-btn { clear: both; overflow: hidden; margin-top: 6px; }
.msg-btn input { color: #FFF; font-size: 20px; text-align: center; width: 200px; height: 48px; line-height: 46px; background: url(../images/msg-btn.png) no-repeat center; cursor: pointer; }
.msg-btn input:hover { background-image: url(../images/msg-btns.png); }

.msg-base { position: relative; float: right; width: 42%; }
.msg-base dl { margin-top: 30px; }
.msg-base dt { font-size: 24px; line-height: 1; margin-bottom: 55px; }
.msg-base dd { color: #444; height: 24px; line-height: 24px; margin-bottom: 30px; }
.msg-base dd img { float: left; margin-right: 16px; }
.msg-base p { font-size: 18px; line-height: 30px; margin-top: 50px; }
.msg-base span { display: inline-block; color: #FFF; font-size: 18px; width: 50%; height: 50px; line-height: 50px; text-align: center; margin-top: 40px; border-radius: 6px; cursor: pointer; background-color: #7896DE; }
.msg-base span:hover { background-color: #5E80D2; }

.map-show { width: 100%; height: 400px; background-color: #12213E; overflow: hidden; }
#allmap { width: 100%; height: 120%; background-color: #12213E !important; }
#allmap * { -ms-transition: 0s; -moz-transition: 0s; -webkit-transition: 0s; -o-transition: 0s; transition: 0s }
#allmap img { max-width: 999px }
#allmap .BMap_Marker { width: 40px !important; height: 40px !important; position: relative; cursor: default; }
#allmap .BMap_noprint.BMap_Marker::before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-animation: 1s infinite alternate scale3; -o-animation: 1s infinite alternate scale3; animation: 1s infinite alternate scale3; border-radius: 50%; transform-origin: center; background-color: rgba(255,255,255,.2) }

@-webkit-keyframes scale3 {
    0% { -webkit-transform: scale(1); transform: scale(1) }
    100% { -webkit-transform: scale(1.8); transform: scale(1.8) }
}

@keyframes scale3 {
    0% { -webkit-transform: scale(1); transform: scale(1) }
    100% { -webkit-transform: scale(1.8); transform: scale(1.8) }
}

.cont-info{display:none;}
.messages{display:none;}
.cont-map{display:none;}
@media screen and (max-width:1000px) {
.top-info span{ display:none;}
.top-info .top-font{ width:65%; margin-left:30%;}
}

@media screen and (max-width:780px) {
.top-cont{display:none;}
.head-show { clear: both; display:block; overflow: hidden; background: url(../images/head-bg.png) no-repeat left center; background-size: 100% 100%; }
.head-pic { position: relative; float: left; width: 53%; }
.head-pic b { position: absolute; top: 50%; left: 38%; z-index: 20; color: #FFF; font-size: 1.38rem; line-height: 1.1; margin-top: -0.69rem; font-weight: 600; }
.head-pic img { width: 100%; height: auto; }
.head-pic:before { content: ''; position: absolute; top: 0; left: 0; width: 33%; height: 100%; background: url(../images/head-left.png) no-repeat left center; background-size: 100%; }
.head-pic span img { min-height: 6.25rem; object-fit: cover; margin: 1.68rem 0; border-radius: 0.38rem; box-shadow: 0 0 0.38rem 0 rgba(30,37,79,0.5); -webkit-box-shadow: 0 0 0.38rem 0 rgba(30,37,79,0.5); -moz-box-shadow: 0 0 0.38rem 0 rgba(30,37,79,0.5); }
.head-info { float: left; margin-top: 1.62rem; margin-left: 2%; width: 45%; }
.head-info p { color: #2E3762; font-size: 0.75rem; line-height: 1.4; padding-left: 0.75rem; }
.head-info p.head-ico { font-size: 0.94rem; margin-bottom: 0.5rem; background: url(../images/head-ico.png) no-repeat left center; background-size: 0.56rem 0.56rem; }
.head-info p.head-icon { margin: 0.31rem 0; }
.head-info p a { color: #2E3762; font-size: 1.12rem; font-weight: bold; letter-spacing: -0.02rem; }
.head-info span { display: block; width: 10.0rem; color: #2E3762; font-size: 0.94rem; text-align: center; height: 1.88rem; line-height: 1.88rem; margin-top: 0.31rem; cursor: pointer; border-radius: 0.94rem; background-color: #8395EE; box-shadow: 0 0.06rem 0.12rem 0 rgba(30,37,79,0.3); -webkit-box-shadow: 0 0.06rem 0.12rem 0 rgba(30,37,79,0.3); -moz-box-shadow: 0 0.06rem 0.12rem 0 rgba(30,37,79,0.3); }

.cont-show{ display:none;}
.cont-link{ display:none;}
.map-show{ margin-top:20px;}
.cont-info { clear: both; overflow: hidden; padding: 1.56rem 0.62rem; margin-bottom: 1.56rem; border-bottom: 0.38rem solid #F0F0F0; display:block; }
.cont-info ul { clear: both; overflow: hidden; margin: 0 6%; }
.cont-info ul li { float: left; width: 45%; text-align: center; margin-left: 10%; }
.cont-info ul li:first-child { margin-left: 0; }
.cont-info ul li img { width: 100%; }
.cont-info ul li .cont-link2 { line-height: 1.1; padding: 0.62rem 0; margin-top: 0; background: url(../images/cont-bg.png) no-repeat top center; background-size: 100% 100%; }
.cont-link2 p { font-size: 0.88rem; }
.cont-link2 a, .cont-link span { display: block; cursor: pointer; font-size: 1.0rem; font-weight: 600; line-height: 1.5; margin-top: 0.19rem; }
.cont-link2 a { letter-spacing: -0.05rem; }
.cont-link2 a, .cont-link2 span {
    display: block;
    cursor: pointer;
    font-size: 1.0rem;
    font-weight: 600;
    line-height: 1.5;
    margin-top: 0.19rem;
}

.cont-map { clear: both; overflow: hidden; padding: 1.56rem 0.62rem 0; margin-top: 1.56rem; border-top: 0.38rem solid #F0F0F0; display:block; }
.map-tit { font-size: 1.12rem; font-weight: bold; line-height: 1.1; }
.map-tit img { float: left; width: 1.12rem; margin-right: 0.31rem; margin-top: 0.04rem; }
.cont-map p { font-size: 1.0rem; line-height: 1.5rem; padding-left: 1.43rem; margin-top: 0.62rem; }
#map { width: 100%; margin-top: 0.62rem; border-radius: 0.38rem; }





.map-show{ margin-top:20px;}
.messages { position: relative; padding: 1.56rem 1.78rem; margin: 1.0rem 0.62rem; background: url(../images/msg-bg.png) no-repeat top center; background-size: 100% 100%; display: block; }
.msg-tit { clear: both; overflow: hidden; color: #999; font-size: 0.88rem; line-height: 1.1; }
.msg-tit b { color: #232B5B; font-size: 1.31rem; margin-right: 0.31rem; }
.msg-tit b img { width: 1.94rem; height: 0.94rem; margin-right: 0.12rem; }
.messages p { clear: both; overflow: hidden; color: #666; font-size: 0.81rem; line-height: 1.1; text-align: center; margin: 1.0rem 0; }
.messages p span { margin-right: 0.62rem; }
.messages p span:last-child { margin-right: 0; }
.messages p span img { width: 0.90rem; height: 0.90rem; margin-right: 0.25rem; margin-top: -0.12rem; }

.messages ul { clear: both; overflow: hidden; padding-top: 0.5rem; }
.messages ul li { float: left; width: 100%; padding: 0 0.19rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 0.75rem; position: relative; }
.messages ul li input { height: 2.12rem; line-height: 2.12rem; width: 100%; color: #666; font-size: 0.89rem; padding-left: 2.5rem; margin-bottom: 0; border: none; box-sizing: border-box; border-radius: 0.19rem; background-repeat: no-repeat; background-position: 0.75rem center; background-size: 1.12rem; box-shadow: 0 0 0.19rem rgba(30,37,79,0.2); -webkit-box-shadow: 0 0 0.19rem rgba(30,37,79,0.2); -moz-box-shadow: 0 0 0.19rem rgba(30,37,79,0.2); }
.messages ul li input:-webkit-autofill { -webkit-text-fill-color: #333; -webkit-box-shadow: 0 0 0px 1000px white inset !important; }
.messages ul li textarea { font-family: Microsoft YaHei; height: 5.75rem; line-height: 1.67rem; width: 100%; color: #666; font-size: 0.89rem; padding-left: 2.67rem; padding-top: 0.31rem; border: none; margin-bottom: 0; box-sizing: border-box; border-radius: 0.19rem; background-repeat: no-repeat; background-position: 0.75rem 0.75rem; background-size: 1.12rem; background-color: #FFF; box-shadow: 0 0 0.19rem rgba(30,37,79,0.2); -webkit-box-shadow: 0 0 0.19rem rgba(30,37,79,0.2); -moz-box-shadow: 0 0 0.19rem rgba(30,37,79,0.2); }
::-webkit-input-placeholder { /* WebKit browsers */ color: #999; }
.messages ul li .msg-name { background-image: url(../images/msg-ico04.png); }
.messages ul li .msg-tel { background-image: url(../images/msg-ico05.png); }
.messages ul li .msg-area { background-image: url(../images/msg-ico06.png); }
.messages ul li:nth-child(2) i { position: absolute; right: 0.62rem; top: 0.88rem; width: 0.5rem; height: 0.5rem; background: url(../images/msg-star.png) no-repeat top center; background-size: 0.44rem; }

.msg-btn { clear: both; overflow: hidden; }
.msg-btn input { display: block; text-align: center; color: #FFF; font-size: 0.94rem; font-weight: bold; border: none; cursor: pointer; width: 4.38rem; height: 4.38rem; margin: 1.88rem auto 0; background: url(../images/msg-sub.png) no-repeat top center; background-size: 100%; }

#allmap { width: 100%; height: 400px; margin-top: 0.62rem; border-radius: 0.38rem; }
#allmap * { -ms-transition: 0s; -moz-transition: 0s; -webkit-transition: 0s; -o-transition: 0s; transition: 0s }
#allmap img { max-width: 999px }
#allmap .BMap_Marker { width: 40px !important; height: 40px !important; position: relative; cursor: default }
#allmap .BMap_noprint.BMap_Marker::before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-animation: 1s infinite alternate scale3; -o-animation: 1s infinite alternate scale3; animation: 1s infinite alternate scale3; border-radius: 50%; transform-origin: center; background-color: rgba(255,255,255,.2) }

}