@font-face {
    font-family: 'd-din-xiti';
    src: url('../fonts/xiti.eot');
    src: url('../fonts/xiti.eot?#iefix') format('embedded-opentype'),
        url('../fonts/xiti.woff2') format('woff2'),
        url('../fonts/xiti.woff') format('woff'),
        url('../fonts/xiti.ttf') format('truetype'),
        url('../fonts/xiti.svg#FZLTHJW--GB1-0') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'd-din-zhongcu';
    src: url('../fonts/zhongcu.eot');
    src: url('../fonts/zhongcu.eot?#iefix') format('embedded-opentype'),
        url('../fonts/zhongcu.woff2') format('woff2'),
        url('../fonts/zhongcu.woff') format('woff'),
        url('../fonts/zhongcu.ttf') format('truetype'),
        url('../fonts/zhongcu.svg#FZLTHJW--GB1-0') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'd-din-cuti';
    src: url('../fonts/cuti.eot');
    src: url('../fonts/cuti.eot?#iefix') format('embedded-opentype'),
        url('../fonts/cuti.woff2') format('woff2'),
        url('../fonts/cuti.woff') format('woff'),
        url('../fonts/cuti.ttf') format('truetype'),
        url('../fonts/cuti.svg#FZLTHJW--GB1-0') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter-Regular.eot');
    src: url('../fonts/Inter-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Inter-Regular.woff2') format('woff2'),
        url('../fonts/Inter-Regular.woff') format('woff'),
        url('../fonts/Inter-Regular.ttf') format('truetype'),
        url('../fonts/Inter-Regular.svg#FZLTHJW--GB1-0') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Inter-bold';
    src: url('../fonts/Inter-Medium.eot');
    src: url('../fonts/Inter-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Inter-Medium.woff2') format('woff2'),
        url('../fonts/Inter-Medium.woff') format('woff'),
        url('../fonts/Inter-Medium.ttf') format('truetype'),
        url('../fonts/Inter-Medium.svg#FZLTHJW--GB1-0') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'impact';
    src: url('../fonts/impact.eot');
    src: url('../fonts/impact.eot?#iefix') format('embedded-opentype'),
        url('../fonts/impact.woff2') format('woff2'),
        url('../fonts/impact.woff') format('woff'),
        url('../fonts/impact.ttf') format('truetype'),
        url('../fonts/impact.svg#FZLTHJW--GB1-0') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

*{margin: 0;padding: 0;list-style: none;}
/** 清除内外边距 **/
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
pre, /* text formatting elements 文本格式元素 */
form, fieldset, legend, button, input, textarea, /* form elements 表单元素 */
th, td /* table elements 表格元素 */ {margin: 0;padding: 0;}
/** 设置默认字体 **/
body,button, input, select, textarea /* for ie */ {font:12px "lanting","微软雅黑","宋体","Arial Narrow",HELVETICA, \5b8b\4f53, sans-serif;}
h1, h2, h3, h4, h5, h6 { font-size: 100%;}
address, cite, dfn, em, var { font-style: normal; } /* 将斜体扶正 */
code, kbd, pre, samp { font-family: courier new, courier, monospace; } /* 统一等宽字体 */
small { font-size: 12px; } /* 小于 12px 的中文很难阅读，让 small 正常化 */
/** 重置列表元素 **/
ul, ol { list-style: none; }
/** 重置文本格式元素 **/
a { text-decoration: none; color:#333 }
a:hover { text-decoration: underline; color:#d91213 }
/** 重置表单元素 **/
legend { color: #000; } /* for ie6 */
fieldset, img { border: 0; } /* img 搭车：让链接里的 img 无边框 */
button, input, select, textarea { font-size: 100%; } /* 使得表单元素在 ie 下能继承字体大小 */
select {
/*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
border: solid 1px #000;
/*很关键：将默认的select选择框样式清除*/
appearance:none;
-moz-appearance:none;
-webkit-appearance:none;
/*加padding防止文字覆盖*/
padding-right: 14px;
}
/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select::-ms-expand { display: none; }
/* 注：optgroup 无法扶正 */
/** 重置表格元素 **/
table { border-collapse: collapse; border-spacing: 0; }
body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0; font-family:Inter !important;}
body {background:#fff; font-family:Inter !important;}
em{font-style:normal; font-family:Inter !important;}
li{list-style:none; font-family:Inter !important;}
img {transition: all 0.3s linear 0s;}
img:hover {transition: all 0.3s linear 0s;}
a {color:#333; transition: all 0.3s linear 0s !important; font-family:Inter !important;}
a:hover {color:#004189; transition: all 0.3s linear 0s !important; text-decoration:none;}
span {font-family:Inter !important}
p {font-family:Inter !important}
strong {font-family:Inter !important}
input,textarea {background:none; border-radius:0 !important; outline:none; font-family:Inter !important;}
select {outline:0 !important; appearance:none !important; background:none; -webkit-appearance:none !important; font-family:Inter !important;}
textarea,button {background:none; font-family:Inter !important;}
dl {margin:0px !important; padding:0px !important; font-family:Inter !important;}

/*全站搜索*/
.sitesearch {width:100%; overflow:hidden; height:100%; position:fixed; top:-100%; left:0px; z-index:9999999999; background:#FFF; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; transition: all 0.1s linear 0s}
.sitesearch em {width:80px; overflow:hidden; height:80px; position:absolute; top:6%; right:3%; z-index:99999999999; text-align:center; line-height:80px; font-size:36px; color:#004189; cursor:pointer}
.sitesearch div.m {width:60%; overflow:hidden; min-width:800px;}
.sitesearch div.m form {width:100%; overflow:hidden; height:50px; display:block; display:block; text-align:left; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:flex-start; align-items:center; align-content:center;}
.sitesearch div.m form input {width:70%; overflow:hidden; height:48px; padding-left:3%; padding-right:3%; text-align:left; line-height:48px; border:1px solid #ccc; color:#666; font-size:16px; border-right:0px; background:#fff}
.sitesearch div.m form button {width:23%; overflow:hidden; height:50px; border:0px; display:block; text-align:center; line-height:50px; font-size:20px; color:#FFF; font-weight:bold; display:block; display:block; text-align:left; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:center; align-items:center; align-content:center; background:#054893; cursor:pointer}
.sitesearch div.m form button i {width:34px; overflow:hidden; display:block; font-size:24px; height:50px; line-height:54px; text-align:left}
.sitesearch div.m form button:hover {width:23%; overflow:hidden; height:50px; border:0px; display:block; text-align:center; line-height:50px; font-size:20px; color:#FFF; font-weight:bold; display:block; display:block; text-align:left; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:center; align-items:center; align-content:center; background:#ec7a00; cursor:pointer}
.sitesearch div.m form button:hover i {width:34px; overflow:hidden; display:block; font-size:24px; height:50px; line-height:54px; text-align:left}

.sitesearch div.m div.reso {width:100%; overflow:hidden; display:block; text-align:left; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-items:center; align-content:center; padding-top:10px;}
.sitesearch div.m div.reso span {width:auto; overflow:hidden; text-align:left; line-height:50px; font-size:16px; color:#666; display:block}
.sitesearch div.m div.reso a {width:auto; overflow:hidden; text-align:left; line-height:50px; font-size:16px; color:#666; display:block; padding-right:10px;}
.sitesearch div.m div.reso a:hover {width:auto; overflow:hidden; text-align:left; line-height:50px; font-size:16px; color:#054893; text-decoration:underline; display:block; padding-right:10px;}

/*nav*/
header.top {width:100%; height:120px; min-width:1200px; position:fixed; top:0px; left:0px; z-index:999999999; background:url(../images/tm.png)}
header.top div.topxx {width:92%; height:40px; margin:0px auto;}
header.top div.topxx ul {width:100%; height:40px; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-end; align-items:center; align-content:center;}
header.top div.topxx ul li {width:auto; height:40px; line-height:40px; color:#fff; font-size:14px; padding-left:20px; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:center; align-content:center; cursor:pointer; position:relative} 
header.top div.topxx ul li i {width:26px; overflow:hidden; height:40px; text-align:left; line-height:42px; font-size:20px; color:#FFF}
header.top div.topxx ul li em {width:20px; overflow:hidden; height:40px; text-align:right; line-height:44px; font-size:12px; color:#FFF}
header.top div.topxx ul li a {color:#FFF}
header.top div.topxx ul li div {width:100%; overflow:hidden; background:#FFF; position:absolute; top:40px; left:20px; z-index:111; padding-top:10px; padding-bottom:10px; display:none}
header.top div.topxx ul li div a.yy {width:100%; overflow:hidden; text-align:center; line-height:30px; font-size:14px; color:#333; display:block}
header.top div.topxx ul li div a.yy:hover {width:100%; overflow:hidden; text-align:center; line-height:30px; font-size:14px; color:#054893; text-decoration:underline; display:block}

header.top div.topxx ul li:hover {width:auto; height:40px; line-height:40px; color:#fffbbd; font-size:14px; padding-left:20px; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:center; align-content:center; cursor:pointer; position:relative} 
header.top div.topxx ul li:hover i {width:26px; overflow:hidden; height:40px; text-align:left; line-height:42px; font-size:20px; color:#fffbbd}
header.top div.topxx ul li:hover em {width:20px; overflow:hidden; height:40px; text-align:right; line-height:44px; font-size:12px; color:#fffbbd}
header.top div.topxx ul li:hover a {color:#fffbbd}
header.top div.topxx ul li:hover div {width:100%; overflow:hidden; background:#FFF; position:absolute; top:40px; left:20px; z-index:111; padding-top:10px; padding-bottom:10px; display:block}
header.top div.topxx ul li:hover div a.yy {width:100%; overflow:hidden; text-align:center; line-height:30px; font-size:14px; color:#333; display:block}
header.top div.topxx ul li:hover div a.yy:hover {width:100%; overflow:hidden; text-align:center; line-height:30px; font-size:14px; color:#054893; text-decoration:underline; display:block}

header.top div.navdh {width:92%; margin:0px auto; height:80px; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:space-between; align-items:center; align-content:center;}
header.top div.navdh div.logo {width:370px; overflow:hidden; height:35px; background-size:100%}
header.top div.navdh div.logo a {width:100%; overflow:hidden; height:35px; display:block; text-align:left; font-size:60px; color:#FFF; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center;}
header.top div.navdh div.logo a:hover {width:100%; overflow:hidden; height:35px; display:block; text-align:left; font-size:60px; color:#FFF; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center;}
header.top div.navdh div.dh {width:80%; height:80px;}
header.top div.navdh div.dh ul.navmian {width:100%; height:80px; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:flex-end; align-items:center; align-content:center;}
header.top div.navdh div.dh ul.navmian li.list {width:auto; position:relative; padding-left:25px; padding-right:25px; transition: all 0.3s linear 0s}
header.top div.navdh div.dh ul.navmian li.list em.hx {width:0%; overflow:hidden; height:4px; background:#fff; position:absolute; left:50%; bottom:0px; z-index:999; display:block; transition: all 0.1s linear 0s}
header.top div.navdh div.dh ul.navmian li.list:hover em.hx {width:100%; overflow:hidden; height:4px; background:#fff; position:absolute; left:0%; bottom:0px; z-index:999; display:block; transition: all 0.1s linear 0s}
header.top div.navdh div.dh ul.navmian li.list.ahover em.hx {width:100%; overflow:hidden; height:4px; background:#fff; position:absolute; left:0%; bottom:0px; z-index:999; display:block; transition: all 0.1s linear 0s}
header.top div.navdh div.dh ul.navmian li.list a.m {width:auto; overflow:hidden; height:80px; display:block; font-size:1.14vw; color:#FFF; line-height:1.2vw; transition: all 0.1s linear 0s; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; text-align:center}
header.top div.navdh div.dh ul.navmian li.list.ahover a.m {width:auto; overflow:hidden; height:80px; display:block; font-size:1.14vw; color:#FFF; line-height:1.2vw; transition: all 0.1s linear 0s; font-weight:bold; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; text-align:center}
header.top div.navdh div.dh ul.navmian li.list a.m i.b {width:40px; overflow:hidden; height:80px; text-align:center; line-height:80px; display:block; color:#FFF; font-size:24px;}

header.top div.navdh div.dh ul.navmian li.list div.cpfa {width:900px; overflow:hidden; height:auto; position:absolute; top:80px; left:50%; transform: translate(-50%, 0%); z-index:999; display:none}
header.top div.navdh div.dh ul.navmian li.list:hover div.cpfa {width:900px; overflow:hidden; height:auto; position:absolute; top:80px; left:50%; transform: translate(-50%, 0%); z-index:999; display:block}


header.top div.navdh div.dh ul.navmian li.list div.zcd {width:100%; overflow:hidden; height:auto; position:absolute; top:80px; left:50%; transform: translate(-50%, 0%); z-index:999; display:none; background:#f5f5f5}
header.top div.navdh div.dh ul.navmian li.list div.zcd a.z {width:100%; overflow:hidden; text-align:center; line-height:20px; font-size:16px; color:#333; padding-top:8px; padding-bottom:8px; display:block}
header.top div.navdh div.dh ul.navmian li.list div.zcd a.z:hover {width:100%; overflow:hidden; text-align:center; line-height:20px; font-size:16px; color:#054893; padding-top:8px; padding-bottom:8px; display:block; text-decoration:underline}

header.top div.navdh div.dh ul.navmian li.list:hover div.zcd {width:100%; overflow:hidden; height:auto; position:absolute; top:80px; left:50%; transform: translate(-50%, 0%); z-index:999; display:block; background:#f5f5f5}
header.top div.navdh div.dh ul.navmian li.list:hover div.zcd a.z {width:100%; overflow:hidden; text-align:center; line-height:20px; font-size:16px; color:#333; padding-top:8px; padding-bottom:8px; display:block}
header.top div.navdh div.dh ul.navmian li.list:hover div.zcd a.z:hover {width:100%; overflow:hidden; text-align:center; line-height:20px; font-size:16px; color:#054893; padding-top:8px; padding-bottom:8px; display:block; text-decoration:underline}



/*下拉*/
header.top_k {width:100%; height:120px; min-width:1200px; position:fixed; top:0px; left:0px; z-index:999999999; background:#fff; border-bottom:1px solid #ddd}
header.top_k div.topxx {width:92%; height:40px; margin:0px auto;}
header.top_k div.topxx ul {width:100%; height:40px; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-end; align-items:center; align-content:center;}
header.top_k div.topxx ul li {width:auto; height:40px; line-height:40px; color:#333; font-size:14px; padding-left:20px; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:center; align-content:center; cursor:pointer; position:relative} 
header.top_k div.topxx ul li i {width:26px; overflow:hidden; height:40px; text-align:left; line-height:42px; font-size:20px; color:#333}
header.top_k div.topxx ul li em {width:20px; overflow:hidden; height:40px; text-align:right; line-height:44px; font-size:12px; color:#333}
header.top_k div.topxx ul li a {color:#333}
header.top_k div.topxx ul li div {width:100%; overflow:hidden; background:#FFF; position:absolute; top:40px; left:20px; z-index:111; padding-top:10px; padding-bottom:10px; display:none}
header.top_k div.topxx ul li div a.yy {width:100%; overflow:hidden; text-align:center; line-height:30px; font-size:14px; color:#333; display:block}
header.top_k div.topxx ul li div a.yy:hover {width:100%; overflow:hidden; text-align:center; line-height:30px; font-size:14px; color:#054893; text-decoration:underline; display:block}

header.top_k div.topxx ul li:hover {width:auto; height:40px; line-height:40px; color:#004a9d; font-size:14px; padding-left:20px; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:center; align-content:center; cursor:pointer; position:relative} 
header.top_k div.topxx ul li:hover i {width:26px; overflow:hidden; height:40px; text-align:left; line-height:42px; font-size:20px; color:#004a9d}
header.top_k div.topxx ul li:hover em {width:20px; overflow:hidden; height:40px; text-align:right; line-height:44px; font-size:12px; color:#004a9d}
header.top_k div.topxx ul li:hover a {color:#004a9d}
header.top_k div.topxx ul li:hover div {width:100%; overflow:hidden; background:#FFF; position:absolute; top:40px; left:20px; z-index:111; padding-top:10px; padding-bottom:10px; display:block}
header.top_k div.topxx ul li:hover div a.yy {width:100%; overflow:hidden; text-align:center; line-height:30px; font-size:14px; color:#333; display:block}
header.top_k div.topxx ul li:hover div a.yy:hover {width:100%; overflow:hidden; text-align:center; line-height:30px; font-size:14px; color:#054893; text-decoration:underline; display:block}

header.top_k div.navdh {width:92%; margin:0px auto; height:80px; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:space-between; align-items:center; align-content:center;}
header.top_k div.navdh div.logo {width:370px; overflow:hidden; height:35px;}
header.top_k div.navdh div.logo a {width:100%; overflow:hidden; height:35px; display:block; text-align:left; font-size:60px; color:#004189; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; }
header.top_k div.navdh div.logo a:hover {width:100%; overflow:hidden; height:35px; display:block; text-align:left; font-size:60px; color:#004189; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; }
header.top_k div.navdh div.dh {width:80%; height:80px;}
header.top_k div.navdh div.dh ul.navmian {width:100%; height:80px; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:flex-end; align-items:center; align-content:center;}
header.top_k div.navdh div.dh ul.navmian li.list {width:auto; position:relative; padding-left:25px; padding-right:25px; transition: all 0.3s linear 0s}
header.top_k div.navdh div.dh ul.navmian li.list em.hx {width:0%; overflow:hidden; height:4px; background:#004a9d; position:absolute; left:50%; bottom:0px; z-index:999; display:block; transition: all 0.1s linear 0s}
header.top_k div.navdh div.dh ul.navmian li.list:hover em.hx {width:100%; overflow:hidden; height:4px; background:#004a9d; position:absolute; left:0%; bottom:0px; z-index:999; display:block; transition: all 0.1s linear 0s}
header.top_k div.navdh div.dh ul.navmian li.list.ahover em.hx {width:100%; overflow:hidden; height:4px; background:#004a9d; position:absolute; left:0%; bottom:0px; z-index:999; display:block; transition: all 0.1s linear 0s}
header.top_k div.navdh div.dh ul.navmian li.list a.m {width:auto; overflow:hidden; height:80px; display:block; font-size:1.14vw; color:#333; line-height:1.2vw; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; text-align:center}
header.top_k div.navdh div.dh ul.navmian li.list a.m:hover {width:auto; overflow:hidden; height:80px; display:block; font-size:1.14vw; color:#003f84; line-height:1.2vw; font-weight:normal; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; text-align:center}
header.top_k div.navdh div.dh ul.navmian li.list.ahover a.m {width:auto; overflow:hidden; height:80px; display:block; font-size:1.14vw; color:#003f84; line-height:1.2vw; font-weight:bold;  display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; text-align:center}
header.top_k div.navdh div.dh ul.navmian li.list a.m i.b {width:40px; overflow:hidden; height:80px; text-align:center; line-height:80px; display:block; color:#333; font-size:24px;}

header.top_k div.navdh div.dh ul.navmian li.list div.cpfa {width:900px; overflow:hidden; height:auto; position:absolute; top:80px; left:50%; transform: translate(-50%, 0%); z-index:999; display:none}
header.top_k div.navdh div.dh ul.navmian li.list:hover div.cpfa {width:900px; overflow:hidden; height:auto; position:absolute; top:80px; left:50%; transform: translate(-50%, 0%); z-index:999; display:block}


header.top_k div.navdh div.dh ul.navmian li.list div.zcd {width:100%; overflow:hidden; height:auto; position:absolute; top:80px; left:50%; transform: translate(-50%, 0%); z-index:999; display:none; background:#f5f5f5}
header.top_k div.navdh div.dh ul.navmian li.list div.zcd a.z {width:100%; overflow:hidden; text-align:center; line-height:20px; font-size:16px; color:#333; padding-top:8px; padding-bottom:8px; display:block}
header.top_k div.navdh div.dh ul.navmian li.list div.zcd a.z:hover {width:100%; overflow:hidden; text-align:center; line-height:20px; font-size:16px; color:#054893; padding-top:8px; padding-bottom:8px; display:block; text-decoration:underline}

header.top_k div.navdh div.dh ul.navmian li.list:hover div.zcd {width:100%; overflow:hidden; height:auto; position:absolute; top:80px; left:50%; transform: translate(-50%, 0%); z-index:999; display:block; background:#f5f5f5}
header.top_k div.navdh div.dh ul.navmian li.list:hover div.zcd a.z {width:100%; overflow:hidden; text-align:center; line-height:20px; font-size:16px; color:#333; padding-top:8px; padding-bottom:8px; display:block}
header.top_k div.navdh div.dh ul.navmian li.list:hover div.zcd a.z:hover {width:100%; overflow:hidden; text-align:center; line-height:20px; font-size:16px; color:#054893; padding-top:8px; padding-bottom:8px; display:block; text-decoration:underline}


/*蓝色背景*/
header.top_lanse {width:100%; height:120px; min-width:1200px; position:fixed; top:0px; left:0px; z-index:999999999; background:#054994; border-bottom:1px solid #ddd}
header.top_lanse div.topxx {width:92%; height:40px; margin:0px auto;}
header.top_lanse div.topxx ul {width:100%; height:40px; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-end; align-items:center; align-content:center;}
header.top_lanse div.topxx ul li {width:auto; height:40px; line-height:40px; color:#fff; font-size:14px; padding-left:20px; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:center; align-content:center; cursor:pointer; position:relative} 
header.top_lanse div.topxx ul li i {width:26px; overflow:hidden; height:40px; text-align:left; line-height:42px; font-size:20px; color:#fff}
header.top_lanse div.topxx ul li em {width:20px; overflow:hidden; height:40px; text-align:right; line-height:44px; font-size:12px; color:#fff}
header.top_lanse div.topxx ul li a {color:#fff}
header.top_lanse div.topxx ul li div {width:100%; overflow:hidden; background:#fff; position:absolute; top:40px; left:20px; z-index:111; padding-top:10px; padding-bottom:10px; display:none}
header.top_lanse div.topxx ul li div a.yy {width:100%; overflow:hidden; text-align:center; line-height:30px; font-size:14px; color:#333; display:block}
header.top_lanse div.topxx ul li div a.yy:hover {width:100%; overflow:hidden; text-align:center; line-height:30px; font-size:14px; color:#054994; text-decoration:underline; display:block}

header.top_lanse div.topxx ul li:hover {width:auto; height:40px; line-height:40px; color:#ffd200; font-size:14px; padding-left:20px; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:center; align-content:center; cursor:pointer; position:relative} 
header.top_lanse div.topxx ul li:hover i {width:26px; overflow:hidden; height:40px; text-align:left; line-height:42px; font-size:20px; color:#ffd200}
header.top_lanse div.topxx ul li:hover em {width:20px; overflow:hidden; height:40px; text-align:right; line-height:44px; font-size:12px; color:#ffd200}
header.top_lanse div.topxx ul li:hover a {color:#ffd200}
header.top_lanse div.topxx ul li:hover div {width:100%; overflow:hidden; background:#fff; position:absolute; top:40px; left:20px; z-index:111; padding-top:10px; padding-bottom:10px; display:block}
header.top_lanse div.topxx ul li:hover div a.yy {width:100%; overflow:hidden; text-align:center; line-height:30px; font-size:14px; color:#333; display:block}
header.top_lanse div.topxx ul li:hover div a.yy:hover {width:100%; overflow:hidden; text-align:center; line-height:30px; font-size:14px; color:#054994; text-decoration:underline; display:block}

header.top_lanse div.navdh {width:92%; margin:0px auto; height:80px; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:space-between; align-items:center; align-content:center;}
header.top_lanse div.navdh div.logo {width:370px; overflow:hidden; height:35px;}
header.top_lanse div.navdh div.logo a {width:100%; overflow:hidden; height:35px; display:block; text-align:left; font-size:60px; color:#FFF; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; }
header.top_lanse div.navdh div.logo a:hover {width:100%; overflow:hidden; height:35px; display:block; text-align:left; font-size:60px; color:#FFF; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; }
header.top_lanse div.navdh div.dh {width:80%; height:80px;}
header.top_lanse div.navdh div.dh ul.navmian {width:100%; height:80px; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:flex-end; align-items:center; align-content:center;}
header.top_lanse div.navdh div.dh ul.navmian li.list {width:auto; position:relative; padding-left:25px; padding-right:25px; transition: all 0.3s linear 0s}
header.top_lanse div.navdh div.dh ul.navmian li.list em.hx {width:0%; overflow:hidden; height:4px; background:#fff; position:absolute; left:50%; bottom:0px; z-index:999; display:block; transition: all 0.1s linear 0s}
header.top_lanse div.navdh div.dh ul.navmian li.list:hover em.hx {width:100%; overflow:hidden; height:4px; background:#fff; position:absolute; left:0%; bottom:0px; z-index:999; display:block; transition: all 0.1s linear 0s}
header.top_lanse div.navdh div.dh ul.navmian li.list.ahover em.hx {width:100%; overflow:hidden; height:4px; background:#fff; position:absolute; left:0%; bottom:0px; z-index:999; display:block; transition: all 0.1s linear 0s}
header.top_lanse div.navdh div.dh ul.navmian li.list a.m {width:auto; overflow:hidden; height:80px; display:block; font-size:1.14vw; color:#fff; line-height:1.2vw; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; text-align:center}
header.top_lanse div.navdh div.dh ul.navmian li.list a.m:hover {width:auto; overflow:hidden; height:80px; display:block; font-size:1.14vw; color:#ffd200; line-height:1.2vw; font-weight:normal; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; text-align:center}
header.top_lanse div.navdh div.dh ul.navmian li.list.ahover a.m {width:auto; overflow:hidden; height:80px; display:block; font-size:16px; color:#ffd200; line-height:23px; font-weight:bold; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; text-align:center}
header.top_lanse div.navdh div.dh ul.navmian li.list a.m i.b {width:40px; overflow:hidden; height:80px; text-align:center; line-height:80px; display:block; color:#fff; font-size:24px;}

header.top_lanse div.navdh div.dh ul.navmian li.list div.cpfa {width:900px; overflow:hidden; height:auto; position:absolute; top:80px; left:50%; transform: translate(-50%, 0%); z-index:999; display:none}
header.top_lanse div.navdh div.dh ul.navmian li.list:hover div.cpfa {width:900px; overflow:hidden; height:auto; position:absolute; top:80px; left:50%; transform: translate(-50%, 0%); z-index:999; display:block}


header.top_lanse div.navdh div.dh ul.navmian li.list div.zcd {width:100%; overflow:hidden; height:auto; position:absolute; top:80px; left:50%; transform: translate(-50%, 0%); z-index:999; display:none; background:#f5f5f5}
header.top_lanse div.navdh div.dh ul.navmian li.list div.zcd a.z {width:100%; overflow:hidden; text-align:center; line-height:20px; font-size:16px; color:#333; padding-top:8px; padding-bottom:8px; display:block}
header.top_lanse div.navdh div.dh ul.navmian li.list div.zcd a.z:hover {width:100%; overflow:hidden; text-align:center; line-height:20px; font-size:16px; color:#054893; padding-top:8px; padding-bottom:8px; display:block; text-decoration:underline}

header.top_lanse div.navdh div.dh ul.navmian li.list:hover div.zcd {width:100%; overflow:hidden; height:auto; position:absolute; top:80px; left:50%; transform: translate(-50%, 0%); z-index:999; display:block; background:#f5f5f5}
header.top_lanse div.navdh div.dh ul.navmian li.list:hover div.zcd a.z {width:100%; overflow:hidden; text-align:center; line-height:20px; font-size:16px; color:#333; padding-top:8px; padding-bottom:8px; display:block}
header.top_lanse div.navdh div.dh ul.navmian li.list:hover div.zcd a.z:hover {width:100%; overflow:hidden; text-align:center; line-height:20px; font-size:16px; color:#054893; padding-top:8px; padding-bottom:8px; display:block; text-decoration:underline}




.index_banner {width:100%; overflow:hidden; height:auto; position:relative; z-index:9}
.mySwiper {width:100%; height:auto}
.mySwiper div.swiper-wrapper {width:100%;}
.mySwiper div.swiper-wrapper div.swiper-slide {width:100%;}
.mySwiper div.swiper-wrapper div.swiper-slide a {width:100%; overflow:hidden; height:auto; display:block; position:relative}
.mySwiper div.swiper-wrapper div.swiper-slide a img {width:100%; overflow:hidden; height:auto; display:block}
.mySwiper div.swiper-wrapper div.swiper-slide a video {width:100%; height:100%; display:block}
.mySwiper div.swiper-wrapper div.swiper-slide a em {width:100%; overflow:hidden; height:100%; display:block; background:url(../images/tm1.png); position:absolute; top:0px; left:0px; z-index:99}

.mySwiper div.swiper-wrapper div.swiper-slide a div.sub {width:90%; overflow:hidden; margin:0px auto; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-items:center; align-content:center; position:absolute; left:50%; margin-left:-45%; top:30%; z-index:99999}
.mySwiper div.swiper-wrapper div.swiper-slide a div.sub h3 {width:100%; overflow:hidden; text-align:left; font-size:22px; line-height:25px; color:#fff; font-weight:normal}
.mySwiper div.swiper-wrapper div.swiper-slide a div.sub h1 {width:100%; overflow:hidden; text-align:left; font-size:60px; line-height:70px; color:#fff; font-weight:bold; margin-top:10px;}
.mySwiper div.swiper-wrapper div.swiper-slide a div.sub h2 {width:100%; overflow:hidden; text-align:left; font-size:30px; line-height:35px; color:#fff; font-weight:normal; margin-top:20px;}
.mySwiper div.swiper-wrapper div.swiper-slide a div.sub p {width:200px; overflow:hidden; height:54px; border:2px solid #fff; border-radius:100px; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; line-height:54px; font-size:24px; color:#fff; margin-top:5%; transition: all 0.3s linear 0s !important;}
.mySwiper div.swiper-wrapper div.swiper-slide a div.sub p i {width:32px; overflow:hidden; height:19px; display:block; background:url(../images/jiantou_k.png); margin-left:10px; transition: all 0.3s linear 0s !important;}
.mySwiper div.swiper-wrapper div.swiper-slide a div.sub p:hover {width:200px; overflow:hidden; height:54px; border:2px solid #054893; background:#054893; border-radius:100px; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; line-height:54px; font-size:24px; color:#fff; margin-top:5%; transition: all 0.3s linear 0s !important;}
.mySwiper div.swiper-wrapper div.swiper-slide a div.sub p:hover i {width:32px; overflow:hidden; height:19px; display:block; background:url(../images/jiantou_k.png); margin-left:20px; transition: all 0.3s linear 0s !important;}

.mySwiper div.swiper-pagination {width:100% !important; overflow:hidden !important; height:6px !important; bottom:120px !important; left:0px !important; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center;}
.mySwiper div.swiper-pagination span.swiper-pagination-bullet {width:100px !important; overflow:hidden !important; height:6px !important; background:#FFF !important; display:block !important; opacity: 1 !important; border-radius:0px !important}
.mySwiper div.swiper-pagination span.swiper-pagination-bullet-active {width:100px !important; overflow:hidden !important; height:6px !important; background:#d82327 !important; display:block !important; border-radius:0px !important}




/*导航产品切换*/
.navtab {width:900px; overflow:hidden; background:url(../images/nav_bg.jpg) repeat-y #fff; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:flex-start; align-items:flex-start; align-content:flex-start;} 
.navtab .navtabTitle {width:220px; overflow:hidden; height:auto; background:#f5f5f5} 
.navtab .navtabTitle ul {width:220px; overflow:hidden; height:auto; text-align:left; line-height:60px; font-size:24px; color:#333; padding-top:80px;} 
.navtab .navtabTitle li {width:180px; height:60px; cursor: pointer; list-style-type: none; text-align:left; padding-left:40px;} 
.navtab .navtabTitle .active {background:#003876; font-size:24px; line-height:60px; color:#fff; font-weight:bold}
.navtab .navtabTitle .active a {color:#fff !important}
.navtab .navtabTitle .active a:hover {color:#fff !important}
.navtab .navtabTitle .normal {font-size:24px; line-height:60px; color:#333; font-weight:bold} 
.navtab .navtabContent {width:680px; overflow:hidden;}
.navtabnone {display:none;}


.navtab_fa {width:680px; overflow:hidden; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:flex-start; align-items:flex-start; align-content:flex-start;} 
.navtab_fa .navtab_faTitle {width:320px; overflow:hidden; height:auto} 
.navtab_fa .navtab_faTitle ul {width:320px; overflow:hidden; height:auto; text-align:left; line-height:50px; font-size:16px; color:#333; padding-top:30px; padding-bottom:30px;} 
.navtab_fa .navtab_faTitle li {width:260px; height:50px; margin-left:40px; cursor: pointer; list-style-type: none; text-align:left; border-bottom:1px solid #f5f5f5; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:space-between; align-items:center; align-content:center;} 
.navtab_fa .navtab_faTitle li i {width:40px; overflow:hidden; height:50px; text-align:right; line-height:54px; font-size:14px; color:#CCC; font-weight:normal}
.navtab_fa .navtab_faTitle .active {font-size:16px; line-height:50px; color:#333; font-weight:bold}
.navtab_fa .navtab_faTitle .active i {width:40px; overflow:hidden; height:50px; text-align:right; line-height:54px; font-size:14px; color:#333; font-weight:normal}
.navtab_fa .navtab_faTitle .normal {font-size:16px; line-height:50px; color:#333} 
.navtab_fa .navtab_faContent {width:360px; overflow:hidden;}
.navtab_fanone {display:none;}
.ckxq {width:80%; overflow:hidden; height:50px; border-radius:6px; display:block; margin:0px auto; margin-top:5%; line-height:50px; text-align:center; font-size:16px; background:#003876; color:#FFF; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:center; align-items:center; align-content:center;}
.ckxq em {width:40px; overflow:hidden; height:50px; text-align:right; line-height:50px; font-size:14px; color:#fff;}
.ckxq:hover {width:80%; overflow:hidden; height:50px; border-radius:6px; display:block; margin:0px auto; margin-top:5%; line-height:50px; text-align:center; font-size:16px; background:#e77f19; color:#FFF; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:center; align-items:center; align-content:center;}
.ckxq:hover em {width:40px; overflow:hidden; height:50px; text-align:right; line-height:50px; font-size:14px; color:#fff;}

.navtab_cp {width:680px; overflow:hidden; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:flex-start; align-items:flex-start; align-content:flex-start;}  
.navtab_cp .navtab_cpTitle {width:320px; overflow:hidden; height:auto} 
.navtab_cp .navtab_cpTitle ul {width:320px; overflow:hidden; height:auto; text-align:left; line-height:50px; font-size:16px; color:#333; padding-top:30px; padding-bottom:30px;} 
.navtab_cp .navtab_cpTitle li {width:260px; height:50px; margin-left:40px; cursor: pointer; list-style-type: none; text-align:left; border-bottom:1px solid #f5f5f5; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:space-between; align-items:center; align-content:center;}
.navtab_cp .navtab_cpTitle li i {width:40px; overflow:hidden; height:50px; text-align:right; line-height:54px; font-size:14px; color:#CCC; font-weight:normal}
.navtab_cp .navtab_cpTitle .active {font-size:15px; line-height:22px; color:#004189; font-weight:normal}
.navtab_cp .navtab_cpTitle .active i {width:40px; overflow:hidden; height:22px; text-align:right; line-height:22px; font-size:14px; color:#004189; font-weight:normal}
.navtab_cp .navtab_cpTitle .normal {font-size:15px; line-height:22px; color:#333} 
.navtab_cp .navtab_cpContent {width:360px; overflow:hidden;}
.navtab_cpnone {display:none;}
.navtab_cp .navtab_cpTitle li a {color:#333 !important; font-weight:normal !important}
.navtab_cp .navtab_cpTitle li a:hover {color:#004189 !important; font-weight:normal !important}

.cpnavlist {width:80%; overflow:hidden; height:auto; margin:0px auto; padding-top:30px; padding-bottom:30px;}
.cpnavlist a {width:100%; overflow:hidden; text-align:left; line-height:22px; font-size:16px; display:block; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:flex-start; align-items:center; align-content:center;}
.cpnavlist a em {width:20px; font-size:6px; height:40px; line-height:41px; display:block; text-align:left}
.cpnavlist a p {width:auto; overflow:hidden; display:block; line-height:22px; font-size:16px;}

/*导航产品切换结束*/




/*首页产品及解决方案*/
.index_main {width:100%; overflow:hidden; min-height:840px; position:relative; z-index:99999; background:url(../images/index_bg1.png) left top no-repeat; margin-top:-80px;}
.index_main div.ProductsSolutions {width:82%; overflow:hidden; margin:0px auto; min-width:1200px; min-height:620px; background:url(../images/topbai.jpg) repeat-x top; border-radius:30px; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:space-between; align-items:flex-start; align-content:center; padding:4%;}
.index_main div.ProductsSolutions div.ltit {width:20%; overflow:hidden; min-width:230px;}
.index_main div.ProductsSolutions div.ltit h1 {width:100%; overflow:hidden; text-align:left; line-height:60px; font-size:52px; color:#333; font-family:Inter-bold !important}
.index_main div.ProductsSolutions div.ltit i {width:100px; overflow:hidden; height:10px; border-radius:100px; background:#054893; margin-top:60px; display:block}
.index_main div.ProductsSolutions div.ltit h2 {width:80%; overflow:hidden; text-align:left; line-height:32px; font-size:18px; color:#666; font-weight:normal; margin-top:60px; margin-bottom:30px;}
.index_main div.ProductsSolutions div.ltit a {width:74%; overflow:hidden; height:48px; border:1px solid #054893; background:#fff; text-align:center; line-height:48px; font-size:15px; color:#054893; display:block; border-radius:100px; margin-top:20px;}
.index_main div.ProductsSolutions div.ltit a:hover {width:74%; overflow:hidden; height:48px; border:1px solid #054893; background:#054893; text-align:center; line-height:48px; font-size:15px; color:#fff; display:block; border-radius:100px; margin-top:20px;}
.index_main div.ProductsSolutions div.rsub {width:76%; min-width:910px; position:relative}
 

.mySwiper1 {width:100%; height:auto}
.mySwiper1 div.swiper-wrapper {width:100%;}
.mySwiper1 div.swiper-wrapper div.swiper-slide {width:100%; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:space-between; align-items:stretch; align-content:stretch; margin-right:2px !important;}
.mySwiper1 div.swiper-wrapper div.swiper-slide div.l {width:56%; overflow:hidden; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:stretch; align-content:stretch;}
.mySwiper1 div.swiper-wrapper div.swiper-slide div.l a {width:100%; overflow:hidden; display:block; background:#f4f4f4; margin-top:1%}
.mySwiper1 div.swiper-wrapper div.swiper-slide div.l a dl {width:100%; overflow:hidden; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:space-between; align-items:stretch; align-content:center; padding-bottom:0px !important}
.mySwiper1 div.swiper-wrapper div.swiper-slide div.l a dl dt {width:56%; overflow:hidden; height:auto}
.mySwiper1 div.swiper-wrapper div.swiper-slide div.l a dl dt img {width:100%; overflow:hidden; height:auto; display:block; transform: scale(1, 1);}
.mySwiper1 div.swiper-wrapper div.swiper-slide div.l a dl dd {width:36%; overflow:hidden; padding:4%; position:relative;}
.mySwiper1 div.swiper-wrapper div.swiper-slide div.l a dl dd h3 {width:100%; overflow:hidden; text-align:left; line-height:36px; color:#333; font-size:24px; font-weight:normal}
.mySwiper1 div.swiper-wrapper div.swiper-slide div.l a dl dd h4 {width:100%; overflow:hidden; text-align:left; line-height:26px; color:#666; font-size:16px; font-weight:normal; margin-top:20px;}
.mySwiper1 div.swiper-wrapper div.swiper-slide div.l a dl dd em {width:80px; overflow:hidden; height:50px; text-align:right; line-height:50px; font-size:32px; color:#666; display:block; position:absolute; bottom:5%; right:14%;}
.mySwiper1 div.swiper-wrapper div.swiper-slide div.l a:hover {width:100%; overflow:hidden; display:block; background:#054893}
.mySwiper1 div.swiper-wrapper div.swiper-slide div.l a:hover dl {width:100%; overflow:hidden; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:space-between; align-items:stretch; align-content:center;}
.mySwiper1 div.swiper-wrapper div.swiper-slide div.l a:hover dl dt {width:56%; overflow:hidden; height:auto}
.mySwiper1 div.swiper-wrapper div.swiper-slide div.l a:hover dl dt img {width:100%; overflow:hidden; height:auto; display:block; transform: scale(1.05, 1.05);}
.mySwiper1 div.swiper-wrapper div.swiper-slide div.l a:hover dl dd {width:36%; overflow:hidden; padding:4%; position:relative;}
.mySwiper1 div.swiper-wrapper div.swiper-slide div.l a:hover dl dd h3 {width:100%; overflow:hidden; text-align:left; line-height:36px; color:#fff; font-size:24px; font-weight:normal}
.mySwiper1 div.swiper-wrapper div.swiper-slide div.l a:hover dl dd h4 {width:100%; overflow:hidden; text-align:left; line-height:26px; color:#fff; font-size:16px; font-weight:normal; margin-top:20px;}
.mySwiper1 div.swiper-wrapper div.swiper-slide div.l a:hover dl dd em {width:80px; overflow:hidden; height:50px; text-align:right; line-height:50px; font-size:32px; color:#fff; display:block; position:absolute; bottom:5%; right:14%;}

.mySwiper1 div.swiper-wrapper div.swiper-slide div.r {width:43.4%; overflow:hidden; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:space-between; align-items:stretch; align-content:stretch;}
.mySwiper1 div.swiper-wrapper div.swiper-slide div.r a {width:100%; overflow:hidden; display:block; background:#f4f4f4; margin-top:1%; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:stretch; align-content:stretch;}
.mySwiper1 div.swiper-wrapper div.swiper-slide div.r a dl {width:100%; overflow:hidden; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:stretch; align-content:stretch;}
.mySwiper1 div.swiper-wrapper div.swiper-slide div.r a dl dt {width:100%; overflow:hidden; height:auto}
.mySwiper1 div.swiper-wrapper div.swiper-slide div.r a dl dt img {width:100%; overflow:hidden; height:auto; display:block; transform: scale(1, 1);}
.mySwiper1 div.swiper-wrapper div.swiper-slide div.r a dl dd {width:100%; overflow:hidden; padding:4%; position:relative; padding-bottom:10%;}
.mySwiper1 div.swiper-wrapper div.swiper-slide div.r a dl dd h3 {width:100%; overflow:hidden; text-align:left; line-height:36px; color:#333; font-size:24px; font-weight:normal}
.mySwiper1 div.swiper-wrapper div.swiper-slide div.r a dl dd h4 {width:100%; overflow:hidden; text-align:left; line-height:26px; color:#666; font-size:16px; font-weight:normal; margin-top:15px;}
.mySwiper1 div.swiper-wrapper div.swiper-slide div.r a dl dd em {width:80px; overflow:hidden; height:50px; text-align:right; line-height:20px; font-size:32px; color:#666; display:block; position:absolute; bottom:-5%; right:14%;}
.mySwiper1 div.swiper-wrapper div.swiper-slide div.r a:hover {width:100%; overflow:hidden; display:block; background:#054893; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:stretch; align-content:stretch;}
.mySwiper1 div.swiper-wrapper div.swiper-slide div.r a:hover dl {width:100%; overflow:hidden; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:stretch; align-content:stretch;}
.mySwiper1 div.swiper-wrapper div.swiper-slide div.r a:hover dl dt {width:100%; overflow:hidden; height:auto}
.mySwiper1 div.swiper-wrapper div.swiper-slide div.r a:hover dl dt img {width:100%; overflow:hidden; height:auto; display:block; transform: scale(1.05, 1.05);}
.mySwiper1 div.swiper-wrapper div.swiper-slide div.r a:hover dl dd {width:100%; overflow:hidden; padding:4%; position:relative; padding-bottom:10%;}
.mySwiper1 div.swiper-wrapper div.swiper-slide div.r a:hover dl dd h3 {width:100%; overflow:hidden; text-align:left; line-height:36px; color:#fff; font-size:24px; font-weight:normal}
.mySwiper1 div.swiper-wrapper div.swiper-slide div.r a:hover dl dd h4 {width:100%; overflow:hidden; text-align:left; line-height:26px; color:#fff; font-size:16px; font-weight:normal; margin-top:15px;}
.mySwiper1 div.swiper-wrapper div.swiper-slide div.r a:hover dl dd em {width:80px; overflow:hidden; height:50px; text-align:right; line-height:20px; font-size:32px; color:#fff; display:block; position:absolute; bottom:-5%; right:14%;}



.index_main div.ProductsSolutions div.rsub div.swiper-button-next5 {width:40px !important; overflow:hidden !important; height:40px !important; position:absolute !important; right:-50px  !important; top:50% !important;  transform: translate(0%, -50%) !important; background:#054893 !important; z-index:9999999 !important; text-align:center !important; line-height:40px !important; font-size:24px !important; color:#FFF !important; cursor:pointer}

.index_main div.ProductsSolutions div.rsub div.swiper-button-prev5 {width:40px !important; overflow:hidden !important; height:40px !important; position:absolute !important; left:-50px  !important; top:50% !important;  transform: translate(0%, -50%) !important; background:#054893 !important; z-index:9999999 !important; text-align:center !important; line-height:40px !important; font-size:24px !important; color:#FFF !important; transform: rotate(180deg) !important; cursor:pointer}


.yyfashow {width:100%; overflow:hidden; background:#fbfbfb; padding-top:5%; padding-bottom:5%;}
.yyfashow div.m {width:60%; overflow:hidden; min-width:1000px; margin:0px auto; text-align:left; line-height:30px !important; font-size:18px; color:#333}
.yyfashow div.m p {width:100%; overflow:hidden; display:block !important; padding-bottom:15px !important; padding-top:15px !important; font-size:18px;}
.yyfashow div.m p span {font-size:18px !important;}

.yyfashow div.m img {width:auto !important; overflow:hidden !important; height:auto !important; display:block !important; max-width:100% !important; margin:0px auto !important;}
.yyfashow div.fy {width:77.6%; overflow:hidden; margin:0px auto; text-align:left; line-height:30px; font-size:18px; color:#333; background:#f3f3f3; padding:1.2%; margin-top:4%; padding-top:1.2%; padding-bottom:1.2%}
.yyfashow div.fy a {width:100%; overflow:hidden; text-align:left; line-height:40px; font-size:16px; color:#333; display:block}
.yyfashow div.fy a:hover {width:100%; overflow:hidden; text-align:left; line-height:40px; font-size:16px; color:#004797; text-decoration:underline; display:block}

/*首页创新智造*/
.index_Intelligent {width:100%; overflow:hidden}
.index_Intelligent div.title {width:80%; overflow:hidden; margin:0px auto; min-width:1200px;}
.index_Intelligent div.title h1 {width:100%; overflow:hidden; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-end; align-items:flex-start; align-content:center;}
.index_Intelligent div.title h1 span {width:auto; overflow:hidden; display:block; text-align:left; line-height:60px; font-size:52px; color:#000; margin-right:30px; font-family:Inter-bold !important}
.index_Intelligent div.title h1 span i {width:100px; overflow:hidden; height:10px; border-radius:100px; background:#054893; margin-top:40px; display:block; margin-left:5px}
.index_Intelligent div.title h1 a {width:auto; overflow:hidden; height:48px; border:1px solid #054893; background:#fff; text-align:center; line-height:48px; font-size:18px; color:#054893; display:block; border-radius:100px; font-weight:normal; padding-left:30px; padding-right:30px; margin-top:5%}
.index_Intelligent div.title h1 a:hover {width:auto; overflow:hidden; height:48px; border:1px solid #054893; background:#054893; text-align:center; line-height:48px; font-size:18px; color:#fff; display:block; border-radius:100px; font-weight:normal; padding-left:30px; padding-right:30px; margin-top:5%}
.index_Intelligent div.title h2 {width:402px; overflow:hidden; text-align:left; line-height:32px; font-size:16px; color:#666; font-weight:normal; margin-top:40px; margin-bottom:30px; float:right}

.index_Intelligent div.sub {width:100%; overflow:hidden; min-width:1200px; min-height:auto; padding-bottom:60px; margin-top:40px; position:relative}
.index_Intelligent div.sub i {width:73%; overflow:hidden; height:800px; position:absolute; right:0px; bottom:0px; background:#fbfbfb; z-index:1}
.index_Intelligent div.sub em {width:66%; overflow:hidden; height:860px; position:absolute; right:10%; top:0px; background:#f4f4f4; z-index:2; border-radius:140px 0px 140px 0px;}
.index_Intelligent div.sub div.neirong {width:56%; height:auto; background:#000; position:; top:; right:; z-index:3;position: relative;margin-left: 30%;margin-top: 8%;}
.index_Intelligent div.sub h3 {width:86%; overflow:hidden; line-height:70px; background:url(../images/tm.png); position:absolute; bottom:9.3%; left:0px; z-index:4}
.index_Intelligent div.sub h3 a {width:60%; overflow:hidden; line-height:70px; font-size:22px; color:#FFF; font-weight:normal; float:right;  display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:center; align-content:center; transition: all 0.3s linear 0s;}
.index_Intelligent div.sub h3 a span {width:60px; overflow:hidden; line-height:70px; font-size:36px; display:block; margin-right:5%; transition: all 0.3s linear 0s;}
.index_Intelligent div.sub h3 a:hover {width:60%; overflow:hidden; line-height:70px; font-size:22px; color:#FFF; font-weight:normal; float:right;  display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:center; align-content:center; transition: all 0.3s linear 0s;}
.index_Intelligent div.sub h3 a:hover span {width:60px; overflow:hidden; line-height:70px; font-size:36px; display:block; margin-right:2%; transition: all 0.3s linear 0s;}


.mySwiper2 {width:100%; height:auto}
.mySwiper2 div.swiper-wrapper {width:100%;}
.mySwiper2 div.swiper-wrapper div.swiper-slide {width:100%;}
.mySwiper2 div.swiper-wrapper div.swiper-slide a {width:100%; overflow:hidden; display:block; height:auto}
.mySwiper2 div.swiper-wrapper div.swiper-slide a img {width:100%; overflow:hidden; display:block; height:auto}


.index_Intelligent div.sub div.swiper-button-next2 {width:40px !important; overflow:hidden !important; height:40px !important; position:absolute !important; left:50px  !important; top:-50px !important; background:#054893 !important; z-index:9999999 !important; text-align:center !important; line-height:40px !important; font-size:24px !important; color:#FFF !important; z-index:99999 !important; cursor:pointer}

.index_Intelligent div.sub div.swiper-button-prev2 {width:40px !important; overflow:hidden !important; height:40px !important; position:absolute !important; left:0px  !important; top:-50px !important; background:#054893 !important; z-index:9999999 !important; text-align:center !important; line-height:40px !important; font-size:24px !important; color:#FFF !important; transform: rotate(180deg) !important; cursor:pointer}

/*首页资讯中心*/
.index_news {width:100%; height:auto; margin-top:10%}

.newstab {width:90%; margin:0px auto; min-width:1200px; padding-left:5%; padding-right:5%; background:url(../images/indexnewsbg.png) left top no-repeat} 
.newstab .newstabTitle {width:100%; overflow:hidden; height:auto; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:space-between; align-items:center; align-content:center;} 
.newstab .newstabTitle dl {width:40%; overflow:hidden;}
.newstab .newstabTitle dl dt {width:100%; overflow:hidden; font-size:52px; color:#333; line-height:60px; font-weight:bold; font-family:Inter-bold !important}
.newstab .newstabTitle dl i {width:100px; overflow:hidden; height:10px; border-radius:100px; background:#054893; margin-top:40px; display:block;}
.newstab .newstabTitle dl dd {width:100%; overflow:hidden; text-align:left; line-height:32px; font-size:16px; color:#666; font-weight:normal; margin-top:40px;}

.newstab .newstabTitle ul {width:60%; overflow:hidden; height:auto; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:flex-end; align-items:center; align-content:center;} 
.newstab .newstabTitle li {width:auto; height:48px; cursor: pointer; list-style-type: none; text-align:center; padding-left:30px; padding-right:30px; border:1px solid #003876; color:#003876; line-height:48px; font-size:18px; border-radius:100px; margin-left:20px;} 
.newstab .newstabTitle .active {background:#003876; color:#FFF;}
.newstab .newstabTitle .active a {color:#fff}
.newstab .newstabTitle .normal {background:none;} 
.newstab .newstabTitle .normal a {color:#003876}
.newstab .newstabContent {width:100%;}
.newstabnone {display:none;}

.synews {width:100%; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:space-between; align-items:center; align-content:center; margin-top:50px;}
.synews div.l {width:50%; overflow:hidden; background:#fff; box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.1); -webkit-box-shadow: 2px 2px 8px 0 -o-box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.1);}
.synews div.l a {width:100%; overflow:hidden; height:auto; display:block}
.synews div.l a i {width:100%; overflow:hidden; height:auto; display:block}
.synews div.l a i img {width:100%; overflow:hidden; height:auto; display:block; transform: scale(1, 1);}
.synews div.l a h3 {width:auto; overflow:hidden; padding:5%; text-align:left; font-size:24px; font-weight:normal; color:#333; line-height:35px;}
.synews div.l a h3 p {width:auto; overflow:hidden; display:block; text-align:left; line-height:25px; color:#7c7c7c; font-size:15px; margin-top:20px;}
.synews div.l a h3 span {width:auto; overflow:hidden; display:block; text-align:left; line-height:25px; color:#7c7c7c; font-size:13px; margin-top:20px;}
.synews div.l a h3 span strong {color:#054893}
.synews div.l a:hover {width:100%; overflow:hidden; height:auto; display:block}
.synews div.l a:hover i {width:100%; overflow:hidden; height:auto; display:block}
.synews div.l a:hover i img {width:100%; overflow:hidden; height:auto; display:block; transform: scale(1.05, 1.05);}
.synews div.l a:hover h3 {width:auto; overflow:hidden; padding:5%; text-align:left; font-size:24px; font-weight:normal; color:#054893; line-height:35px;}
.synews div.l a:hover h3 p {width:auto; overflow:hidden; display:block; text-align:left; line-height:25px; color:#7c7c7c; font-size:15px; margin-top:20px;}
.synews div.l a:hover h3 span {width:auto; overflow:hidden; display:block; text-align:left; line-height:25px; color:#7c7c7c; font-size:13px; margin-top:20px;}
.synews div.l a:hover h3 span strong {color:#054893}

.synews div.r {width:46%; overflow:hidden; background:#fff;}
.synews div.r dl {width:100%; overflow:hidden; padding-bottom:18px !important; margin-top:18px !important; border-bottom:1px solid #ddd;}
.synews div.r dl a {width:100%; overflow:hidden; display:block}
.synews div.r dl a dt {width:100%; overflow:hidden; text-align:left; line-height:25px; font-size:13px; color:#666}
.synews div.r dl a dd {width:100%; overflow:hidden; text-align:left; font-size:24px; font-weight:normal; color:#333; line-height:35px; padding-top:8px;}


/*首页关于我们*/
.indexabout {width:100%; overflow:hidden; min-width:1200px; margin-top:8%; background:#f5f5f5; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:center; align-content:center;}
.indexabout div.l {width:66%; overflow:hidden; position:relative}
.indexabout div.l img {width:100%; overflow:hidden; height:auto; display:block}
.indexabout div.l div.t {width:90%; overflow:hidden; text-align:right; line-height:60px; background:url(../images/tm.png); position:absolute; bottom:0px; left:0px; z-index:999; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:center; align-content:center; padding-left:5%; padding-right:5%}
.indexabout div.l div.t a {width:auto; overflow:hidden; line-height:60px; font-size:15px; color:#FFF; padding-left:10px; padding-right:10px; display:block}
.indexabout div.l div.t a:hover {width:auto; overflow:hidden; line-height:60px; font-size:15px; color:#FFF; padding-left:10px; padding-right:10px; display:block; background:#054893}

.indexabout div.r {width:24%; padding-right:5%; padding-left:5%; position:relative; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-end; align-items:center; align-content:center;}
.indexabout div.r span {width:auto; overflow:hidden; display:block; position:absolute; right:10%; top:50%; transform: translate(0%, -50%);}
.indexabout div.r span img {width:110px; overflow:hidden; height:auto; display:block}
.indexabout div.r div.title {width:80%; overflow:hidden; padding-right:5%; position:relative; z-index:9999; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-end; align-items:center; align-content:center;}
.indexabout div.r div.title h1 {width:100%; overflow:hidden; text-align:right; font-size:52px; color:#333; line-height:60px; font-family:Inter-bold !important}
.indexabout div.r div.title h2 {width:100%; overflow:hidden; text-align:right; font-size:16px; color:#666; line-height:30px; font-weight:normal; margin-top:30px;}
.indexabout div.r div.title a {width:200px; overflow:hidden; height:54px; background:#054893; border-radius:100px; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; line-height:54px; font-size:18px; color:#fff; margin-top:15%; transition: all 0.3s linear 0s !important;}
.indexabout div.r div.title a em {width:32px; overflow:hidden; height:54px; display:block; margin-left:10px; transition: all 0.3s linear 0s !important; font-size:26px !important; color:#FFF; line-height:58px; display:block}
.indexabout div.r div.title a:hover {width:200px; overflow:hidden; height:54px; background:#eb9000; border-radius:100px; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; line-height:54px; font-size:18px; color:#fff; margin-top:15%; transition: all 0.3s linear 0s !important;}
.indexabout div.r div.title a:hover em {width:32px; overflow:hidden; height:54px; display:block; margin-left:10px; transition: all 0.3s linear 0s !important; font-size:26px !important; color:#FFF; line-height:58px; display:block}

/*首页用户服务*/
.indexservice {width:100%; min-width:1200px; background:url(../images/fw_bg.jpg) center repeat-y; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:stretch; align-content:stretch; position:relative}
.indexservice div.tit {width:90%; overflow:hidden; margin:0px auto; margin-top:6%; position:relative; z-index:1}
.indexservice div.tit h1 {width:100%; overflow:hidden; text-align:left; line-height:60px; font-size:52px; color:#333; font-family:Inter-bold !important}
.indexservice div.tit i {width:100px; overflow:hidden; height:10px; border-radius:100px; background:#054893; margin-top:30px; display:block}
.indexservice div.tit h2 {width:80%; overflow:hidden; text-align:left; line-height:32px; font-size:18px; color:#666; font-weight:normal; margin-top:30px; margin-bottom:30px;}
.indexservice div.sub {width:90%; overflow:hidden; margin:0px auto; margin-top:-8%; padding-bottom:8%}

.mySwiper3 {width:100%; height:auto;}
.mySwiper3 div.swiper-wrapper {width:100%;}
.mySwiper3 div.swiper-wrapper div.swiper-slide {width:100%; padding-bottom:5%}
.mySwiper3 div.swiper-wrapper div.swiper-slide div.m {width:100%; overflow:hidden; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:center; align-content:center;}
.mySwiper3 div.swiper-wrapper div.swiper-slide div.m div.l {width:40%; overflow:hidden;}
.mySwiper3 div.swiper-wrapper div.swiper-slide div.m div.l h3 {width:80%; overflow:hidden; text-align:left; line-height:50px; font-size:24px; font-weight:normal; color:#333; padding-bottom:20px; border-bottom:1px solid #ddd; margin-top:18%}
.mySwiper3 div.swiper-wrapper div.swiper-slide div.m div.l p {width:80%; overflow:hidden; text-align:left; line-height:25px; font-size:16px; color:#888; padding-top:25px; display:block}
.mySwiper3 div.swiper-wrapper div.swiper-slide div.m div.l a {width:200px; overflow:hidden; height:45px; background:#054893; border-radius:100px; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; line-height:45px; font-size:18px; color:#fff; margin-top:30px; transition: all 0.3s linear 0s !important;}
.mySwiper3 div.swiper-wrapper div.swiper-slide div.m div.l a em {width:32px; overflow:hidden; height:45px; display:block; margin-left:10px; transition: all 0.3s linear 0s !important; font-size:26px !important; color:#FFF; line-height:49px; display:block}
.mySwiper3 div.swiper-wrapper div.swiper-slide div.m div.l a:hover {width:200px; overflow:hidden; height:45px; background:#eb9000; border-radius:100px; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; line-height:45px; font-size:18px; color:#fff; margin-top:30px; transition: all 0.3s linear 0s !important;}
.mySwiper3 div.swiper-wrapper div.swiper-slide div.m div.l a:hover em {width:32px; overflow:hidden; height:45px; display:block; margin-left:10px; transition: all 0.3s linear 0s !important; font-size:26px !important; color:#FFF; line-height:49px; display:block}

.mySwiper3 div.swiper-wrapper div.swiper-slide div.m div.r {width:60%; overflow:hidden;}
.mySwiper3 div.swiper-wrapper div.swiper-slide div.m div.r img {width:100%; overflow:hidden; height:auto; direction:inherit}


.indexservice div.sub .mySwiper3 div.swiper-button-next3 {width:40px !important; overflow:hidden !important; height:40px !important; position:absolute !important; left:45px !important; bottom:0px !important; background:#e1e1e1 !important; z-index:9999999 !important; text-align:center !important; line-height:40px !important; font-size:24px !important; color:#767676 !important; z-index:99999 !important; cursor:pointer}

.indexservice div.sub .mySwiper3 div.swiper-button-prev3 {width:40px !important; overflow:hidden !important; height:40px !important; position:absolute !important; left:0px !important; bottom:0px !important; background:#e1e1e1 !important; z-index:9999999 !important; text-align:center !important; line-height:40px !important; font-size:24px !important; color:#767676 !important; transform: rotate(180deg) !important; cursor:pointer}


/*首页合作伙伴*/
.hezuohuoban {width:100%; overflow:hidden; min-width:1200px; background:url(../images/hzhb_bg.jpg) center no-repeat; background-size:cover}
.hezuohuoban h1 {width:100%; overflow:hidden; text-align:center; color:#FFF; font-size:52px; line-height:60px; margin-top:8%}
.hezuohuoban h1 i {width:100px; overflow:hidden; height:10px; border-radius:100px; background:#fff; margin:0px auto; margin-top:30px; display:block}
.hezuohuoban div.m {width:90%; overflow:hidden; margin:0px auto; margin-top:6%; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; padding-bottom:8%}
.hezuohuoban div.m a {width:15%; overflow:hidden; display:block; margin-left:0.533333%; margin-top:1%; margin-right:0.533333%; display:block; border-radius:6px;}
.hezuohuoban div.m a img {width:100%; overflow:hidden; display:block; transform: scale(1, 1);}
.hezuohuoban div.m a:hover {width:15%; overflow:hidden; display:block; margin-left:0.533333%; margin-top:1%; margin-right:0.533333%; display:block; border-radius:6px;}
.hezuohuoban div.m a:hover img {width:100%; overflow:hidden; display:block; transform: scale(1.05, 1.05);}



/*底部信息*/
footer {width:100%; min-width:1200px; background:#f3f3f3; padding-top:5%; padding-bottom:2%}
footer div.m {width:90%; margin:0px auto; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:flex-start; align-content:center;}
footer div.m div.l {width:100%; overflow:hidden; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:flex-start; align-content:center;}
footer div.m div.l dl {width:auto; overflow:hidden;}
footer div.m div.l dl dt {width:100%; overflow:hidden; text-align:left; font-size:16px; font-weight:bold; color:#333; padding-bottom:15px;}
footer div.m div.l dl dd {width:100%; overflow:hidden; text-align:left; line-height:20px; font-size:13px;}
footer div.m div.l dl dd a {width:94%; overflow:hidden; text-align:left; line-height:20px; font-size:13px; display:block; padding-bottom:8px; color:#636363}
footer div.m div.l dl dd a:hover {width:94%; overflow:hidden; text-align:left; line-height:20px; font-size:13px; display:block; padding-bottom:8px; color:#054893; text-decoration:underline}
footer div.m div.r {width:30%; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-end; align-items:flex-start; align-content:center;}
footer div.m div.r div.tt {width:60%; overflow:hidden; min-width:310px; text-align:left; line-height:35px; font-size:24px; color:#003775;} 
footer div.m div.r div.tt p {width:100%; overflow:hidden; display:block; text-align:left; line-height:50px; font-size:42px; color:#003775}
footer div.m div.r div.tt span {width:100%; overflow:hidden; display:block; text-align:left; line-height:50px; font-size:42px; color:#003775; font-family:'impact' !important}
footer div.m div.r div.share {width:60%; min-width:310px; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:center; align-content:center; padding-top:10px;}
footer div.m div.r div.share a {width:14.285%; height:50px; min-width:44.285px; display:block; text-align:center; line-height:50px; font-size:30px; color:#054893; position:relative}
footer div.m div.r div.share a:hover {width:14.285%; height:50px; min-width:44.285px; display:block; text-align:center; line-height:50px; font-size:30px; color:#F60; position:relative}
footer div.m div.r div.share a div {width:100px; overflow:hidden; height:100px; background:#FFF; position:absolute; left:50%; top:50px; margin-left:-56px; z-index:999; border:1px solid #ddd; padding:5px; display:none}
footer div.m div.r div.share a div img {width:100%; overflow:hidden; height:100px; display:block}
footer div.m div.r div.share a:hover {width:14.285%; height:50px; min-width:44.285px; display:block; text-align:center; line-height:50px; font-size:30px; color:#F60; position:relative} 
footer div.m div.r div.share a:hover div {width:100px; overflow:hidden; height:100px; background:#FFF; position:absolute; left:50%; top:50px; margin-left:-56px; z-index:999; border:1px solid #ddd; padding:5px; display:block}
footer div.m div.r div.share a:hover div img {width:100%; overflow:hidden; height:100px; display:block}


footer div.d {width:90%; overflow:hidden; margin:0px auto; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:center; align-content:center; margin-top:30px; border-top:1px solid #b4b4b4; padding-top:20px;}
footer div.d span {width:60%; overflow:hidden; text-align:left; line-height:24px; font-size:16px; color:#666; display:block}
footer div.d span a {color:#666}
footer div.d span a:hover {color:#666; text-decoration:underline}
footer div.d p {width:40%; overflow:hidden; display:block; text-align:right; color:#666}
footer div.d p a {width:auto; overflow:hidden; text-align:center; line-height:50px; font-size:16px; color:#666;}
footer div.d p a:hover {width:auto; overflow:hidden; text-align:center; line-height:50px; font-size:16px; color:#054893; text-decoration:underline}


.topbanner {width:100%; overflow:hidden; height:700px; min-width:1200px;}
.topbanner div.m {width:90%; overflow:hidden; height:100%; margin:0px auto; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-items:center; align-content:center;}
.topbanner div.m h1 {width:80%; overflow:hidden; text-align:left; line-height:60px; font-size:44px; font-weight:normal; color:#FFF}

.weizhi {width:100%; overflow:hidden; background:#fafafa; border-bottom:1px solid #c8c8c8}
.weizhi div.m {width:90%; overflow:hidden; height:70px; margin:0px auto; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-items:center; align-content:center;}
.weizhi div.m div.l {width:70%;  overflow:hidden; height:70px; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-items:center; align-content:center;}
.weizhi div.m div.l i {width:30px; overflow:hidden; height:70px; display:block; text-align:left; line-height:70px; font-size:20px; color:#666}
.weizhi div.m div.l span {width:auto; overflow:hidden; display:block; text-align:left; line-height:70px; font-size:15px; color:#333}
.weizhi div.m div.l span a {color:#333;}
.weizhi div.m div.l span a:hover {color:#F63; text-decoration:underline}
.weizhi div.m div.r {width:30%;  overflow:hidden; height:70px;}


.fenye {width:100%; overflow:hidden; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; padding-bottom:6%; padding-top:2%}
.fenye a {width:auto; overflow:hidden; height:50px; border:1px solid #666; text-align:center; line-height:50px; font-size:18px; color:#333; display:block; padding-left:2%; padding-right:2%; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center;}
.fenye a i {width:40px; overflow:hidden; height:50px; display:block; font-size:20px; color:#333; line-height:50px; text-align:right}
.fenye a:hover {width:auto; overflow:hidden; height:50px; border:1px solid #054893; background:#054893; text-align:center; line-height:50px; font-size:18px; color:#fff; display:block; padding-left:2%; padding-right:2%; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center;}
.fenye a:hover i {width:40px; overflow:hidden; height:50px; display:block; font-size:20px; color:#fff; line-height:50px; text-align:right}

/*****************解决方案************************/
.Solution {width:90%; overflow:hidden; margin:0px auto; min-width:1200px; margin-top:5%; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:center; align-content:center;}
.Solution dl {width:32%; overflow:hidden; padding-bottom:2% !important}
.Solution dl a {width:100%; overflow:hidden; height:auto; display:block; position:relative; transition: all 0.3s linear 0s}
.Solution dl a dt {width:100%; overflow:hidden; height:auto; display:block; transition: all 0.3s linear 0s}
.Solution dl a dt img {width:100%; overflow:hidden; height:auto; display:block; transform: scale(1, 1); transition: all 0.3s linear 0s}
.Solution dl a dd {width:86%; overflow:hidden; height:auto; position:absolute; left:50%; bottom:7%; transform: translate(-50%, 0%); z-index:2; transition: all 0.3s linear 0s}
.Solution dl a dd h1 {width:100%; overflow:hidden; text-align:left; line-height:35px; font-size:24px; color:#FFF; transition: all 0.3s linear 0s}
.Solution dl a dd h2 {width:100%; overflow:hidden; text-align:left; line-height:22px; font-size:15px; color:#FFF; font-weight:normal; padding-top:15px; transition: all 0.3s linear 0s}
.Solution dl a dd p {width:auto; overflow:hidden; font-size:16px; display:block; line-height:26px; color:#FFF; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-items:center; align-content:center; padding-top:30px; transition: all 0.3s linear 0s}
.Solution dl a dd p em {width:20px; overflow:hidden; height:26px; text-align:right; line-height:28px; display:block; font-size:15px; padding-left:0px; transition: all 0.3s linear 0s}
.Solution dl a i {width:100%; overflow:hidden; height:100%; display:block; background:url(../images/tm.png); z-index:1; position:absolute; top:0px; left:0px; transition: all 0.3s linear 0s}
.Solution dl a:hover {width:100%; overflow:hidden; height:auto; display:block; position:relative; transition: all 0.3s linear 0s}
.Solution dl a:hover dt {width:100%; overflow:hidden; height:auto; display:block; transition: all 0.3s linear 0s}
.Solution dl a:hover dt img {width:100%; overflow:hidden; height:auto; display:block; transform: scale(1.05, 1.05); transition: all 0.3s linear 0s}
.Solution dl a:hover dd {width:86%; overflow:hidden; height:auto; position:absolute; left:50%; bottom:7%; transform: translate(-50%, 0%); z-index:2; transition: all 0.3s linear 0s}
.Solution dl a:hover dd h1 {width:100%; overflow:hidden; text-align:left; line-height:35px; font-size:24px; color:#ffc000; transition: all 0.3s linear 0s}
.Solution dl a:hover dd h2 {width:100%; overflow:hidden; text-align:left; line-height:22px; font-size:15px; color:#FFF; font-weight:normal; padding-top:15px; transition: all 0.3s linear 0s}
.Solution dl a:hover dd p {width:auto; overflow:hidden; font-size:16px; display:block; line-height:26px; color:#FFF; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-items:center; align-content:center; padding-top:30px; transition: all 0.3s linear 0s}
.Solution dl a:hover dd p em {width:20px; overflow:hidden; height:26px; text-align:right; line-height:28px; display:block; font-size:15px; padding-left:10px; transition: all 0.3s linear 0s}
.Solution dl a:hover i {width:100%; overflow:hidden; height:100%; display:block; background:url(../images/tm1.png); z-index:1; position:absolute; top:0px; left:0px; transition: all 0.3s linear 0s}
/*****************解决方案结束************************/
/*****************产品中心开始************************/
.producterji {width:100%; overflow:hidden; height:auto; min-width:1200px; background:#f9f9f9; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center;}
.producterji div.m {width:90%; overflow:hidden; height:auto; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:space-between; align-items:center; align-content:center;} 
.producterji div.m a {width:auto; height:150px; cursor:pointer; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:center; align-items:center; align-content:center; font-size:16px; font-weight:bold; padding-left:2%; padding-right:2%; text-align:center; line-height:24px; background:none; color:#333; transition: all 0.3s linear 0s}
.producterji div.m a:hover {width:auto; height:150px; cursor:pointer; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:center; align-items:center; align-content:center; font-size:16px; font-weight:bold; padding-left:2%; padding-right:2%; text-align:center; line-height:24px; background:none; color:#003775; transition: all 0.3s linear 0s}
.producterji div.m a.ahover {width:auto; height:150px; cursor:pointer; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:center; align-items:center; align-content:center; font-size:16px; font-weight:bold; padding-left:2%; padding-right:2%; text-align:center; line-height:24px; background:#004189; color:#FFF; transition: all 0.3s linear 0s}

.producterji div.mej {width:90%; overflow:hidden; height:auto; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:center; align-items:center; align-content:center; background:#004189} 
.producterji div.mej a {width:auto; overflow:hidden; text-align:center; line-height:45px; font-size:14px; color:#FFF; display:block; padding-left:20px; padding-right:20px;}
.producterji div.mej a:hover {width:auto; overflow:hidden; text-align:center; line-height:45px; font-size:14px; color:#FFF; display:block; padding-left:20px; padding-right:20px; background:#002753}
.producterji div.mej a.ahover {width:auto; overflow:hidden; text-align:center; line-height:45px; font-size:14px; color:#FFF; display:block; padding-left:20px; padding-right:20px; background:#002753}



.productnav {width:100%; margin:0px auto; min-width:1200px;} 
.productnav .productnavTitle {width:100%; overflow:hidden; height:180px; background:#f9f9f9; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:center; align-items:center; align-content:center;} 
.productnav .productnavTitle ul {width:90%; overflow:hidden; height:auto; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:space-between; align-items:center; align-content:center;} 
.productnav .productnavTitle li {width:auto; height:180px; cursor:pointer; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:center; align-items:center; align-content:center; font-size:20px; font-weight:bold; padding-left:2%; padding-right:2%; text-align:center; line-height:35px;} 
.productnav .productnavTitle .active {background:#003775; color:#FFF;}
.productnav .productnavTitle .normal {background:none; color:#333} 
.productnav .productnavContent {width:100%;}
.productnavnone {display:none;}
.ejnavdh {width:90%; overflow:hidden; margin:0px auto; height:60px; background:url(../images/chanpin/navbg.jpg) top repeat-x; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:center; align-items:center; align-content:center; text-align:center; line-height:60px; color:#FFF; font-size:16px; font-weight:bold}

.ejnavdh a {width:auto; height:60px; text-align:center; line-height:20px; font-size:16px; font-weight:bold; color:#FFF; display:block; padding-left:2%; padding-right:2%; transition: all 0s linear 0s !important; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:center; align-items:center; align-content:center;}

.ejnavdh a:hover {width:auto; height:60px; text-align:center; line-height:20px; font-size:16px; font-weight:bold; color:#FFF; display:block; background:#002349; padding-left:2%; padding-right:2%; transition: all 0s linear 0s !important; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:center; align-items:center; align-content:center;}

.ejnavdh a.ahover {width:auto; height:60px; text-align:center; line-height:20px; font-size:16px; font-weight:bold; color:#FFF; display:block; background:#002349; padding-left:2%; padding-right:2%; transition: all 0s linear 0s !important; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:center; align-items:center; align-content:center;}


.product_headlines {width:90%; overflow:hidden; min-width:1200px; margin:0px auto; margin-top:5%}
.product_headlines a {width:100%; overflow:hidden; height:auto; display:block; position:relative; transition: all 0.3s linear 0s}
.product_headlines a img {width:100%; overflow:hidden; height:auto; display:block; transition: all 0.3s linear 0s; transform: scale(1, 1);}
.product_headlines a div.m {width:100%; overflow:hidden; height:100%; position:absolute; left:0px; top:0px; z-index:2; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:flex-start; align-content:flex-start; transition: all 0.3s linear 0s}
.product_headlines a div.m h2 {width:100%; overflow:hidden; margin:0px auto; text-align:center; font-size:14px; font-weight:normal; color:#FFF; margin-top:3%; transition: all 0.3s linear 0s}
.product_headlines a div.m h1 {width:100%; overflow:hidden; margin:0px auto; text-align:center; font-size:30px; color:#FFF; margin-top:1%; transition: all 0.3s linear 0s}
.product_headlines a div.m p {width:auto; overflow:hidden; height:30px; line-height:30px; font-size:16px; color:#FFF; margin-top:2%; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; transition: all 0.3s linear 0s}
.product_headlines a div.m p i {width:30px; overflow:hidden; height:30px; line-height:33px; font-size:18px; display:block; text-align:right; margin-left:0px; transition: all 0.3s linear 0s}

.product_headlines a:hover {width:100%; overflow:hidden; height:auto; display:block; position:relative; transition: all 0.3s linear 0s}
.product_headlines a:hover img {width:100%; overflow:hidden; height:auto; display:block; transition: all 0.3s linear 0s; transform: scale(1.05, 1.05);}
.product_headlines a:hover div.m {width:100%; overflow:hidden; height:100%; position:absolute; left:0px; top:0px; z-index:2; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:flex-start; align-content:flex-start; transition: all 0.3s linear 0s}
.product_headlines a:hover div.m h2 {width:100%; overflow:hidden; margin:0px auto; text-align:center; font-size:14px; font-weight:normal; color:#FFF; margin-top:3%; transition: all 0.3s linear 0s}
.product_headlines a:hover div.m h1 {width:100%; overflow:hidden; margin:0px auto; text-align:center; font-size:30px; color:#f87b00; margin-top:1%; transition: all 0.3s linear 0s}
.product_headlines a:hover div.m p {width:auto; overflow:hidden; height:30px; line-height:30px; font-size:16px; color:#FFF; margin-top:2%; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; transition: all 0.3s linear 0s}
.product_headlines a:hover div.m p i {width:30px; overflow:hidden; height:30px; line-height:33px; font-size:18px; display:block; text-align:right; margin-left:10px; transition: all 0.3s linear 0s}

.product_list {width:90%; overflow:hidden; min-width:1200px; margin:0px auto; margin-top:2%; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:center; align-content:center;}
.product_list a {width:49%; overflow:hidden; height:auto; display:block; position:relative; transition: all 0.3s linear 0s; margin-bottom:2%}
.product_list a img {width:100%; overflow:hidden; height:auto; display:block; transition: all 0.3s linear 0s; transform: scale(1, 1);}
.product_list a div.m {width:100%; overflow:hidden; height:100%; position:absolute; left:0px; top:0px; z-index:2; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:flex-start; align-content:flex-start; transition: all 0.3s linear 0s}
.product_list a div.m h2 {width:100%; overflow:hidden; margin:0px auto; text-align:center; font-size:14px; font-weight:normal; color:#004c9f; margin-top:7%; transition: all 0.3s linear 0s}
.product_list a div.m h1 {width:100%; overflow:hidden; margin:0px auto; text-align:center; font-size:30px; color:#333; font-weight:normal; margin-top:1%; transition: all 0.3s linear 0s}
.product_list a div.m p {width:auto; overflow:hidden; height:30px; line-height:30px; font-size:16px; color:#004c9f; margin-top:3%; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; transition: all 0.3s linear 0s}
.product_list a div.m p i {width:30px; overflow:hidden; height:30px; line-height:33px; font-size:18px; display:block; text-align:right; margin-left:0px; transition: all 0.3s linear 0s}

.product_list a:hover {width:49%; overflow:hidden; height:auto; display:block; position:relative; transition: all 0.3s linear 0s; margin-bottom:2%}
.product_list a:hover img {width:100%; overflow:hidden; height:auto; display:block; transition: all 0.3s linear 0s; transform: scale(1.05, 1.05);}
.product_list a:hover div.m {width:100%; overflow:hidden; height:100%; position:absolute; left:0px; top:0px; z-index:2; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:flex-start; align-content:flex-start; transition: all 0.3s linear 0s}
.product_list a:hover div.m h2 {width:100%; overflow:hidden; margin:0px auto; text-align:center; font-size:14px; font-weight:normal; color:#004c9f; margin-top:7%; transition: all 0.3s linear 0s}
.product_list a:hover div.m h1 {width:100%; overflow:hidden; margin:0px auto; text-align:center; font-size:30px; color:#002349; font-weight:normal; margin-top:1%; transition: all 0.3s linear 0s}
.product_list a:hover div.m p {width:auto; overflow:hidden; height:30px; line-height:30px; font-size:16px; color:#004c9f; margin-top:3%; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; transition: all 0.3s linear 0s}
.product_list a:hover div.m p i {width:30px; overflow:hidden; height:30px; line-height:33px; font-size:18px; display:block; text-align:right; margin-left:10px; transition: all 0.3s linear 0s}

.product_tansuo {width:100%; overflow:hidden; min-width:1200px; background:#f3f3f3; padding-top:3%; padding-bottom:5%; border-bottom:1px solid #ddd;}
.product_tansuo h1 {width:90%; overflow:hidden; margin:0px auto; text-align:center; line-height:60px; font-size:32px; color:#333;}
.product_tansuo div.m {width:90%; overflow:hidden; margin:0px auto; margin-top:3%; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:center; align-content:center;}
.product_tansuo div.m dl {width:32%; overflow:hidden; background:#fff; border-radius:6px; padding-bottom:3% !important; transition: all 0.3s linear 0s;}
.product_tansuo div.m dl a {width:100%; overflow:hidden; height:auto; display:block}
.product_tansuo div.m dl a em {width:100%; overflow:hidden; height:auto; display:block;}
.product_tansuo div.m dl a em img {width:100%; overflow:hidden; height:auto; display:block; transform: scale(1, 1);}
.product_tansuo div.m dl a h2 {width:100%; overflow:hidden; margin:0px auto; text-align:center; font-size:24px; color:#333; font-weight:bold; margin-top:24px; transition: all 0.3s linear 0s}
.product_tansuo div.m dl a h3 {width:100%; overflow:hidden; margin:0px auto; text-align:center; font-size:14px; font-weight:normal; color:#666; margin-top:0.5%; transition: all 0.3s linear 0s}
.product_tansuo div.m dl a p {width:auto; overflow:hidden; height:30px; line-height:30px; font-size:16px; color:#004c9f; margin-top:4%; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; transition: all 0.3s linear 0s}
.product_tansuo div.m dl a p i {width:30px; overflow:hidden; height:30px; line-height:33px; font-size:18px; display:block; text-align:right; margin-left:0px; transition: all 0.3s linear 0s}
.product_tansuo div.m dl:hover {width:32%; overflow:hidden; background:#003775; border-radius:6px; padding-bottom:3%; transition: all 0.3s linear 0s;}
.product_tansuo div.m dl:hover a {width:100%; overflow:hidden; height:auto; display:block}
.product_tansuo div.m dl:hover a em {width:100%; overflow:hidden; height:auto; display:block;}
.product_tansuo div.m dl:hover a em img {width:100%; overflow:hidden; height:auto; display:block; transform: scale(1.05, 1.05);}
.product_tansuo div.m dl:hover a h2 {width:100%; overflow:hidden; margin:0px auto; text-align:center; font-size:24px; color:#fff; font-weight:bold; margin-top:24px; transition: all 0.3s linear 0s}
.product_tansuo div.m dl:hover a h3 {width:100%; overflow:hidden; margin:0px auto; text-align:center; font-size:14px; font-weight:normal; color:#fff; margin-top:0.5%; transition: all 0.3s linear 0s}
.product_tansuo div.m dl:hover a p {width:auto; overflow:hidden; height:30px; line-height:30px; font-size:16px; color:#fff; margin-top:4%; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; transition: all 0.3s linear 0s}
.product_tansuo div.m dl:hover a p i {width:30px; overflow:hidden; height:30px; line-height:33px; font-size:18px; display:block; text-align:right; margin-left:0px; transition: all 0.3s linear 0s}

.productshow_num1 {width:90%; overflow:hidden; min-width:1200px; margin:0px auto; margin-top:2%; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:space-between; align-items:stretch; align-content:stretch;}
.productshow_num1 div.l {width:56%; overflow:hidden; background:#fcfcfc}
.productshow_num1 div.l div.lbimg {width:100%; overflow:hidden;}

.mySwiperimg {width:100%; height:auto}
.mySwiperimg div.swiper-wrapper {width:100%;}
.mySwiperimg div.swiper-wrapper div.swiper-slide {width:100%;}
.mySwiperimg div.swiper-wrapper div.swiper-slide img {width:100%; overflow:hidden; height:auto; display:block}
.mySwiperimg div.swiper-pagination {width:100% !important; height:10px !important; position:absolute !important; left:0px !important; bottom:30px !important}
.mySwiperimg div.swiper-pagination span.swiper-pagination-bullet {width:10px !important; overflow:hidden !important; height:10px !important; border-radius:100px !important; background:#d0d0d0 !important; opacity: var(--swiper-pagination-bullet-inactive-opacity, 1) !important; margin-left:2px !important; margin-right:2px !important}
.mySwiperimg div.swiper-pagination span.swiper-pagination-bullet-active {width:10px !important; overflow:hidden !important; height:10px !important; border-radius:100px !important; background:#1a1a1a !important; opacity: var(--swiper-pagination-bullet-inactive-opacity, 1) !important; margin-left:2px !important; margin-right:2px !important}

.productshow_num1 div.l div.link {width:100%; overflow:hidden; min-height:100px; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center;}
.productshow_num1 div.l div.link a {width:auto; overflow:hidden; height:35px; border-radius:100px; padding-left:3%; padding-right:3%; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; color:#333; font-size:14px; line-height:35px; background:none; margin-left:0.5%; margin-right:0.5%}
.productshow_num1 div.l div.link a i {width:25px; overflow:hidden; height:35px; text-align:left; line-height:35px; font-size:20px; color:#333; display:block; transition: all 0.3s linear 0s;}
.productshow_num1 div.l div.link a:hover {width:auto; overflow:hidden; height:35px; border-radius:100px; padding-left:3%; padding-right:3%; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; color:#fff; font-size:14px; line-height:35px; background:#002d5e; margin-left:0.5%; margin-right:0.5%}
.productshow_num1 div.l div.link a:hover i {width:25px; overflow:hidden; height:35px; text-align:left; line-height:35px; font-size:20px; color:#fff; display:block; transition: all 0.3s linear 0s;}
.productshow_num1 div.l div.link a.ahover {width:auto; overflow:hidden; height:35px; border-radius:100px; padding-left:3%; padding-right:3%; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; color:#fff; font-size:14px; line-height:35px; background:#002d5e}
.productshow_num1 div.l div.link a.ahover i {width:25px; overflow:hidden; height:35px; text-align:left; line-height:35px; font-size:20px; color:#fff; display:block; transition: all 0.3s linear 0s;}

.productshow_num1 div.r {width:40%; overflow:hidden; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:flex-start; align-content:flex-start;}
.productshow_num1 div.r h1 {width:100%; overflow:hidden; text-align:left; line-height:50px; font-size:32px; padding-top:2%}
.productshow_num1 div.r h2 {width:100%; overflow:hidden; text-align:left; line-height:26px; font-size:18px; font-weight:normal; color:#666; padding-top:1%; padding-bottom:3%}
.productshow_num1 div.r div.m {width:94%; overflow:hidden; border-radius:8px; background:#fafafa; margin-top:3%; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:space-between; align-items:stretch; align-content:stretch; padding:3%; padding-bottom:5%}
.productshow_num1 div.r div.m i {width:30px; overflow:hidden; height:30px; text-align:left; line-height:36px; font-size:22px; color:#333}
.productshow_num1 div.r div.m dl {width:95%; overflow:hidden}
.productshow_num1 div.r div.m dl dt {width:100%; overflow:hidden; text-align:left; line-height:30px; font-size:16px; font-weight:bold; color:#333}
.productshow_num1 div.r div.m dl dd {width:100%; overflow:hidden; text-align:left; line-height:33px; font-size:16px; color:#434343; padding-top:15px;}

.productvideo {width:100%; margin-top:5%}
.productvideo div.m {width:90%; height:auto; background:#fafafa; margin:0px auto; position:relative; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:center; align-content:center;}
.productvideo div.m h1 {width:96%; overflow:hidden; margin:0px auto; margin-top:2%; text-align:left; line-height:40px; font-size:30px; color:#002d5e; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-items:center; align-content:center;}
.productvideo div.m h1 span {width:100%; overflow:hidden; line-height:40px; display:block}
.productvideo div.m h1 i {width:50px; height:6px; display:block; border-radius:100px; background:#002d5e; margin-top:10px;}
.productvideo div.m div.vl {width:100%; height:auto}

.swiper-container {width: 97.2%; overflow:hidden; margin:0px auto; height: 100%; margin-top:2%; margin-bottom:2%}
.swiper-slide {width:auto; overflow:hidden;}
.swiper-slide dl {width:94%; overflow:hidden; margin:0px auto !important; padding-bottom:2% !important}
.swiper-slide dl a {width:100%; overflow:hidden; display:block}
.swiper-slide dl a dt {width:100%; overflow:hidden; position:relative}
.swiper-slide dl a dt img {width:100%; overflow:hidden; height:auto; display:block; transform: scale(1, 1);}
.swiper-slide dl a dt span {width:auto; overflow:hidden; border-radius:3px; background:url(../images/tm.png); height:32px; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; color:#FFF; font-size:12px; line-height:32px; position:absolute; left:10px; bottom:10px; z-index:2; padding-left:8px; padding-right:8px;}
.swiper-slide dl a dt span em {width:20px; overflow:hidden; height:32px; text-align:left; line-height:34px; font-size:14px; color:#FFF}
.swiper-slide dl a dd {width:auto; overflow:hidden; padding-top:5%; text-align:left; line-height:26px; font-size:16px; color:#333}
.swiper-slide dl a dd p {width:100%; overflow:hidden; display:block; padding-top:20px; color:#666}

.swiper-slide dl a:hover {width:100%; overflow:hidden; display:block}
.swiper-slide dl a:hover dt {width:100%; overflow:hidden; position:relative}
.swiper-slide dl a:hover dt img {width:100%; overflow:hidden; height:auto; display:block; transform: scale(1.05, 1.05);}
.swiper-slide dl a:hover dt span {width:auto; overflow:hidden; border-radius:3px; background:#666; height:32px; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; color:#FFF; font-size:12px; line-height:32px; position:absolute; left:10px; bottom:10px; z-index:2; padding-left:8px; padding-right:8px;}
.swiper-slide dl a:hover dt span em {width:20px; overflow:hidden; height:32px; text-align:left; line-height:34px; font-size:14px; color:#FFF}
.swiper-slide dl a:hover dd {width:auto; overflow:hidden; padding-top:5%; text-align:left; line-height:26px; font-size:16px; color:#003e82}
.swiper-slide dl a:hover dd p {width:100%; overflow:hidden; display:block; padding-top:20px; color:#666}

.productvideo div.m div.swiper-button-next {width:60px !important; overflow:hidden !important; height:70px !important; text-align:center !important; line-height:70px !important; --swiper-navigation-size:60px !important; color:#063262 !important; position:absolute !important; right:-70px !important; top:50% !important; transform: translate(0%, 10%) !important;}
.productvideo div.m div.swiper-button-prev {width:60px !important; overflow:hidden !important; height:70px !important; text-align:center !important; line-height:70px !important; --swiper-navigation-size:60px !important; color:#063262 !important; position:absolute !important; left:-70px !important; top:50% !important; transform: translate(0%, 10%) !important;}


.productsrlj {width:90%; overflow:hidden; min-width:1200px; margin:0px auto}
.productsrlj h1 {width:100%; overflow:hidden; margin:0px auto; text-align:center; line-height:60px; font-size:36px; color:#333; padding-top:4%;}
.productsrlj div.m {width:100%; overflow:hidden; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:flex-start; align-content:flex-start;}
.productsrlj div.m div.tl {width:100%; overflow:hidden; background:url(../images/chanpin/showbg_1.jpg) center no-repeat #000; background-size:cover; position:relative; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:flex-end; align-content:flex-end; margin-top:1.7%}
.productsrlj div.m div.tl img {width:100%; overflow:hidden; height:auto; display:block}
.productsrlj div.m div.tl dl {width:auto; max-width:40%; overflow:hidden; position:absolute; top:15%; left:8%; z-index:2}
.productsrlj div.m div.tl dl dt {width:100%; overflow:hidden; text-align:left; font-size:32px; font-weight:bold; color:#FFF; line-height:40px;}
.productsrlj div.m div.tl dl dd {width:100%; overflow:hidden; text-align:left; font-size:18px; font-weight:normal; color:#FFF; line-height:30px; padding-top:16px;}

.productsrlj div.m div.xm {width:49.2%; overflow:hidden; background:url(../images/chanpin/showbg_2.jpg) center no-repeat; background-size:cover; position:relative; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:flex-end; align-content:flex-end; margin-top:1.8%}
.productsrlj div.m div.xm img {width:auto; overflow:hidden; height:auto; max-width:100%; display:block}
.productsrlj div.m div.xm i {width:100%; overflow:hidden; height:100%; display:block; background:url(../images/chanpin/wzbj.png) repeat-x top; z-index:1; position:absolute; left:0px; top:0px;}
.productsrlj div.m div.xm dl {width:auto; max-width:60%; overflow:hidden; position:absolute; left:10%; top:8%; z-index:2}
.productsrlj div.m div.xm dl dt {width:100%; overflow:hidden; text-align:left; font-size:32px; font-weight:bold; color:#FFF; line-height:40px;}
.productsrlj div.m div.xm dl dd {width:100%; overflow:hidden; text-align:left; font-size:18px; font-weight:normal; color:#FFF; line-height:30px; padding-top:16px;}



.productsrlj div.m div.small {width:40.2%; overflow:hidden; background:url(../images/chanpin/showbg_2.jpg) center no-repeat; background-size:cover; position:relative; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:flex-end; align-content:flex-end; margin-top:1.8%}
.productsrlj div.m div.small img {width:100%; overflow:hidden; height:auto; display:block}
.productsrlj div.m div.small i {width:100%; overflow:hidden; height:100%; display:block; background:url(../images/chanpin/wzbj.png) repeat-x top; z-index:1; position:absolute; left:0px; top:0px; display:none}
.productsrlj div.m div.small dl {width:auto; max-width:60%; overflow:hidden; position:absolute; left:10%; top:10%; z-index:2}
.productsrlj div.m div.small dl dt {width:100%; overflow:hidden; text-align:left; font-size:26px; font-weight:bold; color:#FFF; line-height:30px;}
.productsrlj div.m div.small dl dd {width:100%; overflow:hidden; text-align:left; font-size:14px; font-weight:normal; color:#FFF; line-height:20px; padding-top:16px;}

.productsrlj div.m div.big {width:58.2%; overflow:hidden; background:url(../images/chanpin/showbg_2.jpg) center no-repeat; background-size:cover; position:relative; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:flex-end; align-content:flex-end; margin-top:1.8%}
.productsrlj div.m div.big img {width:100%; overflow:hidden; height:auto; display:block}
.productsrlj div.m div.big i {width:100%; overflow:hidden; height:100%; display:block; background:url(../images/chanpin/wzbj.png) repeat-x top; z-index:1; position:absolute; left:0px; top:0px; display:none}
.productsrlj div.m div.big dl {width:auto; max-width:60%; overflow:hidden; position:absolute; left:10%; top:10%; z-index:2}
.productsrlj div.m div.big dl dt {width:100%; overflow:hidden; text-align:left; font-size:26px; font-weight:bold; color:#FFF; line-height:30px;}
.productsrlj div.m div.big dl dd {width:100%; overflow:hidden; text-align:left; font-size:14px; font-weight:normal; color:#FFF; line-height:20px; padding-top:16px;}


.productxswx {width:90%; overflow:hidden; min-width:1200px; margin:0px auto}
.productxswx h1 {width:100%; overflow:hidden; margin:0px auto; text-align:center; line-height:60px; font-size:36px; color:#333; padding-top:4%;}
.productxswx div.m {width:100%; overflow:hidden; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-items:flex-start; align-content:flex-start; padding-bottom:5%; -webkit-column-count:3;-moz-column-count:3;column-count:3; -webkit-column-gap:2%;-moz-column-gap:2%;column-gap:2%;}
.productxswx div.m a {width:28%; overflow:hidden; background:#fafafa; padding:2%; display:block; position:relative; padding-bottom:50px; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-items:flex-start; align-content:flex-start; transition: all 0.3s linear 0s; margin-top:2%;}
.productxswx div.m a i {width:20px; overflow:hidden; text-align:left; line-height:26px; display:block; font-size:14px; color:#333; transition: all 0.3s linear 0s;}
.productxswx div.m a p {width:93%; overflow:hidden; text-align:left; font-size:16px; color:#333; display:block; line-height:26px; transition: all 0.3s linear 0s;}
.productxswx div.m a span {width:auto; overflow:hidden; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-end; align-items:center; align-content:center; line-height:30px; font-size:14px; color:#666; height:30px; position:absolute; bottom:12px; right:30px; transition: all 0.3s linear 0s;}
.productxswx div.m a span em {width:34px; overflow:hidden; height:30px; text-align:right; line-height:34px; font-size:24px; color:#666; display:block; transition: all 0.3s linear 0s;}
.productxswx div.m a:hover {width:28%; overflow:hidden; background:#fafafa; padding:2%; display:block; position:relative; padding-bottom:50px; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-items:flex-start; align-content:flex-start; transition: all 0.3s linear 0s; margin-top:2%;}
.productxswx div.m a:hover i {width:20px; overflow:hidden; text-align:left; line-height:26px; display:block; font-size:14px; color:#003775; transition: all 0.3s linear 0s;}
.productxswx div.m a:hover p {width:93%; overflow:hidden; text-align:left; font-size:16px; color:#003775; text-decoration:underline; display:block; line-height:26px; transition: all 0.3s linear 0s;}
.productxswx div.m a:hover span {width:auto; overflow:hidden; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-end; align-items:center; align-content:center; line-height:30px; font-size:14px; color:#666; height:30px; position:absolute; bottom:12px; right:20px; transition: all 0.3s linear 0s;}
.productxswx div.m a:hover span em {width:34px; overflow:hidden; height:30px; text-align:right; line-height:34px; font-size:24px; color:#666; display:block; transition: all 0.3s linear 0s;}
/*****************产品中心结束************************/

/*****************新闻中心开始************************/
.newsbanner {width:100%; overflow:hidden; height:400px; background:url(../images/news/topbanner.jpg) center top no-repeat; background-size:cover}

.indexnews {width:90%; overflow:hidden; min-width:1200px; margin:0px auto; margin-top:4%;}
.indexnews h1 {width:100%; overflow:hidden; text-align:left; line-height:50px; color:#333; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-items:center; align-content:center;}
.indexnews h1 span {width:100%; overflow:hidden; text-align:left; display:block; line-height:50px; font-size:40px; color:#333}
.indexnews h1 i {width:100px; overflow:hidden; height:10px; background:#054893; border-radius:100px; margin-top:30px;}
.indexnews div.m {width:100%; overflow:hidden; margin-top:4%; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:center; align-content:center; padding-bottom:3%}
.indexnews div.m a {width:49.7%; overflow:hidden; display:block; position:relative; transition: all 0.3s linear 0s; margin-bottom:0.6%}
.indexnews div.m a img {width:100%; overflow:hidden; height:auto; display:block; transition: all 0.3s linear 0s; display:block; transform: scale(1, 1);}
.indexnews div.m a i {width:100%; overflow:hidden; height:100%; display:block; background:url(../images/tm.png); position:absolute; top:-100%; left:0px; z-index:1; transition: all 0.3s linear 0s;}
.indexnews div.m a h1 {width:auto; overflow:hidden; padding:5%; position:absolute; bottom:-100%; left:0px; z-index:3; color:#fff; font-size:20px; font-weight:normal; text-align:left; line-height:30px; text-align:left; transition: all 0.3s linear 0s}
.indexnews div.m a h1 span {width:100%; overflow:hidden; text-align:left; line-height:24px; font-size:16px; color:#FFF; padding-bottom:10px; transition: all 0.3s linear 0s}

.indexnews div.m a:hover {width:49.7%; overflow:hidden; display:block; position:relative; transition: all 0.3s linear 0s; margin-bottom:0.6%}
.indexnews div.m a:hover img {width:100%; overflow:hidden; height:auto; display:block; transition: all 0.3s linear 0s; display:block; transform: scale(1.05, 1.05);}
.indexnews div.m a:hover i {width:100%; overflow:hidden; height:100%; display:block; background:url(../images/tm.png); position:absolute; top:0px; left:0px; z-index:1; transition: all 0.3s linear 0s;}
.indexnews div.m a:hover h1 {width:auto; overflow:hidden; padding:5%; position:absolute; bottom:0px; left:0px; z-index:3; color:#fff; font-size:20px; font-weight:normal; text-align:left; line-height:30px; text-align:left; transition: all 0.3s linear 0s}
.indexnews div.m a:hover h1 span {width:100%; overflow:hidden; text-align:left; line-height:24px; font-size:16px; color:#FFF; padding-bottom:10px; transition: all 0.3s linear 0s}

.indexnews div.m a.three {width:33%; overflow:hidden; display:block; position:relative; transition: all 0.3s linear 0s; margin-bottom:0.6%}
.indexnews div.m a.three img {width:100%; overflow:hidden; height:auto; display:block; transition: all 0.3s linear 0s; display:block; transform: scale(1, 1);}
.indexnews div.m a.three i {width:100%; overflow:hidden; height:100%; display:block; background:url(../images/tm.png); position:absolute; top:-100%; left:0px; z-index:1; transition: all 0.3s linear 0s;}
.indexnews div.m a.three h1 {width:auto; overflow:hidden; padding:5%; position:absolute; bottom:-100%; left:0px; z-index:3; color:#fff; font-size:20px; font-weight:normal; text-align:left; line-height:30px; text-align:left; transition: all 0.3s linear 0s}
.indexnews div.m a.three h1 span {width:100%; overflow:hidden; text-align:left; line-height:24px; font-size:16px; color:#FFF; padding-bottom:10px; transition: all 0.3s linear 0s}

.indexnews div.m a.three:hover {width:33%; overflow:hidden; display:block; position:relative; transition: all 0.3s linear 0s; margin-bottom:0.6%}
.indexnews div.m a.three:hover img {width:100%; overflow:hidden; height:auto; display:block; transition: all 0.3s linear 0s; display:block; transform: scale(1.05, 1.05);}
.indexnews div.m a.three:hover i {width:100%; overflow:hidden; height:100%; display:block; background:url(../images/tm.png); position:absolute; top:0px; left:0px; z-index:1; transition: all 0.3s linear 0s;}
.indexnews div.m a.three:hover h1 {width:auto; overflow:hidden; padding:5%; position:absolute; bottom:0px; left:0px; z-index:3; color:#fff; font-size:20px; font-weight:normal; text-align:left; line-height:30px; text-align:left; transition: all 0.3s linear 0s}
.indexnews div.m a.three:hover h1 span {width:100%; overflow:hidden; text-align:left; line-height:24px; font-size:16px; color:#FFF; padding-bottom:10px; transition: all 0.3s linear 0s}

.indexnews div.m a.list {width:24%; overflow:hidden; display:block; margin-bottom:3%}
.indexnews div.m a.list em {width:100%; overflow:hidden; height:auto; display:block}
.indexnews div.m a.list em img {width:100%; overflow:hidden; height:auto; display:block}
.indexnews div.m a.list h2 {width:100%; overflow:hidden; text-align:left; line-height:30px; font-size:20px; color:#333; font-weight:normal; padding-top:5%}
.indexnews div.m a.list span {width:100%; overflow:hidden; text-align:left; line-height:26px; font-size:15px; color:#999; display:block; padding-top:15px;}
.indexnews div.m a.list:hover {width:24%; overflow:hidden; display:block; margin-bottom:3%}
.indexnews div.m a.list:hover em {width:100%; overflow:hidden; height:auto; display:block}
.indexnews div.m a.list:hover em img {width:100%; overflow:hidden; height:auto; display:block}
.indexnews div.m a.list:hover h2 {width:100%; overflow:hidden; text-align:left; line-height:30px; font-size:20px; color:#054893; text-decoration:underline; font-weight:normal; padding-top:5%}
.indexnews div.m a.list:hover span {width:100%; overflow:hidden; text-align:left; line-height:26px; font-size:15px; color:#999; display:block; padding-top:15px;}



.newslist {width:90%; overflow:hidden; min-width:1200px; margin:0px auto; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:stretch; align-content:stretch; margin-top:5%; margin-bottom:5%}
.newslist div.l {width:24%; overflow:hidden; height:auto; background:#fafafa; border-radius:5px;}
.newslist div.l h1 {width:auto; overflow:hidden; text-align:left; padding:5%; padding-left:7%; padding-right:7%; padding-top:7%; line-height:50px; color:#333; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-items:center; align-content:center;}
.newslist div.l h1 span {width:100%; overflow:hidden; text-align:left; display:block; line-height:50px; font-size:40px; color:#333}
.newslist div.l h1 i {width:100px; overflow:hidden; height:10px; background:#054893; border-radius:100px; margin-top:14px;}
.newslist div.l div.fenlei {width:auto; overflow:hidden; padding:5%; padding-left:7%; padding-right:7%; padding-top:0px;}
.newslist div.l div.fenlei dt {width:auto; overflow:hidden; text-align:left; line-height:30px; font-size:16px; font-weight:bold; color:#333; margin-top:15px;}
.newslist div.l div.fenlei dd {width:auto; overflow:hidden; padding-top:10px;}
.newslist div.l div.fenlei dd a {width:100%; overflow:hidden; text-align:left; line-height:40px; font-size:16px; color:#333; border-bottom:1px solid #ddd; display:block; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:center; align-content:center;}
.newslist div.l div.fenlei dd a p {width:auto; display:block; line-height:40px; font-size:14px; color:#666}
.newslist div.r {width:74%; overflow:hidden; height:auto;}
.newslist div.l div.fenlei dd a:hover {width:100%; overflow:hidden; text-align:left; line-height:40px; font-size:16px; color:#054893; border-bottom:1px solid #054893; display:block; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:center; align-content:center;}
.newslist div.l div.fenlei dd a:hover p {width:auto; display:block; line-height:40px; font-size:14px; color:#054893}
.newslist div.l div.fenlei dd a.ahover {width:100%; overflow:hidden; text-align:left; line-height:40px; font-size:16px; color:#054893; border-bottom:1px solid #054893; display:block; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:center; align-content:center; font-weight:bold}
.newslist div.l div.fenlei dd a.ahover p {width:auto; display:block; line-height:40px; font-size:14px; color:#054893}
.newslist div.r {width:74%; overflow:hidden; height:auto;}
.newslist div.r div.soso {width:100%; overflow:hidden; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:center; align-content:center;}
.newslist div.r div.soso div.lso {width:60%; overflow:hidden; display:block}
.newslist div.r div.soso div.lso form {width:100%; overflow:hidden; height:50px; display:block; display:block; text-align:left; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:flex-start; align-items:center; align-content:center;}
.newslist div.r div.soso div.lso form input {width:70%; overflow:hidden; height:48px; padding-left:3%; padding-right:3%; text-align:left; line-height:48px; border:1px solid #e5e5e5; color:#999; font-size:16px; border-right:0px;}
.newslist div.r div.soso div.lso form button {width:23%; overflow:hidden; height:50px; border:0px; display:block; text-align:center; line-height:50px; font-size:20px; color:#FFF; font-weight:bold; display:block; display:block; text-align:left; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:center; align-items:center; align-content:center; background:#054893; cursor:pointer}
.newslist div.r div.soso div.lso form button i {width:34px; overflow:hidden; display:block; font-size:24px; height:50px; line-height:54px; text-align:left}
.newslist div.r div.soso div.lso form button:hover {width:23%; overflow:hidden; height:50px; border:0px; display:block; text-align:center; line-height:50px; font-size:20px; color:#FFF; font-weight:bold; display:block; display:block; text-align:left; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:center; align-items:center; align-content:center; background:#ec7a00; cursor:pointer}
.newslist div.r div.soso div.lso form button:hover i {width:34px; overflow:hidden; display:block; font-size:24px; height:50px; line-height:54px; text-align:left}

.newslist div.r div.soso div.rso {width:38%; overflow:hidden; display:block; text-align:left; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-items:center; align-content:center;}
.newslist div.r div.soso div.rso span {width:auto; overflow:hidden; text-align:left; line-height:50px; font-size:14px; color:#666; display:block}
.newslist div.r div.soso div.rso a {width:auto; overflow:hidden; text-align:left; line-height:50px; font-size:14px; color:#666; display:block; padding-right:10px;}
.newslist div.r div.soso div.rso a:hover {width:auto; overflow:hidden; text-align:left; line-height:50px; font-size:14px; color:#054893; text-decoration:underline; display:block; padding-right:10px;}

.newslist div.r div.liebiao {width:100%; overflow:hidden; margin-top:4%; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:center; align-content:center; padding-bottom:3%}
.newslist div.r div.liebiao a {width:32%; overflow:hidden; display:block; margin-bottom:3%}
.newslist div.r div.liebiao a em {width:100%; overflow:hidden; height:auto; display:block}
.newslist div.r div.liebiao a em img {width:100%; overflow:hidden; height:auto; display:block}
.newslist div.r div.liebiao a h2 {width:100%; overflow:hidden; text-align:left; line-height:30px; min-height:60px; font-size:18px; color:#333; font-weight:normal; padding-top:5%}
.newslist div.r div.liebiao a span {width:100%; overflow:hidden; text-align:left; line-height:26px; font-size:14px; color:#999; display:block; padding-top:15px;}
.newslist div.r div.liebiao a:hover {width:32%; overflow:hidden; display:block; margin-bottom:3%}
.newslist div.r div.liebiao a:hover em {width:100%; overflow:hidden; height:auto; display:block}
.newslist div.r div.liebiao a:hover em img {width:100%; overflow:hidden; height:auto; display:block}
.newslist div.r div.liebiao a:hover h2 {width:100%; overflow:hidden; text-align:left; line-height:30px; min-height:60px; font-size:18px; color:#054893; text-decoration:underline; font-weight:normal; padding-top:5%}
.newslist div.r div.liebiao a:hover span {width:100%; overflow:hidden; text-align:left; line-height:26px; font-size:14px; color:#999; display:block; padding-top:15px;}


.newsshow_tit {width:90%; overflow:hidden; margin:0px auto; margin-top:120px; padding-top:3%; padding-bottom:4%; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:space-between; align-items:center; align-content:center;}
.newsshow_tit div.l {width:49%; overflow:hidden; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:center; align-content:center;}
.newsshow_tit div.l i {width:100px; overflow:hidden; height:8px; background:#054893; border-radius:100px; margin-bottom:25px;}
.newsshow_tit div.l h1 {width:100%; overflow:hidden; text-align:left; line-height:54px; font-size:36px; font-weight:normal; color:#013064}
.newsshow_tit div.l p {width:100%; overflow:hidden; display:block; line-height:30px; font-size:15px; color:#999; display:block; padding-top:20px;}
.newsshow_tit div.l div.share {width:100%; overflow:hidden; padding-top:140px;}
.newsshow_tit div.l div.share div.bdsharebuttonbox {width:100%; overflow:hidden; height:40px; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-items:center; align-content:center;}
.newsshow_tit div.l div.share div.bdsharebuttonbox a {width:36px !important; height:36px !important; overflow:hidden !important; margin:0px !important; padding:0px !important; background:none !important; text-align:center !important; line-height:36px !important; font-size:24px !important; color:#000 !important; text-indent:0px !important; border-radius:100px !important; border:2px solid #000 !important; margin-right:6px !important}
.newsshow_tit div.l div.share div.bdsharebuttonbox a:hover {width:36px !important; height:36px !important; overflow:hidden !important; margin:0px !important; padding:0px !important; background:#054994 !important; text-align:center !important; line-height:36px !important; font-size:24px !important; color:#fff !important; text-indent:0px !important; border-radius:100px !important; border:2px solid #054994 !important; margin-right:6px !important;}
.newsshow_tit div.r {width:49%; overflow:hidden;}
.newsshow_tit div.r img {width:100%; overflow:hidden; display:block; height:auto}

.newsshow_sub {width:100%; overflow:hidden; min-width:1200px; background:#fbfbfb; padding-top:5%; padding-bottom:5%;}
.newsshow_sub div.m {width:80%; overflow:hidden; margin:0px auto; text-align:left; line-height:30px !important; font-size:18px !important; color:#333}
.newsshow_sub div.m p {width:100% !important; overflow:hidden !important; display:block !important; padding-bottom:25px !important; padding-top:25px !important; text-indent:30px !important; font-size:18px !important;}
.newsshow_sub div.m p span {font-size:18px !important;}

.newsshow_sub div.m img {width:auto !important; overflow:hidden !important; height:auto !important; display:block !important; max-width:100% !important; margin:0px auto !important;}
.newsshow_sub div.fy {width:77.6%; overflow:hidden; margin:0px auto; text-align:left; line-height:30px; font-size:18px; color:#333; background:#f3f3f3; padding:1.2%; margin-top:4%; padding-top:1.2%; padding-bottom:1.2%}
.newsshow_sub div.fy a {width:100%; overflow:hidden; text-align:left; line-height:40px; font-size:16px; color:#333; display:block}
.newsshow_sub div.fy a:hover {width:100%; overflow:hidden; text-align:left; line-height:40px; font-size:16px; color:#004797; text-decoration:underline; display:block}
/*****************新闻中心结束************************/
/*****************名医讲堂开始************************/
.doctorsclass_banner {width:100%; overflow:hidden; height:280px; padding-top:120px; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center;}
.doctorsclass_banner h1 {width:90%; overflow:hidden; text-align:left; line-height:60px; font-size:44px; font-weight:normal; color:#333}

.doctorsclass_fenlei {width:100%; overflow:hidden; height:80px; background:#f9f9f9}
.doctorsclass_fenlei div.m {width:90%; overflow:hidden; height:80px; margin:0px auto; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:center; align-items:center; align-content:center;}
.doctorsclass_fenlei div.m a {width:auto; overflow:hidden; height:80px; display:block; text-align:center; line-height:22px; font-size:18px; font-weight:bold; color:#333; padding-left:2%; padding-right:2%; background:#f9f9f9; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:center; align-items:center; align-content:center;}
.doctorsclass_fenlei div.m a:hover {width:auto; overflow:hidden; height:80px; display:block; text-align:center; line-height:22px; font-size:18px; font-weight:bold; color:#fff; padding-left:2%; padding-right:2%; background:#003775; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:center; align-items:center; align-content:center;}
.doctorsclass_fenlei div.m a.ahover {width:auto; overflow:hidden; height:80px; display:block; text-align:center; line-height:22px; font-size:18px; font-weight:bold; color:#fff; padding-left:2%; padding-right:2%; background:#003775; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:center; align-items:center; align-content:center;}

.doctorsclass_soso {width:40%; overflow:hidden; margin:0px auto; min-width:1000px; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:center; align-content:center; margin-top:4%; margin-bottom:4%;}
.doctorsclass_soso div.lso {width:60%; overflow:hidden; display:block}
.doctorsclass_soso div.lso form {width:100%; overflow:hidden; height:50px; display:block; display:block; text-align:left; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:flex-start; align-items:center; align-content:center;}
.doctorsclass_soso div.lso form input {width:70%; overflow:hidden; height:48px; padding-left:3%; padding-right:3%; text-align:left; line-height:48px; border:1px solid #e5e5e5; color:#999; font-size:16px; border-right:0px;}
.doctorsclass_soso div.lso form button {width:23%; overflow:hidden; height:50px; border:0px; display:block; text-align:center; line-height:50px; font-size:20px; color:#FFF; font-weight:bold; display:block; display:block; text-align:left; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:center; align-items:center; align-content:center; background:#054893; cursor:pointer}
.doctorsclass_soso div.lso form button i {width:34px; overflow:hidden; display:block; font-size:24px; height:50px; line-height:54px; text-align:left}
.doctorsclass_soso div.lso form button:hover {width:23%; overflow:hidden; height:50px; border:0px; display:block; text-align:center; line-height:50px; font-size:20px; color:#FFF; font-weight:bold; display:block; display:block; text-align:left; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:center; align-items:center; align-content:center; background:#ec7a00; cursor:pointer}
.doctorsclass_soso div.lso form button:hover i {width:34px; overflow:hidden; display:block; font-size:24px; height:50px; line-height:54px; text-align:left}

.doctorsclass_soso div.rso {width:38%; overflow:hidden; display:block; text-align:left; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-items:center; align-content:center;}
.doctorsclass_soso div.rso span {width:auto; overflow:hidden; text-align:left; line-height:50px; font-size:14px; color:#666; display:block}
.doctorsclass_soso div.rso a {width:auto; overflow:hidden; text-align:left; line-height:50px; font-size:14px; color:#666; display:block; padding-right:10px;}
.doctorsclass_soso div.rso a:hover {width:auto; overflow:hidden; text-align:left; line-height:50px; font-size:14px; color:#054893; text-decoration:underline; display:block; padding-right:10px;}

.doctorsclass_list {width:90%; overflow:hidden; margin:0px auto; min-width:1200px; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:center; align-content:center;}
.doctorsclass_list dl {width:24%; overflow:hidden; margin:0px auto; padding-bottom:2% !important}
.doctorsclass_list dl a {width:100%; overflow:hidden; display:block}
.doctorsclass_list dl a dt {width:100%; overflow:hidden; position:relative}
.doctorsclass_list dl a dt img {width:100%; overflow:hidden; height:auto; display:block; transform: scale(1, 1);}
.doctorsclass_list dl a dt span {width:auto; overflow:hidden; border-radius:3px; background:url(../images/tm.png); height:32px; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; color:#FFF; font-size:12px; line-height:32px; position:absolute; left:10px; bottom:10px; z-index:2; padding-left:8px; padding-right:8px;}
.doctorsclass_list dl a dt span em {width:20px; overflow:hidden; height:32px; text-align:left; line-height:34px; font-size:14px; color:#FFF}
.doctorsclass_list dl a dd {width:auto; overflow:hidden; padding-top:5%; text-align:left; line-height:26px; font-size:20px; color:#333}
.doctorsclass_list dl a dd p {width:100%; overflow:hidden; display:block; padding-top:15px; color:#666; font-size:14px; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:space-between; align-items:center; align-content:center;}
.doctorsclass_list dl a dd p span {width:auto; overflow:hidden; line-height:30px; display:block; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:flex-start; align-items:center; align-content:center;}
.doctorsclass_list dl a dd p span i {width:22px; overflow:hidden; height:30px; text-align:left; line-height:31px; font-size:19px; color:#666; display:block}
.doctorsclass_list dl a dd p b {width:auto; overflow:hidden; line-height:30px; display:block; font-weight:normal;  display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:flex-start; align-items:center; align-content:center;}
.doctorsclass_list dl a dd p b i {width:22px; overflow:hidden; height:30px; text-align:left; line-height:30px; font-size:18px; color:#666; display:block}


.doctorsclass_list dl a:hover {width:100%; overflow:hidden; display:block}
.doctorsclass_list dl a:hover dt {width:100%; overflow:hidden; position:relative}
.doctorsclass_list dl a:hover dt img {width:100%; overflow:hidden; height:auto; display:block; transform: scale(1.05, 1.05);}
.doctorsclass_list dl a:hover dt span {width:auto; overflow:hidden; border-radius:3px; background:#666; height:32px; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; color:#FFF; font-size:12px; line-height:32px; position:absolute; left:10px; bottom:10px; z-index:2; padding-left:8px; padding-right:8px;}
.doctorsclass_list dl a:hover dt span em {width:20px; overflow:hidden; height:32px; text-align:left; line-height:34px; font-size:14px; color:#FFF}
.doctorsclass_list dl a:hover dd {width:auto; overflow:hidden; padding-top:5%; text-align:left; line-height:26px; font-size:20px; color:#003e82;}
.doctorsclass_list dl a:hover dd p {width:100%; overflow:hidden; display:block; padding-top:15px; font-size:14px; color:#666; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:space-between; align-items:center; align-content:center;}
.doctorsclass_list dl a:hover dd p span {width:auto; overflow:hidden; line-height:30px; display:block; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:flex-start; align-items:center; align-content:center;}
.doctorsclass_list dl a:hover dd p span i {width:22px; overflow:hidden; height:30px; text-align:left; line-height:31px; font-size:19px; color:#666; display:block}
.doctorsclass_list dl a:hover dd p b {width:auto; overflow:hidden; line-height:30px; display:block; font-weight:normal;  display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:flex-start; align-items:center; align-content:center;}
.doctorsclass_list dl a:hover dd p b i {width:22px; overflow:hidden; height:30px; text-align:left; line-height:30px; font-size:18px; color:#666; display:block}
/*****************名医讲堂结束************************/

/*****************视频中心开始************************/
.videocenter_banner {width:100%; overflow:hidden; height:280px; padding-top:120px; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center;}
.videocenter_banner h1 {width:90%; overflow:hidden; text-align:left; line-height:60px; font-size:44px; font-weight:normal; color:#fff}

.videocenter_flss {width:90%; overflow:hidden; margin:0px auto; min-width:1200px; margin-top:3%; margin-bottom:2%; padding-bottom:2%; border-bottom:1px solid #ddd; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:center; align-content:center;}
.videocenter_flss div.l {width:50%; overflow:hidden; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-items:center; align-content:center;}
.videocenter_flss div.l a {width:auto; overflow:hidden; height:48px; text-align:center; line-height:48px; font-size:18px; color:#333; font-weight:bold; border:1px solid #ddd; display:block; padding-left:4%; padding-right:4%; background:#fff; margin-right:10px;}
.videocenter_flss div.l a:hover {width:auto; overflow:hidden; height:48px; text-align:center; line-height:48px; font-size:18px; color:#fff; font-weight:bold; border:1px solid #003876; display:block; padding-left:4%; padding-right:4%; background:#003876; margin-right:10px;}
.videocenter_flss div.l a.ahover {width:auto; overflow:hidden; height:48px; text-align:center; line-height:48px; font-size:18px; color:#fff; font-weight:bold; border:1px solid #003876; display:block; padding-left:4%; padding-right:4%; background:#003876; margin-right:10px;}

.videocenter_flss div.r {width:50%; overflow:hidden;}
.videocenter_flss div.r form {width:100%; overflow:hidden; height:50px; display:block; display:block; text-align:left; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:flex-start; align-items:center; align-content:center;}
.videocenter_flss div.r form input {width:70%; overflow:hidden; height:48px; padding-left:3%; padding-right:3%; text-align:left; line-height:48px; border:1px solid #e5e5e5; color:#999; font-size:16px; border-right:0px;}
.videocenter_flss div.r form button {width:23%; overflow:hidden; height:50px; border:0px; display:block; text-align:center; line-height:50px; font-size:20px; color:#FFF; font-weight:bold; display:block; display:block; text-align:left; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:center; align-items:center; align-content:center; background:#054893; cursor:pointer}
.videocenter_flss div.r form button i {width:34px; overflow:hidden; display:block; font-size:24px; height:50px; line-height:54px; text-align:left}
.videocenter_flss div.r form button:hover {width:23%; overflow:hidden; height:50px; border:0px; display:block; text-align:center; line-height:50px; font-size:20px; color:#FFF; font-weight:bold; display:block; display:block; text-align:left; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:center; align-items:center; align-content:center; background:#ec7a00; cursor:pointer}
.videocenter_flss div.r form button:hover i {width:34px; overflow:hidden; display:block; font-size:24px; height:50px; line-height:54px; text-align:left}

.videoshow_mian {width:100%; overflow:hidden; background:#fafafa; padding-top:120px; padding-bottom:5%}
.videoshow_bofang {width:60%; overflow:hidden; margin:0px auto; padding-top:3%; min-width:1080px;}
.videoshow_bofang div.m {width:100%; overflow:hidden; height:auto;}
.videoshow_bofang div.m div#my-video {width:100% !important; overflow:hidden !important; height:0px !important; position:relative !important; padding-bottom: 56.3% !important;}
.videoshow_bofang div.m div#my-video button.vjs-big-play-button {top:8% !important; left:4% !important; background:url(../images/video/ico_bf.png) center no-repeat #054994 !important;}
.videoshow_bofang div.m div#my-video div.vjs-control-bar {width:auto; padding-bottom:5px !important; padding-top:3px !important;}
.videoshow_bofang div.m div#my-video div.vjs-control-bar button.vjs-play-control {background:url(../images/video/ico_bf.png) center no-repeat !important;}
.videoshow_bofang div.m div#my-video div.vjs-control-bar button.vjs-mute-control {background:url(../images/video/ico_lb.png) center no-repeat !important;}
.videoshow_bofang div.m div#my-video div.vjs-control-bar button.vjs-fullscreen-control {background:url(../images/video/ico_qp.png) center no-repeat !important;}
.videoshow_bofang div.m video {width:100% !important; overflow:hidden !important; height:100% !important; display:block !important; position:absolute !important; top:0px !important; left:0px !important; object-fit:contain !important}

.videoshow_bofang div.title {width:94%; overflow:hidden; height:auto; padding:3%; background:#000; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:space-between; align-items:center; align-content:center;}
.videoshow_bofang div.title div.l {width:70%; overflow:hidden;}
.videoshow_bofang div.title div.l h1 {width:100%; overflow:hidden; text-align:left; line-height:40px; font-size:24px; color:#FFF;}
.videoshow_bofang div.title div.l p {width:100%; overflow:hidden; display:block; padding-top:8px; font-size:14px; color:#fff; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:flex-start; align-items:center; align-content:center;}
.videoshow_bofang div.title div.l p span {width:auto; overflow:hidden; line-height:30px; display:block; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:flex-start; align-items:center; align-content:center;}
.videoshow_bofang div.title div.l p span i {width:22px; overflow:hidden; height:30px; text-align:left; line-height:31px; font-size:19px; color:#fff; display:block}
.videoshow_bofang div.title div.l p b {width:auto; overflow:hidden; line-height:30px; display:block; font-weight:normal;  display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:flex-start; align-items:center; align-content:center;}
.videoshow_bofang div.title div.l p b i {width:22px; overflow:hidden; height:30px; text-align:left; line-height:30px; font-size:18px; color:#fff; display:block}

.videoshow_bofang div.title div.r {width:30%; overflow:hidden;}
.videoshow_bofang div.title div.r div.share {width:100%; overflow:hidden;}
.videoshow_bofang div.title div.r div.share div.bdsharebuttonbox {width:100%; overflow:hidden; height:40px; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-end; align-items:center; align-content:center;}
.videoshow_bofang div.title div.r div.share div.bdsharebuttonbox a {width:36px !important; height:36px !important; overflow:hidden !important; margin:0px !important; padding:0px !important; background:none !important; text-align:center !important; line-height:36px !important; font-size:24px !important; color:#fff !important; text-indent:0px !important; border-radius:100px !important; border:2px solid #fff !important; margin-left:6px !important}
.videoshow_bofang div.title div.r div.share div.bdsharebuttonbox a:hover {width:36px !important; height:36px !important; overflow:hidden !important; margin:0px !important; padding:0px !important; background:#f57900 !important; text-align:center !important; line-height:36px !important; font-size:24px !important; color:#f57900 !important; text-indent:0px !important; border-radius:100px !important; border:2px solid #f57900 !important; margin-left:6px !important;}

.videoshow_bofang div.fy {width:96%; overflow:hidden; margin:0px auto; text-align:left; line-height:30px; font-size:18px; color:#333; background:#eee; padding:2%; margin-top:4%; padding-top:1.2%; padding-bottom:1.2%}
.videoshow_bofang div.fy a {width:100%; overflow:hidden; text-align:left; line-height:40px; font-size:16px; color:#333; display:block}
.videoshow_bofang div.fy a:hover {width:100%; overflow:hidden; text-align:left; line-height:40px; font-size:16px; color:#004797; text-decoration:underline; display:block}
/*****************视频中心结束************************/
/*****************用户服务开始************************/
.userservice_banner {width:100%; overflow:hidden; min-width:1200px; height:100vh; background:url(../images/service/topbanner.jpg) center top no-repeat; background-size:cover; position:relative; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:center; align-items:center; align-content:center; position:relative}
.userservice_banner i {width:100%; overflow:hidden; height:100%; display:block; background:url(../images/service/tm.png); position:absolute; top:0px; left:0px; z-index:999}
.userservice_banner div.v {width:100%; overflow:hidden; height:100%; display:block; position:absolute; left:0px; top:0px; z-index:99}
.userservice_banner div.v video {width:100%; height:auto; display:block}

.userservice_banner div.m {width:50%; overflow:hidden; margin:0px auto; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-items:center; align-content:center; padding-right:40%; position:relative; z-index:9999}
.userservice_banner div.m h1 {width:100%; overflow:hidden; text-align:left; line-height:60px; font-size:44px; font-weight:normal; color:#FFF; margin-top:6%}
.userservice_banner div.m div.link {width:100%; overflow:hidden; padding-top:40px; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-items:center; align-content:center;}
.userservice_banner div.m div.link a {width:auto; overflow:hidden; height:38px; border:1px solid #fff; text-align:center; line-height:38px; font-size:16px; color:#FFF; display:block; padding-left:3%; padding-right:3%; margin-right:2%; background:none}
.userservice_banner div.m div.link a:hover {width:auto; overflow:hidden; height:38px; border:1px solid #fff; text-align:center; line-height:38px; font-size:16px; color:#333; display:block; padding-left:3%; padding-right:3%; margin-right:2%; background:#FFF}
.userservice_banner div.m div.erweima {width:100%; overflow:hidden; padding-top:100px; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-items:center; align-content:center;}
.userservice_banner div.m div.erweima dl {width:auto; overflow:hidden; margin-right:2% !important; display:block}
.userservice_banner div.m div.erweima dl dd {width:auto; overflow:hidden; padding:8px; background:#fff}
.userservice_banner div.m div.erweima dl dd img {width:auto; overflow:hidden; height:auto; display:block; max-width:122px;}
.userservice_banner div.m div.erweima dl dt {width:auto; overflow:hidden; text-align:center; line-height:35px; font-size:18px; color:#FFF; padding-top:8px;}

.userservice_video {width:90%; margin:0px auto; margin-top:4%; min-width:1200px; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-items:flex-start; align-content:center;}
.userservice_video i {width:80px; overflow:hidden; height:10px; display:block; border-radius:100px; background:#004189;}
.userservice_video div.tit {width:100%; overflow:hidden; padding-top:15px; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:flex-end; align-content:center;}
.userservice_video div.tit h1 {width:30%; overflow:hidden; text-align:left; line-height:50px; font-size:40px; color:#004189}
.userservice_video div.tit div.sofl {width:70%; overflow:hidden; height:50px; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-end; align-items:flex-end; align-content:center;}
.userservice_video div.tit div.sofl form {width:auto; overflow:hidden; height:50px; display:block; display:block; text-align:left; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:flex-start; align-items:center; align-content:center;}
.userservice_video div.tit div.sofl form input {width:300px; overflow:hidden; height:48px; padding-left:3%; padding-right:3%; text-align:left; line-height:48px; border:1px solid #ccc; color:#666; font-size:16px; border-right:0px; background:#fff}
.userservice_video div.tit div.sofl form button {width:180px; overflow:hidden; height:50px; border:0px; display:block; text-align:center; line-height:50px; font-size:20px; color:#FFF; font-weight:bold; display:block; display:block; text-align:left; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:center; align-items:center; align-content:center; background:#054893; cursor:pointer}
.userservice_video div.tit div.sofl form button b {width:34px; overflow:hidden; display:block; font-size:24px; height:50px; line-height:54px; text-align:left; font-weight:normal}
.userservice_video div.tit div.sofl form button:hover {width:180px; overflow:hidden; height:50px; border:0px; display:block; text-align:center; line-height:50px; font-size:20px; color:#FFF; font-weight:bold; display:block; display:block; text-align:left; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:center; align-items:center; align-content:center; background:#ec7a00; cursor:pointer}
.userservice_video div.tit div.sofl form button:hover b {width:34px; overflow:hidden; display:block; font-size:24px; height:50px; line-height:54px; text-align:left; font-weight:normal}
.userservice_video div.tit div.sofl a {width:auto; overflow:hidden; height:48px; border:1px solid #ddd; text-align:center; line-height:48px; font-size:16px; color:#333; display:block; padding-left:3%; padding-right:3%; margin-left:2%; background:none}
.userservice_video div.tit div.sofl a:hover {width:auto; overflow:hidden; height:48px; border:1px solid #004189; text-align:center; line-height:48px; font-size:16px; color:#fff; display:block; padding-left:3%; padding-right:3%; margin-left:2%; background:#004189}

.userservice_video div.vl {width:101%; height:auto; position:relative; margin-left:-0.5%}

.swiper-container1 {width: 100%; overflow:hidden; margin:0px auto; height: 100%; margin-top:2%; margin-bottom:2%}
.swiper-container1 div.swiper-slide {width:auto; overflow:hidden;}
.swiper-container1 div.swiper-slide dl {width:96%; overflow:hidden; margin:0px auto !important; padding-bottom:2% !important}
.swiper-container1 div.swiper-slide dl a {width:100%; overflow:hidden; display:block}
.swiper-container1 div.swiper-slide dl a dt {width:100%; overflow:hidden; position:relative}
.swiper-container1 div.swiper-slide dl a dt img {width:100%; overflow:hidden; height:auto; display:block; transform: scale(1, 1);}
.swiper-container1 div.swiper-slide dl a dt span {width:auto; overflow:hidden; border-radius:3px; background:url(../images/tm.png); height:32px; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; color:#FFF; font-size:12px; line-height:32px; position:absolute; left:10px; bottom:10px; z-index:2; padding-left:8px; padding-right:8px;}
.swiper-container1 div.swiper-slide dl a dt span em {width:20px; overflow:hidden; height:32px; text-align:left; line-height:34px; font-size:14px; color:#FFF}
.swiper-container1 div.swiper-slide dl a dd {width:auto; overflow:hidden; padding-top:5%; text-align:left; line-height:30px; font-size:18px; color:#333}
.swiper-container1 div.swiper-slide dl a dd p {width:100%; overflow:hidden; display:block; padding-top:10px; color:#666; font-size:14px;}

.swiper-container1 div.swiper-slide dl a:hover {width:100%; overflow:hidden; display:block}
.swiper-container1 div.swiper-slide dl a:hover dt {width:100%; overflow:hidden; position:relative}
.swiper-container1 div.swiper-slide dl a:hover dt img {width:100%; overflow:hidden; height:auto; display:block; transform: scale(1.05, 1.05);}
.swiper-container1 div.swiper-slide dl a:hover dt span {width:auto; overflow:hidden; border-radius:3px; background:#666; height:32px; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; color:#FFF; font-size:12px; line-height:32px; position:absolute; left:10px; bottom:10px; z-index:2; padding-left:8px; padding-right:8px;}
.swiper-container1 div.swiper-slide dl a:hover dt span em {width:20px; overflow:hidden; height:32px; text-align:left; line-height:34px; font-size:14px; color:#FFF}
.swiper-container1 div.swiper-container1 div.swiper-slide dl a:hover dd {width:auto; overflow:hidden; padding-top:5%; text-align:left; line-height:30px; font-size:18px; color:#003e82}
.swiper-container1 div.swiper-slide dl a:hover dd p {width:100%; overflow:hidden; display:block; padding-top:10px; color:#666; font-size:14px;}
.swiper-container1 span.swiper-notification {display:none !important}

.userservice_video div.vl div.swiper-button-next1 {width:60px !important; overflow:hidden !important; height:70px !important; text-align:center !important; line-height:70px !important; --swiper-navigation-size:60px !important; color:#063262 !important; position:absolute !important; right:-70px !important; top:40% !important; transform: translate(0%, 0%) !important; z-index:9999999 !important}
.userservice_video div.vl div.swiper-button-prev1 {width:60px !important; overflow:hidden !important; height:70px !important; text-align:center !important; line-height:70px !important; --swiper-navigation-size:60px !important; color:#063262 !important; position:absolute !important; left:-70px !important; top:40% !important; transform: translate(0%, 0%) !important; z-index:9999999 !important}



.userservice_search {width:90%; overflow:hidden; margin:0px auto; min-width:1200px; margin-top:4%; padding:5%; padding-top:4%; padding-bottom:4%; background:#f7f7f7}
.userservice_search h1 {width:100%; overflow:hidden; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-items:center; align-content:center;}
.userservice_search h1 i {width:80px; overflow:hidden; height:10px; display:block; border-radius:100px; background:#004189;}
.userservice_search h1 span {width:100%; overflow:hidden; text-align:left; display:block; font-size:40px; line-height:50px; color:#004189; padding-top:15px}
.userservice_search div.m {width:100%; overflow:hidden; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:center; align-content:center; padding-top:3%}
.userservice_search div.m a {width:49%; overflow:hidden; background:#044893; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; padding-top:3%; padding-bottom:3%}
.userservice_search div.m a em {width:120px; overflow:hidden; height:140px; display:block}
.userservice_search div.m a em img {width:100%; overflow:hidden; height:auto; display:block}
.userservice_search div.m a span {width:auto; overflow:hidden; font-size:60px; line-height:70px; color:#FFF; padding-left:3%; padding-right:3%; display:block; font-weight:bold}
.userservice_search div.m a b {width:80px; overflow:hidden; height:70px; line-height:80px; text-align:right; font-size:70px; color:#FFF; font-weight:normal; display:block}
.userservice_search div.m a:hover {width:49%; overflow:hidden; background:#e78800; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; padding-top:3%; padding-bottom:3%}
.userservice_search div.m a:hover em {width:120px; overflow:hidden; height:140px; display:block}
.userservice_search div.m a:hover em img {width:100%; overflow:hidden; height:auto; display:block}
.userservice_search div.m a:hover span {width:auto; overflow:hidden; font-size:60px; line-height:70px; color:#FFF; padding-left:3%; padding-right:3%; display:block; font-weight:bold}
.userservice_search div.m a:hover b {width:80px; overflow:hidden; height:70px; line-height:80px; text-align:right; font-size:70px; color:#FFF; font-weight:normal; display:block}


.userservice_tousu {width:90%; margin:0px auto; margin-top:4%; min-width:1200px; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-items:flex-start; align-content:center;}
.userservice_tousu i {width:80px; overflow:hidden; height:10px; display:block; border-radius:100px; background:#004189;}
.userservice_tousu div.tit {width:100%; overflow:hidden; padding-top:15px; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:flex-end; align-content:center;}
.userservice_tousu div.tit h1 {width:30%; overflow:hidden; text-align:left; line-height:50px; font-size:40px; color:#004189}
.userservice_tousu div.tit div.more {width:70%; overflow:hidden; height:50px; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-end; align-items:flex-end; align-content:center;}
.userservice_tousu div.tit div.more a {width:auto; overflow:hidden; height:48px; border:1px solid #ddd; text-align:center; line-height:48px; font-size:16px; color:#333; display:block; padding-left:3%; padding-right:3%; margin-left:2%; background:none}
.userservice_tousu div.tit div.more a:hover {width:auto; overflow:hidden; height:48px; border:1px solid #004189; text-align:center; line-height:48px; font-size:16px; color:#fff; display:block; padding-left:3%; padding-right:3%; margin-left:2%; background:#004189}

.userservice_tousu div.sub {width:100%; overflow:hidden; position:relative; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:flex-start; align-content:center; padding-bottom:12%; margin-bottom:8%; margin-top:3%}
.userservice_tousu div.sub div.l {width:35%; overflow:hidden}
.userservice_tousu div.sub div.l h3 {width:100%; overflow:hidden; text-align:left; font-size:24px; color:#333; margin-top:3%; margin-bottom:3%}
.userservice_tousu div.sub div.l dl {width:100%; overflow:hidden; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-items:center; align-content:center;}
.userservice_tousu div.sub div.l dl dt {width:25px; overflow:hidden; height:34px; text-align:left; line-height:36px; font-size:20px; color:#333}
.userservice_tousu div.sub div.l dl dd {width:93%; overflow:hidden; height:34px; text-align:left; line-height:34px; font-size:16px; color:#333}
.userservice_tousu div.sub div.r {width:65%; overflow:hidden}
.userservice_tousu div.sub div.r img {width:100%; overflow:hidden; height:auto; display:block}

.userservice_tousu div.bd {width:40%; overflow:hidden; background:url(../images/service/tm1.png); padding:2%; position:absolute; left:0px; bottom:0px; z-index:9999}
.userservice_tousu div.bd h3 {width:76%; overflow:hidden; text-align:left; font-size:20px; color:#333;}
.userservice_tousu div.bd h4 {width:76%; overflow:hidden; text-align:left; font-size:14px; color:#6c6c6c; font-weight:normal; line-height:24px; padding-top:5px;}
.userservice_tousu div.bd form {width:76%; overflow:hidden; display:block; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:center; align-content:center; margin-top:2%}
.userservice_tousu div.bd form input {width:44%; overflow:hidden; height:38px; text-align:left; line-height:38px; display:block; font-size:15px; color:#666; border:1px solid #ddd; background:#FFF; padding-left:2%; padding-right:2%; margin-top:10px;}
.userservice_tousu div.bd form textarea {width:97%; overflow:hidden; height:80px; text-align:left; line-height:25px; display:block; font-size:15px; color:#666; border:1px solid #ddd; background:#FFF; padding:2%; margin-top:10px;}
.userservice_tousu div.bd form button {width:100%; overflow:hidden; height:45px; border:0px; background:#003876; text-align:center; line-height:45px; font-size:18px; font-weight:bold; color:#FFF; margin-top:10px; cursor:pointer}
.userservice_tousu div.bd form button:hover {width:100%; overflow:hidden; height:45px; border:0px; background:#f39500; text-align:center; line-height:45px; font-size:18px; font-weight:bold; color:#FFF; margin-top:10px; cursor:pointer}

.shouquan_search_banner {width:100%; overflow:hidden; min-width:1200px; height:500px; position:relative; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center;}
.shouquan_search_banner i {width:100%; overflow:hidden; height:100%; display:block; background:url(../images/tm.png); position:absolute; top:0px; left:0px; z-index:999}
.shouquan_search_banner h1 {width:90%; overflow:hidden; text-align:left; line-height:60px; font-size:44px; font-weight:bold; color:#FFF; position:relative; z-index:9999; margin-top:120px}
.shouquan_search_banner h2 {width:90%; overflow:hidden; text-align:left; line-height:40px; font-size:30px; font-weight:normal; color:#FFF; position:relative; z-index:9999;}


.shouquan_search {width:90%; overflow:hidden; margin:0px auto; min-width:1200px; margin-top:8%; margin-bottom:8%;}
.shouquan_search form {width:80%; overflow:hidden; margin:0px auto; height:62px; text-align:left; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:flex-start; align-items:center; align-content:center;}
.shouquan_search form input {width:70%; overflow:hidden; height:60px; padding-left:3%; padding-right:3%; text-align:left; line-height:48px; border:1px solid #ccc; color:#666; font-size:18px; border-right:0px; background:#fff}
.shouquan_search form button {width:23%; overflow:hidden; height:62px; border:0px; display:block; text-align:center; line-height:62px; font-size:20px; color:#FFF; font-weight:bold; display:block; display:block; text-align:left; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:center; align-items:center; align-content:center; background:#054893; cursor:pointer}
.shouquan_search form button i {width:34px; overflow:hidden; display:block; font-size:24px; height:62px; line-height:66px; text-align:left}
.shouquan_search form button:hover {width:23%; overflow:hidden; height:62px; border:0px; display:block; text-align:center; line-height:62px; font-size:20px; color:#FFF; font-weight:bold; display:block; display:block; text-align:left; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:center; align-items:center; align-content:center; background:#ec7a00; cursor:pointer}
.shouquan_search form button:hover i {width:34px; overflow:hidden; display:block; font-size:24px; height:62px; line-height:66px; text-align:left}

.zhibao_banner {width:100%; overflow:hidden; min-width:1200px; height:800px; position:relative; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center;}
.zhibao_banner i {width:100%; overflow:hidden; height:100%; display:block; background:url(../images/tm.png); position:absolute; top:0px; left:0px; z-index:999}
.zhibao_banner h1 {width:90%; overflow:hidden; text-align:left; line-height:60px; font-size:44px; font-weight:bold; color:#FFF; position:relative; z-index:9999; margin-top:120px}
.zhibao_banner h2 {width:90%; overflow:hidden; text-align:left; line-height:40px; font-size:30px; font-weight:normal; color:#FFF; position:relative; z-index:9999;}

.zhibao {width:640px; overflow:hidden; margin:0px auto; margin-top:8%; margin-bottom:8%; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center;}
.zhibao h1 {width:100%; overflow:hidden; text-align:center; color:#044893; font-size:36px; line-height:60px;}
.zhibao dl {width:600px; overflow:hidden; background:#f2f2f2; padding:20px !important; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:space-between; align-items:flex-start; align-content:center; margin-top:3% !important}
.zhibao dl dt {width:36px; overflow:hidden; height:50px; text-align:left; line-height:45px; font-size:30px; color:#F30}
.zhibao dl dd {width:93%; overflow:hidden; text-align:left; font-size:14px; color:#1f1f1f; line-height:26px;}
.zhibao form {width:640px; overflow:hidden; margin:0px auto; text-align:left; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; padding-top:3%}
.zhibao form p {width:100%; overflow:hidden; text-align:left; line-height:35px; font-size:18px; font-weight:bold; color:#044893; display:block; margin-top:2%}
.zhibao form p b {color:#F00; font-weight:normal; padding-right:5px;}
.zhibao form select {width:638px; overflow:hidden; height:46px; border:1px solid #ddd; background:url(../images/service/ico_xl.png) right no-repeat #FFF; text-align:left; line-height:46px; font-size:16px; color:#666; padding-left:15px; padding-right:15px; margin-top:2%}
.zhibao form input.wbk {width:638px; overflow:hidden; height:46px; border:1px solid #ddd; background:#FFF; text-align:left; line-height:46px; font-size:16px; color:#666; padding-left:15px; padding-right:15px; margin-top:2%}
.zhibao form input.riqi {width:638px; overflow:hidden; height:46px; border:1px solid #ddd; background:url(../images/service/ico_rq.png) right no-repeat #FFF; text-align:left; line-height:46px; font-size:16px; color:#666; padding-left:15px; padding-right:15px; margin-top:2%}
.zhibao form div.ssq {width:100%; overflow:hidden; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:center; align-content:center;}
.zhibao form div.ssq select.dz {width:32%; overflow:hidden; height:46px; border:1px solid #ddd; background:url(../images/service/ico_xl.png) right no-repeat #FFF; text-align:left; line-height:46px; font-size:16px; color:#666; padding-left:15px; padding-right:15px; margin-top:2%}
.zhibao form textarea {width:638px; overflow:hidden; height:90px; border:1px solid #ddd; background:#FFF; text-align:left; line-height:46px; font-size:16px; color:#666; padding-left:15px; padding-right:15px; margin-top:2%}
.zhibao form button {width:640px; overflow:hidden; height:60px; text-align:center; line-height:60px; display:block; border:0px; font-size:18px; color:#FFF; background:#003876; margin-top:2%; font-weight:bold; cursor:pointer}
.zhibao form button:hover {width:640px; overflow:hidden; height:60px; text-align:center; line-height:60px; display:block; border:0px; font-size:18px; color:#FFF; background:#F30; margin-top:2%; font-weight:bold; cursor:pointer}

/*****************用户服务结束************************/

/*****************联系我们开始************************/
.contact_banner {width:100%; overflow:hidden; min-width:1200px; height:600px; position:relative; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center;}
.contact_banner i {width:100%; overflow:hidden; height:100%; display:block; background:url(../images/tm.png); position:absolute; top:0px; left:0px; z-index:999}
.contact_banner h1 {width:90%; overflow:hidden; text-align:left; line-height:60px; font-size:44px; font-weight:normal; color:#FFF; position:relative; z-index:9999; margin-top:3%}

.contactwrap {width:90%; overflow:hidden; margin:0px auto; min-width:1200px; margin-top:5%; margin-bottom:5%;}
.contactwrap h1 {width:100%; overflow:hidden; text-align:left; line-height:50px; color:#333; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-items:center; align-content:center;}
.contactwrap h1 span {width:100%; overflow:hidden; text-align:left; display:block; line-height:50px; font-size:40px; color:#333}
.contactwrap h1 i {width:100px; overflow:hidden; height:10px; background:#054893; border-radius:100px; margin-top:30px;}

.contactwrap div.m {width:100%; overflow:hidden; background:#f7f7f7; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:center; align-content:center; margin-top:3%}
.contactwrap div.m div.l {width:44%; overflow:hidden; height:auto; padding:3%}
.contactwrap div.m div.l h3 {width:100%; overflow:hidden; text-align:left; font-size:24px; color:#333; margin-top:3%; margin-bottom:3%}
.contactwrap div.m div.l dl {width:100%; overflow:hidden; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-items:center; align-content:center;}
.contactwrap div.m div.l dl dt {width:30px; overflow:hidden; height:40px; text-align:left; line-height:42px; font-size:24px; color:#333}
.contactwrap div.m div.l dl dd {width:93%; overflow:hidden; height:40px; text-align:left; line-height:40px; font-size:18px; color:#333}
.contactwrap div.m div.r {width:50%; overflow:hidden; height:auto;}
.contactwrap div.m div.r img {width:100%; overflow:hidden; height:auto; display:block}

.contactqita {width:90%; overflow:hidden; margin:0px auto; padding-top:4%; margin-top:4%; border-top:1px solid #ddd; min-width:1200px; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:center; align-content:center;}
.contactqita dl {width:32%; overflow:hidden;}
.contactqita dl dt {width:100%; overflow:hidden}
.contactqita dl dt span {width:100%; overflow:hidden; display:block; text-align:left; line-height:35px; font-size:20px; color:#003876; font-weight:bold}
.contactqita dl dt i {width:40px; overflow:hidden; height:3px; border-radius:100px; background:#003876; display:block; margin-top:2%}
.contactqita dl dd {width:100%; overflow:hidden; text-align:left; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-items:flex-start; align-content:center; margin-top:4% !important}
.contactqita dl dd strong {width:100%; overflow:hidden; line-height:30px; font-size:16px; color:#666; display:block}
.contactqita dl dd p {width:100%; overflow:hidden; text-align:left; line-height:30px; font-size:16px; color:#666; padding-bottom:12px;}

.contactmap {width:100%; overflow:hidden; height:600px; margin-top:4%; background:url(../images/lianxiwomen/map.jpg) center no-repeat; background-size:cover}
/*****************联系我们结束************************/


/*****************招聘开始************************/
.recruitbanner {width:100%; overflow:hidden; min-width:1200px; height:500px; position:relative; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center;}
.recruitbanner i {width:100%; overflow:hidden; height:100%; display:block; background:url(../images/zhaopin/tm.png); position:absolute; top:0px; left:0px; z-index:999}
.recruitbanner h1 {width:90%; overflow:hidden; text-align:left; line-height:60px; font-size:44px; font-weight:normal; color:#FFF; position:relative; z-index:9999; margin-top:3%}

.recruitwrap {width:90%; overflow:hidden; margin:0px auto; min-width:1200px; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:flex-start; align-content:center; margin-top:4%; margin-bottom:4%;}
.recruitwrap div.l {width:70%; overflow:hidden}
.recruitwrap div.l div.so {width:100%; overflow:hidden;}
.recruitwrap div.l div.so form {width:100%; overflow:hidden; margin:0px auto; text-align:left; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:flex-start; align-items:center; align-content:center;}
.recruitwrap div.l div.so form input {width:73%; overflow:hidden; height:50px; border:1px solid #e5e5e5; background:url(../images/zhaopin/ico_.png) left no-repeat #FFF; text-align:left; padding-left:5%; border-radius:100px 0px 0px 100px !important; border-right:0px; padding-right:2%; color:#999; line-height:50px; font-size:18px;}
.recruitwrap div.l div.so form button {width:19%; overflow:hidden; height:52px; border:0px; text-align:center; line-height:52px; font-size:20px; font-weight:bold; color:#FFF; background:#004189; border-radius:0px 100px 100px 0px !important; cursor:pointer}
.recruitwrap div.l div.so form button:hover {width:19%; overflow:hidden; height:52px; border:0px; text-align:center; line-height:52px; font-size:20px; font-weight:bold; color:#FFF; background:#F30; border-radius:0px 100px 100px 0px !important; cursor:pointer}
.recruitwrap div.l div.fl {width:100%; overflow:hidden; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-items:center; align-content:center; margin-top:3%}
.recruitwrap div.l div.fl a {width:auto; overflow:hidden; height:48px; text-align:center; line-height:48px; font-size:18px; color:#333; font-weight:bold; border:1px solid #ddd; display:block; padding-left:4%; padding-right:4%; background:#fff; margin-right:10px;}
.recruitwrap div.l div.fl a:hover {width:auto; overflow:hidden; height:48px; text-align:center; line-height:48px; font-size:18px; color:#fff; font-weight:bold; border:1px solid #003876; display:block; padding-left:4%; padding-right:4%; background:#003876; margin-right:10px;}
.recruitwrap div.l div.fl a.ahover {width:auto; overflow:hidden; height:48px; text-align:center; line-height:48px; font-size:18px; color:#fff; font-weight:bold; border:1px solid #003876; display:block; padding-left:4%; padding-right:4%; background:#003876; margin-right:10px;}

.recruitwrap div.l div.shaixuan {width:100%; overflow:hidden; margin-top:2%;} 
.recruitwrap div.l div.shaixuan dl {width:100%; overflow:hidden; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:flex-start; align-items:center; align-content:center;}
.recruitwrap div.l div.shaixuan dl dt {width:100px; overflow:hidden; text-align:left; line-height:30px; font-size:15px; color:#333}
.recruitwrap div.l div.shaixuan dl dd {width:92%; overflow:hidden; text-align:left; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:flex-start; align-items:center; align-content:center;}
.recruitwrap div.l div.shaixuan dl dd a {width:auto; overflow:hidden; text-align:center; line-height:30px; font-size:15px; color:#333; display:block; padding-right:15px;}
.recruitwrap div.l div.shaixuan dl dd a:hover {width:auto; overflow:hidden; text-align:center; line-height:30px; font-size:15px; color:#004189; display:block; padding-right:15px;}
.recruitwrap div.l div.shaixuan dl dd a.ahover {width:auto; overflow:hidden; text-align:center; line-height:30px; font-size:15px; font-weight:bold; color:#004189; display:block; padding-right:15px;}

.recruitwrap div.l div.zwtj {width:100%; overflow:hidden; margin-top:2%; line-height:26px; font-size:18px; color:#333; text-align:left; padding-bottom:1%; margin-bottom:3%; border-bottom:1px solid #ddd}

.recruitwrap div.l div.list {width:100%; overflow:hidden;}
.recruitwrap div.l div.list a {width:100%; overflow:hidden; padding-bottom:3%; margin-bottom:3%; border-bottom:1px solid #ddd; display:block; position:relative}
.recruitwrap div.l div.list a h1 {width:100%; overflow:hidden; text-align:left; line-height:40px; font-size:24px; color:#333}
.recruitwrap div.l div.list a p {width:100%; overflow:hidden; display:block; line-height:30px; padding-top:25px; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:flex-start; align-items:center; align-content:center;}
.recruitwrap div.l div.list a p span {width:auto; overflow:hidden; display:block; color:#666; font-size:14px;}
.recruitwrap div.l div.list a p i {width:1px; overflow:hidden; height:10px; background:#CCC; margin-left:12px; margin-right:12px; display:block}
.recruitwrap div.l div.list a p em {width:20px; overflow:hidden; height:30px; text-align:left; line-height:32px; display:block; font-size:14px; color:#CCC}
.recruitwrap div.l div.list a b {width:auto; overflow:hidden; line-height:30px; font-size:15px; color:#999; position:absolute; bottom:25px; right:0px; z-index:9; font-weight:normal}
.recruitwrap div.l div.list a:hover {width:100%; overflow:hidden; padding-bottom:3%; margin-bottom:3%; border-bottom:1px solid #ddd; display:block; position:relative}
.recruitwrap div.l div.list a:hover h1 {width:100%; overflow:hidden; text-align:left; line-height:40px; font-size:24px; color:#004189; text-decoration:underline}
.recruitwrap div.l div.list a:hover p {width:100%; overflow:hidden; display:block; line-height:30px; padding-top:25px; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:flex-start; align-items:center; align-content:center;}
.recruitwrap div.l div.list a:hover p span {width:auto; overflow:hidden; display:block; color:#666; font-size:14px;}
.recruitwrap div.l div.list a:hover p i {width:1px; overflow:hidden; height:10px; background:#CCC; margin-left:12px; margin-right:12px; display:block}
.recruitwrap div.l div.list a:hover p em {width:20px; overflow:hidden; height:30px; text-align:left; line-height:32px; display:block; font-size:14px; color:#CCC}
.recruitwrap div.l div.list a:hover b {width:auto; overflow:hidden; line-height:30px; font-size:15px; color:#999; position:absolute; bottom:25px; right:0px; z-index:9; font-weight:normal}

.recruitwrap div.r {width:28%; overflow:hidden;}
.recruitwrap div.r h1 {width:100%; overflow:hidden; height:70px; border-bottom:1px solid #ddd; border-top:4px solid #004189; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:space-between; align-items:center; align-content:center;}
.recruitwrap div.r h1 p {width:70%; overflow:hidden; height:70px; text-align:left; display:block; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:flex-start; align-items:center; align-content:center;}
.recruitwrap div.r h1 p i {width:30px; overflow:hidden; height:70px; text-align:left; line-height:70px; font-size:24px; color:#004189}
.recruitwrap div.r h1 p span {width:auto; overflow:hidden; line-height:70px; font-size:20px; color:#004189}
.recruitwrap div.r h1 em {width:30px; overflow:hidden; height:70px; text-align:right; line-height:70px; font-size:24px; color:#004189}
.recruitwrap div.r div.list {width:100%; overflow:hidden; margin-top:3%}
.recruitwrap div.r div.list a {width:100%; overflow:hidden; padding-bottom:3%; margin-bottom:3%; border-bottom:1px solid #ddd; display:block; position:relative}
.recruitwrap div.r div.list a h2 {width:100%; overflow:hidden; text-align:left; line-height:34px; font-size:18px; color:#333}
.recruitwrap div.r div.list a p {width:100%; overflow:hidden; display:block; line-height:30px; padding-top:10px; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:flex-start; align-items:center; align-content:center;}
.recruitwrap div.r div.list a p span {width:auto; overflow:hidden; display:block; color:#666; font-size:14px;}
.recruitwrap div.r div.list a p i {width:1px; overflow:hidden; height:10px; background:#CCC; margin-left:12px; margin-right:12px; display:block}
.recruitwrap div.r div.list a p em {width:20px; overflow:hidden; height:30px; text-align:left; line-height:32px; display:block; font-size:14px; color:#CCC}
.recruitwrap div.r div.list a b {width:auto; overflow:hidden; line-height:30px; font-size:15px; color:#999; position:absolute; bottom:25px; right:0px; z-index:9; font-weight:normal}
.recruitwrap div.r div.list a:hover {width:100%; overflow:hidden; padding-bottom:3%; margin-bottom:3%; border-bottom:1px solid #ddd; display:block; position:relative}
.recruitwrap div.r div.list a:hover h2 {width:100%; overflow:hidden; text-align:left; line-height:34px; font-size:18px; color:#004189; text-decoration:underline}
.recruitwrap div.r div.list a:hover p {width:100%; overflow:hidden; display:block; line-height:30px; padding-top:10px; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:flex-start; align-items:center; align-content:center;}
.recruitwrap div.r div.list a:hover p span {width:auto; overflow:hidden; display:block; color:#666; font-size:14px;}
.recruitwrap div.r div.list a:hover p i {width:1px; overflow:hidden; height:10px; background:#CCC; margin-left:12px; margin-right:12px; display:block}
.recruitwrap div.r div.list a:hover p em {width:20px; overflow:hidden; height:30px; text-align:left; line-height:32px; display:block; font-size:14px; color:#CCC}
.recruitwrap div.r div.list a:hover b {width:auto; overflow:hidden; line-height:30px; font-size:15px; color:#999; position:absolute; bottom:25px; right:0px; z-index:9; font-weight:normal}

.recruitwrap div.r div.ewm {width:100%; overflow:hidden; margin-top:2%;}
.recruitwrap div.r div.ewm img {width:auto; overflow:hidden; height:auto; display:block}

.recruitwrap_show {width:70%; overflow:hidden; min-width:1000px; margin:0px auto; margin-top:120px; padding-top:5%; padding-bottom:5%}
.recruitwrap_show div.title {width:100%; overflow:hidden; padding-bottom:2%; margin-bottom:3%; border-bottom:1px solid #ddd; display:block; position:relative}
.recruitwrap_show div.title h1 {width:100%; overflow:hidden; text-align:left; line-height:34px; font-size:30px; color:#333}
.recruitwrap_show div.title p {width:100%; overflow:hidden; display:block; line-height:30px; padding-top:30px; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:flex-start; align-items:center; align-content:center;}
.recruitwrap_show div.title p span {width:auto; overflow:hidden; display:block; color:#666; font-size:14px;}
.recruitwrap_show div.title p i {width:1px; overflow:hidden; height:10px; background:#CCC; margin-left:12px; margin-right:12px; display:block}
.recruitwrap_show div.title p em {width:20px; overflow:hidden; height:30px; text-align:left; line-height:32px; display:block; font-size:14px; color:#CCC}
.recruitwrap_show div.title b {width:auto; overflow:hidden; line-height:30px; font-size:15px; color:#999; position:absolute; bottom:25px; right:0px; z-index:9; font-weight:normal}

.recruitwrap_show div.sub {width:100%; overflow:hidden; text-align:left; line-height:30px; font-size:16px; color:#333}
.recruitwrap_show div.sub h3 {width:100%; overflow:hidden; text-align:left; font-size:20px; color:#333; display:block; padding-bottom:10px;}
.recruitwrap_show div.sub div {width:100%; overflow:hidden; text-align:left; font-size:16px; color:#333; display:block; padding-bottom:30px;}
.recruitwrap_show div.sub a {width:230px; overflow:hidden; height:50px; border-radius:6px; margin-top:3%; background:#004189; text-align:center; line-height:50px; font-size:18px; color:#FFF; padding-left:35px; padding-right:35px; font-weight:bold; display:block}
.recruitwrap_show div.sub a:hover {width:230px; overflow:hidden; height:50px; border-radius:6px; margin-top:3%; background:#F30; text-align:center; line-height:50px; font-size:18px; color:#FFF; padding-left:35px; padding-right:35px; font-weight:bold; display:block}
/*****************招聘结束************************/


/*****************关于我们开始************************/
.aboutwrap_topbanner {width:100%; overflow:hidden; min-width:1200px; height:900px; position:relative; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:center; align-items:center; align-content:center;}
.aboutwrap_topbanner i {width:100%; overflow:hidden; height:100%; background:url(../images/tm.png); top:0px; left:0px; z-index:999; position:absolute}
.aboutwrap_topbanner h1 {width:90%; overflow:hidden; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:flex-end; align-items:center; align-content:center; margin-top:0%}
.aboutwrap_topbanner h1 img {width:auto; overflow:hidden; height:auto; display:block; position:relative; z-index:9999}
.aboutwrap_topbanner div.v {width:100%; overflow:hidden; height:100%; display:block; position:absolute; left:0px; top:0px; z-index:99}
.aboutwrap_topbanner div.v video {width:122%; height:auto; display:block; margin-left:-11%}

.aboutwrap_jj {width:100%; overflow:hidden; min-width:1200px; height:900px; position:relative; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:center; align-items:center; align-content:center;}
.aboutwrap_jj div.m {width:64%; overflow:hidden; min-width:1000px; background:url(../images/about/tm.png); padding:8%; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; padding-top:5%; padding-bottom:5%}
.aboutwrap_jj div.m h1 {width:100%; overflow:hidden; text-align:left; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:flex-start; align-items:center; align-content:center;}
.aboutwrap_jj div.m h1 i {width:80px; overflow:hidden; height:5px; display:block; background:#fff; border-radius:100px;}
.aboutwrap_jj div.m h1 span {width:auto; overflow:hidden; font-size:36px; color:#FFF; padding-left:10px;}
.aboutwrap_jj div.m div.sub {width:95%; overflow:hidden; text-align:left; color:#FFF; font-size:18px; line-height:30px; padding-left:90px;}
.aboutwrap_jj div.m div.sub p {width:auto; overflow:hidden; display:block; text-indent:30px; padding-top:20px;}



.about_zjkn {width:100%; overflow:hidden; min-width:1200px; position:relative; height:100vh; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:space-between; align-items:stretch; align-content:stretch;}
.about_zjkn div.l {width:35%; overflow:hidden;}
.about_zjkn div.l em {width:120%; overflow:hidden; height:120%; background:url(../images/about/jianjiebanner.jpg) no-repeat center center / cover; filter: blur(10px); display:block; margin-left:-10%; margin-top:-10%}
.about_zjkn div.l::after {position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.5); z-index:-2; }
.about_zjkn div.r {width:65%; overflow:hidden; background:#004189}
.about_zjkn div.m {width:82%; overflow:hidden; height:100%; padding-left:18%; padding-right:10%; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:space-between; align-items:center; align-content:center; position:absolute; top:0px; left:0px; z-index:1000}
.about_zjkn div.m div.ltu {width:40%; overflow:hidden; height:auto}
.about_zjkn div.m div.ltu img {width:100%; overflow:hidden; height:auto; display:block}
.about_zjkn div.m div.rwz {width:56%; overflow:hidden; height:auto}

.about_zjkn div.m div.rwz h1 {width:100%; overflow:hidden; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:flex-start; align-items:center; align-content:center;}
.about_zjkn div.m div.rwz h1 i {width:60px; overflow:hidden; height:5px; display:block; background:#fff; border-radius:100px; margin-right:10px;}
.about_zjkn div.m div.rwz h1 span {width:auto; overflow:hidden; display:block; font-size:26px; font-weight:bold; color:#FFF;}
.about_zjkn div.m div.rwz h2 {width:80%; overflow:hidden; padding-top:20px; text-align:left; line-height:20px; font-size:14px; color:#FFF; font-weight:normal}
.about_zjkn div.m div.rwz h3 {width:80%; overflow:hidden; height:auto; display:block; text-align:left; line-height:30px; font-size:26px; color:#FFF; margin-top:30px}
.about_zjkn div.m div.rwz div.nr {width:80%; overflow:hidden; text-align:left; line-height:24px; font-size:14px; color:#FFF; margin-top:2%}
.about_zjkn div.m div.rwz div.nr p {width:100%; overflow:hidden; display:block; padding-top:10px;}



.aboutwrap_bkleft {width:90%; overflow:hidden; margin:0px auto; margin-top:5%; margin-bottom:4%}
.aboutwrap_bkleft div.title {width:100%; overflow:hidden;}
.aboutwrap_bkleft div.title h1 {width:100%; overflow:hidden; text-align:left; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:flex-start; align-items:center; align-content:center;}
.aboutwrap_bkleft div.title h1 i {width:60px; overflow:hidden; height:8px; display:block; background:#004189; border-radius:100px;}
.aboutwrap_bkleft div.title h1 span {width:auto; overflow:hidden; font-size:36px; color:#004189; padding-left:10px;}
.aboutwrap_bkleft div.title p {width:100%; overflow:hidden; display:blockl; text-align:left; line-height:26px; font-size:18px; color:#636363; padding-top:15px;}

.aboutwrap_bkright {width:90%; overflow:hidden; margin:0px auto; margin-top:5%; margin-bottom:4%}
.aboutwrap_bkright div.title {width:100%; overflow:hidden;}
.aboutwrap_bkright div.title h1 {width:100%; overflow:hidden; text-align:left; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:flex-end; align-items:center; align-content:center;}
.aboutwrap_bkright div.title h1 i {width:60px; overflow:hidden; height:8px; display:block; background:#004189; border-radius:100px;}
.aboutwrap_bkright div.title h1 span {width:auto; overflow:hidden; font-size:36px; color:#004189; padding-right:10px;}
.aboutwrap_bkright div.title p {width:100%; overflow:hidden; display:blockl; text-align:right; line-height:26px; font-size:18px; color:#636363; padding-top:15px;}



.abouttab1 {width:100%; margin:0px auto; min-width:1200px; margin-top:2%} 
.abouttab1 .abouttab1Title {width:100%; overflow:hidden; height:auto;} 
.abouttab1 .abouttab1Title ul {width:100%; overflow:hidden; height:auto; background:url(../images/about/x.jpg) bottom repeat-x; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:flex-start; align-items:center; align-content:center;} 
.abouttab1 .abouttab1Title li {width:auto; height:48px; cursor: pointer; list-style-type: none; text-align:center; line-height:48px; font-size:18px; margin-right:30px;} 
.abouttab1 .abouttab1Title .active {color:#004189; font-weight:bold; background:url(../images/about/x_k.jpg) bottom repeat-x;}
.abouttab1 .abouttab1Title .normal {color:#181818; font-weight:normal} 
.abouttab1 .abouttab1Content {width:100%;}
.abouttab1none {display:none;}


.abouttab2 {width:100%; margin:0px auto; min-width:1200px; margin-top:2%} 
.abouttab2 .abouttab2Title {width:100%; overflow:hidden; height:auto;} 
.abouttab2 .abouttab2Title ul {width:100%; overflow:hidden; height:auto; background:url(../images/about/x.jpg) bottom repeat-x; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:flex-end; align-items:center; align-content:center;} 
.abouttab2 .abouttab2Title li {width:auto; height:48px; cursor: pointer; list-style-type: none; text-align:center; line-height:48px; font-size:18px; margin-left:30px;} 
.abouttab2 .abouttab2Title .active {color:#004189; font-weight:bold; background:url(../images/about/x_k.jpg) bottom repeat-x;}
.abouttab2 .abouttab2Title .normal {color:#181818; font-weight:normal} 
.abouttab2 .abouttab2Content {width:100%;}
.abouttab2none {display:none;}

.abouttab3 {width:100%; margin:0px auto; min-width:1200px; margin-top:2%} 
.abouttab3 .abouttab3Title {width:100%; overflow:hidden; height:auto;} 
.abouttab3 .abouttab3Title ul {width:100%; overflow:hidden; height:auto; background:url(../images/about/x.jpg) bottom repeat-x; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:flex-start; align-items:center; align-content:center;} 
.abouttab3 .abouttab3Title li {width:auto; height:48px; cursor: pointer; list-style-type: none; text-align:center; line-height:48px; font-size:18px; margin-right:30px;} 
.abouttab3 .abouttab3Title .active {color:#004189; font-weight:bold; background:url(../images/about/x_k.jpg) bottom repeat-x;}
.abouttab3 .abouttab3Title .normal {color:#181818; font-weight:normal} 
.abouttab3 .abouttab3Content {width:100%;}
.abouttab3none {display:none;}


.abouttab4 {width:100%; margin:0px auto; min-width:1200px; margin-top:2%} 
.abouttab4 .abouttab4Title {width:100%; overflow:hidden; height:auto;} 
.abouttab4 .abouttab4Title ul {width:100%; overflow:hidden; height:auto; background:url(../images/about/x.jpg) bottom repeat-x; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:flex-end; align-items:center; align-content:center;} 
.abouttab4 .abouttab4Title li {width:auto; height:48px; cursor: pointer; list-style-type: none; text-align:center; line-height:48px; font-size:18px; margin-left:30px;} 
.abouttab4 .abouttab4Title .active {color:#004189; font-weight:bold; background:url(../images/about/x_k.jpg) bottom repeat-x;}
.abouttab4 .abouttab4Title .normal {color:#181818; font-weight:normal} 
.abouttab4 .abouttab4Content {width:100%;}
.abouttab4none {display:none;}







.aboutsubite {width:100%; overflow:hidden; margin-top:3%; position:relative; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; align-items:center; align-content:center;}
.aboutsubite div.pic {width:60%; overflow:hidden; position:relative; z-index:1}
.aboutsubite div.pic img {width:100%; overflow:hidden; height:auto; display:block}
.aboutsubite div.wznr {width:40%; overflow:hidden; padding:5%; background:url(../images/about/tm1.png); position:absolute; z-index:2;}
.aboutsubite div.wznr h1 {width:100%; overflow:hidden; text-align:left; line-height:35px; font-size:20px; color:#004189}
.aboutsubite div.wznr div.nr {width:100%; overflow:hidden; text-align:left; color:#333; font-size:16px; line-height:30px;}
.aboutsubite div.wznr div.nr p {width:auto; overflow:hidden; display:block; text-indent:0px; padding-top:20px;}
/*****************关于我们结束************************/


/*****************智能制造开始************************/
.intelligentbanner {width:100%; overflow:hidden; min-width:1200px; height:100vh; position:relative; z-index:1; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:center; align-items:center; align-content:center; position:relative}
.intelligentbanner video {width:100%; height:auto; display:block}
.intelligentbanner i {width:100%; overflow:hidden; height:100%; display:block; position:absolute; left:0px; top:0px; z-index:99; background:url(../images/tm1.png)}
.intelligentbanner h1 {width:90%; overflow:hidden; height:auto; display:block; position:absolute; top:50%; left:5%; z-index:999; transform: translate(0%, -65%); line-height:2.2vw; font-size:2vw; font-weight:normal; color:#fff;}


.intelligentdate {width:90%; overflow:hidden; min-width:1200px; margin:0px auto; background:#fff; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:space-between; align-items:center; align-content:center; position:relative; margin-top:-84px; z-index:2; padding-top:1%; padding-bottom:1%}
.intelligentdate i {width:1px; overflow:hidden; height:86px; display:block; background:#ddd}
.intelligentdate dl {width:21%; overflow:hidden; padding-left:2% !important; padding-right:2% !important; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:center; align-items:center; align-content:center;}
.intelligentdate dl dt {width:auto; overflow:hidden; text-align:left; font-size:4.2vw; color:#004189; font-family: 'impact' !important;}
.intelligentdate dl dd {width:auto; overflow:hidden; padding-left:15px;}
.intelligentdate dl dd span {width:100%; overflow:hidden; text-align:left; display:block; font-size:1.5vw; height:26px; line-height:24px; color:#004189; font-weight:bold}
.intelligentdate dl dd p {width:100%; overflow:hidden; text-align:left; line-height:1.2vw; font-size:1vw; color:#333; font-weight:bold}

.intelligentquanqiu {width:90%; overflow:hidden; min-width:1200px; margin:0px auto; padding-top:5%; padding-bottom:5%; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:space-between; align-items:center; align-content:center;}
.intelligentquanqiu div.l {width:58%; overflow:hidden;}
.intelligentquanqiu div.l img {width:100%; overflow:hidden; max-width:880px; height:auto; display:block}
.intelligentquanqiu div.l video {width:100%; overflow:hidden; height:auto; display:block; max-width:880px;}
.intelligentquanqiu div.r {width:40%; overflow:hidden; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-items:center; align-content:center;}
.intelligentquanqiu div.r h1 {width:100%; overflow:hidden; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-items:center; align-content:center;}
.intelligentquanqiu div.r h1 i {width:80px; overflow:hidden; height:8px; display:block; border-radius:100px; background:#004189}
.intelligentquanqiu div.r h1 span {width:100%; text-align:left; line-height:50px; font-size:32px; color:#004189; padding-top:10px;}
.intelligentquanqiu div.r h2 {width:100%; overflow:hidden; text-align:left; line-height:30px; font-size:28px; color:#333; margin-top:8%}
.intelligentquanqiu div.r p {width:100%; overflow:hidden; text-align:left; display:block; font-size:16px; color:#666; padding-top:15px; padding-bottom:5%}
.intelligentquanqiu div.r dl {width:100%; overflow:hidden; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:flex-start; align-items:flex-start; align-content:center; padding-top:3% !important}
.intelligentquanqiu div.r dl dt {width:46px; overflow:hidden; height:40px; line-height:40px; text-align:left; font-size:36px; color:#004189}
.intelligentquanqiu div.r dl dd {width:80%; overflow:hidden; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-items:flex-start; align-content:center;}
.intelligentquanqiu div.r dl dd p.w {width:100%; overflow:hidden; display:block; text-align:left; line-height:36px; font-size:20px; color:#004189; font-weight:bold; margin:0px !important; padding:0px !important; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-items:flex-start; align-content:center;}
.intelligentquanqiu div.r dl dd p.w strong {font-size:40px; color:#5188c6; display:inline-block; vertical-align:middle; font-weight:bold; line-height:30px; height:30px; margin-top:8px;}
.intelligentquanqiu div.r dl dd p.w b {width:auto; overflow:hidden; padding-bottom:0px; display:inline-block; vertical-align:middle; line-height:30px; height:36px; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; align-items:flex-end; align-content:center; padding-bottom:2px; margin-top:8px;}

.intelligentten {width:100%; overflow:hidden; height:100vh; background:url(../images/zhinengzhizao/bg_1.jpg) center no-repeat; background-size:cover; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center;}
.intelligentten div.m {width:90%; overflow:hidden; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center;}
.intelligentten div.m dl.lanse {width:20%; overflow:hidden; background:#004189; min-height:240px; position:relative; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:flex-start; margin-top:25px !important; margin-bottom:25px !important; cursor:pointer}
.intelligentten div.m dl.lanse i {width:80%; overflow:hidden; height:100%; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-end; align-items:flex-start; align-content:flex-start; color:#154b88; position:absolute; right:1%; bottom:1%; z-index:1; font-size:200px; line-height:140%}
.intelligentten div.m dl.lanse dt {width:80%; overflow:hidden; text-align:center; position:relative; z-index:22}
.intelligentten div.m dl.lanse dt span {width:100%; overflow:hidden; text-align:center; display:block; color:#FFF; font-size:1.2vw; font-weight:bold; padding-top:15%}
.intelligentten div.m dl.lanse dt em {width:60px; overflow:hidden; height:5px; border-radius:100px; background:#fff; display:block; margin:0px auto; margin-top:10px;}
.intelligentten div.m dl.lanse dd {width:70%; overflow:hidden; text-align:center; line-height:1.2vw; font-size:1.1vw; color:#FFF; position:relative; z-index:22; padding-top:15px;}
.intelligentten div.m dl.lanse p {width:100%; overflow:hidden; height:auto; display:block; position:absolute; left:-100%; top:0px; z-index:2; transition: all 0.2s linear 0s}
.intelligentten div.m dl.lanse p img {width:100%; overflow:hidden; height:auto; display:block}
.intelligentten div.m dl.lanse b {width:100%; overflow:hidden; height:100%; display:block; background:url(../images/tm.png); position:absolute; left:-100%; top:0px; z-index:3; transition: all 0.2s linear 0s}
.intelligentten div.m dl.lanse:hover p {width:100%; overflow:hidden; height:auto; display:block; position:absolute; left:0px; top:0px; z-index:2; transition: all 0.2s linear 0s}
.intelligentten div.m dl.lanse:hover p img {width:100%; overflow:hidden; height:auto; display:block}
.intelligentten div.m dl.lanse:hover b {width:100%; overflow:hidden; height:100%; display:block; background:url(../images/tm.png); position:absolute; left:0px; top:0px; z-index:3; transition: all 0.2s linear 0s}

.intelligentten div.m dl.baise {width:20%; overflow:hidden; background:#fff; min-height:240px; position:relative; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:flex-start; margin-top:25px !important; margin-bottom:25px !important; cursor:pointer}
.intelligentten div.m dl.baise i {width:80%; overflow:hidden; height:100%; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-end; align-items:flex-start; align-content:flex-start; color:#dfe6ee; position:absolute; right:1%; bottom:1%; z-index:1; font-size:200px; line-height:140%}
.intelligentten div.m dl.baise dt {width:80%; overflow:hidden; text-align:center; position:relative; z-index:22}
.intelligentten div.m dl.baise dt span {width:100%; overflow:hidden; text-align:center; display:block; color:#004189; font-size:1.2vw; font-weight:bold; padding-top:15%}
.intelligentten div.m dl.baise dt em {width:60px; overflow:hidden; height:5px; border-radius:100px; background:#004189; display:block; margin:0px auto; margin-top:10px;}
.intelligentten div.m dl.baise dd {width:70%; overflow:hidden; text-align:center; line-height:1.2vw; font-size:1.1vw; color:#004189; position:relative; z-index:22; padding-top:15px;}
.intelligentten div.m dl.baise p {width:100%; overflow:hidden; height:auto; display:block; position:absolute; left:-100%; top:0px; z-index:2; transition: all 0.2s linear 0s}
.intelligentten div.m dl.baise p img {width:100%; overflow:hidden; height:auto; display:block}
.intelligentten div.m dl.baise b {width:100%; overflow:hidden; height:100%; display:block; background:url(../images/tm.png); position:absolute; left:-100%; top:0px; z-index:3; transition: all 0.2s linear 0s}
.intelligentten div.m dl.baise:hover p {width:100%; overflow:hidden; height:auto; display:block; position:absolute; left:0px; top:0px; z-index:2; transition: all 0.2s linear 0s}
.intelligentten div.m dl.baise:hover p img {width:100%; overflow:hidden; height:auto; display:block}
.intelligentten div.m dl.baise:hover b {width:100%; overflow:hidden; height:100%; display:block; background:url(../images/tm.png); position:absolute; left:0px; top:0px; z-index:3; transition: all 0.2s linear 0s}
.intelligentten div.m dl.baise:hover dt span {color:#fff}
.intelligentten div.m dl.baise:hover dt em {background:#fff;}
.intelligentten div.m dl.baise:hover dd {color:#fff}


.intelligentyantao {width:100%; overflow:hidden; min-width:1200px; background:#fff; padding-bottom:6%; padding-top:6%; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center;}
.intelligentyantao div.m {width:90%; overflow:hidden; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:space-between; align-items:stretch; align-content:stretch;}
.intelligentyantao div.m div.l {width:58.4%; overflow:hidden}
.intelligentyantao div.m div.l h1 {width:100%; overflow:hidden; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-items:center; align-content:center;}
.intelligentyantao div.m div.l h1 i {width:80px; overflow:hidden; height:8px; display:block; border-radius:100px; background:#004189}
.intelligentyantao div.m div.l h1 span {width:100%; text-align:left; line-height:50px; font-size:32px; color:#004189; padding-top:10px;}
.intelligentyantao div.m div.l p {width:100%; overflow:hidden; text-align:left; line-height:26px; font-size:18px; color:#666; padding-top:15px; display:block}
.intelligentyantao div.m div.l span {width:100%; overflow:hidden; display:block; padding-top:60px;}
.intelligentyantao div.m div.l span img {width:100%; overflow:hidden; height:auto; display:block}
.intelligentyantao div.m div.r {width:40.9%; overflow:hidden;  display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:space-between; align-items:stretch; align-content:stretch; position:relative}
.intelligentyantao div.m div.r p.ll {width:49%; overflow:hidden;  display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:flex-start; align-items:flex-end; align-content:flex-end;}
.intelligentyantao div.m div.r p.ll img {width:100%; overflow:hidden; height:auto; display:block}
.intelligentyantao div.m div.r p.rr {width:49%; overflow:hidden; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:flex-end; align-items:flex-start; align-content:flex-start;}
.intelligentyantao div.m div.r p.rr img {width:100%; overflow:hidden; height:auto; display:block}
.intelligentyantao div.m div.r h3 {width:300px; overflow:hidden; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:flex-start; align-items:center; align-content:center; position:absolute; z-index:9999}
.intelligentyantao div.m div.r h3 i.hx {width:60px; overflow:hidden; height:8px; display:block; border-radius:100px; background:#004189; margin-left:15px; margin-right:15px;}
.intelligentyantao div.m div.r h3 strong {width:auto; overflow:hidden; font-size:32px; color:#004189}


.intelligentlist {width:100%; overflow:hidden; background:#fbfbfb;}
.intelligentlist div.m {width:90%; margin:0px auto; min-width:1200px; position:relative; margin-top:5%; margin-bottom:3%}
.intelligentlist div.m h1 {width:100%; overflow:hidden; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-items:center; align-content:center;}
.intelligentlist div.m h1 i {width:80px; overflow:hidden; height:8px; display:block; border-radius:100px; background:#004189}
.intelligentlist div.m h1 span {width:100%; text-align:left; line-height:50px; font-size:32px; color:#004189; padding-top:10px;}
.intelligentlist div.m p {width:70%; overflow:hidden; text-align:left; line-height:30px; font-size:18px; color:#666; padding-top:15px; display:block}

.mySwiperznlist div.swiper-wrapper {width:100%; margin-top:3%}
.mySwiperznlist div.swiper-wrapper div.swiper-slide {width:100%; overflow:hidden; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:space-between; align-items:center; align-content:center;}
.mySwiperznlist div.swiper-wrapper div.swiper-slide dl {width:50%; overflow:hidden;}
.mySwiperznlist div.swiper-wrapper div.swiper-slide dl a {width:100%; overflow:hidden; display:block; background:none; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:flex-start; align-content:flex-start;}
.mySwiperznlist div.swiper-wrapper div.swiper-slide dl a dt {width:100%; overflow:hidden; height:auto; display:block}
.mySwiperznlist div.swiper-wrapper div.swiper-slide dl a dt img {width:100%; overflow:hidden; height:auto; display:block}
.mySwiperznlist div.swiper-wrapper div.swiper-slide dl a dd {width:auto; overflow:hidden; padding:3%; padding-top:5%; padding-bottom:5%; text-align:left; font-size:24px; color:#333; line-height:32px;}
.mySwiperznlist div.swiper-wrapper div.swiper-slide dl a dd p {width:100%; overflow:hidden; display:block; text-align:left; line-height:26px; font-size:18px; color:#999; padding-top:20px; min-height:52px;}
.mySwiperznlist div.swiper-wrapper div.swiper-slide dl a:hover {width:100%; overflow:hidden; display:block; background:#fff; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:flex-start; align-content:flex-start;}
.mySwiperznlist div.swiper-wrapper div.swiper-slide dl a:hover dt {width:100%; overflow:hidden; height:auto; display:block}
.mySwiperznlist div.swiper-wrapper div.swiper-slide dl a:hover dt img {width:100%; overflow:hidden; height:auto; display:block}
.mySwiperznlist div.swiper-wrapper div.swiper-slide dl a:hover dd {width:auto; overflow:hidden; padding:3%; padding-top:5%; padding-bottom:5%; text-align:left; font-size:24px; color:#004189; line-height:32px;}
.mySwiperznlist div.swiper-wrapper div.swiper-slide dl a:hover dd p {width:100%; overflow:hidden; display:block; text-align:left; line-height:26px; font-size:18px; color:#999; padding-top:20px; min-height:52px;}


.intelligentlist div.m div.swiper-button-nextzn {width:40px !important; overflow:hidden !important; height:40px !important; position:absolute !important; right:-50px  !important; top:50% !important;  transform: translate(0%, -50%) !important; background:#054893 !important; z-index:9999999 !important; text-align:center !important; line-height:40px !important; font-size:24px !important; color:#FFF !important; cursor:pointer}

.intelligentlist div.m div.swiper-button-prevzn {width:40px !important; overflow:hidden !important; height:40px !important; position:absolute !important; left:-50px  !important; top:50% !important;  transform: translate(0%, -50%) !important; background:#054893 !important; z-index:9999999 !important; text-align:center !important; line-height:40px !important; font-size:24px !important; color:#FFF !important; transform: rotate(180deg) !important; cursor:pointer}



.mySwiperznlist1 div.swiper-wrapper {width:100%; margin-top:3%}
.mySwiperznlist1 div.swiper-wrapper div.swiper-slide {width:100%; overflow:hidden; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:space-between; align-items:center; align-content:center;}
.mySwiperznlist1 div.swiper-wrapper div.swiper-slide dl {width:33.333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333%; overflow:hidden;}
.mySwiperznlist1 div.swiper-wrapper div.swiper-slide dl a {width:100%; overflow:hidden; display:block; background:none; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:flex-start; align-content:flex-start;}
.mySwiperznlist1 div.swiper-wrapper div.swiper-slide dl a dt {width:100%; overflow:hidden; height:auto; display:block}
.mySwiperznlist1 div.swiper-wrapper div.swiper-slide dl a dt img {width:100%; overflow:hidden; height:auto; display:block}
.mySwiperznlist1 div.swiper-wrapper div.swiper-slide dl a dd {width:auto; overflow:hidden; padding:5%;text-align:left; font-size:20px; color:#333; line-height:32px;}
.mySwiperznlist1 div.swiper-wrapper div.swiper-slide dl a dd p {width:100%; overflow:hidden; display:block; text-align:left; line-height:26px; font-size:16px; color:#999; padding-top:20px; min-height:52px;}
.mySwiperznlist1 div.swiper-wrapper div.swiper-slide dl a:hover {width:100%; overflow:hidden; display:block; background:#fff; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:flex-start; align-content:flex-start;}
.mySwiperznlist1 div.swiper-wrapper div.swiper-slide dl a:hover dt {width:100%; overflow:hidden; height:auto; display:block}
.mySwiperznlist1 div.swiper-wrapper div.swiper-slide dl a:hover dt img {width:100%; overflow:hidden; height:auto; display:block}
.mySwiperznlist1 div.swiper-wrapper div.swiper-slide dl a:hover dd {width:auto; overflow:hidden; padding:5%; text-align:left; font-size:20px; color:#004189; line-height:32px;}
.mySwiperznlist1 div.swiper-wrapper1 div.swiper-slide dl a:hover dd p {width:100%; overflow:hidden; display:block; text-align:left; line-height:26px; font-size:16px; color:#999; padding-top:20px; min-height:52px;}


.intelligentlist div.m div.swiper-button-nextzn1 {width:40px !important; overflow:hidden !important; height:40px !important; position:absolute !important; right:-50px  !important; top:50% !important;  transform: translate(0%, -50%) !important; background:#054893 !important; z-index:9999999 !important; text-align:center !important; line-height:40px !important; font-size:24px !important; color:#FFF !important; cursor:pointer}

.intelligentlist div.m div.swiper-button-prevzn1 {width:40px !important; overflow:hidden !important; height:40px !important; position:absolute !important; left:-50px  !important; top:50% !important;  transform: translate(0%, -50%) !important; background:#054893 !important; z-index:9999999 !important; text-align:center !important; line-height:40px !important; font-size:24px !important; color:#FFF !important; transform: rotate(180deg) !important; cursor:pointer}



.intelligentpinpai {width:100%; overflow:hidden; background:url(../images/zhinengzhizao/bg_2.jpg) center no-repeat; background-size:cover; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; padding-top:5%; padding-bottom:5%}
.intelligentpinpai div.m {width:90%; overflow:hidden; margin:0px auto; min-width:1200px;}
.intelligentpinpai div.m h1 {width:100%; overflow:hidden; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:flex-start; align-items:center; align-content:center;}
.intelligentpinpai div.m h1 i {width:80px; overflow:hidden; height:10px; display:block; background:#fff; border-radius:100px; margin-right:10px;}
.intelligentpinpai div.m h1 span {width:auto; overflow:hidden; display:block; font-size:36px; color:#FFF; font-weight:bold}
.intelligentpinpai div.m div.sub {width:100%; overflow:hidden; margin-top:5%; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:space-between; align-items:flex-start; align-content:center;}
.intelligentpinpai div.m div.sub div.l {width:40%; overflow:hidden}
.intelligentpinpai div.m div.sub div.l h3 {width:100%; overflow:hidden; height:auto; display:block; text-align:left; line-height:2vw; font-size:1.4vw; color:#FFF; margin-top:10%}

.intelligentpinpai div.m div.sub div.l div.nr {width:100%; overflow:hidden; text-align:left; line-height:1.4vw; font-size:1vw; color:#FFF; margin-top:1%}
.intelligentpinpai div.m div.sub div.l div.nr p {width:100%; overflow:hidden; display:block; padding-top:0.5vw;}
.intelligentpinpai div.m div.sub div.r {width:52%; overflow:hidden; background:#f7f7f7; border-radius:8px; padding:3%; padding-top:2%; padding-bottom:2%; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:center; align-content:center;}
.intelligentpinpai div.m div.sub div.r a {width:21%; overflow:hidden; border:1px solid #ddd; padding:1%; display:block; background:#fff; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:center; align-items:center; align-content:center; margin-top:1.5%; margin-bottom:1.5%; position:relative; transition: all 0.3s linear 0s}
.intelligentpinpai div.m div.sub div.r a p {width:90%; overflow:hidden; height:90%; line-height:1vw; background:#004189; position:absolute; left:0px; bottom:-100%; z-index:999; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:center; align-items:center; align-content:center; color:#FFF; font-size:0.8vw; font-weight:bold; transition: all 0.3s linear 0s; opacity:0.9; padding:5%}
.intelligentpinpai div.m div.sub div.r a img {width:auto; overflow:hidden; height:auto; max-width:100%; transform: scale(1, 1);}
.intelligentpinpai div.m div.sub div.r a:hover {width:21%; overflow:hidden; border:1px solid #ddd; padding:1%; display:block; background:#fff; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:center; align-items:center; align-content:center; margin-top:1.5%; margin-bottom:1.5%; position:relative; transition: all 0.3s linear 0s}
.intelligentpinpai div.m div.sub div.r a:hover p {width:90%; overflow:hidden; height:90%; line-height:1vw; background:#004189; position:absolute; left:0px; bottom:0%; z-index:999; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:center; align-items:center; align-content:center; color:#FFF; font-size:0.8vw; font-weight:bold; transition: all 0.3s linear 0s; opacity:0.9; padding:5%}
.intelligentpinpai div.m div.sub div.r a:hover img {width:auto; overflow:hidden; height:auto; max-width:100%; transform: scale(1.05, 1.05);}

.intelligenthezuo {width:100%; overflow:hidden; padding-top:3%; padding-bottom:2%; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center;}
.intelligenthezuo h1 {width:100%; overflow:hidden; text-align:center; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center;}
.intelligenthezuo h1 span {width:100%; overflow:hidden; text-align:center; line-height:30px; font-size:24px; color:#004189; display:block}
.intelligenthezuo h1 i {width:80px; overflow:hidden; height:5px; display:block; border-radius:100px; background:#004189; margin-top:15px;}
.intelligenthezuo div.m {width:90%; overflow:hidden; margin:0px auto; min-width:1200px; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center;}
.intelligenthezuo div.m a {width:13.6%; overflow:hidden; padding:1%; display:block; background:#none; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:center; align-items:center; align-content:center; margin-top:1.5%; margin-bottom:1.5%}
.intelligenthezuo div.m a img {width:auto; overflow:hidden; height:auto; max-width:100%; transform: scale(1, 1);}
.intelligenthezuo div.m a:hover {width:13.6%; overflow:hidden; padding:1%; display:block; background:#ddd; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:center; align-items:center; align-content:center; margin-top:1.5%; margin-bottom:1.5%}
.intelligenthezuo div.m a:hover img {width:auto; overflow:hidden; height:auto; max-width:100%; transform: scale(1.05, 1.05);filter: sepia(100%) saturate(120%) hue-rotate(-100deg) brightness(120%);}



/**.intelligenthezuo {width:100%; overflow:hidden; background:#fff; padding-top:3%; padding-bottom:3%; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center;}
.intelligenthezuo h1 {width:100%; overflow:hidden; text-align:center; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center;}
.intelligenthezuo h1 span {width:100%; overflow:hidden; text-align:center; line-height:30px; font-size:24px; color:#004189; display:block}
.intelligenthezuo h1 i {width:80px; overflow:hidden; height:5px; display:block; border-radius:100px; background:#004189; margin-top:15px;}
.intelligenthezuo div.m {width:90%; overflow:hidden; margin:0px auto; min-width:1200px; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center;}
.intelligenthezuo div.m a {width:13.6%; overflow:hidden; padding:1%; display:block; background:#fff; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:center; align-items:center; align-content:center; margin-top:1.5%; margin-bottom:1.5%}
.intelligenthezuo div.m a img {width:auto; overflow:hidden; height:auto; max-width:100%; transform: scale(1, 1);}
.intelligenthezuo div.m a:hover {width:13.6%; overflow:hidden; padding:1%; display:block; background:#ddd; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:center; align-items:center; align-content:center; margin-top:1.5%; margin-bottom:1.5%}
.intelligenthezuo div.m a:hover img {width:auto; overflow:hidden; height:auto; max-width:100%; transform: scale(1.05, 1.05);filter: sepia(100%) saturate(120%) hue-rotate(-100deg) brightness(120%);}**/

/*****************智能制造结束************************/


/*****************搜索中心开始************************/
.searchcenter {width:1000px; overflow:hidden; margin:0px auto; margin-top:120px; padding-top:5%; padding-bottom:5%}
.searchcenter div.qzjs {width:1000px; overflow:hidden; margin:0px auto}
.searchcenter div.qzjs form {width:100%; overflow:hidden; height:50px; display:block; display:block; text-align:left; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:flex-start; align-items:center; align-content:center;}
.searchcenter div.qzjs form input {width:70%; overflow:hidden; height:48px; padding-left:3%; padding-right:3%; text-align:left; line-height:48px; border:1px solid #ccc; color:#666; font-size:16px; border-right:0px; background:#fff}
.searchcenter div.qzjs form button {width:23%; overflow:hidden; height:50px; border:0px; display:block; text-align:center; line-height:50px; font-size:20px; color:#FFF; font-weight:bold; display:block; display:block; text-align:left; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:center; align-items:center; align-content:center; background:#054893; cursor:pointer}
.searchcenter div.qzjs form button i {width:34px; overflow:hidden; display:block; font-size:24px; height:50px; line-height:54px; text-align:left}
.searchcenter div.qzjs form button:hover {width:23%; overflow:hidden; height:50px; border:0px; display:block; text-align:center; line-height:50px; font-size:20px; color:#FFF; font-weight:bold; display:block; display:block; text-align:left; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:center; align-items:center; align-content:center; background:#ec7a00; cursor:pointer}
.searchcenter div.qzjs form button:hover i {width:34px; overflow:hidden; display:block; font-size:24px; height:50px; line-height:54px; text-align:left}

.searchcenter div.qzjs div.reso {width:100%; overflow:hidden; display:block; text-align:left; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-items:center; align-content:center; padding-top:10px;}
.searchcenter div.qzjs div.reso span {width:auto; overflow:hidden; text-align:left; line-height:50px; font-size:16px; color:#666; display:block}
.searchcenter div.qzjs div.reso a {width:auto; overflow:hidden; text-align:left; line-height:50px; font-size:16px; color:#666; display:block; padding-right:10px;}
.searchcenter div.qzjs div.reso a:hover {width:auto; overflow:hidden; text-align:left; line-height:50px; font-size:16px; color:#054893; text-decoration:underline; display:block; padding-right:10px;}
.searchcenter div.subite {width:100%; overflow:hidden; margin-top:2%; border-top:1px solid #ddd; padding-top:2%}
.searchcenter div.subite h1 {width:100%; overflow:hidden; text-align:left; line-height:30px; font-size:20px; color:#444;}
.searchcenter div.subite h1 strong {color:#F30}
.searchcenter div.subite h1 b {color:#F90}
.searchcenter div.subite dl {width:auto; overflow:hidden; background:#fff; border:1px solid #ddd; margin-top:3% !important}
.searchcenter div.subite dl a {width:auto; overflow:hidden; padding:3%; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:center; align-content:center;}
.searchcenter div.subite dl a dt {width:30%; overflow:hidden; height:auto}
.searchcenter div.subite dl a dt img {width:100%; overflow:hidden; height:auto; display:block}
.searchcenter div.subite dl a dd {width:68%; overflow:hidden; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-items:center; align-content:center;}
.searchcenter div.subite dl a dd span {width:auto; overflow:hidden; height:30px; background:#004189; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; color:#fff; font-size:15px; padding-left:3%; padding-right:3%}
.searchcenter div.subite dl a dd h3 {width:auto; overflow:hidden; line-height:30px; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; color:#333; font-size:20px; margin-top:15px;}
.searchcenter div.subite dl a dd p {width:auto; overflow:hidden; line-height:24px; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; color:#666; font-size:15px; margin-top:15px;}
.searchcenter div.subite dl a dd em {width:100%; overflow:hidden; line-height:30px; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-end; align-items:center; align-content:center; color:#777; font-size:30px; margin-top:15px;}

.searchcenter div.subite dl a:hover {width:auto; overflow:hidden; padding:3%; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:center; align-content:center;}
.searchcenter div.subite dl a:hover dt {width:30%; overflow:hidden; height:auto}
.searchcenter div.subite dl a:hover dt img {width:100%; overflow:hidden; height:auto; display:block}
.searchcenter div.subite dl a:hover dd {width:68%; overflow:hidden; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-items:center; align-content:center;}
.searchcenter div.subite dl a:hover dd span {width:auto; overflow:hidden; height:30px; background:#ff9600; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; color:#fff; font-size:15px; padding-left:3%; padding-right:3%}
.searchcenter div.subite dl a:hover dd h3 {width:auto; overflow:hidden; line-height:30px; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; color:#004189; font-size:20px; margin-top:15px;}
.searchcenter div.subite dl a:hover dd p {width:auto; overflow:hidden; line-height:24px; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; color:#666; font-size:15px; margin-top:15px;}
.searchcenter div.subite dl a:hover dd em {width:100%; overflow:hidden; line-height:30px; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-end; align-items:center; align-content:center; color:#777; font-size:30px; margin-top:15px;}

/*****************搜索中心结束************************/



/*单选多选按钮*/
.checkbox,
.radiobox {
    width: 49%;
    height: 50px;
	margin-top:2%; padding-left:1%;
}
.radiobox label {width:100%; overflow:hidden; height:50px; text-align:left; line-height:50px; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-items:center; align-content:center;}
.radiobox label span {width:auto; height:50px; text-align:left; line-height:50px; display:inline-block; font-size:16px; padding-left:10px;}
.checkbox input[type=checkbox],
.radiobox input[type=radio] {
    -webkit-appearance: none;
    background-color: transparent;
    outline: 0 !important;
    border: 0;
    font-size: 34px !important;
}
.checkbox input[type=checkbox]:before {
    display: inline-block;
    text-align: center;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 34px;
    font-weight: thin;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color:#003876;
}
.radiobox input[type=radio]:before {
    display: inline-block;
    text-align: center;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 34px;
    font-weight:normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color:#d4d4d4;
}
.checkbox input[type=checkbox]:checked:before{
    color:#003876;
}
.radiobox input[type=radio]:checked:before {
    color:#003876;
}
.checkbox input[type=checkbox]:before {
    content: "\f096";
}
.checkbox input[type=checkbox]:checked:before {
    content: "\f14a";
}
.radiobox input[type=radio]:before {
    content: "\f1db";
}
.radiobox input[type=radio]:checked:before {
    content: "\f192";
}



.sqcxjieguo {width:100%; overflow:hidden; padding-top:5%; margin-top:120px; padding-bottom:5%; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center;}
.sqcxjieguo div.m {width:70%; overflow:hidden; padding:5%; padding-top:3%; padding-bottom:3%; border:5px solid #004189; max-width:500px; background:#fcfcfc; box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.15); display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center;}
.sqcxjieguo div.m i {width:100px; overflow:hidden; height:100px; background:#004189; border-radius:100px; display:block; text-align:center; line-height:100px; font-size:52px; color:#FFF}
.sqcxjieguo div.m h1 {width:100%; overflow:hidden; text-align:center; line-height:30px; font-size:24px; color:#004189; padding-top:10px;}
.sqcxjieguo div.m h2 {width:100%; overflow:hidden; text-align:center; line-height:30px; font-size:18px; font-weight:normal; color:#004189; padding-top:30px;}
.sqcxjieguo div.m h2 strong {font-size:24px; color:#09C}
.sqcxjieguo div.m h3 {width:100%; overflow:hidden; text-align:center; line-height:30px; font-size:18px; font-weight:normal; color:#f00; padding-top:30px;}
.sqcxjieguo div.m a {width:auto; overflow:hidden; text-align:center; line-height:40px; background:#004189; color:#fff; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; font-size:16px; border-radius:5px; padding-left:30px; padding-right:30px; margin-top:30px;}
.sqcxjieguo div.m a em {width:36px; overflow:hidden; line-height:40px; text-align:right; display:block; font-size:24px; color:#FFF; transform: rotate(180deg);}



.gongyongbanner {width:100%; overflow:hidden; min-width:1200px; height:400px; position:relative; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center;}
.gongyongbanner i {width:100%; overflow:hidden; height:100%; display:block; background:url(../images/tm.png); position:absolute; top:0px; left:0px; z-index:999}
.gongyongbanner h1 {width:90%; overflow:hidden; text-align:center; line-height:60px; font-size:44px; font-weight:normal; color:#FFF; position:relative; z-index:9999; margin-top:90px}
.gongyongbanner h2 {width:90%; overflow:hidden; text-align:left; line-height:60px; font-size:44px; font-weight:normal; color:#FFF; position:relative; z-index:9999; margin-top:90px}
.gongyongbanner div.v {width:100%; overflow:hidden; height:100%; display:block; position:absolute; left:0px; top:0px; z-index:99}
.gongyongbanner div.v video {width:100%; height:auto; display:block}






/*悬浮客服代码*/
.xuanfunav {width:60px; height:60px; position:fixed; bottom:20px; right:20px; z-index:999999999}
.navbar{width: 60px; height: 60px; line-height: 60px; border-radius: 50%; background: #666; position: relative; cursor: pointer; text-align: center; font-size: 3.4em !important; font-weight:normal; color: #fff; transition: 0.24s 0.2s; opacity: 0.5;}
.navbar:hover{ background:#004189; opacity: 1;}
.navbar .menu{ list-style: none; padding: 0; margin: 0; position: absolute; top: -100px; left: -100px; border: 120px solid transparent; cursor: default; border-radius: 50%; transform: scale(0); transition: transform 1.4s 0.07s; z-index: -1;}
.navbar:hover .menu{ transition: transform 0.4s 0.08s, z-index   0s  0.5s; transform: scale(1); z-index: 1;}
.navbar .menu li{ position: absolute; top: -100px; left: -100px; transform-origin: 100px 100px; transition: all 0.5s 0.1s; font-weight:normal;}
.navbar:hover .menu li{ transition: all 0.6s;}
.navbar .menu li a{ width: 45px; height: 45px; line-height: 45px; border-radius: 50%; background: #fff; border:1px solid #ddd; position: absolute; font-size: 60%; color: #004189; transition: 0.6s;}
.navbar .menu li a:hover { width: 45px; height: 45px; line-height: 45px; border-radius: 50%; background: #004189; border:1px solid #004189; position: absolute; font-size: 60%; color: #fff; transition: 0.6s;}
.navbar:hover .menu li:nth-child(1){ transition-delay: 0.02s; transform: rotate(406deg);}
.navbar:hover .menu li:nth-child(1) a{ transition-delay: 0.04s; transform: rotate(-45deg);}
.navbar:hover .menu li:nth-child(2){ transition-delay: 0.04s; transform: rotate(376deg);}
.navbar:hover .menu li:nth-child(2) a{ transition-delay: 0.08s; transform: rotate(-15deg);}
.navbar:hover .menu li:nth-child(3){ transition-delay: 0.06s; transform: rotate(346deg);}
.navbar:hover .menu li:nth-child(3) a{ transition-delay: 0.12s; transform: rotate(15deg);}
.navbar:hover .menu li:nth-child(4){ transition-delay: 0.08s; transform: rotate(316deg);}
.navbar:hover .menu li:nth-child(4) a{ transition-delay: 0.16s; transform: rotate(45deg);}






/*分页*/
.newfy {margin: 0; padding: 20px; text-align: center; font-size: 14px; display: block; margin-bottom:5%}
.newfy ul {display: inline-block; *display: inline; *zoom: 1; margin-left: 0; margin-bottom: 0; padding: 0}
.newfy ul > li { display: inline}
.newfy ul > li > a,
.newfy ul > li > span {margin: 0 2px; float: left; padding: 6px 13px; background-color: #ddd; color: #666; border-radius: 2px; opacity: .88}
.newfy ul > li > a:hover,
.newfy ul > li > a:focus {opacity: 1}
.newfy ul > .active > a,
.newfy ul > .active > span {background-color: #004189; color: #fff}
.newfy ul > .active > a,
.newfy ul > .active > span {cursor: default}
.newfy ul > li > span,
.newfy ul > .disabled > span,
.newfy ul > .disabled > a,
.newfy ul > .disabled > a:hover,
.newfy ul > .disabled > a:focus {color: #999999; background-color: transparent; cursor: default}

.newfy-loading{font-size: 16px;text-align: center;color: #999;padding: 15px 0;}
.newfy-loading img{width: 80px}








.liuyanbd {width:60%; overflow:hidden; margin:0px auto; padding:2%;}
.liuyanbd  h3 {width:100%; overflow:hidden; text-align:left; font-size:20px; color:#333;}
.liuyanbd  h4 {width:100%; overflow:hidden; text-align:left; font-size:14px; color:#6c6c6c; font-weight:normal; line-height:24px; padding-top:5px;}
.liuyanbd  form {width:100%; overflow:hidden; display:block; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:center; align-content:center; margin-top:2%}
.liuyanbd  form input {width:44%; overflow:hidden; height:38px; text-align:left; line-height:38px; display:block; font-size:15px; color:#666; border:1px solid #ddd; background:#FFF; padding-left:2%; padding-right:2%; margin-top:10px;}
.liuyanbd  form textarea {width:97%; overflow:hidden; height:80px; text-align:left; line-height:25px; display:block; font-size:15px; color:#666; border:1px solid #ddd; background:#FFF; padding:2%; margin-top:10px;}
.liuyanbd  form button {width:100%; overflow:hidden; height:45px; border:0px; background:#003876; text-align:center; line-height:45px; font-size:18px; font-weight:bold; color:#FFF; margin-top:10px; cursor:pointer}
.liuyanbd  form button:hover {width:100%; overflow:hidden; height:45px; border:0px; background:#f39500; text-align:center; line-height:45px; font-size:18px; font-weight:bold; color:#FFF; margin-top:10px; cursor:pointer}