@charset "utf-8";
/* reset style */

article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary { display: block; }
audio, canvas, progress, video { display: inline-block; }
html, body, div, p, h1, h2, h3, h4, h5, h6, dl, dt, dd, ol, ul, li, blockquote, pre, button, fieldset, form, legend, table, caption, tbody, tfoot, thead, tr, th, td, iframe, article, aside, canvas, details, embed, figure, figcaption, header, footer, menu, nav, section, summary, audio, video { margin: 0; padding: 0; border: 0 none transparent; outline: none; font-size: inherit; font-family: inherit; }
article, aside, dialog, footer, header, section, nav, figure, menu, audio, canvas, progress, video { display: block; }
html, body {position: relative;width: 100%;}
/*html, body { scroll-behavior:smooth; }*/

html.freeze, html.freeze body { overflow-x: hidden; overflow-y: hidden; }
body {
    /* user-select: none;
    -webkit-user-select: none;
    -webkit-font-smoothing: antialiased; */
    font: 12px/1.5 Microsoft YaHei UI, Microsoft YaHei, tahoma, arial, Hiragino Sans GB, SimSun, Segoe UI, Tahoma, Helvetica, Sans-Serif, sans-serif, \5b8b\4f53;
    color: #333;
    font-size: 15px;
    line-height: 1.6rem;
    word-break: break-all;
    
    
    }
