@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;
}


body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0}
body{font:1.6rem "Arial";background:#fcfcfc;-webkit-text-size-adjust:100%; padding-bottom:60px}
b{font:1.6rem "Arial";}
a{color:#172c45;text-decoration:none}
a:hover{text-decoration:none}
em{font-style:normal}
li{list-style:none}
input[type="submit"],
input[type="reset"],
input[type="button"],
select,
button {
-webkit-appearance: none;
}
textarea {  -webkit-appearance: none; outline:none} 
::-webkit-input-placeholder{color:#999;}
input[type="text"],input[type="password"]{-webkit-appearance:none;appearance:none;outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0);border-radius:0;}
select {outline:0 !important; appearance:none !important; background:none; -webkit-appearance:none !important;}
textarea,button {background:none}


header.top {width:100%; overflow:hidden; height:50px; background:url(../images/tm.png); position:fixed; top:0px; left:0px; z-index:99999}
header.top dl {width:96%; overflow:hidden; margin:0px auto; height:40px; margin-top:5px; margin-bottom:5px; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:center; align-content:center;}
header.top dl dt {width:auto; overflow:hidden; height:40px; display:block;}
header.top dl dt a {width:auto; 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; color:#fff; font-size:2rem !important;}
header.top dl dd {width:auto; 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;}
header.top dl dd a {width:36px; overflow:hidden; height:40px; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; color:#fff; font-size:1.6rem !important;}

header.top_k {width:100%; overflow:hidden; height:50px; background:#fff; border-bottom:1px solid #ddd; position:fixed; top:0px; left:0px; z-index:99999}
header.top_k dl {width:96%; overflow:hidden; margin:0px auto; height:40px; margin-top:5px; margin-bottom:5px; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:center; align-content:center;}
header.top_k dl dt {width:auto; overflow:hidden; height:40px; display:block;}
header.top_k dl dt a {width:auto; 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; color:#004189; font-size:12rem !important;}
header.top_k dl dd {width:auto; 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;}
header.top_k dl dd a {width:36px; overflow:hidden; height:40px; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; color:#004189; font-size:1.6rem !important;}

.language {width:100%; overflow:hidden; height:100%; position:fixed; top:0px; right:-100%; z-index:999999999; background:url(../images/tm1.png); display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-end; align-items:flex-start; align-content:center; transition: all 0.1s linear 0s}
.language i {width:30px; overflow:hidden; height:30px; text-align:center; line-height:30px; font-size:1.4rem; color:#333; position:absolute; top:10px; right:10px; display:block; z-index:99999}
.language div.yy {width:40%; overflow:hidden; height:100%; background:#FFF; padding-top:20%}
.language div.yy a {width:80%; overflow:hidden; line-height:40px; font-size:1rem; color:#333; margin:0px auto; display:block; border-bottom:1px solid #ddd;}


.lanmu {width:100%; overflow:hidden; height:100%; position:fixed; top:0px; right:-100%; z-index:999999999; background:url(../images/tm1.png); display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-end; align-items:flex-start; align-content:center; transition: all 0.1s linear 0s}
.lanmu i {width:30px; overflow:hidden; height:30px; text-align:center; line-height:30px; font-size:1.4rem; color:#333; position:absolute; top:10px; right:10px; display:block; z-index:99999}
.lanmu div.nav {width:60%; overflow:hidden; height:100%; background:#FFF; padding-top:26%}
.lanmu div.nav ul {width:80%; margin:0px auto; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center;}
.lanmu div.nav ul li {width:100%; border-bottom:1px solid #f7f7f7;}
.lanmu div.nav ul li a {width:auto; overflow:hidden; text-align:left; line-height:40px; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:flex-start; align-items:center; align-content:center;}
.lanmu div.nav ul li a b {width:10%; overflow:hidden; line-height:40px; min-height:40px; text-align:left; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-items:center; align-content:center; font-weight:normal; background:url(../images/nav_title.png) left center no-repeat}
.lanmu div.nav ul li a span {width:80%; overflow:hidden; line-height:40px; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-items:center; align-content:center; font-size:1rem; color:#333}
.lanmu div.nav ul li a em {width:10%; overflow:hidden; line-height:37px; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-end; align-items:center; align-content:center; font-size:0.7rem; color:#888}
.lanmu div.nav ul li ul.erji {width:94%; padding-left:6%; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; background:#fcfcfc}
.lanmu div.nav ul li ul.erji li {width:100%;}
.lanmu div.nav ul li ul.erji li a {width:auto; overflow:hidden; text-align:left; line-height:30px; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:flex-start; align-items:center; align-content:center;}
.lanmu div.nav ul li ul.erji li a b {width:10%; overflow:hidden; line-height:30px; min-height:30px; text-align:left; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-items:center; align-content:center; font-weight:normal; background:url(../images/nav_title.png) left center no-repeat}
.lanmu div.nav ul li ul.erji li a span {width:77%; overflow:hidden; line-height:30px; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-items:center; align-content:center; font-size:0.8rem; color:#333}
.lanmu div.nav ul li ul.erji li a em {width:10%; overflow:hidden; line-height:37px; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-end; align-items:center; align-content:center; font-size:0.7rem; color:#888; margin-right:3%}

.lanmu div.nav ul li ul.sanji {width:94%; padding-left:6%; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; background:#f9f9f9}
.lanmu div.nav ul li ul.sanji li {width:100%;}
.lanmu div.nav ul li ul.sanji li a {width:auto; overflow:hidden; text-align:left; line-height:20px; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:flex-start; align-items:center; align-content:center; padding-top:6px; padding-bottom:6px;}
.lanmu div.nav ul li ul.sanji li a b {width:10%; overflow:hidden; line-height:20px; min-height:20px; text-align:left; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-items:center; align-content:center; font-weight:normal; background:url(../images/nav_title.png) left center no-repeat}
.lanmu div.nav ul li ul.sanji li a span {width:77%; overflow:hidden; line-height:20px; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-items:center; align-content:center; font-size:0.8rem; color:#333}
.lanmu div.nav ul li ul.sanji li a em {width:10%; overflow:hidden; line-height:17px; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-end; align-items:center; align-content:center; font-size:0.7rem; color:#888; margin-right:3%}


.lanmu div.nav ul li.qt {border:0px !important;}

.lanmu div.nav a.ahover {color:#004189 !important; font-weight:bold !important}
.lanmu div.nav a.ahover span {color:#004189 !important; font-weight:bold !important}
.lanmu div.nav a.ahover em {color:#004189 !important; font-weight:bold !important}

.qzsearch {width:100%; overflow:hidden; height:100%; position:fixed; top:-100%; right:0px; z-index:999999999; background:url(../images/tm1.png); 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.1s linear 0s}
.qzsearch em {width:30px; overflow:hidden; height:30px; text-align:center; line-height:30px; font-size:1.4rem; color:#333; position:absolute; top:10px; right:10px; display:block; z-index:99999}
.qzsearch div.m {width:90%; overflow:hidden; background:#fff; padding:5%; padding-top:20%}
.qzsearch div.m form {width:100%; overflow:hidden; height:40px; 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;}
.qzsearch div.m form input {width:70%; overflow:hidden; height:38px; padding-left:3%; padding-right:3%; text-align:left; line-height:38px; border:1px solid #ccc; color:#666; font-size:1rem; border-right:0px; background:#fff}
.qzsearch div.m form button {width:23%; overflow:hidden; height:40px; border:0px; display:block; text-align:center; line-height:40px; font-size:1rem; 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}
.qzsearch div.m form button i {width:34px; overflow:hidden; display:block; font-size:24px; height:40px; line-height:40px; text-align:center}

.qzsearch 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;}
.qzsearch div.m div.reso span {width:auto; overflow:hidden; text-align:left; line-height:24px; font-size:0.8rem; color:#666; display:block}
.qzsearch div.m div.reso a {width:auto; overflow:hidden; text-align:left; line-height:24px; font-size:0.8rem; color:#666; display:block; padding-right:10px;}

/*首页banner*/
.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:100%; display:block; position:relative}
.mySwiper div.swiper-wrapper div.swiper-slide a img {width:160%; overflow:hidden; height:auto; display:block; margin-left:-30%}
.mySwiper div.swiper-wrapper div.swiper-slide a video {width:140%; height:100%; display:block; margin-left:-20%}
.mySwiper div.swiper-wrapper div.swiper-slide a video::-webkit-media-controls {display:none !important;}
.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:80%; overflow:hidden; text-align:left; font-size:1rem; line-height:22px; 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:1.2rem; line-height:30px; color:#fff; font-weight:bold; margin-top:10px;}
.mySwiper div.swiper-wrapper div.swiper-slide a div.sub h2 {width:80%; overflow:hidden; text-align:left; font-size:0.6rem; line-height:22px; color:#fff; font-weight:normal; margin-top:10px;}
.mySwiper div.swiper-wrapper div.swiper-slide a div.sub p {width:auto; overflow:hidden; height:30px; 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; font-size:0.8rem; color:#fff; margin-top:5%; transition: all 0.3s linear 0s !important; padding-left:5%; padding-right:5%}
.mySwiper div.swiper-wrapper div.swiper-slide a div.sub p i {width:30px; overflow:hidden; height:19px; display:block; text-align:right; font-size:1.2rem; color:#FFF; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-end; align-items:center; align-content:center;}


.mySwiper div.swiper-pagination {width:100% !important; overflow:hidden !important; height:4px !important; bottom:20px !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:40px !important; overflow:hidden !important; height:4px !important; background:#FFF !important; display:block !important; opacity: 1 !important; border-radius:0px !important}
.mySwiper div.swiper-pagination span.swiper-pagination-bullet-active {width:40px !important; overflow:hidden !important; height:4px !important; background:#d82327 !important; display:block !important; border-radius:0px !important}

/*首页产品及解决方案*/
.indexcpjjfa {width:100%; overflow:hidden; background:#fff; 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%}
.indexcpjjfa div.title {width:90%; overflow:hidden}
.indexcpjjfa div.title 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;}
.indexcpjjfa div.title h1 i {width:60px; overflow:hidden; background:#004189; border-radius:100px; display:block; height:5px;}
.indexcpjjfa div.title h1 span {width:100%; overflow:hidden; text-align:left; font-size:1.2rem; color:#004189; font-weight:bold; padding-top:10px;}
.indexcpjjfa div.title p {width:80%; overflow:hidden; text-align:left; display:block; color:#666; font-size:0.9rem; padding-top:10px;}
.indexcpjjfa div.title div.fl {width:100%; overflow:hidden; padding-top:10px; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-items:center; align-content:center}
.indexcpjjfa div.title div.fl a {width:auto; overflow:hidden; line-height:40px; font-size:0.9rem; color:#FFF; background:#004189; padding-left:5%; padding-right:5%; margin-right:3%; display:block}

.indexcpjjfa div.subite {width:90%; overflow:hidden; margin-top:5%}
.indexcpjjfa div.subite a {width:100%; overflow:hidden; padding-bottom:3%; margin-bottom:5%; border-bottom:1px solid #ddd; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:flex-start; align-content:center; position:relative}
.indexcpjjfa div.subite a em {width:40%; overflow:hidden;}
.indexcpjjfa div.subite a em img {width:100%; overflow:hidden; height:auto}
.indexcpjjfa div.subite a h3 {width:56%; overflow:hidden; text-align:left; line-height:22px; font-size:1.2rem; color:#333; font-weight:normal}
.indexcpjjfa div.subite a h3 p {width:100%; overflow:hidden; text-align:left; display:block; color:#666; font-size:0.8rem; padding-top:10px;}
.indexcpjjfa div.subite a h3 span {width:40px; overflow:hidden; height:40px; text-align:right; line-height:40px; font-size:1.4rem; color:#666; position:absolute; bottom:0px; right:0px; display:block}


/*首页智能制造*/
.indexintelligent {width:100%; overflow:hidden; background:#fcfcfc; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; padding-top:8%; padding-bottom:8%}
.indexintelligent div.title {width:90%; overflow:hidden; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-items:center; align-content:center;}
.indexintelligent div.title 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;}
.indexintelligent div.title h1 i {width:60px; overflow:hidden; background:#004189; border-radius:100px; display:block; height:5px;}
.indexintelligent div.title h1 span {width:100%; overflow:hidden; text-align:left; font-size:1.2rem; color:#004189; font-weight:bold; padding-top:10px;}
.indexintelligent div.title p {width:80%; overflow:hidden; text-align:left; display:block; color:#666; font-size:0.9rem; padding-top:10px;}
.indexintelligent div.title div.fl {width:100%; overflow:hidden; padding-top:10px; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-items:center; align-content:center}
.indexintelligent div.title div.fl a {width:auto; overflow:hidden; line-height:40px; font-size:0.9rem; color:#FFF; background:#004189; padding-left:5%; padding-right:5%; margin-right:3%; display:block}

.indexintelligent div.subite {width:90%; border-radius:8px; position:relative; margin-top:5%}
.indexintelligent div.subite div.mySwiper1 {width:100%;}
.indexintelligent div.subite div.mySwiper1 div.swiper-wrapper {width:100%;}
.indexintelligent div.subite div.mySwiper1 div.swiper-wrapper div.swiper-slide {width:100%;}
.indexintelligent div.subite div.mySwiper1 div.swiper-wrapper div.swiper-slide a {width:100%; overflow:hidden; position:relative; height:auto; display:block;}
.indexintelligent div.subite div.mySwiper1 div.swiper-wrapper div.swiper-slide a img {width:100%; overflow:hidden; height:auto; display:block}
.indexintelligent div.subite div.mySwiper1 div.swiper-wrapper div.swiper-slide a p {width:100%; overflow:hidden; text-align:center; line-height:50px; font-size:1rem; color:#FFF; background:url(../images/tm1.png); display:block; position:absolute; bottom:0px; left:0px; z-index:999}

.indexintelligent div.subite div.swiper-button-next1 {width:40px !important; overflow:hidden !important; height:40px !important; position:absolute !important; right:2%  !important; top:40% !important; z-index:999 !important; text-align:center !important; line-height:40px !important; color:#FFF !important; cursor:pointer; font-size:2rem !important; color:#FFF !important}

.indexintelligent div.subite div.swiper-button-prev1 {width:40px !important; overflow:hidden !important; height:40px !important; position:absolute !important; left:2%  !important; top:40% !important; z-index:999 !important; text-align:center !important; line-height:40px !important; color:#FFF !important; transform: rotate(180deg) !important; cursor:pointer; font-size:2rem !important; color:#FFF !important}


/*首页资讯中心*/
.indexnews {width:100%; overflow:hidden; background:#fff; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; padding-top:8%; padding-bottom:4%}
.indexnews div.title {width:90%; overflow:hidden}
.indexnews div.title 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;}
.indexnews div.title h1 i {width:60px; overflow:hidden; background:#004189; border-radius:100px; display:block; height:5px;}
.indexnews div.title h1 span {width:100%; overflow:hidden; text-align:left; font-size:1.2rem; color:#004189; font-weight:bold; padding-top:10px;}
.indexnews div.title p {width:80%; overflow:hidden; text-align:left; display:block; color:#666; font-size:0.9rem; padding-top:10px;}
.indexnews div.title div.fl {width:100%; overflow:hidden; padding-top:10px; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-items:center; align-content:center}
.indexnews div.title div.fl a {width:auto; overflow:hidden; line-height:40px; font-size:0.9rem; color:#FFF; background:#004189; padding-left:5%; padding-right:5%; margin-right:3%; display:block}

.indexnews div.subite {width:90%; position:relative; margin:0px auto; margin-top:5%}
.indexnews div.subite dl {width:100%; overflow:hidden}
.indexnews div.subite dl a {width:100%; overflow:hidden; height:auto; display:block; border-bottom:1px solid #ddd; padding-bottom:5%; margin-bottom:3%}
.indexnews div.subite dl a dt {width:100%; overflow:hidden; height:auto}
.indexnews div.subite dl a dt img {width:100%; overflow:hidden; height:auto; display:block}
.indexnews div.subite dl a dd {width:100%; overflow:hidden; text-align:left; font-size:1.2rem; color:#333; line-height:30px; padding-top:15px;}
.indexnews div.subite dl a dd p {width:100%; overflow:hidden; text-align:left; line-height:22px; font-size:0.9rem; color:#666; display:block; padding-top:12px;}
.indexnews div.subite dl a dd span {width:100%; overflow:hidden; text-align:left; line-height:22px; font-size:0.9rem; color:#777; display:block; padding-top:15px;}
.indexnews div.subite dl a dd span strong {color:#004189;}

.indexnews div.subite a.qt {width:100%; overflow:hidden; height:auto; display:block; border-bottom:1px solid #ddd; padding-bottom:5%; margin-bottom:3%}
.indexnews div.subite a.qt span {width:100%; overflow:hidden; text-align:left; line-height:22px; font-size:0.9rem; color:#777; display:block; padding-top:15px;}
.indexnews div.subite a.qt span strong {color:#004189;}
.indexnews div.subite a.qt p {width:100%; overflow:hidden; text-align:left; font-size:1.2rem; color:#333; line-height:30px; display:block}

/*关于我们*/
.indexabout {width:100%; overflow:hidden; background:#fcfcfc;}
.indexabout div.t {width:100%; overflow:hidden; height:auto; display:block}
.indexabout div.t img {width:100%; overflow:hidden; height:auto; display:block}
.indexabout div.d {width:90%; overflow:hidden; padding:5%; padding-top:7%; padding-bottom:10%; background:#004189; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center;}
.indexabout div.d h1 {width:100%; overflow:hidden; text-align:center; font-size:1.2rem; color:#FFF; line-height:30px;}
.indexabout div.d h2 {width:70%; overflow:hidden; text-align:center; font-size:0.9rem; color:#FFF; font-weight:normal; line-height:22px; padding-top:15px;}
.indexabout div.d a {width:auto; overflow:hidden; height:30px; 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; font-size:0.8rem; color:#fff; margin-top:5%; transition: all 0.3s linear 0s !important; padding-left:5%; padding-right:5%}
.indexabout div.d a i {width:30px; overflow:hidden; height:19px; display:block; text-align:right; font-size:1.2rem; color:#FFF; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-end; align-items:center; align-content:center;}

/*首页用户服务*/
.indexservice {width:100%; overflow:hidden; background:#fff; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; padding-top:8%; padding-bottom:8%}
.indexservice div.title {width:90%; overflow:hidden; position:relative}
.indexservice div.title 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;}
.indexservice div.title h1 i {width:60px; overflow:hidden; background:#004189; border-radius:100px; display:block; height:5px;}
.indexservice div.title h1 span {width:100%; overflow:hidden; text-align:left; font-size:1.2rem; color:#004189; font-weight:bold; padding-top:10px;}
.indexservice div.title p {width:80%; overflow:hidden; text-align:left; display:block; color:#666; font-size:0.9rem; padding-top:10px;}
.indexservice div.title a {width:auto; overflow:hidden; text-align:center; line-height:30px; font-size:0.8rem; color:#FFF; background:#004189; padding-left:20px; padding-right:20px; display:block; position:absolute; top:0px; right:0px;}

.indexservice div.subite {width:100%; overflow:hidden; height:auto; padding-top:6%; padding-bottom:6%; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center;}
.indexservice div.subite a {width:25%; overflow:hidden; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center;}
.indexservice div.subite a em {width:60px; overflow:hidden; height:60px; border-radius:20px; border:2px solid #004189; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; color:#004189; font-size:3rem}
.indexservice div.subite a p {width:100%; overflow:hidden; text-align:center; line-height:28px; font-size:1rem; color:#333; display:block; padding-top:10px;}


/*首页合作伙伴*/
.indexhezuo {width:100%; overflow:hidden; background:url(../images/hzhb_bg.jpg) center top no-repeat; background-size:cover; padding-top:8%; padding-bottom:8%}
.indexhezuo h1 {width:90%; overflow:hidden; margin:0px auto; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center;}
.indexhezuo h1 span {width:100%; overflow:hidden; text-align:center; line-height:30px; font-size:1.4rem; color:#FFF; display:block}
.indexhezuo h1 i {width:40px; overflow:hidden; height:5px; background:#fff; border-radius:100px; background:#FFF; margin-top:15px;}
.indexhezuo div.m {width:90%; overflow:hidden; margin:0px auto; padding-top:4%; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:center; align-content:center;}
.indexhezuo div.m a {width:47%; overflow:hidden; display:block; border-radius:6px; margin-top:3%; margin-left:1.3%; margin-right:1.3%}
.indexhezuo div.m a img {width:100%; overflow:hidden; height:auto; display:block}






footer.bottomnav {width:100%; overflow:hidden; height:60px; background:url(../images/xian.jpg) top repeat-x #FFF; position:fixed; bottom:0px; left:0px; z-index:99999}
footer.bottomnav div.nav {width:100%; overflow:hidden; height:60px; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:center; align-content:center;}
footer.bottomnav div.nav a {width:20%; overflow:hidden; height:60px; display:block; text-transform:uppercase;}
footer.bottomnav div.nav a i {width:30px; overflow:hidden; height:30px; display:block; margin:0px auto; text-align:center; line-height:30px; color:#666; font-size:1.4rem; margin-top:8px;}
footer.bottomnav div.nav a p {width:100%; overflow:hidden; height:20px; display:block; text-align:center; line-height:20px; font-size:0.8rem; color:#333}
footer.bottomnav div.nav a.ahover {width:20%; overflow:hidden; height:60px; display:block; text-transform:uppercase; color:#004189; background:url(../images/xian_k.jpg) repeat-x top}
footer.bottomnav div.nav a.ahover i {width:30px; overflow:hidden; height:30px; display:block; margin:0px auto; text-align:center; line-height:30px; color:#004189; font-size:1.4rem; margin-top:8px;}
footer.bottomnav div.nav a.ahover p {width:100%; overflow:hidden; height:20px; display:block; text-align:center; line-height:20px; font-size:0.8rem; color:#004189}

/*通用底部*/
.footer_lx {width:90%; padding:5%;}
.footer_lx div.lianxi {width:80%; overflow:hidden; margin:0px auto; height:auto; padding-top:3%; border-bottom:1px solid #ddd; margin-bottom:5%; padding-bottom:5%; padding-left:10%; padding-right:10%}
.footer_lx div.lianxi dl {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_lx div.lianxi dl dt {width:20%; overflow:hidden; line-height:62px; font-size:3.4rem; text-align:left; color:#004189}
.footer_lx div.lianxi dl dd {width:74%; overflow:hidden; text-align:left; line-height:20px; font-size:1rem; color:#004189;}
.footer_lx div.lianxi dl dd p {width:100%; overflow:hidden; display:block; text-align:left; line-height:40px; font-size:2rem; color:#004189; font-family:'impact' !important}
.footer_lx div.share {width:100%; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:center; align-content:center; position:relative}
.footer_lx div.share a {width:14.285%; height:50px; display:block; text-align:center; line-height:50px; font-size:2rem; color:#004189; background:none}
.footer_lx div.share a div {width:100%; overflow:hidden; height:auto; background:#004189; position:absolute; left:50%; transform: translate(-50%, 0%); bottom:48px; z-index:999; display:none}
.footer_lx div.share a div img {width:100px; overflow:hidden; height:100px; display:block; margin:10px auto; margin-top:30px; border:1px solid #fff; padding:8px; background:#fff}
.footer_lx div.share a div span {width:100%; overflow:hidden; text-align:center; line-height:30px; font-size:1rem; color:#FFF; display:block; margin-bottom:30px;}

.footer_lx div.share a:hover {width:14.285%; height:50px; display:block; text-align:center; line-height:50px; font-size:2rem; color:#fff; background:#004189; border-radius:0px 0px 8px 8px;}
.footer_lx div.share a:hover div {width:100%; overflow:hidden; height:auto; background:#004189; position:absolute; left:50%; transform: translate(-50%, 0%); bottom:48px; z-index:999; display:block}
.footer_lx div.share a:hover div img {width:100px; overflow:hidden; height:100px; display:block; margin:10px auto; margin-top:30px; border:1px solid #fff; padding:8px; background:#fff}
.footer_lx div.share a:hover div span {width:100%; overflow:hidden; text-align:center; line-height:30px; font-size:1rem; color:#FFF; display:block; margin-bottom:30px;}

.footer_lx div.d {width:100%; 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:5%; border-top:1px solid #b4b4b4; padding-top:5%;}
.footer_lx div.d span {width:100%; overflow:hidden; text-align:center; line-height:20px; font-size:0.8rem; color:#666; display:block}
.footer_lx div.d span a {color:#666}
.footer_lx div.d p {width:100%; overflow:hidden; display:block; text-align:center; color:#666; font-size:0.8rem; padding-top:10px;}
.footer_lx div.d p a {width:auto; overflow:hidden; text-align:center; line-height:20px; font-size:0.8rem; color:#666; margin-left:7.5px; margin-right:7.5px;}



/*通用banner和位置导航*/
.topbanner {width:100%; overflow:hidden; height:300px;}
.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:1.3rem; color:#FFF}

.weizhi {width:100%; overflow:hidden; background:#fafafa; border-bottom:1px solid #c8c8c8}
.weizhi div.m {width:90%; overflow:hidden; height:50px; 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:100%;  overflow:hidden; height:50px; 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:50px; display:block; text-align:left; line-height:50px; font-size:1.4rem; color:#666}
.weizhi div.m div.l span {width:auto; overflow:hidden; display:block; text-align:left; line-height:50px; font-size:0.8rem; color:#333}
.weizhi div.m div.l span a {color:#333;}
.weizhi div.m div.l span a:hover {color:#F63; text-decoration:underline}

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

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

/*通用banner*/
.tybanner {width:100%; overflow:hidden; position:relative}
.tybanner img {width:100%; overflow:hidden; height:auto; display:block;}
.tybanner i {width:100%; overflow:hidden; height:100%; position:absolute; top:0px; left:0px; z-index:99; background:url(../images/tm1.png)}
.tybanner h1 {width:90%; overflow:hidden; top:60%; left:5%; position:absolute; z-index:9999; transform: translate(0%, -50%); text-align:center; line-height:40px; font-size:1.6rem; color:#fff}

/*通用分类*/
.tyfenlei {width:91%; overflow:hidden; padding:5%; padding-top:2%; padding-left:4.5%; padding-right:4.5%; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:center; align-content:center; background:#fcfcfc; border-bottom:1px solid #ddd;}
.tyfenlei a {width:auto; overflow:hidden; line-height:24px; font-size:1rem; color:#333; border:1px solid #ddd; background:#fff; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; margin-left:0.5%; margin-right:0.5%; padding:4%; padding-top:1%; padding-bottom:1%; margin-top:3%}
.tyfenlei a.ahover {width:auto; overflow:hidden; line-height:24px; font-size:1rem; color:#fff; border:1px solid #004189; background:#004189; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; margin-left:0.5%; margin-right:0.5%; padding:4%; padding-top:1%; padding-bottom:1%; margin-top:3%}

/*****************解决方案************************/
.Solution {width:90%; overflow:hidden; margin:0px auto;  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:100%; overflow:hidden; padding-bottom:5% !important}
.Solution dl a {width:100%; overflow:hidden; height:auto; display:block; position:relative;}
.Solution dl a dt {width:100%; overflow:hidden; height:auto; display:block;}
.Solution dl a dt img {width:100%; overflow:hidden; height:auto; display:block; transform: scale(1, 1);}
.Solution dl a dd {width:86%; overflow:hidden; height:auto; position:absolute; left:50%; bottom:7%; transform: translate(-50%, 0%); z-index:2;}
.Solution dl a dd h1 {width:100%; overflow:hidden; text-align:left; line-height:30px; font-size:1.2rem; color:#FFF;}
.Solution dl a dd h2 {width:100%; overflow:hidden; text-align:left; line-height:22px; font-size:1rem; color:#FFF; font-weight:normal; padding-top:10px;}
.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:20px;}
.Solution dl a dd p em {width:20px; overflow:hidden; height:26px; text-align:right; line-height:28px; display:block; font-size:0.8rem; padding-left:0px;}
.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;}
/*****************解决方案结束************************/

/*****************产品中心************************/
.chanpintit {width:100%; overflow:hidden; height:50px; background:url(../images/xian.jpg) bottom repeat-x #f9f9f9;}
.chanpintit div.m {width:90%; overflow:hidden; height:50px; margin:0px auto; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:center; align-content:center;}
.chanpintit div.m span {width:auto; overflow:hidden; background:url(../images/xian_k.jpg) bottom repeat-x; height:50px; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; font-size:1.2rem; font-weight:bold; color:#004189}
.chanpintit div.m i {width:50px; overflow:hidden; height:50px; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-end; align-items:center; align-content:center; font-size:1.6rem; color:#004189}

.chanpinnav {width:100%; overflow:hidden; height:100%; position:fixed; top:0px; right:-100%; z-index:999999999; background:url(../images/tm1.png); display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-end; align-items:flex-start; align-content:center; transition: all 0.1s linear 0s}
.chanpinnav i {width:30px; overflow:hidden; height:30px; text-align:center; line-height:30px; font-size:1.4rem; color:#333; position:absolute; top:10px; right:10px; display:block; z-index:99999}
.chanpinnav div.m {width:100%; overflow:hidden; height:100%; overflow-y: scroll; background:#FFF; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:stretch; align-content:stretch; position:relative}
.chanpinnav div.m div.num1 {width:30%; background:#fcfcfc; padding-top:8%}
.chanpinnav div.m div.num1 div {width:80%; overflow:hidden; margin:0px auto; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; font-size:1rem; color:#333; line-height:24px; padding-bottom:7%; padding-top:5%; margin-bottom:5%; background:url(../images/xian.jpg) bottom repeat-x}
.chanpinnav div.m div.num1 div:hover {width:80%; overflow:hidden; margin:0px auto; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; font-size:1rem; color:#004189; line-height:24px; padding-bottom:7%; padding-top:5%; margin-bottom:5%; background:url(../images/xian_k.jpg) bottom repeat-x}
.chanpinnav div.m div.num1 div.ahover {width:80%; overflow:hidden; margin:0px auto; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; font-size:1rem; color:#004189; line-height:24px; padding-bottom:7%; padding-top:5%; margin-bottom:5%; background:url(../images/xian_k.jpg) bottom repeat-x}

.chanpinnav div.m div.num1 div p {width:70%; background:#fff; height:80%; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:flex-start; position:absolute; right:0px; top:0px; padding-top:20%; display:none}
.chanpinnav div.m div.num1 div p a {width:80%; overflow:hidden; font-size:1rem; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-items:center; align-content:center; padding-bottom:4%; margin-bottom:4%}

.chanpinnav div.m div.num1 div:hover p {width:70%; background:#fff; height:80%; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:flex-start; position:absolute; right:0px; top:0px; padding-top:20%; z-index:99}
.chanpinnav div.m div.num1 div:hover p a {width:80%; overflow:hidden; font-size:1rem; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-items:center; align-content:center; padding-bottom:4%; margin-bottom:4%}

.product_headlines {width:90%; overflow:hidden; margin:0px auto; margin-top:5%}
.product_headlines a {width:100%; overflow:hidden; height:auto; display:block; position:relative; margin-bottom:4%}
.product_headlines a img {width:260%; overflow:hidden; height:auto; margin-left:-75%; display:block;}
.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;}
.product_headlines a div.m h2 {width:90%; overflow:hidden; margin:0px auto; text-align:center; font-size:0.8rem; font-weight:normal; color:#FFF; margin-top:8%;}
.product_headlines a div.m h1 {width:90%; overflow:hidden; margin:0px auto; text-align:center; font-size:1.2rem; color:#FFF; margin-top:2%;}
.product_headlines a div.m p {width:auto; overflow:hidden; height:30px; line-height:30px; font-size:0.8rem; color:#FFF; 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_headlines a div.m p i {width:20px; overflow:hidden; height:30px; line-height:30px; font-size:0.9rem; display:block; text-align:right; margin-left:0px; transition: all 0.3s linear 0s}


.product_list {width:90%; overflow:hidden; 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:100%; overflow:hidden; height:auto; display:block; position:relative; transition: all 0.3s linear 0s; margin-bottom:4%}
.product_list a img {width:140%; overflow:hidden; height:auto; margin-left:-20%; 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:90%; overflow:hidden; margin:0px auto; text-align:center; font-size:0.8rem; font-weight:normal; color:#004c9f; margin-top:8%; transition: all 0.3s linear 0s}
.product_list a div.m h1 {width:90%; overflow:hidden; margin:0px auto; text-align:center; font-size:1.2rem; color:#333; font-weight:normal; margin-top:2%; transition: all 0.3s linear 0s}
.product_list a div.m p {width:auto; overflow:hidden; height:30px; line-height:30px; font-size:0.8rem; 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:20px; overflow:hidden; height:30px; line-height:30px; font-size:0.9rem; display:block; text-align:right; margin-left:0px; transition: all 0.3s linear 0s}


.product_tansuo {width:100%; overflow:hidden; background:#f3f3f3; padding-top:5%; 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:1.4rem; color:#333;}
.product_tansuo div.m {width:90%; overflow:hidden; margin:0px auto; margin-top:5%; 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:100%; overflow:hidden; background:#fff; border-radius:6px; padding-bottom:5% !important; margin-bottom:4%}
.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;}
.product_tansuo div.m dl a h2 {width:100%; overflow:hidden; margin:0px auto; text-align:center; font-size:1.4rem; color:#333; font-weight:bold; margin-top:5%;}
.product_tansuo div.m dl a h3 {width:100%; overflow:hidden; margin:0px auto; text-align:center; font-size:1rem; font-weight:normal; color:#666; margin-top:0.5%;}
.product_tansuo div.m dl a p {width:auto; overflow:hidden; height:30px; line-height:30px; font-size:0.8rem; 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;}
.product_tansuo div.m dl a p i {width:30px; overflow:hidden; height:30px; line-height:30px; font-size:1rem; display:block; text-align:right; margin-left:0px;}


.productshowtopimg {width:100%; overflow:hidden;}
.productshowtopimg div.mySwipertopimg {width:100%}
.productshowtopimg div.mySwipertopimg div.swiper-wrapper {width:100%;}
.productshowtopimg div.mySwipertopimg div.swiper-wrapper div.swiper-slide {width:100%;}
.productshowtopimg div.mySwipertopimg div.swiper-wrapper div.swiper-slide img {width:100%; overflow:hidden; display:block; height:auto}
.productshowtopimg div.swiper-pagination {width:100% !important; height:10px !important; position:absolute !important; left:0px !important; bottom:30px !important}
.productshowtopimg 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}
.productshowtopimg 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}

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

.productshowtopimg div.sub {width:90%; overflow:hidden; margin:0px auto; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center;}
.productshowtopimg div.sub h1 {width:100%; overflow:hidden; text-align:left; line-height:40px; font-size:1.5rem; padding-top:2%}
.productshowtopimg div.sub h2 {width:100%; overflow:hidden; text-align:left; line-height:22px; font-size:1rem; font-weight:normal; color:#666; padding-top:1%; padding-bottom:3%}
.productshowtopimg div.sub div.m {width:90%; 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:flex-start; align-content:flex-start; padding:5%;}
.productshowtopimg div.sub div.m i {width:30px; overflow:hidden; height:30px; text-align:left; line-height:36px; font-size:1.4rem; color:#333}
.productshowtopimg div.sub div.m dl {width:92%; overflow:hidden}
.productshowtopimg div.sub div.m dl dt {width:100%; overflow:hidden; text-align:left; line-height:30px; font-size:1.1rem; font-weight:bold; color:#333}
.productshowtopimg div.sub div.m dl dd {width:100%; overflow:hidden; text-align:left; line-height:24px; font-size:0.9rem; color:#434343; padding-top:15px;}

.productvideo {width:100%; margin-top:5%; background:#fafafa;}
.productvideo div.m {width:90%; height:auto; 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:100%; overflow:hidden; margin:0px auto; margin-top:6%; text-align:left; line-height:40px; font-size:1.4rem; color:#002d5e; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-items:center; align-content:center; position:relative}
.productvideo div.m h1 span {width:100%; overflow:hidden; line-height:40px; display:block}
.productvideo div.m h1 a {width:auto; overflow:hidden; font-size:1rem; color:#FFF; background:#004189; display:block; position:absolute; top:15%; right:0px; line-height:30px; padding-left:3%; padding-right:3%; font-weight:normal}
.productvideo div.m h1 i {width:50px; height:4px; display:block; border-radius:100px; background:#002d5e; margin-top:5px;}
.productvideo div.m div.vl {width:100%; height:auto}
.productvideo div.m div.vl dl {width:100%; overflow:hidden; margin:0px auto !important; padding-bottom:5% !important; margin-top:5% !important}
.productvideo div.m div.vl dl a {width:100%; overflow:hidden; display:block}
.productvideo div.m div.vl dl a dt {width:100%; overflow:hidden; position:relative}
.productvideo div.m div.vl dl a dt img {width:100%; overflow:hidden; height:auto; display:block; transform: scale(1, 1);}
.productvideo div.m div.vl 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:0.8rem; line-height:35px; position:absolute; left:10px; bottom:10px; z-index:2; padding-left:15px; padding-right:15px;}
.productvideo div.m div.vl dl a dt span em {width:20px; overflow:hidden; height:32px; text-align:left; line-height:34px; font-size:1rem; color:#FFF}
.productvideo div.m div.vl dl a dd {width:auto; overflow:hidden; padding-top:5%; text-align:left; line-height:26px; font-size:1.2rem; color:#333}
.productvideo div.m div.vl dl a dd p {width:100%; overflow:hidden; display:block; padding-top:15px; color:#666; font-size:0.8rem; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:space-between; align-items:center; align-content:center;}
.productvideo div.m div.vl 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;}
.productvideo div.m div.vl dl a dd span i {width:22px; overflow:hidden; height:30px; text-align:left; line-height:26px; font-size:19px; color:#666; display:block}
.productvideo div.m div.vl dl a dd 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; color:#666; font-size:0.8rem;}
.productvideo div.m div.vl dl a dd b i {width:22px; overflow:hidden; height:30px; text-align:left; line-height:26px; font-size:18px; color:#666; display:block}




.productsrlj {width:90%; overflow:hidden; margin:0px auto; padding-bottom:8%}
.productsrlj h1 {width:100%; overflow:hidden; margin:0px auto; text-align:center; line-height:60px; font-size:1.6rem; color:#333; padding-top:6%;}
.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:3%; padding-top:0%}
.productsrlj div.m div.tl img {width:100%; overflow:hidden; height:auto; display:block}
.productsrlj div.m div.tl dl {width:80%; overflow:hidden; position:absolute; top:8%; z-index:2}
.productsrlj div.m div.tl dl dt {width:100%; overflow:hidden; text-align:left; font-size:1.4rem; font-weight:bold; color:#FFF; line-height:30px;}
.productsrlj div.m div.tl dl dd {width:100%; overflow:hidden; text-align:left; font-size:1rem; font-weight:normal; color:#FFF; line-height:22px; padding-top:10px;}

.productsrlj div.m div.xm {width:100%; 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:6%; padding-top:0%}
.productsrlj div.m div.xm img {width:100%; overflow:hidden; height:auto; 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; display:none}
.productsrlj div.m div.xm dl {width:80%; 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:1.4rem; font-weight:bold; color:#FFF; line-height:30px;}
.productsrlj div.m div.xm dl dd {width:100%; overflow:hidden; text-align:left; font-size:1rem; font-weight:normal; color:#FFF; line-height:22px; padding-top:10px;}


.productxswx {width:90%; overflow:hidden; margin:0px auto}
.productxswx h1 {width:100%; overflow:hidden; margin:0px auto; text-align:center; line-height:60px; font-size:1.8rem; 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%;}
.productxswx div.m a {width:100%; 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:1rem; 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:0.8rem; 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:1.6rem; color:#666; display:block; transition: all 0.3s linear 0s;}


/*****************产品中心结束************************/


/*****************新闻中心开始************************/
.indexnewsmian {width:90%; overflow:hidden; padding:5%; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center;}
.indexnewsmian 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; margin-bottom:5%}
.indexnewsmian h1 span {width:100%; overflow:hidden; text-align:left; line-height:30px; font-size:1.4rem; color:#333; display:block}
.indexnewsmian h1 i {width:50px; overflow:hidden; height:4px; border-radius:100px; background:#004189; display:block; margin-top:15px;}
.indexnewsmian a {width:100%; overflow:hidden; display:block; padding-bottom:4%; margin-bottom:4%; border-bottom:1px dotted #ddd}
.indexnewsmian a em {width:100%; overflow:hidden; border-radius:3px; display:block}
.indexnewsmian a em img {width:100%; overflow:hidden; height:auto; display:block}
.indexnewsmian a h2 {width:100%; overflow:hidden; text-align:left; line-height:30px; font-size:1.1rem; color:#333; font-weight:normal; padding-top:4%}
.indexnewsmian a h3 {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; padding-top:10px; font-weight:normal}
.indexnewsmian a h3 span {width:30px; overflow:hidden; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:flex-start; align-items:center; align-content:center; font-size:1.4rem; color:#666;}
.indexnewsmian a h3 p {width:auto; overflow:hidden; padding-right:20px; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:flex-start; align-items:center; align-content:center; font-size:0.8rem; color:#666}

.newsshow_tit {width:100%; overflow:hidden; margin:0px auto; padding-bottom:4%; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; background:#fcfcfc; padding-bottom:8%; border-bottom:1px solid #ddd}
.newsshow_tit div.l {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;}
.newsshow_tit div.l i {width:80px; overflow:hidden; height:6px; background:#054893; border-radius:100px; margin-bottom:15px; margin-top:10%}
.newsshow_tit div.l h1 {width:100%; overflow:hidden; text-align:left; line-height:36px; font-size:1.6rem; font-weight:normal; color:#013064}
.newsshow_tit div.l p {width:100%; overflow:hidden; display:block; line-height:25px; font-size:0.8rem; color:#999; display:block; padding-top:20px;}
.newsshow_tit div.l div.share {width:100%; overflow:hidden; padding-top:20px;}
.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:100%; overflow:hidden;}
.newsshow_tit div.r img {width:100%; overflow:hidden; display:block; height:auto}

.newsshow_sub {width:100%; overflow:hidden; background:#fff; padding-top:5%; padding-bottom:5%;}
.newsshow_sub div.m {width:90%; overflow:hidden; margin:0px auto; text-align:left; line-height:36px; font-size:1.1rem; color:#333}
.newsshow_sub div.m p {width:100%; overflow:hidden; display:block; padding-bottom:25px; padding-top:25px; text-indent:30px;}
.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;}
/*****************新闻中心结束************************/

/*****************用户服务开始************************/
.userservice_banner {width:100%; overflow:hidden; height:55vh; position:relative; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:center; align-items:center; align-content:center;}
.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.m {width:100%; overflow:hidden; height:100%; margin:0px auto; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; position:absolute; top:0px; left:0px; z-index:9999}
.userservice_banner div.m h1 {width:90%; overflow:hidden; text-align:left; line-height:50px; font-size:1.8rem; font-weight:normal; color:#FFF; margin-top:8%}
.userservice_banner div.m div.link {width:90%; overflow:hidden; padding-top:20px; 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:1rem; color:#FFF; display:block; padding-left:6%; padding-right:6%; margin-right:2%; background:none}
.userservice_banner video {width:220%; height:100%; display:block; margin-left:-60%}
.userservice_banner video::-webkit-media-controls {display:none !important;}

.userservice_banner div.m div.erweima {width:90%; 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.erweima dl {width:30%; overflow:hidden; margin-right:5% !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:100%; overflow:hidden; height:auto; display:block}
.userservice_banner div.m div.erweima dl dt {width:auto; overflow:hidden; text-align:center; line-height:30px; font-size:1rem; color:#FFF; padding-top:8px;}

.userservice_search {width:90%; overflow:hidden; margin:0px auto; border-top:1px solid #ddd; padding:5%; 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; margin-top:4%}
.userservice_search h1 i {width:60px; overflow:hidden; height:5px; display:block; border-radius:100px; background:#004189;}
.userservice_search h1 span {width:100%; overflow:hidden; text-align:left; display:block; font-size:1.6rem; line-height:40px; color:#004189; padding-top:5px}
.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:5%}
.userservice_search div.m a {width:100%; overflow:hidden; background:#044893; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:center; align-items:center; align-content:center; padding-top:3%; padding-bottom:3%; margin-bottom:4%}
.userservice_search div.m a em {width:60px; overflow:hidden; height:60px; display:block}
.userservice_search div.m a em img {width:auto; overflow:hidden; height:100%; display:block}
.userservice_search div.m a span {width:auto; overflow:hidden; font-size:2rem; line-height:80px; 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:70px; text-align:right; font-size:2.6rem; color:#FFF; font-weight:normal; display:block}


.userservice_tousu {width:90%; margin:0px auto; margin-top:8%; 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:60px; overflow:hidden; height:5px; display:block; border-radius:100px; background:#004189;}
.userservice_tousu div.tit {width:100%; overflow:hidden; padding-top:0px; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:space-between; align-items:flex-end; align-content:center;}
.userservice_tousu div.tit h1 {width:50%; overflow:hidden; text-align:left; line-height:40px; font-size:1.6rem; color:#004189}
.userservice_tousu div.tit div.more {width:40%; 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:32px; border:1px solid #ddd; text-align:center; line-height:32px; font-size:0.8rem; color:#333; display:block; padding-left:8%; padding-right:8%; background:none}


.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:10%; margin-bottom:8%; margin-top:3%}
.userservice_tousu div.sub div.l {width:100%; overflow:hidden; padding-top:3%}
.userservice_tousu div.sub div.l h3 {width:100%; overflow:hidden; text-align:left; font-size:1.4rem; 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:nowrap; justify-content:flex-start; align-items:center; align-content:center;}
.userservice_tousu div.sub div.l dl dt {width:30px; overflow:hidden; height:40px; text-align:left; line-height:42px; font-size:1.6rem; color:#333}
.userservice_tousu div.sub div.l dl dd {width:93%; overflow:hidden; height:40px; text-align:left; line-height:40px; font-size:1rem; color:#333}
.userservice_tousu div.sub div.r {width:100%; overflow:hidden}
.userservice_tousu div.sub div.r img {width:100%; overflow:hidden; height:auto; display:block}

.userservice_tousu div.bd {width:100%; overflow:hidden; padding-top:5%; border-top:1px solid #ddd; margin-top:5%}
.userservice_tousu div.bd h3 {width:100%; overflow:hidden; text-align:left; font-size:20px; color:#333;}
.userservice_tousu div.bd h4 {width:100%; 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: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%}
.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}


/*视频中心*/
.videoshow_mian {width:100%; overflow:hidden; background:#000; padding-top:50px; padding-bottom:5%; margin-bottom:6%}
.videoshow_bofang {width:100%; overflow:hidden; margin:0px auto;}
.videoshow_bofang div.m {width:100%; overflow:hidden; height:auto;}
.videoshow_bofang div.m video {width:140%; height:100%; display:block; margin-left:-20%}
.videoshow_bofang div.m video::-webkit-media-controls {display:none !important;}

.videoshow_bofang div.title {width:90%; overflow:hidden; height:auto; padding:5%; background:#000; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:center; align-content:center;}
.videoshow_bofang div.title div.l {width:100%; overflow:hidden;}
.videoshow_bofang div.title div.l h1 {width:100%; overflow:hidden; text-align:left; line-height:30px; font-size:1.4rem; color:#FFF; font-weight:normal}
.videoshow_bofang div.title div.l p {width:100%; overflow:hidden; display:block; padding-top:20px; font-size:1rem; 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:30px; font-size:1.2rem; 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; font-size:1rem}
.videoshow_bofang div.title div.l p b i {width:22px; overflow:hidden; height:30px; text-align:left; line-height:30px; font-size:1.2rem; color:#fff; display:block}

.videoshow_bofang div.title div.r {width:100%; overflow:hidden;}
.videoshow_bofang div.title div.r div.share {width:100%; overflow:hidden; margin-top:5%}
.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-start; 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}


/*名医讲堂*/
.doctors_search {width:94%; overflow:hidden; padding:3%; margin-top:50px; border-bottom:1px solid #ddd; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:flex-start; align-items:center; align-content:center; background:#fff}
.doctors_search form {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;}
.doctors_search form i {width:13%; overflow:hidden; height:34px; border-radius:100px 0px 0px 100px; border:1px solid #ddd; border-right:0px; text-align:center; line-height:34px; font-size:1.2rem; color:#999; display:block}
.doctors_search form input {width:86%; overflow:hidden; height:34px; border-radius:0px 100px 100px 0px; border:1px solid #ddd; border-left:0px; text-align:left; line-height:34px; font-size:1rem; color:#999; display:block;}

.doctors_wrap {width:100%; overflow:hidden; background:#fff; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:space-between; align-items:stretch; align-content:stretch; border-bottom:1px solid #ddd}
.doctors_wrap div.l {width:30%; overflow:hidden; background:#fcfcfc; padding-top:5%; padding-bottom:5%}
.doctors_wrap div.l a {width:100%; overflow:hidden; text-align:center; line-height:24px; padding-top:12px; padding-bottom:12px; display:block; font-size:1rem; color:#333}
.doctors_wrap div.l a.ahover {width:100%; overflow:hidden; text-align:center; line-height:24px; padding-top:12px; padding-bottom:12px; display:block; font-size:1rem; color:#fff; background:#004189}
.doctors_wrap div.r {width:60%; overflow:hidden; background:#fff; padding:5%}
.doctors_wrap div.r dl {width:100%; overflow:hidden; margin:0px auto !important; padding-bottom:5% !important; margin-bottom:5% !important; border-bottom:1px solid #ddd;}
.doctors_wrap div.r dl a {width:100%; overflow:hidden; display:block}
.doctors_wrap div.r dl a dt {width:100%; overflow:hidden; position:relative}
.doctors_wrap div.r dl a dt img {width:100%; overflow:hidden; height:auto; display:block; transform: scale(1, 1);}
.doctors_wrap div.r 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:0.8rem; line-height:35px; position:absolute; left:10px; bottom:10px; z-index:2; padding-left:15px; padding-right:15px;}
.doctors_wrap div.r dl a dt span em {width:20px; overflow:hidden; height:32px; text-align:left; line-height:34px; font-size:1rem; color:#FFF}
.doctors_wrap div.r dl a dd {width:auto; overflow:hidden; padding-top:5%; text-align:left; line-height:26px; font-size:1.1rem; color:#333}
.doctors_wrap div.r dl a dd p {width:100%; overflow:hidden; display:block; padding-top:10px; color:#666; font-size:0.9rem}

/*****************联系我们开始************************/
.contactwrap {width:90%; overflow:hidden; margin:0px auto; margin-top:5%; margin-bottom:5%;}
.contactwrap h1 {width:100%; overflow:hidden; text-align:left; line-height:40px; 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:40px; font-size:1.6rem; color:#333}
.contactwrap h1 i {width:60px; overflow:hidden; height:5px; background:#054893; border-radius:100px; margin-top:6px;}

.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:8%}
.contactwrap div.m div.l {width:90%; overflow:hidden; height:auto; padding:5%; padding-top:3%}
.contactwrap div.m div.l h3 {width:100%; overflow:hidden; text-align:left; font-size:1.2rem; color:#333; margin-top:5%; margin-bottom:6%}
.contactwrap div.m div.l 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;}
.contactwrap div.m div.l dl dt {width:30px; overflow:hidden; height:40px; text-align:left; line-height:42px; font-size:1.4rem; color:#333}
.contactwrap div.m div.l dl dd {width:92%; overflow:hidden; height:auto; text-align:left; line-height:22px; font-size:1rem; color:#333}
.contactwrap div.m div.r {width:100%; 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:10%; border-top:1px solid #ddd; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:center; align-content:center;}
.contactqita dl {width:100%; overflow:hidden;}
.contactqita dl dt {width:100%; overflow:hidden; padding-top:4%}
.contactqita dl dt span {width:100%; overflow:hidden; display:block; text-align:left; line-height:35px; font-size:1.2rem; color:#003876; font-weight:bold}
.contactqita dl dt i {width:40px; overflow:hidden; height:3px; border-radius:100px; background:#003876; display:block; margin-top:1%}
.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:86px; overflow:hidden; line-height:30px; font-size:1rem; color:#666; display:block}
.contactqita dl dd p {width:74%; overflow:hidden; text-align:left; line-height:24px; font-size:1rem; color:#666}

.contactmap {width:100%; overflow:hidden; height:auto; margin-top:4%; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.contactmap img {width:100%; overflow:hidden; height:auto; display:block}
/*****************联系我们结束************************/


/*****************授权查询********************/
.shouquan_search {width:90%; overflow:hidden; margin:0px auto; margin-top:8%; margin-bottom:8%;}
.shouquan_search form {width:100%; overflow:hidden; margin:0px auto; height:52px; 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:50px; padding-left:3%; padding-right:3%; text-align:left; line-height:50px; border:1px solid #ccc; color:#666; font-size:1rem; border-right:0px; background:#fff}
.shouquan_search form button {width:23%; overflow:hidden; height:52px; border:0px; display:block; text-align:center; line-height:52px; font-size:1rem; 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:1.2rem; height:52px; line-height:56px; text-align:center}
.shouquan_search form button:hover i {width:34px; overflow:hidden; display:block; font-size:1rem; height:52px; line-height:56px; text-align:center}


/*****************质保注册********************/
.zhibao {width:90%; overflow:hidden; margin:0px auto; margin-top:5%; 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:1.4rem; line-height:60px;}
.zhibao dl {width:90%; overflow:hidden; background:#f2f2f2; padding:5% !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:30px; font-size:2rem; color:#F30; padding-top:2px;}
.zhibao dl dd {width:87%; overflow:hidden; text-align:left; font-size:0.9rem; color:#1f1f1f; line-height:24px;}
.zhibao form {width:100%; 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:1.2rem; font-weight:bold; color:#044893; display:block; margin-top:5%}
.zhibao form p b {color:#F00; font-weight:normal; padding-right:5px;}
.zhibao form select {width:99%; 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:0.9rem; color:#666; padding-left:15px; padding-right:15px; margin-top:2%}
.zhibao form input.wbk {width:99%; 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:99%; 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:0.9rem; 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:0.9rem; 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:100%; overflow:hidden; height:60px; text-align:center; line-height:60px; display:block; border:0px; font-size:1rem; color:#FFF; background:#003876; margin-top:5%; font-weight:bold; cursor:pointer}


/*****************招聘开始************************/
.recruitwrap {width:90%; overflow:hidden; 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; margin-top:5%; margin-bottom:5%;}
.recruitwrap div.l {width:100%; 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:65%; overflow:hidden; height:40px; border:1px solid #e5e5e5; background:url(../images/zhaopin/ico_.png) left no-repeat #FFF; text-align:left; padding-left:15%; border-radius:100px 0px 0px 100px !important; border-right:0px; padding-right:2%; color:#999; line-height:40px; font-size:0.8rem;}
.recruitwrap div.l div.so form button {width:25%; overflow:hidden; height:42px; border:0px; text-align:center; line-height:42px; font-size:1rem; font-weight:bold; color:#FFF; background:#004189; 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:nowrap; justify-content:flex-start; align-items:center; align-content:center; margin-top:5%}
.recruitwrap div.l div.fl a {width:auto; overflow:hidden; height:40px; text-align:center; line-height:40px; font-size:1rem; color:#333; font-weight:bold; border:1px solid #ddd; display:block; padding-left:4%; padding-right:4%; background:#fff; margin-right:3%;}
.recruitwrap div.l div.fl a.ahover {width:auto; overflow:hidden; height:40px; text-align:center; line-height:40px; font-size:1rem; color:#fff; font-weight:bold; border:1px solid #003876; display:block; padding-left:4%; padding-right:4%; background:#003876; margin-right:3%;}

.recruitwrap div.l div.shaixuan {width:100%; overflow:hidden; margin-top:4%;} 
.recruitwrap div.l div.shaixuan 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;}
.recruitwrap div.l div.shaixuan dl dt {width:100%; overflow:hidden; text-align:left; line-height:30px; font-size:1rem; color:#333}
.recruitwrap div.l div.shaixuan 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:center; align-content:center;}
.recruitwrap div.l div.shaixuan dl dd a {width:auto; overflow:hidden; text-align:center; line-height:30px; font-size:0.8rem; color:#333; 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:0.8rem; font-weight:bold; color:#004189; display:block; padding-right:15px;}
.recruitwrap div.l div.shaixuan dl dd a b {font-size:0.8rem; font-weight:bold !important}

.recruitwrap div.l div.zwtj {width:100%; overflow:hidden; margin-top:5%; line-height:26px; font-size:0.8rem; 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:5%; margin-bottom:5%; 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:30px; font-size:1.2rem; color:#333}
.recruitwrap div.l div.list a p {width:100%; overflow:hidden; display:block; line-height:30px; padding-top:20px; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-items:center; align-content:center; padding-bottom:20px;}
.recruitwrap div.l div.list a p span {width:auto; overflow:hidden; display:block; color:#666; font-size:0.8rem;}
.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:30px; display:block; font-size:0.9rem; color:#CCC}
.recruitwrap div.l div.list a b {width:auto; overflow:hidden; line-height:30px; font-size:0.8rem; color:#999; position:absolute; bottom:0px; right:0px; z-index:9; font-weight:normal}


.recruitwrap div.r {width:100%; overflow:hidden; margin-top:5%}
.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:1.4rem; color:#004189}
.recruitwrap div.r h1 p span {width:auto; overflow:hidden; line-height:70px; font-size:1.2rem; color:#004189}
.recruitwrap div.r h1 em {width:30px; overflow:hidden; height:70px; text-align:right; line-height:70px; font-size:1.5rem; 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:30px; font-size:1.2rem; 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:wrap; 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:0.8rem;}
.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:30px; display:block; font-size:0.9rem; color:#CCC}
.recruitwrap div.r div.list a b {width:auto; overflow:hidden; line-height:30px; font-size:1.1rem; color:#999; position:absolute; bottom:20px; right:0px; z-index:9; font-weight:normal}


.recruitwrap div.r div.ewm {width:100%; overflow:hidden; margin:0px auto; margin-top:5%; padding-bottom:9%; border-bottom:1px solid #ddd}
.recruitwrap div.r div.ewm img {width:auto; overflow:hidden; margin:0px auto; height:auto; display:block}

.recruitwrap_show {width:90%; overflow:hidden; margin:0px auto; padding:5%; background:url(../images/zhaopin/tophx.jpg) top repeat-x}
.recruitwrap_show div.title {width:100%; overflow:hidden; padding-bottom:2%; margin-bottom:3%; margin-top:60px; 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:1.4rem; color:#333; padding-bottom:20px;}
.recruitwrap_show div.title p {width:100%; overflow:hidden; display:block; line-height:30px; padding-top:0px; 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:0.9rem;}
.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:30px; display:block; font-size:1rem; color:#CCC}

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

/*****************搜索中心开始************************/
.searchcenter {width:90%; overflow:hidden; margin:0px auto; padding:5%; background:url(../images/zhaopin/tophx.jpg) top repeat-x}
.searchcenter div.qzjs {width:100%; overflow:hidden; margin:0px auto; margin-top:50px;}
.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:1.2rem; 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:1.6rem; height:50px; line-height:54px; text-align:center}


.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:22px; font-size:1rem; color:#666; display:block}
.searchcenter div.qzjs div.reso a {width:auto; overflow:hidden; text-align:left; line-height:22px; font-size:1rem; color:#666; display:block; padding-right:10px;}

.searchcenter div.subite {width:100%; overflow:hidden; margin-top:2%; border-top:1px solid #ddd; padding-top:5%; margin-top:6%}
.searchcenter div.subite h1 {width:100%; overflow:hidden; text-align:left; line-height:30px; font-size:1.2rem; 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:5% !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:100%; 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:100%; overflow:hidden; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-items:center; align-content:center; padding-top:5%}
.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:0.9rem; 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:1.2rem; margin-top:10px;}
.searchcenter div.subite dl a dd p {width:auto; overflow:hidden; line-height:21px; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; color:#666; font-size:0.8rem; margin-top:10px;}
.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:1.4rem; margin-top:10px;}


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

/*****************关于我们************************/
.NYabout {width:90%; overflow:hidden; height:auto; background:#004189; padding:5%}
.NYabout div.tupian {width:97%; overflow:hidden; height:auto; border:5px solid #002d5e; border-radius:8px;}
.NYabout div.tupian img {width:100%; overflow:hidden; height:auto; display:block}
.NYabout div.m {width:100%; overflow:hidden; padding-top:6%; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-items:center; align-content:center;}
.NYabout div.m h1 {width:100%; overflow:hidden; text-align:left; font-size:1.4rem; color:#FFF; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-items:center; align-content:center; font-weight:normal}
.NYabout div.m h1 i {width:40px; overflow:hidden; height:5px; background:#fff; border-radius:100px; margin-right:15px;}
.NYabout div.m h1 strong {font-weight:bold}
.NYabout div.m div.sub {width:100%; overflow:hidden; text-align:left; line-height:22px; color:#FFF; font-size:1rem; padding-top:15px; padding-bottom:15px; font-size:0.9rem}
.NYabout div.m div.sub p {width:auto; overflow:hidden; display:block; padding-top:7px; padding-bottom:7px; display:block; font-size:0.9rem}

.NYaboutsub_tit {width:100%; overflow:hidden; padding-top:10%; padding-bottom:5%; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center;}
.NYaboutsub_tit h1 {width:100%; overflow:hidden; text-align:center; line-height:30px; font-size:1.5rem; color:#004189}
.NYaboutsub_tit h2 {width:100%; overflow:hidden; text-align:center; line-height:24px; font-size:1rem; color:#666; font-weight:normal}
.NYaboutsub_tit i {width:40px; overflow:hidden; height:4px; border-radius:100px; background:#004189; margin-top:10px; margin-bottom:10px; display:block}

.swiper-container {width:90%; overflow:hidden; margin:0px auto}
.swiper-container div.swiper-wrapper {width:100%;}
.swiper-container div.swiper-wrapper div.swiper-slide {width:100%; overflow:hidden; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center;}
.swiper-container div.swiper-wrapper div.swiper-slide div.tupian {width:100%; overflow:hidden; height:auto; display:block}
.swiper-container div.swiper-wrapper div.swiper-slide div.tupian img {width:100%; overflow:hidden; height:auto; display:block}
.swiper-container div.swiper-wrapper div.swiper-slide div.wenzi {width:88%; overflow:hidden; padding:6%; background:#eee; text-align:left; color:#333; font-size:0.9rem; line-height:23px;}
.swiper-container div.swiper-wrapper div.swiper-slide div.wenzi h1 {width:100%; overflow:hidden; text-align:left; font-size:1.1rem; color:#004189; line-height:30px;}
.swiper-container div.swiper-wrapper div.swiper-slide div.wenzi p {width:auto; overflow:hidden; display:block; text-indent:0px; padding-top:10px;}

.swiper-container div.swiper-tabs {width:100%; overflow:hidden; margin:0px auto; border-bottom:1px solid #ddd; padding-bottom:4%; margin-bottom:4%; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-items:center; align-content:center; -webkit-column-count:2;-moz-column-count:2;column-count:2; -webkit-column-gap:2%;-moz-column-gap:2%;column-gap:2%;}
.swiper-container div.swiper-tabs div.swiper-tab {width:48%; overflow:hidden; text-align:center; line-height:40px; font-size:1rem; color:#666}
.swiper-container div.swiper-tabs div.active {background:#004189; color:#FFF}



.about_tab1 {width:90%; margin:0px auto;} 
.about_tab1 .about_tab1Title {width:100%; overflow:hidden; height:auto;} 
.about_tab1 .about_tab1Title ul {width:100%; overflow:hidden; margin:0px auto; border-bottom:1px solid #ddd; padding-bottom:4%; margin-bottom:4%; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-items:center; align-content:center; -webkit-column-count:2;-moz-column-count:2;column-count:2; -webkit-column-gap:2%;-moz-column-gap:2%;column-gap:2%;} 
.about_tab1 .about_tab1Title li {width:48%; overflow:hidden; text-align:center; line-height:40px; font-size:1rem; color:#666} 
.about_tab1 .about_tab1Title .active {background:#004189; color:#FFF}
.about_tab1 .about_tab1Title .normal {background:none; color:#666} 
.about_tab1 .about_tab1Content {width:100%;}
.about_tab1none {display:none;}

.about_tab2 {width:90%; margin:0px auto;} 
.about_tab2 .about_tab2Title {width:100%; overflow:hidden; height:auto;} 
.about_tab2 .about_tab2Title ul {width:100%; overflow:hidden; margin:0px auto; border-bottom:1px solid #ddd; padding-bottom:4%; margin-bottom:4%; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-items:center; align-content:center; -webkit-column-count:2;-moz-column-count:2;column-count:2; -webkit-column-gap:2%;-moz-column-gap:2%;column-gap:2%;} 
.about_tab2 .about_tab2Title li {width:48%; overflow:hidden; text-align:center; line-height:40px; font-size:1rem; color:#666} 
.about_tab2 .about_tab2Title .active {background:#004189; color:#FFF}
.about_tab2 .about_tab2Title .normal {background:none; color:#666} 
.about_tab2 .about_tab2Content {width:100%;}
.about_tab2none {display:none;}

.about_tab3 {width:90%; margin:0px auto;} 
.about_tab3 .about_tab3Title {width:100%; overflow:hidden; height:auto;} 
.about_tab3 .about_tab3Title ul {width:100%; overflow:hidden; margin:0px auto; border-bottom:1px solid #ddd; padding-bottom:4%; margin-bottom:4%; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-items:center; align-content:center; -webkit-column-count:2;-moz-column-count:2;column-count:2; -webkit-column-gap:2%;-moz-column-gap:2%;column-gap:2%;} 
.about_tab3 .about_tab3Title li {width:48%; overflow:hidden; text-align:center; line-height:40px; font-size:1rem; color:#666} 
.about_tab3 .about_tab3Title .active {background:#004189; color:#FFF}
.about_tab3 .about_tab3Title .normal {background:none; color:#666} 
.about_tab3 .about_tab3Content {width:100%;}
.about_tab3none {display:none;}

.about_tab4 {width:90%; margin:0px auto;} 
.about_tab4 .about_tab4Title {width:100%; overflow:hidden; height:auto;} 
.about_tab4 .about_tab4Title ul {width:100%; overflow:hidden; margin:0px auto; border-bottom:1px solid #ddd; padding-bottom:4%; margin-bottom:4%; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-items:center; align-content:center; -webkit-column-count:2;-moz-column-count:2;column-count:2; -webkit-column-gap:2%;-moz-column-gap:2%;column-gap:2%;} 
.about_tab4 .about_tab4Title li {width:48%; overflow:hidden; text-align:center; line-height:40px; font-size:1rem; color:#666} 
.about_tab4 .about_tab4Title .active {background:#004189; color:#FFF}
.about_tab4 .about_tab4Title .normal {background:none; color:#666} 
.about_tab4 .about_tab4Content {width:100%;}
.about_tab4none {display:none;}

.abouttupian {width:100%; overflow:hidden; height:auto; display:block}
.abouttupian img {width:100%; overflow:hidden; height:auto; display:block}
.aboutwenzi {width:88%; overflow:hidden; padding:6%; background:#eee; text-align:left; color:#333; font-size:0.9rem; line-height:23px;}
.aboutwenzi h1 {width:100%; overflow:hidden; text-align:left; font-size:1.1rem; color:#004189; line-height:30px;}
.aboutwenzi p {width:auto; overflow:hidden; display:block; text-indent:0px; padding-top:10px;}



/*创新智造*/
.Intelligent_renzheng {width:96%; overflow:hidden; background:#f7f7f7; padding:5%; padding-left:2%; padding-right:2%; padding-bottom:2%}
.Intelligent_renzheng h1 {width:100%; overflow:hidden; text-align:center; line-height:30px; font-size:1.2rem; color:#004189}
.Intelligent_renzheng div.m {width:100%; overflow:hidden; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-evenly; align-items:center; align-content:center;}
.Intelligent_renzheng div.m a {width:30%; overflow:hidden; height:auto; display:block; background:#fefefe; border-radius:6px; margin-top:4%;}
.Intelligent_renzheng div.m a img {width:96%; overflow:hidden; height:auto; display:block; margin:3%}

.Intelligent_data {width:90%; overflow:hidden; background:#f7f7f7; padding:5%; padding-top:2%; padding-top:0px; padding-bottom:6%}
.Intelligent_data div.m {width:90%; overflow:hidden; height:auto; background:#fff; margin-top:3%; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:center; align-content:center; padding:5%; padding-bottom:0%; border-radius:6px;}
.Intelligent_data div.m dl {width:50%; overflow:hidden; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; padding-bottom:5%}
.Intelligent_data div.m dl dt {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;}
.Intelligent_data div.m dl dt span {width:auto; overflow:hidden; display:block; padding-right:30px; font-size:3rem; color:#004189; font-family: 'impact' !important; position:relative; padding-left:30px;}
.Intelligent_data div.m dl dt span b {width:30px; overflow:hidden; height:30px; display:block; font-weight:normal; font-size:1.8rem; position:absolute; top:0px; right:0px; z-index:999}
.Intelligent_data div.m dl dd {width:100%; overflow:hidden; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center;}
.Intelligent_data div.m dl dd p {width:100%; overflow:hidden; line-height:18px; font-size:1rem; color:#333; text-align:center}

.Intelligent_map {width:90%; overflow:hidden; height:auto; padding:5%; padding-top:0%; background:#f7f7f7;}
.Intelligent_map video {width:100%; height:100%; display:block; margin-left:0%}
.Intelligent_map video::-webkit-media-controls {display:none !important;}

.Intelligent_yfsl {width:90%; overflow:hidden; padding:5%; background:#f7f7f7; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-items:center; align-content:center;}
.Intelligent_yfsl 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;}
.Intelligent_yfsl h1 i {width:50px; overflow:hidden; height:4px; display:block; border-radius:100px; background:#004189}
.Intelligent_yfsl h1 span {width:100%; text-align:left; line-height:40px; font-size:1.4rem; color:#004189; padding-top:10px;}
.Intelligent_yfsl h2 {width:100%; overflow:hidden; text-align:left; line-height:25px; font-size:1rem; color:#333; margin-top:4%}
.Intelligent_yfsl p {width:100%; overflow:hidden; text-align:left; display:block; font-size:0.9rem; line-height:22px; color:#666; padding-top:15px; padding-bottom:5%}
.Intelligent_yfsl 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}
.Intelligent_yfsl dl dt {width:46px; overflow:hidden; height:40px; line-height:40px; text-align:left; font-size:36px; color:#004189}
.Intelligent_yfsl 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;}
.Intelligent_yfsl dl dd p.w {width:100%; overflow:hidden; display:block; text-align:left; line-height:36px; font-size:1.4rem; 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;}
.Intelligent_yfsl dl dd p.w strong {font-size:2rem; color:#5188c6; display:inline-block; vertical-align:middle; font-weight:bold; line-height:30px; height:30px; margin-top:8px;}
.Intelligent_yfsl 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; font-size:1rem}

.Intelligent_ten {width:90%; overflow:hidden; padding:5%; padding-top:2%; background:url(../images/zhinengzhizao/bg_1.jpg) center; background-size:cover}
.Intelligent_ten dl {width:100%; overflow:hidden; margin-top:3%; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:stretch; align-content:stretch;}
.Intelligent_ten dl dt {width:50%; overflow:hidden; height:auto;}
.Intelligent_ten dl dt img {width:100%; overflow:hidden; height:auto; display:block}
.Intelligent_ten dl dd.ls {width:50%; overflow:hidden; height:auto; background:#004189; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center;}
.Intelligent_ten dl dd.ls span {width:100%; overflow:hidden; text-align:center; display:block; color:#FFF; font-size:1.1rem; font-weight:bold;}
.Intelligent_ten dl dd.ls em {width:50px; overflow:hidden; height:3px; border-radius:100px; background:#fff; display:block; margin:0px auto; margin-top:8px;}
.Intelligent_ten dl dd.ls p {width:80%; overflow:hidden; text-align:center; line-height:20px; font-size:0.8rem; color:#FFF; padding-top:8px; display:block}

.Intelligent_ten dl dd.bs {width:50%; overflow:hidden; height:auto; background:#fff; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center;}
.Intelligent_ten dl dd.bs span {width:100%; overflow:hidden; text-align:center; display:block; color:#004189; font-size:1.1rem; font-weight:bold;}
.Intelligent_ten dl dd.bs em {width:50px; overflow:hidden; height:3px; border-radius:100px; background:#004189; display:block; margin:0px auto; margin-top:8px;}
.Intelligent_ten dl dd.bs p {width:80%; overflow:hidden; text-align:center; line-height:20px; font-size:0.8rem; color:#004189; padding-top:8px; display:block}

.Intelligent_yantao {width:90%; overflow:hidden; background:#fff; padding:5%;}
.Intelligent_yantao h1 {width:100%; overflow:hidden; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center;}
.Intelligent_yantao h1 i {width:50px; overflow:hidden; height:3px; border-radius:100px; background:#004189; display:block; margin:0px auto; margin-top:8px;}
.Intelligent_yantao h1 span {width:100%; overflow:hidden; line-height:30px; font-size:1.2rem; color:#004189; display:block; text-align:center}
.Intelligent_yantao h1 p {width:100%; overflow:hidden; text-align:center; line-height:22px; font-size:0.9rem; color:#666; margin-top:8px; display:block; font-weight:normal}
.Intelligent_yantao div.tuone {width:100%; overflow:hidden; margin-top:4%;}
.Intelligent_yantao div.tuone img {width:100%; overflow:hidden; height:auto; display:block}
.Intelligent_yantao div.tutwo {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;}
.Intelligent_yantao div.tutwo dl {width:48%; overflow:hidden;}
.Intelligent_yantao div.tutwo dl dt {width:100%; overflow:hidden; height:auto}
.Intelligent_yantao div.tutwo dl dt img {width:100%; overflow:hidden; height:auto; display:block}
.Intelligent_yantao div.tutwo dl dd {width:auto; text-align:center; line-height:30px; font-size:1rem; color:#004189; font-weight:bold; padding-top:10px;}


.Intelligent_cpzl {width:90%; overflow:hidden; background:#f7f7f7; padding:5%;}
.Intelligent_cpzl h1 {width:100%; overflow:hidden; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center;}
.Intelligent_cpzl h1 i {width:50px; overflow:hidden; height:3px; border-radius:100px; background:#004189; display:block; margin:0px auto; margin-top:8px;}
.Intelligent_cpzl h1 span {width:100%; overflow:hidden; line-height:30px; font-size:1.2rem; color:#004189; display:block; text-align:center}
.Intelligent_cpzl h1 p {width:100%; overflow:hidden; text-align:center; line-height:22px; font-size:0.9rem; color:#666; margin-top:8px; display:block; font-weight:normal}
.Intelligent_cpzl div.m {width:100%; overflow:hidden; padding-top:2%}
.Intelligent_cpzl div.m a {width:100%; overflow:hidden; height:auto; display:block; margin-top:3%; padding-bottom:3%; border-bottom:1px dotted #ddd}
.Intelligent_cpzl div.m a i {width:99%; overflow:hidden; height:auto; display:block; border:1px solid #ddd;}
.Intelligent_cpzl div.m a i img {width:100%; overflow:hidden; height:auto; display:block}
.Intelligent_cpzl div.m a h3 {width:100%; overflow:hidden; padding-top:10px; text-align:left; font-size:1rem; color:#004189;}
.Intelligent_cpzl div.m a p {width:100%; overflow:hidden; padding-top:10px; text-align:left; font-size:0.8rem; color:#666; display:block}


.Intelligent_ppry {width:90%; overflow:hidden; background:url(../images/zhinengzhizao/bg_2.jpg) center; background-size:cover; padding:5%; padding-top:8%; padding-bottom:8%}
.Intelligent_ppry h1 {width:100%; overflow:hidden; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center;}
.Intelligent_ppry h1 i {width:50px; overflow:hidden; height:3px; border-radius:100px; background:#fff; display:block; margin:0px auto; margin-top:8px;}
.Intelligent_ppry h1 span {width:100%; overflow:hidden; line-height:30px; font-size:1.2rem; color:#fff; display:block; text-align:center}
.Intelligent_ppry h1 p {width:100%; overflow:hidden; text-align:center; line-height:22px; font-size:0.9rem; color:#fff; margin-top:8px; display:block; font-weight:normal}
.Intelligent_ppry h1 strong {width:100%; overflow:hidden; text-align:center; line-height:22px; font-size:1.1rem; color:#fff; margin-top:8px; display:block; font-weight:normal; margin-top:15px}
.Intelligent_ppry div.m {width:90%; overflow:hidden; border-radius:6px; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:center; align-content:center; background:#FFF; padding:5%; padding-top:0%; margin-top:5%}
.Intelligent_ppry div.m a {width:48%; overflow:hidden; height:auto; display:block; margin-top:5%}
.Intelligent_ppry div.m a img {width:99%; overflow:hidden; height:auto; display:block; border:1px solid #ddd;}
.Intelligent_ppry div.m a h3 {width:100%; overflow:hidden; text-align:center; line-height:30px; padding-top:10px; font-size:0.8rem; color:#004189; font-weight:normal}


















/*单选多选按钮*/
.checkbox,
.radiobox {
    width: 95%;
    height: 50px;
	padding-left:5%;
}
.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";
}





/*通用banner*/
.TYbanner {width:100%; overflow:hidden; height:auto; background:#000; position:relative}
.TYbanner i {width:100%; overflow:hidden; height:100%; background:url(../images/tm1.png); position:absolute; top:0px; left:0px; z-index:999}
.TYbanner div.m {width:100%; overflow:hidden; height:100%; position:absolute; left:0px; top:0px; z-index:9999; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center;}
.TYbanner div.m h1 {width:86%; overflow:hidden; text-align:left; line-height:36px; font-size:1.6rem; color:#FFF; font-weight:normal}
.TYbanner div.m h2 {width:86%; overflow:hidden; text-align:left; line-height:30px; font-size:1rem; color:#FFF; font-weight:normal}
.TYbanner video {width:140%; height:100%; display:block; margin-left:-20%}
.TYbanner video::-webkit-media-controls {display:none !important;}

.TYbanner div.tw {width:100%; overflow:hidden; height:40vh; position:absolute; left:0px; top:0px; z-index:9999; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center;}
.TYbanner div.tw h1 {width:86%; overflow:hidden; text-align:left; line-height:36px; font-size:1.6rem; color:#FFF; font-weight:normal}
.TYbanner div.tw h2 {width:86%; overflow:hidden; text-align:left; line-height:30px; font-size:1rem; color:#FFF; font-weight:normal}



.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:5%}
.fenye a {width:auto; overflow:hidden; height:40px; border:1px solid #666; text-align:center; line-height:40px; font-size:1rem; color:#333; display:block; padding-left:5%; padding-right:5%; 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:40px; display:block; font-size:1.4rem; color:#333; line-height:40px; text-align:right}




.tytitle {width:90%; overflow:hidden; margin:0px auto; padding-left:5%; padding-right:5%; background:#fff; padding-top:4%;}
.tytitle h1 {width:100%; overflow:hidden; text-align:left; line-height:40px; color:#333; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-items:center; align-content:center;}
.tytitle h1 span {width:100%; overflow:hidden; text-align:left; display:block; line-height:40px; font-size:1.3rem; color:#333}
.tytitle h1 i {width:50px; overflow:hidden; height:3px; background:#004189; border-radius:100px; margin-top:10px;}



.tysousuo {width:90%; overflow:hidden; display:block; margin:0px auto; margin-top:4%}
.tysousuo form {width:100%; overflow:hidden; height:40px; 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;}
.tysousuo form input {width:70%; overflow:hidden; height:38px; padding-left:3%; padding-right:3%; text-align:left; line-height:38px; border:1px solid #e5e5e5; color:#999; font-size:1rem; border-right:0px;}
.tysousuo form button {width:23%; overflow:hidden; height:40px; border:0px; display:block; text-align:center; line-height:40px; font-size:1.2rem; 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}
.tysousuo form button i {width:34px; overflow:hidden; display:block; font-size:1.6rem; height:40px; line-height:44px; text-align:left}



.tygdfenlei {width:82%; overflow:hidden; margin:5%; padding:4%; padding-top:2%; background:#FFF; border-radius:6px; box-shadow: 0 0 1rem 0 rgba(0,0,0,0.1)}
.tygdfenlei h2 {width:92%; overflow:hidden; height:20px; line-height:20px; text-align:left; font-size:1.2rem; border-left:5px solid #004189; padding-left:10px; color:#666; margin-top:10px;}

.tygdfenlei div {width:100%; overflow:hidden; text-align:left; padding-top:6px;}
.tygdfenlei div a {width:auto; overflow:hidden; height:30px; display:block; float:left; margin-right:7px; background:#eee; line-height:30px; font-size:0.8rem; padding-left:10px; padding-right:10px; border-radius:3px; margin-top:10px;}
.tygdfenlei div a:hover {width:auto; overflow:hidden; height:30px; display:block; float:left; margin-right:7px; background:#004189; line-height:30px; font-size:0.8rem; padding-left:10px; padding-right:10px; border-radius:3px; margin-top:10px; color:#FFF; text-decoration:none}
.tygdfenlei div a.ahover {width:auto; overflow:hidden; height:30px; display:block; float:left; margin-right:7px; background:#004189; line-height:30px; font-size:0.8rem; padding-left:10px; padding-right:10px; border-radius:3px; margin-top:10px; color:#FFF; text-decoration:none}




.sqcxjieguo {width:100%; overflow:hidden; padding-top:10%; margin-top:0px; padding-bottom:10%; 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:7%; padding-bottom:7%; 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:1.5rem; color:#004189; padding-top:10px;}
.sqcxjieguo div.m h2 {width:100%; overflow:hidden; text-align:center; line-height:30px; font-size:1rem; font-weight:normal; color:#004189; padding-top:30px;}
.sqcxjieguo div.m h2 strong {font-size:1.2rem; color:#09C}
.sqcxjieguo div.m h3 {width:100%; overflow:hidden; text-align:center; line-height:30px; font-size:1rem; 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:1.2rem; color:#FFF; transform: rotate(180deg);}




/*首页开屏广告*/
.indexkaiping {width:100%; overflow:hidden; height:100vh; position:fixed; top:0px; left:0px; z-index:9999; transition: all 0.3s linear 0s !important;}
.indexvideo_b {width:100%; overflow:hidden; height:100vh; background:#333; position:relative; z-index:1; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:flex-start; align-content:flex-start;}
.indexvideo_b i {width:100%; overflow:hidden; height:100%; display:block; background:url(../images/tm.png); position:absolute; top:0px; left:0px; z-index:99999}
.indexvideo_b video {width:130% !important; height:100%; display:block; margin-left:0% !important}
.indexvideo_b video::-webkit-media-controls {display:none !important;}

.indexvideo_b div.m {width:100%; overflow:hidden; position:absolute; left:0px; top:20%; z-index:999999;}
.indexvideo_b div.m h1 {width:100%; overflow:hidden; line-height:40px; font-size:1.4rem; color:#FFF; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; font-weight:normal}
.indexvideo_b div.m h2 {width:100%; overflow:hidden; line-height:30px; font-size:0.8rem; color:#FFF; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; font-weight:normal}

.indexvideo_b a {width:60%; overflow:hidden; height:34px; border:1px solid #777; text-align:center; line-height:34px; font-size:0.8rem; color:#FFF; display:block; position:absolute; left:20%; bottom:15%; z-index:999999}



footer.bottnav {width:100%; overflow:hidden; height:60px; background:#666; position:fixed; bottom:0px; left:0px; z-index:9999999}
footer.bottnav div.nav {width:100%; overflow:hidden; height:60px; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:center; align-content:center;}
footer.bottnav div.nav a {width:20%; overflow:hidden; height:60px; display:block; text-transform:uppercase;}
footer.bottnav div.nav a i {width:30px; overflow:hidden; height:30px; display:block; margin:0px auto; text-align:center; line-height:30px; color:#fbfbfb; font-size:1.4rem; margin-top:8px;}
footer.bottnav div.nav a p {width:100%; overflow:hidden; height:20px; display:block; text-align:center; line-height:20px; font-size:0.8rem; color:#fbfbfb}
footer.bottnav div.nav a.ahover {width:20%; overflow:hidden; height:60px; display:block; text-transform:uppercase; color:#fbfbfb; background:#333}
footer.bottnav div.nav a.ahover i {width:30px; overflow:hidden; height:30px; display:block; margin:0px auto; text-align:center; line-height:30px; color:#fbfbfb; font-size:1.4rem; margin-top:8px;}
footer.bottnav div.nav a.ahover p {width:100%; overflow:hidden; height:20px; display:block; text-align:center; line-height:20px; font-size:0.8rem; color:#fbfbfb}



/* Cookie弹窗样式 */
.cookie-consent {position: fixed; bottom: 0; left: 0; right: 0; background-color: rgba(0, 0, 0, 0.8); color: white; padding: 20px; padding-top:30px; padding-bottom:30px; z-index: 1000; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 15px;}
.cookie-text {flex: 1; min-width: 200px; font-size: 0.95rem; line-height: 1.5; padding-right:20%}
.cookie-text strong { font-size:1.2rem}
.cookie-text a {color: #0057b8; text-decoration: underline;}
.cookie-buttons {display: flex; gap: 10px; flex-shrink: 0;}
.cookie-btn {padding: 10px 20px; border-radius: 4px; border: none; font-weight: 600; cursor: pointer; transition: all 0.2s ease; font-size: 0.9rem;}
.accept-btn {background-color: #0057b8; color: white;}
.accept-btn:hover {background-color: #339af0;}
.settings-btn {background-color: transparent; color: white; border: 1px solid rgba(255, 255, 255, 0.3);}
.settings-btn:hover {background-color: rgba(255, 255, 255, 0.1);}
.reject-btn {background-color: #e74c3c; color: white;}
.reject-btn:hover {background-color: #c0392b;}

/* 设置面板样式 */
.settings-panel {position: fixed; top: 5%; left: 50%; transform: translateX(-50%) scale(0.9); width: 90%; max-width: 900px; background-color: rgba(30, 30, 35, 0.95); color: white; padding: 20px; border-radius: 8px; z-index: 1001; opacity: 0; visibility: hidden; transition: all 0.3s ease; box-shadow: 0 5px 20px rgba(0, 0, 0, 0.5); border: 1px solid rgba(255, 255, 255, 0.1);}

/* 控制设置面板显示 */
#settings-toggle:checked ~ .settings-panel {opacity: 1; visibility: visible; transform: translateX(-50%) scale(1);}
.settings-header {display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px; padding-bottom: 10px; border-bottom: 1px solid rgba(255, 255, 255, 0.1);}
.settings-header h3 {font-size: 1.1rem; color: white;}
.close-settings {background: none; border: none; color: rgba(255, 255, 255, 0.7); font-size: 20px; cursor: pointer; width: 24px; height: 24px; display: flex; align-items: center; justify-content: center; border-radius: 50%; transition: all 0.3s;}
.close-settings:hover {background-color: rgba(255, 255, 255, 0.1); color: white;}
/* 偏好设置内容样式 */
.cookie-type {margin-bottom: 7px; padding-bottom: 5px; border-bottom: 1px solid rgba(255, 255, 255, 0.08);}
.cookie-type:last-child {margin-bottom: 0; border-bottom: none;}
.cookie-type-header {display: flex; justify-content: space-between; align-items: center; margin-bottom: 5px;}
.cookie-type-title {font-weight: 600; font-size: 1rem;}
.cookie-type-desc {color: rgba(255, 255, 255, 0.7); font-size: 0.8rem; line-height: 1.4;}
/* 开关样式 */
.toggle {position: relative; display: inline-block; width: 48px; height: 24px;}
.toggle input {opacity: 0; width: 0; height: 0;}
.toggle-slider {position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(255, 255, 255, 0.2); transition: .3s; border-radius: 24px;}
.toggle-slider:before {position: absolute; content: ""; height: 18px; width: 18px; left: 3px; bottom: 3px; background-color: white; transition: .3s; border-radius: 50%;}
input:checked + .toggle-slider {background-color: #0057b8;}
input:checked + .toggle-slider:before {transform: translateX(24px);}
.required-toggle input:disabled + .toggle-slider {background-color: rgba(77, 171, 247, 0.5); cursor: not-allowed;}
.required-toggle input:disabled + .toggle-slider:before {background-color: rgba(255, 255, 255, 0.8);}
.settings-actions {display: flex; gap: 10px; margin-top: 20px;}
.save-btn {background-color: #0057b8; color: white; border: none; padding: 10px 20px; border-radius: 4px; font-weight: 600; cursor: pointer; transition: background-color 0.3s; flex: 1;}
.save-btn:hover {background-color: #339af0;}
.cancel-btn {background-color: rgba(255, 255, 255, 0.1); color: white; border: 1px solid rgba(255, 255, 255, 0.3); padding: 10px 20px; border-radius: 4px; font-weight: 600; cursor: pointer; transition: all 0.3s; flex: 1;}
.cancel-btn:hover {background-color: rgba(255, 255, 255, 0.15);}

/* 隐藏控制复选框 */
#settings-toggle {display: none;}
/* 隐藏主弹窗 */
#cookie-hide:checked ~ .cookie-consent {display: none !important;}

/* 响应式设计 */
@media (max-width: 768px) {
.cookie-consent {flex-direction: column; text-align: center; padding: 15px;}
.cookie-text {min-width: auto; padding-right:0%}
.cookie-buttons {width: 100%; justify-content: center; flex-wrap: wrap;}
.settings-panel {width: 95%; top: 5%; padding: 15px;}
.settings-actions {flex-direction: column;}
}

@media (max-width: 480px) {
.cookie-buttons {flex-direction: column; width: 100%;}
.cookie-btn {width: 100%;}
.settings-panel {top: 5%;}
.demo-buttons {flex-direction: column;}
.demo-btn {width: 100%;}
}