a { color: #333; }
a:hover {color: #b68850;}
.clearfix:after { display: block; visibility: hidden; clear: both; content: '.'; overflow: hidden; width: 0; height: 0; font-size: 0; line-height: 0; }
.clearfix {
 *zoom: 1; display: block; }
li, h2, p, h3 { transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -webkit-transition: all .5s ease; }
.hide { display: none; }
/* transition */
.tran { transition: all 0.5s; -moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s; }
/* box-sizing */
div, .box, li, h2, h3 { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
#bsWXBox { box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; }
.center { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; }
.triangle { border-color: transparent transparent #fff #fff; border-style: solid; border-width: 8px; bottom: -8px; box-sizing: border-box; content: ""; display: block; height: 0; position: relative; transform: rotate(135deg); transform-origin: center center; width: 0; margin-left: 48px; }
.gray { opacity: 0.5; -webkit-filter: grayscale(1); }
a, button { transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -webkit-transition: all .5s ease; text-decoration: none; outline: 0; }
/* 单行限制 */
.ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; }
/* 多行限制 */
.clamp2 { overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -o-text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.clamp3 { overflow: hidden; display: -webkit-box; text-overflow: ellipsis; white-space: pre-wrap; -o-text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.web { width: 1200px; margin: 0 auto; }
.w1200 { width: 1200px; margin: 0 auto; }
.w1300 {width: 1300px;margin: 0 auto;}
.w1400 { width: 1400px; margin: 0 auto; }
.w1440 { width: 1440px; margin: 0 auto; }
.fl { float: left }
.fr { float: right }
.inlineB { font-size: 0; }
/* forms */
.fdimg img{max-width: inherit;}
html.firefox fieldset { display: table-cell !important; }
button, input[type='button'], input[type='reset'], input[type='submit'] { overflow: visible; background-color: transparent; cursor: pointer; }
 .search-box input::-webkit-input-placeholder {
 color: #cfcfcf;
 font-size: 16px;
}
 .search-box input::-moz-placeholder {
 color: #cfcfcf;
 font-size: 16px;
}
 .search-box input:-moz-placeholder {
 color: #cfcfcf;
 font-size: 16px;
}
 .search-box input:-ms-input-placeholder {
 color: #cfcfcf;
 font-size: 16px;
}


.search2-box input::-webkit-input-placeholder {
	color: #005cc9;
	font-size: 16px;
}

.search2-box input::-moz-placeholder {
	color: #005cc9;
	font-size: 16px;
}

.search2-box input:-moz-placeholder {
	color: #005cc9;
	font-size: 16px;
}

.search2-box input:-ms-input-placeholder {
	color: #005cc9;
	font-size: 16px;
}
/* ie6 ~ ie7 css */

button:hover, input[type='button']:hover, input[type='reset']:hover, input[type='submit']:hover { text-decoration: none; }
button:hover span { text-decoration: underline; }
input { padding: 0; border: 0 none transparent; outline: 0; }
input[type='submit'] { height: 28px; line-height: 24px; }
input[type='radio'], input[type='checkbox'] { width: 14px; height: 14px; }
input[type='image'] { height: auto; margin: 0; padding: 0; border: 0; }
input[disabled='disabled'] { background-color: #ebebeb; color: #959595; }
select { height: 28px; line-height: 24px; padding: 1px 0 1px 3px; border: 1px solid #dedede; background-color: #fff; }
select[disabled='disabled'] { background-color: #ebebeb; color: #959595; }
textarea { min-height: 80px; padding: 1px 3px; border: 1px solid #dedede; line-height: 25px; }
/* other */

iframe.pdf { width: 100%; height: 600px; margin-top: 30px; margin-bottom: 30px; }
mark { background-color: transparent; }
[data-style='list'] .target { display: none; color: #000; }
hr {margin-top: 20px;margin-bottom: 20px;border: 0;border-top: 1px solid #eee;/* display: none; */}
img { border: 0 none transparent; -ms-interpolation-mode: bicubic; vertical-align: middle; }
img { max-width: 100%; }
b, strong { font-weight: 600; }
i, em, dfn, cite, address { font-style: normal; }
small { font-size: 90%; }
sup, sub { position: relative; font-size: 0.9em; line-height: 0; vertical-align: baseline; }
sub { bottom: -0.25em; }
sup { top: -0.5em; }
del { text-decoration: line-through; }
label { cursor: pointer; }
ol, ul, li { list-style: none; }
legend { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 1px; font-size: 0; line-height: 0; }
caption { height: 1px; font-size: 0; line-height: 0; }

@media only screen and (min-width: 1200px) {
    @-webkit-keyframes fadeInDown { from {
 opacity: 0;
 -webkit-transform: translate3d(0, -30px, 0);
 transform: translate3d(0, -30px, 0);
}
to { opacity: 1; -webkit-transform: none; transform: none; }
}
 @keyframes fadeInDown { from {
 opacity: 0;
 -webkit-transform: translate3d(0, -30px, 0);
 transform: translate3d(0, -30px, 0);
}
to { opacity: 1; -webkit-transform: none; transform: none; }
}
 @-webkit-keyframes fadeInUp { from {
 opacity: 0;
 -webkit-transform: translate3d(0, 30px, 0);
 transform: translate3d(0, 30px, 0);
}
to { opacity: 1; -webkit-transform: none; transform: none; }
}
 @keyframes fadeInUp { from {
 opacity: 0;
 -webkit-transform: translate3d(0, 30px, 0);
 transform: translate3d(0, 30px, 0);
}
to { opacity: 1; -webkit-transform: none; transform: none; }
}
 @-webkit-keyframes fadeInRight { from {
 opacity: 0;
 -webkit-transform: translate3d(3%, 0, 0);
 transform: translate3d(3%, 0, 0);
}
to { opacity: 1; -webkit-transform: none; transform: none; }
}
 @keyframes fadeInRight { from {
 opacity: 0;
 -webkit-transform: translate3d(3%, 0, 0);
 transform: translate3d(3%, 0, 0);
}
to { opacity: 1; -webkit-transform: none; transform: none; }
}
 @-webkit-keyframes fadeInLeft { from {
 opacity: 0;
 -webkit-transform: translate3d(-3%, 0, 0);
 transform: translate3d(-3%, 0, 0);
}
to { opacity: 1; -webkit-transform: none; transform: none; }
}
 @keyframes fadeInLeft { from {
 opacity: 0;
 -webkit-transform: translate3d(-3%, 0, 0);
 transform: translate3d(-3%, 0, 0);
}
to { opacity: 1; -webkit-transform: none; transform: none; }
}
 @-webkit-keyframes flipInX { 0% {
 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
 transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
 -webkit-transition-timing-function: ease-in;
 transition-timing-function: ease-in;
 opacity: 0
}
 40% {
 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
 transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
 -webkit-transition-timing-function: ease-in;
 transition-timing-function: ease-in
}
 60% {
 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
 transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
 opacity: 1
}
 80% {
 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
 transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
}
 100% {
 -webkit-transform: perspective(400px);
 transform: perspective(400px)
}
}
 @keyframes flipInX { 0% {
 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
 transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
 -webkit-transition-timing-function: ease-in;
 transition-timing-function: ease-in;
 opacity: 0
}
 40% {
 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
 transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
 -webkit-transition-timing-function: ease-in;
 transition-timing-function: ease-in
}
 60% {
 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
 transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
 opacity: 1
}
 80% {
 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
 transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
}
 100% {
 -webkit-transform: perspective(400px);
 transform: perspective(400px)
}
}
 @-webkit-keyframes z { from {
 -webkit-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
 -moz-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
 -ms-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
 transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
}
to { -webkit-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1); -moz-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1); -ms-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1); transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1); }
}
 @keyframes z { from {
 -webkit-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
 -moz-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
 -ms-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
 transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
}
to { -webkit-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1); -moz-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1); -ms-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1); transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1); }
}
.flipInX { visibility: visible !important; visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; }
.animated { -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
 @keyframes fadeInUp2 { from {
 opacity: 0;
 -webkit-transform: translate3d(0, 100%, 0);
 transform: translate3d(0, 100%, 0);
}
to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}
 @-webkit-keyframes visual-button {  0% {
 width: 0
}
 100% {
 width: 100%
}
}
 @keyframes visual-button {  0% {
 width: 0
}
 100% {
 width: 100%
}
}
.fadeInUp2 { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; }
}
/* 站群表格样式 */
.v_news_content table ,#vsb_content table{border: 0px;border-left: 1px solid #ddd;border-top: 1px solid #ddd;width: 100% !important;margin: 20px auto;overflow: auto;}
.v_news_content tr td ,#vsb_content tr td{border-left: 0px;border-top: 0px;line-height: 23px;padding: 5px 0;border-right-width: 1px;border-bottom-width: 1px;border-right-style: solid;border-bottom-style: solid;border-right-color: #ddd;border-bottom-color: #ddd;}
.v_news_content table tr td p,#vsb_content table tr td p{ text-indent: 0em; padding: 0px; margin: 0px; text-align: center; }
.v_news_content table{
   overflow:auto;
}
/* ie8提示 */
#browser-modal { width: 100%; height: 100%; top: 0; left: 0; text-align: center; color: #303233; position: fixed; z-index: 9999; }
#browser-modal .browser-modal-cover { position: fixed; left: 0; top: 0; height: 100%; width: 100%; background-color: #111; opacity: .9; z-index: -1 }
#browser-modal .browser-content { width: 700px; margin-top: 120px; margin-left: auto; margin-right: auto; padding-bottom: 80px; padding-top: 50px; background-color: #fff; border-radius: 5px }
#browser-modal .browser-content .browser-dpc-logo img { height: 42px; margin: 45px auto 40px }
#browser-modal .browser-content .browser-text-title { text-transform: uppercase; font-size: 24px }
#browser-modal .browser-content .browser-text-desc { margin-top: 30px; margin-bottom: 20px; font-size: 14px }
#browser-modal .browser-content .browser-list { width: 600px; margin: 20px auto; height: 130px }
#browser-modal .browser-content .browser-item { float: left; width: 150px; padding-top: 20px; padding-bottom: 20px; margin-left: auto; margin-right: auto }
#browser-modal .browser-content .browser-item .iconfont { width: 100px; height: 100px; margin: 0 auto; font-size: 80px; line-height: 80px; margin-bottom: 10px; }
#browser-modal .browser-content .browser-item .iconchrome { background: url(../img/bro.png) no-repeat 0 0 }
#browser-modal .browser-content .browser-item .iconfirefox { background: url(../img/bro.png) no-repeat 0 -100px }
#browser-modal .browser-content .browser-item .iconopera { background: url(../img/bro.png) no-repeat 0 -200px }
#browser-modal .browser-content .browser-item .iconEdge { background: url(../img/bro.png) no-repeat 0 -300px }
#browser-modal .browser-content .browser-item a { cursor: pointer; display: block }
#browser-modal .browser-content .browser-item a img { display: block; margin: 0 auto; max-width: 100px; width: 100px; height: 100px }
#browser-modal .browser-content .browser-item a h4 { text-align: center; margin-top: 20px; font-size: 18px; font-weight: 700 }
/* 头部 */
.top { width: 100%; height: 45px; background: #0066c1; font-size: 14px; animation: 0.3s ease 0.8s 1 normal backwards running fadeInDown; }
.top-link li {float: left;line-height: 45px;padding: 0 6px;position: relative;height: 45px;}
.top-link li::after { position: absolute; top: 0; right: 0; bottom: 0; margin: auto; content: "·"; display: block; color: #fff; font-size: 12px; height: 45px;}
.top-link li:last-child::after{display:none}
.top li a { color: #ebf5ff; }
.top-link li:nth-child(3) { margin-right: 0; }
.top-link li:nth-child(3)::after { display: none; }
.top-rlink li { line-height: 45px; }
.top-rlink img { margin-right: 8px; }
.header {/* border-bottom: 1px solid #eeefee; */animation: 0.5s ease 0.8s 1 normal backwards running fadeInUp;position: relative;}
.nav {animation: 0.8s ease 0.8s 1 normal backwards running fadeInDown;/* border-bottom: 1px solid #eeefee; */}
.nav .ul2{display:none;}
.head {height: 100px;}
.head .logo {height: 67px;position: relative;width: 50%;margin-top: 26px;}
.head .logo img {position: absolute;left: 0;top: 0;bottom: 0;margin: auto;}
.head .logo-right {margin-top: 53px;position: relative;}
.head .logo-right li { float: left; margin-right: 20px; line-height: 45px; border-radius: 45px; }
.head .logo-right li a { font-size: 15px; padding: 0 28px; display: block; }
.head .logo-right .l1 { background: #d7ecfb; }
.head .logo-right .l1:hover { background: #89c6f1; }
.head .logo-right .l1 a { color: #0d4268; }
.head .logo-right .l1:hover a { color: #FFF }
.head .logo-right .l2 { background: #d8f3d7; }
.head .logo-right .l2 a { color: #116f0d; }
.head .logo-right .l2:hover { background: #98ca96; }
.head .logo-right .l2:hover a { color: #ffffff; }
.head .logo-right .l3 { background: #fff0cc; }
.head .logo-right .l3 a { color: #61480c; }
.head .logo-right .l3:hover { background: #d0b46f; }
.head .logo-right .l3:hover a { color: #ffffff; }
.head .logo-right .l4 { background: #d1f2f7 url(../img/icons2.png) no-repeat center right 25px; padding-right: 45px; margin-right: 0; cursor: pointer; }
.head .logo-right .l4 a { color: #1c5b64; padding-right: 0; }
.head .logo-right .l4:hover a { color: #000000; }
.head .logo-right .ul2 { position: absolute; right: -20px; top: 50px; background: #d1f2f7; border-radius: 5px; width: 140px; display: none; z-index: 99; }
.head .logo-right .ul2 li { float: none; text-align: center; margin: 0; line-height: 38px; border-radius: 5px;}
.head .logo-right .ul2 li:hover { background: #57daee;  }
.head .logo-right .ul2 li a { color: #333; font-size: 14px; padding: 0 15px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; }
.nav .w1300 { position: relative; }
.nav ul>li {float: left;line-height: 65px;position: relative;padding-right: 40px;}
.nav ul>li.nit{padding-right: 0;}
.nav ul>li a::after {width: 0;height: 5px;content: "";bottom: 0;left: 0;right: 0;margin: auto;display: block;background: #0066c1;position: absolute;transition: all 0.5s;}
.nav ul>li:hover a::after,.nav ul>li>a.on::after { width: 100%; }
.nav ul>li:hover>a,.nav ul>li>a.on {color: #0066c1;font-weight: bold;}
.nav ul>li>a {font-size: 18px;color: #000;display: block;position: relative;}
.nav ol {position: absolute;padding: 13px 0;top: 65px;width: 100%;background: #0066c1;left: -40px;text-align: center;display: none;z-index: 9998;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;width: 160px;}
.nav ol li {line-height: 37px;}
.nav ol li a:hover { background: #0066c1; }
.nav ol li:hover a {color: #ffffff;}
.nav ol li a {display: block;color: #cbdff8;font-size: 15px;}
.search {position: relative;right: 0;top: 37px;border: 1px solid #b5b5b5;width: 23%;}
.search .a_links{
    margin-right: 61px;
    display: inline-block;
    position: absolute;
    left: -110px;
    top: 8px;
}
.search .text {line-height: 38px;height: 38px;border-bottom: 1px solid #e7e7e6;width: 200px;padding-right: 25px;padding-left: 10px;box-shadow: 0 0 0 1000px white inset;}
.search .submit {background: url(../img/search.png) no-repeat center center;position: absolute;right: 10px;top: 8px;width: 20px;height: 20px;}
/* footer */
.footer {padding-top: 40px;background: #ffffff;}
.footer.animation { opacity: 1; visibility: visible; animation: 0.8s ease 0.3s 1 normal backwards running fadeInUp; }
.footer .topBt {position:fixed;bottom: -80px;right: 35px;width: 45px;height: 45px;line-height:40px;border-radius:50%;text-align:center;background: #0a1c2c;z-index:3500;box-shadow:0 22px 20px rgba(0,0,0,0.2);transition:all .3s ease;text-indent:-9999px;}
.footer .topBt:before {content:'';position: absolute;left: 16px;top: 14px;display:block;width: 14px;height: 19px;background: url(../img/main_spr1.png) no-repeat -152px 0;}
.footer .topBt span {display:inline-block;color:#fff;font-size:16px;font-weight:700;padding:0;position:relative}
.footer .topBt.over {bottom: 60px;}
.footer .topBt:hover{background: #0066c1;}
.footer .foot {}
.footer-nav {float: left;width: 50%;margin: 30px 0;}
.footer-nav li {float: left;width: 33.333%;line-height: 45px;}
.footer-nav li a {font-size: 18px;}
.footer-nav li a:hover {}
.footer-ewm {float: right;/* display: none; */width: 50%;}
.footer-ewm li {float: left;width: 49%;height: 72px;position: relative;margin-bottom: 10px;box-shadow: 0 0 4px 0 rgba(0,0,0,0.08);}
.footer-ewm li:nth-child(2n){margin-left: 2%;}
.footer-ewm li img{width: 80%;height: auto;position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto;}
.footer-ewm li:last-child img{width: 60%;}
.footer-ewm li:first-child img{width: 88%;}
.footer-ewm li p {font-size: 13px;color: #000;text-align: center;margin-top: 5px;}
.bq {width: 100%;margin-top: 20px;padding-top: 20px;padding-bottom: 20px;border-top: 1px solid #ddd;}
.footer.animation .bq {opacity: 1;visibility: visible;animation: 0.8s ease 0.8s 1 normal backwards running fadeInDown;border-top: 1px solid #2183d9;margin-top: 50px;padding-top: 25px;}
.copyright {margin-left: 10px;}
.copyright p,.copyright p a{display: inline-block !important;font-size: 15px !important;color: #000000 !important;}
.footer .iconl {width: 18px;}
.bq p {line-height: 27px;font-size: 13px;color: #686868;}
.footer-link { float: right; padding-right: 70px; }
.footer-link li { float: left; padding: 0 24px; line-height: 75px; position: relative; }
.footer-link li a { font-size: 15px; color: #555; }
.footer-link li a:hover { color: #2d4db5; }
.footer-link li:nth-child(1)::before { position: absolute; display: block; content: ""; width: 2px; height: 16px; background: #8e8e8e; right: 0; top: 0; bottom: 0; margin: auto; }
.blink-icon {display: none;}
.blink-icon li { float: left; width: 38px; height: 38px; border: 1px solid #fff; border-radius: 50%; position: relative; margin-right: 15px; }
.blink-icon li:hover .box { opacity: 1; visibility: visible; z-index: 9; }
.blink-icon li a { display: block; width: 100%; height: 100%; }
.blink-icon li a>img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; }
.blink-icon li .box { position: absolute; top: -145px; width: 320%; left: -100%; background: #fff; box-shadow: 0 0 10px 0 rgba(0,0,0,0.2); padding: 10px; opacity: 0; visibility: hidden; z-index: -1; transition: all 0.5s; }
.blink-icon li .box img { width: 200%; }


.search2-box{border-bottom: 4px #005cc9 solid;margin: 20px auto;position: relative;}
.search2-box .text {
	font-size: 16px;
	box-sizing: border-box;
	/* float: left; */
	width: calc(100% - 90px);
	background: none;
	border: none;
	box-shadow: 0 0 0px 1000px #fff inset;
	height: 100%;
	position: absolute;
}

.search2-box .submit {
	color: #fff;
	text-align: center;
	font-size: 16px;
	cursor: pointer;
	float: right;
	width: 80px;
	height: 60px;
	border: none;
	background: url(../img/search.svg) no-repeat center #005cc9;
	padding: 0px;
	font-size: 0;
}

.search2-box h3 {
	width: 100%;
	font-size: 20px;
	font-weight: bold;
	color: #005cc9;
	text-align: center;
	line-height: 85px;
	margin-bottom: 55px;
}

#lsys{
    margin: 40px 0;
}
#lsys #txtboxyg{
    font-size: 17px;
    line-height: 32px;
    margin-bottom: 40px;
}
#lsys #txtboxyg p{
    text-indent: 2em;
    margin-bottom: 15px;
}
#lsys #box3{
    border-bottom: 3px solid #e9e9e9;
}
#lsys ul{
    width: 33.333%;
    float: left;
    position: relative;
    display: flex;
    align-content: flex-end;
    flex-wrap: wrap;
}
#lsys ul.n2,#lsys ul.n3{
    display: flex;
    align-content: flex-end;
    flex-wrap: wrap;
}
#lsys ul li{
    margin: 0 0 40px 0;
    display: block;
    margin-left: 25px;
    margin-right: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
}
#lsys ul li .text{
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
#lsys ul li .text .txt1{
    width: 65%;
    float: right;
    margin-right: 10px;
}
#lsys ul li .text .txt1 h2{
    display: block;
    font-size: 16px;
    line-height: inherit;
    margin: 0;
    text-align: left;
}
#lsys ul li .text .txt1 p{
    font-size: 13px;
    line-height: 22px;
    color: #787878;
}
#lsys ul li .text .img1{
    width: 35%;
}
#lsys ul li .text .img1 img{}
#lsys ul li::before{content:'';display:block;width: 10px;height: 10px;left: -10px;border-radius: 50px;background: #0066c1;border: 6px solid #fff;box-shadow: 0 0 15px #c2ccd5;position: absolute;}
#lsys ul::before{content:'';display:block;width: 3px;height:100%;background: #e9e9e9;position: absolute;}
#lsys ul.n4::before{
    top: 0px;
}
#lsys ul.n1,#lsys ul.n2,#lsys ul.n3{
    min-height: 1420px;
}
#lsys ul.n4{
    margin: auto;
    float: none;
    clear: both;
    padding-top: 35px;
    margin-left: 50%;
}