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


*{margin: 0;padding: 0;list-style: none;}
/** 清除内外边距 **/
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
pre, /* text formatting elements 文本格式元素 */
form, fieldset, legend, button, input, textarea, /* form elements 表单元素 */
th, td /* table elements 表格元素 */ {margin: 0;padding: 0;}
/** 设置默认字体 **/
body,button, input, select, textarea /* for ie */ {font-family:fonts-x}
address, cite, dfn, em, var { font-style: normal !important; } /* 将斜体扶正 */
code, kbd, pre, samp { font-family: courier new, courier, monospace !important; } /* 统一等宽字体 *//
/** 重置列表元素 **/
ul, ol { list-style: none; }
/** 重置文本格式元素 **/
a { text-decoration: none; color:#333 }
a:hover { text-decoration: underline; color:#d91213 }
/** 重置表单元素 **/
legend { color: #000; } /* for ie6 */
fieldset, img { border: 0; } /* img 搭车：让链接里的 img 无边框 */
select {
/*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
border: solid 1px #000;
/*很关键：将默认的select选择框样式清除*/
appearance:none;
-moz-appearance:none;
-webkit-appearance:none;
/*加padding防止文字覆盖*/
padding-right: 14px;
}
/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select::-ms-expand { display: none; }
/* 注：optgroup 无法扶正 */
/** 重置表格元素 **/
table { border-collapse: collapse; border-spacing: 0; }
body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0; font-family:fonts-x !important;}
body {background:#f8f8f8; font-family:fonts-x !important;}
em{font-style:normal}
li{list-style:none}
img {transition: all 0.3s linear 0s;}
img:hover {transition: all 0.3s linear 0s;}
a {color:#333; transition: all 0.3s linear 0s !important;}
a:hover {color:#cf0745; transition: all 0.3s linear 0s !important; text-decoration:none}
span {font-family:fonts-x !important}
p {font-family:fonts-x !important}
strong {font-family:fonts-x !important}
input,textarea {background:none; border-radius:0 !important; outline:none}
select {outline:0 !important; appearance:none !important; background:none; -webkit-appearance:none !important;}
textarea,button {background:none}
dl {margin:0px !important; padding:0px !important;}

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************************/
header {width:100%; height:5.208vw; min-height:80px; background:#fff; position:fixed; top:0px; left:0px; z-index:99999;}
header div.m {width:90%; height:5.208vw; min-height:80px; margin:0px auto; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:center; align-items:center; align-content:center; padding-left:5%; padding-right:5%; position:relative}
header div.m div.l {width:10%; overflow:hidden;}
header div.m div.l a {width:100%; overflow:hidden; height:auto; display:block;}
header div.m div.l a img {width:100%; overflow:hidden; height:auto; display:block}

header div.m div.r {width:70%; padding-left:10%; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:center; align-items:center; align-content:center;}
header div.m div.r a {width:14.285714%; text-align:center; font-size:min(12px,0.72912vw); font-size:max(16px,0.93744vw); color:#333; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:center; align-items:center; align-content:center; position:relative}
header div.m div.r a:hover {width:14.285714%; text-align:center; font-size:min(12px,0.72912vw); font-size:max(16px,0.93744vw); color:#c60000; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:center; align-items:center; align-content:center; position:relative}
header div.m div.r a.ahover {width:14.285714%; text-align:center; font-size:min(12px,0.72912vw); font-size:max(16px,0.93744vw); color:#c60000; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:center; align-items:center; align-content:center; font-weight:bold; position:relative}

header div.m div.r p {width:14.285714%; height:5.208vw; min-height:80px; text-align:center; font-size:min(12px,0.72912vw); font-size:max(16px,0.93744vw); color:#333; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:center; align-items:center; align-content:center; position:relative; cursor:pointer}
header div.m div.r p span {width:100%; overflow:hidden; display:block; position:absolute; left:0px; top:min(80px,5.208vw); top:max(80px,5.208vw); z-index:9999; background:#fff; opacity:0.8; padding-top:0.5vw; padding-bottom:0.5vw; display:none}
header div.m div.r p span a.z {width:100%; overflow:hidden; display:block; padding-top:0.3vw; padding-bottom:0.3vw; font-size:min(12px,0.72912vw); font-size:max(14px,0.83744vw);}
header div.m div.r p:hover {width:14.285714%; height:5.208vw; min-height:80px; text-align:center; font-size:min(12px,0.72912vw); font-size:max(16px,0.93744vw); color:#c60000; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:center; align-items:center; align-content:center; position:relative; cursor:pointer}
header div.m div.r p:hover span {width:100%; overflow:hidden; display:block; position:absolute; left:0px; top:min(80px,5.208vw); top:max(80px,5.208vw); z-index:9999; background:#fff; opacity:0.8; padding-top:0.5vw; padding-bottom:0.5vw; display:block}
header div.m div.r p:hover span a.z {width:100%; overflow:hidden; display:block; padding-top:0.3vw; padding-bottom:0.3vw; font-size:min(12px,0.72912vw); font-size:max(14px,0.83744vw);}
header div.m div.r p:hover span a.z:hover {width:100%; overflow:hidden; display:block; padding-top:0.3vw; padding-bottom:0.3vw; background:#c60000; color:#FFF; font-size:min(12px,0.72912vw); font-size:max(14px,0.83744vw);}

header div.m div.r p.ahover {width:14.285714%; height:5.208vw; min-height:80px; text-align:center; font-size:min(12px,0.72912vw); font-size:max(16px,0.93744vw); color:#c60000; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:center; align-items:center; align-content:center; position:relative; cursor:pointer}
header div.m div.r p.ahover span {width:100%; overflow:hidden; display:block; position:absolute; left:0px; top:min(80px,5.208vw); top:max(80px,5.208vw); z-index:9999; background:#fff; opacity:0.8; padding-top:0.5vw; padding-bottom:0.5vw; display:none}
header div.m div.r p.ahover span a.z {width:100%; overflow:hidden; display:block; padding-top:0.3vw; padding-bottom:0.3vw; font-size:min(12px,0.72912vw); font-size:max(14px,0.83744vw);}
header div.m div.r p.ahover:hover {width:14.285714%; min-height:80px; height:5.208vw; text-align:center; font-size:min(12px,0.72912vw); font-size:max(16px,0.93744vw); color:#c60000; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:center; align-items:center; align-content:center; position:relative; cursor:pointer}
header div.m div.r p.ahover:hover span {width:100%; overflow:hidden; display:block; position:absolute; left:0px; top:min(80px,5.208vw); top:max(80px,5.208vw); z-index:9999; background:#fff; opacity:0.8; padding-top:0.5vw; padding-bottom:0.5vw; display:block}
header div.m div.r p.ahover:hover span a.z {width:100%; overflow:hidden; display:block; padding-top:0.3vw; padding-bottom:0.3vw; font-size:min(12px,0.72912vw); font-size:max(14px,0.83744vw);}
header div.m div.r p.ahover:hover span a.z:hover {width:100%; overflow:hidden; display:block; padding-top:0.3vw; padding-bottom:0.3vw; background:#c60000; color:#FFF; font-size:min(12px,0.72912vw); font-size:max(14px,0.83744vw);}

header div.m div.r i {display:none}
header div.m div.r i a {display:none}
.mobilenav {display:none}

.kefu {width:80px; height:auto; position:fixed; right:1%; bottom:10%; z-index:99999999999999999999999;}
.kefu ul li {width:80px; height:80px; margin-bottom:2px; background:#333; position:relative; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; cursor:pointer}
.kefu ul li i {width:40px; overflow:hidden; height:34px; text-align:center; line-height:38px; font-size:max(26px,1.8vw); color:#FFF; display:block}
.kefu ul li p {width:100%; overflow:hidden; text-align:center; line-height:26px; font-size:max(12px,0.7vw); color:#FFF; display:block}
.kefu ul li:hover {width:80px; height:80px; margin-bottom:2px; background:#000; position:relative; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; cursor:pointer}
.kefu ul li:hover i {width:40px; overflow:hidden; height:34px; text-align:center; line-height:38px; font-size:max(26px,1.8vw); color:#FFF; display:block}
.kefu ul li:hover p {width:100%; overflow:hidden; text-align:center; line-height:26px; font-size:max(12px,0.7vw); color:#FFF; display:block}

.kefu ul li div.wx {width:100px; overflow:hidden; height:100px; padding:15px; display:none; background:#333; position:absolute; left:-130px; top:0px; z-index:999;}
.kefu ul li div.wx img {width:100px; overflow:hidden; height:100px; display:block}
.kefu ul li:hover div.wx {width:100px; overflow:hidden; height:100px; padding:15px; display:block; background:#000; position:absolute; left:-130px; top:0px; z-index:999;}
.kefu ul li:hover div.wx img {width:100px; overflow:hidden; height:100px; display:block}

.kefu ul li div.dh {width:160px; overflow:hidden; height:50px; text-align:center; line-height:50px; color:#FFF; padding:15px; display:none; background:#333; position:absolute; left:-190px; top:0px; z-index:999; font-size:max(18px,1.3vw)}
.kefu ul li:hover div.dh {width:160px; overflow:hidden; height:50px; text-align:center; line-height:50px; color:#FFF; padding:15px; display:block; background:#000; position:absolute; left:-190px; top:0px; z-index:999; font-size:max(18px,1.3vw)}

@media (max-width: 768px) {
header {width:100%; height:3.125rem; min-height:50px; background:#fff; position:fixed; top:0px; left:0px; z-index:999;}
header div.m {width:93%; height:3.125rem; min-height:50px; margin:0px auto; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:center; align-items:center; align-content:center; padding-left:5%; padding-right:2%; position:relative}
header div.m div.l {width:26%; overflow:hidden;}
header div.m div.l a {width:100%; overflow:hidden; height:auto; display:block;}
header div.m div.l a img {width:100%; overflow:hidden; height:auto; display:block}
header div.m div.r {width:74%; overflow:hidden; height:3.125rem; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:flex-end; align-items:center; align-content:center;}
header div.m div.r a {display:none}
header div.m div.r a.ahover {display:none}
header div.m div.r p {display:none}
header div.m div.r p.ahover {display:none}
header div.m div.r i {width:2rem; overflow:hidden; height:2rem; margin:0.5rem; text-align:center; line-height:2rem; color:#333; font-size:1.5rem; display:block; cursor:pointer}
header div.m div.r i a {width:100%; overflow:hidden; height:100%; display:block}

.mobilenav {width:100%; overflow:hidden; height:100%; display:block; position:fixed; top:0px; right:-100%; z-index:99999; background:url(../images/tm.png); display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:flex-end; align-items:stretch; align-content:stretch; transition: all 0.2s linear 0s}
.mobilenav div.m {width:50%; overflow:hidden; height:auto; background:#fff; position:relative; padding-top:6%}
.mobilenav div.m i {width:2.5rem; overflow:hidden; height:2.5rem; display:block; text-align:center; line-height:2.5rem; font-size:1.8rem; color:#333; position:absolute; top:0.4rem; right:0.3rem; cursor:pointer}
.mobilenav div.m a {width:80%; overflow:hidden; margin:0px auto; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:flex-start; align-items:center; align-content:center; line-height:2.5rem; color:#333; font-size:1rem}
.mobilenav div.m a em {width:2rem; overflow:hidden; height:2.5rem; display:block; text-align:left; line-height:2.8rem; color:#333; font-size:1.4rem;}
.mobilenav div.m a.ahover {width:80%; overflow:hidden; margin:0px auto; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:flex-start; align-items:center; align-content:center; line-height:2.5rem; color:#c60000; font-weight:bold}
.mobilenav div.m a.ahover em {width:2rem; overflow:hidden; height:2.5rem; display:block; text-align:left; line-height:2.8rem; color:#c60000; font-size:1.4rem;font-weight:normal}
.mobilenav div.m p {width:63%; overflow:hidden; padding-left:17%; display:block; margin:0px auto}
.mobilenav div.m p a.z {width:auto; overflow:hidden; text-align:left; line-height:1.4rem; font-size:0.8rem; color:#333; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:flex-start; align-items:center; align-content:center;}
.mobilenav div.m p a.z b {width:0.2rem; overflow:hidden; height:0.2rem; background:#888; border-radius:100px; display:block; padding:0px !important; margin-right:0.3rem}
.kefu {display:none}
}
/*******************header end************************/

/*******************index banner************************/
.indexbanner {width:100%; overflow:hidden; height:100vh;}
.indexbanner div.mySwiper {width:100%;}
.indexbanner div.mySwiper div.swiper-wrapper {width:100%;}
.indexbanner div.mySwiper div.swiper-wrapper div.swiper-slide {width:100%; overflow:hidden; height:100vh; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:center; align-items:center; align-content:center; position:relative; cursor:pointer}
.indexbanner div.mySwiper div.swiper-wrapper div.swiper-slide div.m {width:90%; overflow:hidden; margin:0px auto; position:relative; z-index:999}
.indexbanner div.mySwiper div.swiper-wrapper div.swiper-slide div.m h1 {width:auto; overflow:hidden; text-align:center; line-height:3.6vw; font-size:min(20px,1.56vw); font-size:max(26px,2.8vw); font-weight:normal; color:#FFF}
.indexbanner div.mySwiper div.swiper-wrapper div.swiper-slide div.m h2 {width:auto; overflow:hidden; text-align:center; line-height:3.6vw; font-size:min(16px,1vw); font-size:max(26px,1.6vw); font-weight:normal; color:#FFF; letter-spacing:0.8vw}
.indexbanner div.mySwiper div.swiper-wrapper div.swiper-slide i {width:100%; overflow:hidden; height:100%; display:block; background:url(../images/tm1.png); position:absolute; left:0px; top:0px; z-index:99}

.indexbanner div.mySwiper div.swiper-pagination {width:auto; overflow:hidden; padding:0.2vw; background:#000; color:#FFF; padding-left:0.6vw; padding-right:0.6vw; right:2% !important; bottom:2% !important; font-size:14px;}
.indexbanner div.mySwiper div.swiper-button-next {width:2.4vw; overflow:hidden; height:4vw; background:#000; text-align:center; line-height:4vw; color:#FFF; font-size:min(16px,1vw); font-size:max(26px,1.6vw)}
.indexbanner div.mySwiper div.swiper-button-next::after {display:none}

.indexbanner div.mySwiper div.swiper-button-prev {width:2.4vw; overflow:hidden; height:4vw; background:#000; text-align:center; line-height:4vw; color:#FFF; font-size:min(16px,1vw); font-size:max(26px,1.6vw)}
.indexbanner div.mySwiper div.swiper-button-prev::after {display:none}

@media (max-width: 768px) {
.indexbanner {width:100%; overflow:hidden; height:50vh;}
.indexbanner div.mySwiper {width:100%;}
.indexbanner div.mySwiper div.swiper-wrapper {width:100%;}
.indexbanner div.mySwiper div.swiper-wrapper div.swiper-slide {width:100%; overflow:hidden; height:50vh; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:center; align-items:center; align-content:center; position:relative}
.indexbanner div.mySwiper div.swiper-wrapper div.swiper-slide div.m {width:90%; overflow:hidden; margin:0px auto; position:relative; z-index:999}
.indexbanner div.mySwiper div.swiper-wrapper div.swiper-slide div.m h1 {width:auto; overflow:hidden; text-align:center; line-height:3rem; font-size:2rem; font-weight:normal; color:#FFF}
.indexbanner div.mySwiper div.swiper-wrapper div.swiper-slide div.m h2 {width:auto; overflow:hidden; text-align:center; line-height:2.2rem; font-size:1.4rem; font-weight:normal; color:#FFF; letter-spacing:0.4rem}
.indexbanner div.mySwiper div.swiper-wrapper div.swiper-slide i {width:100%; overflow:hidden; height:100%; display:block; background:url(../images/tm1.png); position:absolute; left:0px; top:0px; z-index:99}

.indexbanner div.mySwiper div.swiper-pagination {width:auto; overflow:hidden; padding:0.2rem; background:#000; color:#FFF; padding-left:0.6rem; padding-right:0.6rem; right:2% !important; bottom:2% !important; font-size:0.8rem}
.indexbanner div.mySwiper div.swiper-button-next {width:1.4rem; overflow:hidden; height:2.2rem; background:#000; text-align:center; line-height:4vw; color:#FFF; font-size:1rem}
.indexbanner div.mySwiper div.swiper-button-next::after {display:none}

.indexbanner div.mySwiper div.swiper-button-prev {width:1.4rem; overflow:hidden; height:2.2rem; background:#000; text-align:center; line-height:4vw; color:#FFF; font-size:1rem}
.indexbanner div.mySwiper div.swiper-button-prev::after {display:none}
}
/*******************index banner end************************/

/*******************index main************************/
.indexmain {width:90%; overflow:hidden; margin:0px auto}
.indexmain div.num1 {width:100%; overflow:hidden; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:space-between !important; align-items:center; align-content:center; margin-top:2vw}
.indexmain div.num1 div.l {width:68%; overflow:hidden; height:26vw;}
.indexmain div.num1 div.l a {width:auto; overflow:hidden; height:26vw; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:center; align-items:flex-end; align-content:center;}
.indexmain div.num1 div.l a div.tit {width:90%; padding:5%; text-align:left; color:#FFF}
.indexmain div.num1 div.l a div.tit span {width:auto; overflow:hidden; display:inline-block; font-size:min(14px,1vw); font-size:max(18px,1.2vw); padding-bottom:10px; border-bottom:2px solid #fff}
.indexmain div.num1 div.l a div.tit b {width:100%; overflow:hidden; display:inline-block; font-size:min(18px,1.2vw); font-size:max(24px,1.6vw); font-weight:normal; padding-top:8px;}
.indexmain div.num1 div.r {width:30%; overflow:hidden; height:26vw;}
.indexmain div.num1 div.r a {width:auto; overflow:hidden; height:26vw; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:center; align-items:flex-end; align-content:center;}
.indexmain div.num1 div.r a div.tit {width:76.8%; padding:11.6%; text-align:left; color:#FFF}
.indexmain div.num1 div.r a div.tit span {width:auto; overflow:hidden; display:inline-block; font-size:min(14px,1vw); font-size:max(18px,1.2vw); padding-bottom:10px; border-bottom:2px solid #fff}
.indexmain div.num1 div.r a div.tit b {width:100%; overflow:hidden; display:inline-block; font-size:min(18px,1.2vw); font-size:max(24px,1.6vw); font-weight:normal; padding-top:8px;}

.indexmain div.num2 {width:100%; overflow:hidden; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:space-between !important; align-items:center; align-content:center; margin-top:2vw}
.indexmain div.num2 div.sub {width:49%; overflow:hidden; height:26vw;}
.indexmain div.num2 div.sub a {width:100%; overflow:hidden; height:26vw; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:center; align-items:center; align-content:center;}
.indexmain div.num2 div.sub a div.tit {width:90%; padding:5%; text-align:center; color:#FFF}
.indexmain div.num2 div.sub a div.tit span {width:auto; overflow:hidden; display:inline-block; font-size:min(14px,1vw); font-size:max(18px,1.2vw); padding-bottom:20px; border-bottom:2px solid #fff}
.indexmain div.num2 div.sub a div.tit b {width:100%; overflow:hidden; display:inline-block; font-size:min(18px,1.2vw); font-size:max(26px,1.6vw); font-weight:normal; padding-top:18px;}

.indexmain div.num3 {width:100%; overflow:hidden; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:space-between !important; align-items:center; align-content:center; margin-top:2vw}
.indexmain div.num3 div.sub {width:32%; overflow:hidden; height:26vw;}
.indexmain div.num3 div.sub a {width:100%; overflow:hidden; height:26vw; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:center; align-items:center; align-content:center;}
.indexmain div.num3 div.sub a div.tit {width:90%; padding:5%; text-align:center; color:#FFF}
.indexmain div.num3 div.sub a div.tit span {width:100%; overflow:hidden; display:inline-block; font-size:min(18px,1.2vw); font-size:max(26px,1.6vw); font-weight:normal;}


@media (max-width: 768px) {
.indexmain {width:96%; overflow:hidden; margin:0px auto}
.indexmain div.num1 {width:100%; overflow:hidden; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between !important; align-items:center; align-content:center; margin-top:2%}
.indexmain div.num1 div.l {width:100%; overflow:hidden; height:10rem;}
.indexmain div.num1 div.l a {width:auto; overflow:hidden; height:10rem; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:center; align-items:flex-end; align-content:center;}
.indexmain div.num1 div.l a div.tit {width:90%; padding:5%; text-align:left; color:#FFF}
.indexmain div.num1 div.l a div.tit span {width:auto; overflow:hidden; display:inline-block; font-size:1rem; padding-bottom:10px; border-bottom:2px solid #fff}
.indexmain div.num1 div.l a div.tit b {width:100%; overflow:hidden; display:inline-block; font-size:1.4rem; font-weight:normal; padding-top:8px;}
.indexmain div.num1 div.r {width:100%; overflow:hidden; height:10rem; margin-top:2%}
.indexmain div.num1 div.r a {width:auto; overflow:hidden; height:10rem; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:center; align-items:flex-end; align-content:center;}
.indexmain div.num1 div.r a div.tit {width:90%; padding:5%; text-align:left; color:#FFF}
.indexmain div.num1 div.r a div.tit span {width:auto; overflow:hidden; display:inline-block; font-size:1rem; padding-bottom:10px; border-bottom:2px solid #fff}
.indexmain div.num1 div.r a div.tit b {width:100%; overflow:hidden; display:inline-block; font-size:1.4rem; font-weight:normal; padding-top:8px;}

.indexmain div.num2 {width:100%; overflow:hidden; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between !important; align-items:center; align-content:center;}
.indexmain div.num2 div.sub {width:100%; overflow:hidden; height:10rem; margin-top:2%}
.indexmain div.num2 div.sub a {width:100%; overflow:hidden; height:10rem; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:center; align-items:center; align-content:center;}
.indexmain div.num2 div.sub a div.tit {width:90%; padding:5%; text-align:center; color:#FFF}
.indexmain div.num2 div.sub a div.tit span {width:auto; overflow:hidden; display:inline-block; font-size:1rem; padding-bottom:0.4rem; border-bottom:2px solid #fff}
.indexmain div.num2 div.sub a div.tit b {width:100%; overflow:hidden; display:inline-block; font-size:1.4rem; font-weight:normal; padding-top:0.6rem;}

.indexmain div.num3 {width:100%; overflow:hidden; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between !important; align-items:center; align-content:center;}
.indexmain div.num3 div.sub {width:100%; overflow:hidden; height:10rem; margin-top:2%}
.indexmain div.num3 div.sub a {width:100%; overflow:hidden; height:10rem; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:center; align-items:center; align-content:center;}
.indexmain div.num3 div.sub a div.tit {width:90%; padding:5%; text-align:center; color:#FFF}
.indexmain div.num3 div.sub a div.tit span {width:100%; overflow:hidden; display:inline-block; font-size:1.4rem; font-weight:normal;}	
}
/*******************index main end************************/
/*******************share************************/
.share {width:100%; margin-top:3%; margin-bottom:3%; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center;}
.share a {width:2.6vw; height:2.6vw; background:#cbcbcb; text-align:center; line-height:2.6vw; font-size:1.5vw; color:#FFF; display:block; margin-left:0.5vw; margin-right:0.5vw; border-radius:8px; position:relative}
.share a p {width:7.6vw; height:7.6vw; display:block; position:absolute; left:50%; margin-left:-3.8vw; top:-8.4vw; z-index:999; padding-bottom:0.5vw; display:none}
.share a p span {width:7vw; height:7vw; background:#cbcbcb; border-radius:8px; padding:0.3vw; display:block; position:relative}
.share a p span img {width:100%; overflow:hidden; height:100%; display:block; position:relative; z-index:99999}
.share a p span i {width:0.5vw; height:0.5vw; display:block; background:#cbcbcb; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); position:absolute; bottom:-0.25vw; left:50%; margin-left:-0.25vw; z-index:9999}

.share a:hover {width:2.6vw; height:2.6vw; background:#cbcbcb; text-align:center; line-height:2.6vw; font-size:1.5vw; color:#FFF; display:block; margin-left:0.5vw; margin-right:0.5vw; border-radius:8px; position:relative}
.share a:hover p {width:7.6vw; height:7.6vw; display:block; position:absolute; left:50%; margin-left:-3.8vw; top:-8.4vw; z-index:999; padding-bottom:0.5vw; display:block}
.share a:hover p span {width:7vw; height:7vw; background:#cbcbcb; border-radius:8px; padding:0.3vw; display:block; position:relative}
.share a:hover p span img {width:100%; overflow:hidden; height:100%; display:block; position:relative; z-index:99999}
.share a:hover p span i {width:0.5vw; height:0.5vw; display:block; background:#cbcbcb; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); position:absolute; bottom:-0.25vw; left:50%; margin-left:-0.25vw; z-index:9999}

@media (max-width: 768px) {
.share {width:100%; margin-top:5%; margin-bottom:5%; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center;}
.share a {width:2.6rem; height:2.6rem; background:#cbcbcb; text-align:center; line-height:2.6rem; font-size:min(14px,1vw); font-size:max(24px,1.4vw); color:#FFF; display:block; margin-left:0.3rem; margin-right:0.3rem; border-radius:8px; position:relative}
.share a p {width:7.6rem; height:7.6rem; display:block; position:absolute; left:50%; margin-left:-3.8rem; top:-8.4rem; z-index:999; padding-bottom:0.5rem; display:none}
.share a p span {width:7rem; height:7rem; background:#cbcbcb; border-radius:8px; padding:0.3rem; display:block; position:relative}
.share a p span img {width:100%; overflow:hidden; height:100%; display:block; position:relative; z-index:99999}
.share a p span i {width:0.5rem; height:0.5rem; display:block; background:#cbcbcb; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); position:absolute; bottom:-0.25rem; left:50%; margin-left:-0.25rem; z-index:9999}

.share a:hover {width:2.6rem; height:2.6rem; background:#cbcbcb; text-align:center; line-height:2.6rem; font-size:min(14px,1vw); font-size:max(24px,1.4vw); color:#FFF; display:block; margin-left:0.3rem; margin-right:0.3rem; border-radius:8px; position:relative}
.share a:hover p {width:7.6rem; height:7.6rem; display:block; position:absolute; left:50%; margin-left:-3.8rem; top:-8.4rem; z-index:999; padding-bottom:0.5rem; display:block}
.share a:hover p span {width:7rem; height:7rem; background:#cbcbcb; border-radius:8px; padding:0.3rem; display:block; position:relative}
.share a:hover p span img {width:100%; overflow:hidden; height:100%; display:block; position:relative; z-index:99999}
.share a:hover p span i {width:0.5rem; height:0.5rem; display:block; background:#cbcbcb; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); position:absolute; bottom:-0.25rem; left:50%; margin-left:-0.25rem; z-index:9999}
}
/*******************share end************************/

/*******************footer************************/
footer {width:100%; overflow:hidden; padding-top:3vw; padding-bottom:2vw; background:#e4e4e4}
footer div.footnav {width:90%; overflow:hidden; margin:0px auto; padding-bottom:1vw; border-bottom:1px solid #c8c8c8; margin-bottom:1vw; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:flex-start; align-content:center;}
footer div.footnav dl {width:auto; overflow:hidden}
footer div.footnav dl dt {width:auto; overflow:hidden}
footer div.footnav dl dt a {width:100%; overflow:hidden; line-height:3vw; text-align:left; display:block; color:#333; font-weight:bold; font-size:min(12px,0.8vw); font-size:max(18px,1.1vw)}
footer div.footnav dl dt a:hover {width:100%; overflow:hidden; line-height:3vw; text-align:left; display:block; color:#c60000; font-weight:bold; font-size:min(12px,0.8vw); font-size:max(18px,1.1vw)}
footer div.footnav dl dd {width:auto; overflow:hidden}
footer div.footnav dl dd a {width:100%; overflow:hidden; line-height:2vw; line-height:min(30px); text-align:left; display:block; color:#777; font-size:min(12px,0.8vw); font-size:max(16px,0.9vw)}
footer div.footnav dl dd a:hover {width:100%; overflow:hidden; line-height:2vw; line-height:min(30px); text-align:left; display:block; color:#c60000; font-size:min(12px,0.8vw); font-size:max(16px,0.9vw)}
footer div.banquan {width:90%; overflow:hidden; text-align:center; line-height:2vw; margin:0px auto; color:#a9a9a9; font-size:min(12px,0.8vw); font-size:max(16px,1vw)}

@media (max-width: 768px) {
footer {width:100%; overflow:hidden; padding-top:2rem; padding-bottom:2rem; background:#e4e4e4; margin-top:2rem}
footer div.footnav {width:90%; overflow:hidden; margin:0px auto; padding-bottom:1rem; border-bottom:1px solid #c8c8c8; margin-bottom:1rem; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:flex-start; align-content:center;}
footer div.footnav dl {width:50%; overflow:hidden; margin-top:0.5rem !important; margin-bottom:0.5rem !important}
footer div.footnav dl dt {width:auto; overflow:hidden}
footer div.footnav dl dt a {width:100%; overflow:hidden; line-height:2rem; text-align:left; display:block; color:#333; font-weight:bold; font-size:1.2rem}
footer div.footnav dl dt a:hover {width:100%; overflow:hidden; line-height:2rem; text-align:left; display:block; color:#c60000; font-weight:bold; font-size:1.2rem}
footer div.footnav dl dd {width:auto; overflow:hidden}
footer div.footnav dl dd a {width:100%; overflow:hidden; line-height:1.5rem; text-align:left; display:block; color:#333; font-size:1rem}
footer div.footnav dl dd a:hover {width:100%; overflow:hidden; line-height:1.5rem; text-align:left; display:block; color:#c60000; font-size:1rem}
footer div.banquan {width:90%; overflow:hidden; text-align:center; line-height:1rem; margin:0px auto; color:#a9a9a9; font-size:0.9rem}
}

/********************page************************/
.pagebanner {width:100%; overflow:hidden; height:60vh; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; position:relative; margin-top:min(100px,5.208vw); margin-top:max(80px,5.208vw)}
.pagebanner i {width:100%; overflow:hidden; height:100%; display:block; background:url(../images/tm1.png); position:absolute; left:0px; top:0px; z-index:99}
.pagebanner h1 {width:90%; overflow:hidden; height:auto; text-align:center; line-height:min(50px,3vw); line-height:max(50px,3vw); font-size:min(20px,1.2vw); font-size:max(40px,2vw); color:#FFF; font-weight:normal; position:relative; z-index:9999}
.pagebanner h1 span {width:100%; overflow:hidden; display:block; text-align:center; line-height:2vw; font-size:min(16px,1.3vw); font-size:max(16px,1.3vw); letter-spacing:0.3vw}

@media (max-width: 768px) {
.pagebanner {width:100%; overflow:hidden; height:50vh; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; position:relative; margin-top:3.125rem; margin-top:min(50px)}
.pagebanner i {width:100%; overflow:hidden; height:100%; display:block; background:url(../images/tm1.png); position:absolute; left:0px; top:0px; z-index:99}
.pagebanner h1 {width:90%; overflow:hidden; height:auto; text-align:center; line-height:2rem; font-size:1.6rem; color:#FFF; font-weight:normal; position:relative; z-index:9999}
.pagebanner h1 span {width:100%; overflow:hidden; display:block; text-align:center; line-height:2rem; font-size:1rem; letter-spacing:0.1rem}
}

.zoujinmanxing {width:90%; overflow:hidden; margin:0px auto; margin-top:7vw; margin-bottom:3vw;}
.zoujinmanxing div.m {width:80%; overflow:hidden; margin:0px auto; text-align:left; line-height:28px; font-size:min(14px,0.8vw); font-size:max(16px,1vw); color:#666}
.zoujinmanxing div.m p {width:100%; overflow:hidden; display:block; padding-top:0.4vw; padding-bottom:0.4vw}
.zoujinmanxing div.tupian {width:100%; overflow:hidden; margin-top:5vw; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:flex-start; align-content:center;}
.zoujinmanxing div.tupian a.l {width:49%; overflow:hidden; display:block; opacity:0.8}
.zoujinmanxing div.tupian a.l img {width:100%; overflow:hidden; height:auto; display:block}
.zoujinmanxing div.tupian a.l:hover {width:49%; overflow:hidden; display:block; opacity:1}
.zoujinmanxing div.tupian a.l:hover img {width:100%; overflow:hidden; height:auto; display:block}
.zoujinmanxing div.tupian a.r {width:49%; overflow:hidden; display:block; padding-top:10vw; opacity:0.8}
.zoujinmanxing div.tupian a.r img {width:100%; overflow:hidden; height:auto; display:block}
.zoujinmanxing div.tupian a.r:hover {width:49%; overflow:hidden; display:block; padding-top:10vw; opacity:1}
.zoujinmanxing div.tupian a.r:hover img {width:100%; overflow:hidden; height:auto; display:block}
.zoujinmanxing div.wenzi {width:80%; overflow:hidden; margin:0px auto; margin-top:5vw;}
.zoujinmanxing div.wenzi 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; padding-bottom:4vw !important; margin-bottom:4vw !important;}
.zoujinmanxing div.wenzi dl dt {width:20%; overflow:hidden; padding-right:10%; text-align:left; line-height:2.4vw; font-size:min(16px,0.9vw); font-size:max(18px,1.1vw); color:#333; font-weight:bold}
.zoujinmanxing div.wenzi dl dd {width:70%; overflow:hidden; text-align:left; line-height:2.4vw; font-size:min(14px,0.8vw); font-size:max(16px,1vw); color:#666;}

.zoujinmanxing div.kcxfzwz {width:80%; overflow:hidden; margin:0px auto; margin-top:6vw;}
.zoujinmanxing div.kcxfzwz 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;}
.zoujinmanxing div.kcxfzwz dl dt {width:100%; overflow:hidden; text-align:left; line-height:2.4vw; font-size:min(16px,0.9vw); font-size:max(22px,1.2vw); color:#333; font-weight:bold; padding-bottom:1.5vw}
.zoujinmanxing div.kcxfzwz dl dd {width:100%; overflow:hidden; text-align:left; line-height:2.5vw; font-size:min(14px,0.8vw); font-size:max(16px,1vw); color:#666;}
.zoujinmanxing div.kcxfzwz dl dd p {width:100%; overflow:hidden; display:block; padding-top:0.4vw; padding-bottom:0.4vw}

.zoujinmanxing div.hezuowenzi {width:80%; overflow:hidden; margin:0px auto; margin-top:6vw;}
.zoujinmanxing div.hezuowenzi 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;}
.zoujinmanxing div.hezuowenzi dl dt {width:100%; overflow:hidden; text-align:left; line-height:2.4vw; font-size:min(16px,0.9vw); font-size:max(22px,1.2vw); color:#333; font-weight:bold; padding-bottom:1.5vw}
.zoujinmanxing div.hezuowenzi dl dd {width:100%; overflow:hidden; text-align:left; line-height:2.2vw; font-size:min(14px,0.8vw); font-size:max(16px,1vw); color:#666;}
.zoujinmanxing div.hezuowenzi dl dd p {width:100%; overflow:hidden; display:block; padding-top:0.4vw; padding-bottom:0.4vw}

.zoujinmanxing div.hezuohuoban {width:100%; overflow:hidden; display:block}
.zoujinmanxing div.hezuohuoban dl:nth-child(odd) {width:100%; overflow:hidden; margin-top:3vw !important; position:relative}
.zoujinmanxing div.hezuohuoban dl:nth-child(odd) dt {width:48%; overflow:hidden; float:left}
.zoujinmanxing div.hezuohuoban dl:nth-child(odd) dt img {width:100%; overflow:hidden; height:auto; display:block}
.zoujinmanxing div.hezuohuoban dl:nth-child(odd) dd {width:48%; overflow:hidden; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-items:center; align-content:center; float:right; position:absolute; right:0px; top:50%; transform: translateY(-50%);}
.zoujinmanxing div.hezuohuoban dl:nth-child(odd) dd h1 {width:100%; overflow:hidden; text-align:left; line-height:3vw; font-size:min(18px,1vw); font-size:max(22px,1.2vw); color:#333}
.zoujinmanxing div.hezuohuoban dl:nth-child(odd) dd p {width:100%; overflow:hidden; text-align:left; line-height:2vw; font-size:min(14px,0.8vw); font-size:max(16px,1vw); color:#777; display:block; padding-top:0.6vw;}
.zoujinmanxing div.hezuohuoban dl:nth-child(odd) dd a {width:auto; overflow:hidden; display:block; padding:2vw; padding-top:0.4vw; padding-bottom:0.4vw; text-align:center; font-size:min(14px,0.8vw); font-size:max(16px,1vw); color:#333; border:1px solid #9b9b9b; background:#fff; margin-top:1vw;}
.zoujinmanxing div.hezuohuoban dl:nth-child(odd) dd a:hover {width:auto; overflow:hidden; display:block; padding:2vw; padding-top:0.4vw; padding-bottom:0.4vw; text-align:center; font-size:min(14px,0.8vw); font-size:max(16px,1vw); color:#fff; border:1px solid #c60000; background:#c60000; margin-top:1vw;}

.zoujinmanxing div.hezuohuoban dl:nth-child(even) {width:100%; overflow:hidden; margin-top:3vw !important; position:relative}
.zoujinmanxing div.hezuohuoban dl:nth-child(even) dt {width:48%; overflow:hidden; float:right}
.zoujinmanxing div.hezuohuoban dl:nth-child(even) dt img {width:100%; overflow:hidden; height:auto; display:block}
.zoujinmanxing div.hezuohuoban dl:nth-child(even) dd {width:48%; overflow:hidden; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-items:center; align-content:center; float:left; position:absolute; left:0px; top:50%; transform: translateY(-50%);}
.zoujinmanxing div.hezuohuoban dl:nth-child(even) dd h1 {width:100%; overflow:hidden; text-align:left; line-height:3vw; font-size:min(18px,1vw); font-size:max(22px,1.2vw); color:#333}
.zoujinmanxing div.hezuohuoban dl:nth-child(even) dd p {width:100%; overflow:hidden; text-align:left; line-height:2vw; font-size:min(14px,0.8vw); font-size:max(16px,1vw); color:#777; display:block; padding-top:0.6vw;}
.zoujinmanxing div.hezuohuoban dl:nth-child(even) dd a {width:auto; overflow:hidden; display:block; padding:2vw; padding-top:0.4vw; padding-bottom:0.4vw; text-align:center; font-size:min(14px,0.8vw); font-size:max(16px,1vw); color:#333; border:1px solid #9b9b9b; background:#fff; margin-top:1vw;}
.zoujinmanxing div.hezuohuoban dl:nth-child(even) dd a:hover {width:auto; overflow:hidden; display:block; padding:2vw; padding-top:0.4vw; padding-bottom:0.4vw; text-align:center; font-size:min(14px,0.8vw); font-size:max(16px,1vw); color:#fff; border:1px solid #c60000; background:#c60000; margin-top:1vw;}

.zoujinmanxing div.hezuohuobanmb {display:none}

@media (max-width: 768px) {
.zoujinmanxing {width:90%; overflow:hidden; margin:0px auto; margin-top:2rem; margin-bottom:3rem;}
.zoujinmanxing div.m {width:100%; overflow:hidden; margin:0px auto; text-align:left; line-height:28px; font-size:1rem; color:#333}
.zoujinmanxing div.m p {width:100%; overflow:hidden; display:block; padding-bottom:0.4rem}
.zoujinmanxing div.tupian {width:100%; overflow:hidden; margin-top:2rem; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:flex-start; align-content:center;}
.zoujinmanxing div.tupian a.l {width:100%; overflow:hidden; display:block; opacity:1}
.zoujinmanxing div.tupian a.l img {width:100%; overflow:hidden; height:auto; display:block}
.zoujinmanxing div.tupian a.l:hover {width:100%; overflow:hidden; display:block; opacity:1}
.zoujinmanxing div.tupian a.l:hover img {width:100%; overflow:hidden; height:auto; display:block}
.zoujinmanxing div.tupian a.r {width:100%; overflow:hidden; display:block; padding-top:1rem; opacity:1}
.zoujinmanxing div.tupian a.r img {width:100%; overflow:hidden; height:auto; display:block}
.zoujinmanxing div.tupian a.r:hover {width:100%; overflow:hidden; display:block; padding-top:1rem; opacity:1}
.zoujinmanxing div.tupian a.r:hover img {width:100%; overflow:hidden; height:auto; display:block}
.zoujinmanxing div.wenzi {width:100%; overflow:hidden; margin:0px auto; margin-top:3rem;}
.zoujinmanxing div.wenzi 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; padding-bottom:2rem !important; margin-bottom:2rem !important;}
.zoujinmanxing div.wenzi dl dt {width:100%; overflow:hidden; padding-right:0%; text-align:left; line-height:2rem; font-size:1.2rem; color:#333; font-weight:bold}
.zoujinmanxing div.wenzi dl dd {width:100%; overflow:hidden; text-align:left; line-height:2rem; font-size:1rem; color:#666;}

.zoujinmanxing div.kcxfzwz {width:100%; overflow:hidden; margin:0px auto; margin-top:2rem;}
.zoujinmanxing div.kcxfzwz 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;}
.zoujinmanxing div.kcxfzwz dl dt {width:100%; overflow:hidden; text-align:left; line-height:2rem; font-size:1.2rem; color:#333; font-weight:bold; padding-bottom:0.5vw}
.zoujinmanxing div.kcxfzwz dl dd {width:100%; overflow:hidden; text-align:left; line-height:2rem; font-size:1rem; color:#666;}
.zoujinmanxing div.kcxfzwz dl dd p {width:100%; overflow:hidden; display:block; padding-top:0.4rem; padding-bottom:0.4rem}

.zoujinmanxing div.hezuowenzi {width:100%; overflow:hidden; margin:0px auto; margin-top:2rem;}
.zoujinmanxing div.hezuowenzi 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;}
.zoujinmanxing div.hezuowenzi dl dt {width:100%; overflow:hidden; text-align:left; line-height:2rem; font-size:1.2rem; color:#333; font-weight:bold; padding-bottom:0.5vw}
.zoujinmanxing div.hezuowenzi dl dd {width:100%; overflow:hidden; text-align:left; line-height:2rem; font-size:1rem; color:#666;}
.zoujinmanxing div.hezuowenzi dl dd p {width:100%; overflow:hidden; display:block; padding-top:0.4rem; padding-bottom:0.4rem}


.zoujinmanxing div.hezuohuoban {display:none}

.zoujinmanxing div.hezuohuobanmb {width:100%; overflow:hidden; display:block}
.zoujinmanxing div.hezuohuobanmb dl {width:100%; overflow:hidden; margin-top:2rem !important; padding-bottom:2rem !important; border-bottom:1px solid #ddd}
.zoujinmanxing div.hezuohuobanmb dl dt {width:100%; overflow:hidden;}
.zoujinmanxing div.hezuohuobanmb dl dt img {width:100%; overflow:hidden; height:auto; display:block}
.zoujinmanxing div.hezuohuobanmb dl 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:1.2rem}
.zoujinmanxing div.hezuohuobanmb dl dd h1 {width:100%; overflow:hidden; text-align:left; line-height:2rem; font-size:1.2rem; color:#333}
.zoujinmanxing div.hezuohuobanmb dl dd p {width:100%; overflow:hidden; text-align:left; line-height:2rem; font-size:1rem; color:#777; display:block; padding-top:0.6vw;}
.zoujinmanxing div.hezuohuobanmb dl dd a {width:auto; overflow:hidden; display:block; padding:2rem; padding-top:0.4rem; padding-bottom:0.4rem; text-align:center; font-size:1rem; color:#333; border:1px solid #9b9b9b; background:#fff; margin-top:1rem;}

}


.productcenter {width:100%; overflow:hidden; margin:0px auto; margin-top:3vw; margin-bottom:3vw}
.productcenter div.categorization {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;}
.productcenter div.categorization div.lfl {width:60%; overflow:hidden}
.productcenter div.categorization div.lfl dl {width:100%; overflow:hidden; height:auto; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:flex-start; align-items:center; align-content:center;}
.productcenter div.categorization div.lfl dl em {width:1px; overflow:hidden; height:20px; background:#666; display:block; margin-right:5%}
.productcenter div.categorization div.lfl dl dt {width:14.6%; overflow:hidden; text-align:left; line-height:min(2.4vw,40px); line-height:max(2.4vw,40px); font-size:min(14px,0.9vw); font-size:max(16px,1.1vw); color:#333}
.productcenter div.categorization div.lfl dl dd {width:80%; overflow:hidden; text-align:left; line-height:min(2.4vw,40px); line-height:max(2.4vw,40px); font-size:min(14px,0.9vw); font-size:max(16px,1.1vw); color:#333; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:flex-start; align-items:center; align-content:center;}
.productcenter div.categorization div.lfl dl dd a {width:auto; overflow:hidden; display:block; text-align:center; line-height:min(2.4vw,40px); line-height:max(2.4vw,40px); font-size:min(14px,0.9vw); font-size:max(16px,1vw); color:#333}
.productcenter div.categorization div.lfl dl dd a:hover {width:auto; overflow:hidden; display:block; text-align:center; line-height:min(2.4vw,40px); line-height:max(2.4vw,40px); font-size:min(14px,0.9vw); font-size:max(16px,1vw); color:#c60000}
.productcenter div.categorization div.lfl dl dd a.ahover {width:auto; overflow:hidden; display:block; text-align:center; line-height:min(2.4vw,40px); line-height:max(2.4vw,40px); font-size:min(14px,0.9vw); font-size:max(16px,1vw); color:#c60000; font-weight:bold}
.productcenter div.categorization div.lfl dl dd i {width:1px; overflow:hidden; height:20px; background:#666; display:block; margin-left:1.5vw; margin-right:1.5vw;}
.productcenter div.categorization div.rso {width:40%; overflow:hidden;}
.productcenter div.categorization div.rso 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; border-bottom:1px solid #333}
.productcenter div.categorization div.rso dl dt {width:2vw; overflow:hidden; height:min(2.4vw,40px); height:max(2.4vw,40px); text-align:left; line-height:min(2.4vw,40px); line-height:max(2.4vw,40px); font-size:min(16px,1vw); font-size:max(20px,1.2vw)}
.productcenter div.categorization div.rso dl dd {width:70%; overflow:hidden; height:min(2.4vw,40px); height:max(2.4vw,40px);}
.productcenter div.categorization div.rso dl dd input {width:100%; overflow:hidden; height:min(2.2vw,40px); height:max(2.2vw,40px); border:0px; text-align:left; line-height:min(2.4vw,40px); line-height:max(2.4vw,40px); font-size:min(16px,1vw); font-size:max(16px,1vw); color:#666; line-height:2vw;}

.productcenter div.title {width:90%; overflow:hidden; margin:0px auto; margin-top:5vw}
.productcenter div.title h1 {width:100%; overflow:hidden; text-align:left; font-weight:normal; color:#333; font-size:min(20px,1.2vw); font-size:max(24px,1.6vw)}
.productcenter div.title h2 {width:100%; overflow:hidden; text-align:left; font-weight:normal; color:#333; font-size:min(14px,0.9vw); font-size:max(16px,1vw); margin-top:0.6vw;}

.productcenter div.sub {width:91%; 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;}
.productcenter div.sub a {width:33.3333333333333333333333333333333333333333333333%; overflow:hidden; display:block; margin-top:1.4vw;}
.productcenter div.sub a i {width:96%; overflow:hidden; height:auto; margin:0px auto; display:block}
.productcenter div.sub a i img {width:100%; overflow:hidden; height:auto; display:block; opacity:0.8}
.productcenter div.sub a h1 {width:96%; overflow:hidden; margin:0px auto; text-align:left; line-height:2vw; font-size:min(14px,0.9vw); font-size:max(16px,1vw); color:#333; font-weight:normal; padding-top:1vw;}
.productcenter div.sub a:hover {width:33.3333333333333333333333333333333333333333333333%; overflow:hidden; display:block; margin-top:1.4vw;}
.productcenter div.sub a:hover i {width:96%; overflow:hidden; height:auto; margin:0px auto; display:block}
.productcenter div.sub a:hover i img {width:100%; overflow:hidden; height:auto; display:block; opacity:1}
.productcenter div.sub a:hover h1 {width:96%; overflow:hidden; margin:0px auto; text-align:left; line-height:2vw; font-size:min(14px,0.9vw); font-size:max(16px,1vw); color:#c60000; font-weight:normal; padding-top:1vw;}

@media (max-width: 768px) {
.productcenter {width:100%; overflow:hidden; margin:0px auto; margin-top:1rem; margin-bottom:2rem}
.productcenter div.categorization {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;}
.productcenter div.categorization div.lfl {width:100%; overflow:hidden}
.productcenter div.categorization div.lfl dl {width:100%; overflow:hidden; height:auto; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-items:center; align-content:center;}
.productcenter div.categorization div.lfl dl em {width:1px; overflow:hidden; height:20px; background:#666; display:none; margin-right:5%}
.productcenter div.categorization div.lfl dl dt {width:99.6%; overflow:hidden; text-align:left; line-height:2rem; font-size:1.2rem; color:#333}

.productcenter div.categorization div.lfl dl dd {width:100%; overflow:hidden; text-align:left; line-height:2rem; font-size:1rem; color:#333; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-items:center; align-content:center;}
.productcenter div.categorization div.lfl dl dd a {width:auto; overflow:hidden; display:block; text-align:center; line-height:2rem; font-size:1rem; color:#333}
.productcenter div.categorization div.lfl dl dd a:hover {width:auto; overflow:hidden; display:block; text-align:center; line-height:2rem; font-size:1rem; color:#c60000}
.productcenter div.categorization div.lfl dl dd i {width:1px; overflow:hidden; height:20px; background:#666; display:block; margin-left:1rem; margin-right:1rem;}

.productcenter div.categorization div.rso {width:100%; overflow:hidden; margin-top:1rem; border-top:1px solid #ddd; padding-top:0rem}
.productcenter div.categorization div.rso 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; border-bottom:1px solid #333}
.productcenter div.categorization div.rso dl dt {width:2rem; overflow:hidden; height:3rem; text-align:left; line-height:3rem; font-size:1.4rem}
.productcenter div.categorization div.rso dl dd {width:70%; overflow:hidden; height:3rem;}
.productcenter div.categorization div.rso dl dd input {width:100%; overflow:hidden; height:3rem; border:0px; text-align:left; line-height:3rem; font-size:1rem; color:#666;}

.productcenter div.title {width:90%; overflow:hidden; margin:0px auto; margin-top:2rem}
.productcenter div.title h1 {width:100%; overflow:hidden; text-align:left; font-weight:normal; color:#333; font-size:1.4rem}
.productcenter div.title h2 {width:100%; overflow:hidden; text-align:left; font-weight:normal; color:#333; font-size:1rem; margin-top:0.6rem;}

.productcenter div.sub {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;}
.productcenter div.sub a {width:48%; overflow:hidden; display:block; margin-top:1rem;}
.productcenter div.sub a i {width:100%; overflow:hidden; height:auto; margin:0px auto; display:block}
.productcenter div.sub a i img {width:100%; overflow:hidden; height:auto; display:block; opacity:1}
.productcenter div.sub a h1 {width:100%; overflow:hidden; margin:0px auto; text-align:left; line-height:2rem; font-size:1rem; color:#333; font-weight:normal; padding-top:1vw;}
.productcenter div.sub a:hover {width:48%; overflow:hidden; display:block; margin-top:1rem;}
.productcenter div.sub a:hover i {width:100%; overflow:hidden; height:auto; margin:0px auto; display:block}
.productcenter div.sub a:hover i img {width:100%; overflow:hidden; height:auto; display:block; opacity:1}
.productcenter div.sub a:hover h1 {width:100%; overflow:hidden; margin:0px auto; text-align:left; line-height:2rem; font-size:1rem; color:#c60000; font-weight:normal; padding-top:1vw;}	
}


.favorite {width:90%; overflow:hidden; margin:0px auto; margin-top:min(5vw,40px); margin-top:max(5vw,40px); margin-bottom:min(2vw,40px); margin-bottom:max(2vw,40px); display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-items:center; align-content:center;}
.favorite a:nth-child(odd) {width:49%; overflow:hidden; display:block; padding-bottom:min(2vw,30px); padding-bottom:max(2vw,30px)}
.favorite a:nth-child(odd) i {width:100%; overflow:hidden; height:auto; display:block}
.favorite a:nth-child(odd) i img {width:100%; overflow:hidden; height:auto; display:block; opacity:0.8}
.favorite a:nth-child(odd) h1 {width:100%; overflow:hidden; margin:0px auto; text-align:left; line-height:min(2vw,36px); line-height:max(2vw,36px); font-size:min(14px,0.9vw); font-size:max(16px,1vw); color:#333; font-weight:normal; padding-top:min(1vw,14px); padding-top:max(1vw,14px);}
.favorite a:nth-child(odd):hover {width:49%; overflow:hidden; display:block}
.favorite a:nth-child(odd):hover i {width:100%; overflow:hidden; height:auto; display:block}
.favorite a:nth-child(odd):hover i img {width:100%; overflow:hidden; height:auto; display:block; opacity:1}
.favorite a:nth-child(odd):hover h1 {width:100%; overflow:hidden; margin:0px auto; text-align:left; line-height:min(2vw,36px); line-height:max(2vw,36px); font-size:min(14px,0.9vw); font-size:max(16px,1vw); color:#c60000; font-weight:normal; padding-top:min(1vw,14px); padding-top:max(1vw,14px);}

.favorite a:nth-child(even) {width:49%; overflow:hidden; display:block; padding-left:2%; padding-bottom:min(2vw,30px); padding-bottom:max(2vw,30px)}
.favorite a:nth-child(even) i {width:100%; overflow:hidden; height:auto; display:block}
.favorite a:nth-child(even) i img {width:100%; overflow:hidden; height:auto; display:block; opacity:0.8}
.favorite a:nth-child(even) h1 {width:100%; overflow:hidden; margin:0px auto; text-align:left; line-height:min(2vw,36px); line-height:max(2vw,36px); font-size:min(14px,0.9vw); font-size:max(16px,1vw); color:#333; font-weight:normal; padding-top:min(1vw,14px); padding-top:max(1vw,14px);}
.favorite a:nth-child(even):hover {width:49%; overflow:hidden; display:block}
.favorite a:nth-child(even):hover i {width:100%; overflow:hidden; height:auto; display:block}
.favorite a:nth-child(even):hover i img {width:100%; overflow:hidden; height:auto; display:block; opacity:1}
.favorite a:nth-child(even):hover h1 {width:100%; overflow:hidden; margin:0px auto; text-align:left; line-height:min(2vw,36px); line-height:max(2vw,36px); font-size:min(14px,0.9vw); font-size:max(16px,1vw); color:#c60000; font-weight:normal; padding-top:min(1vw,14px); padding-top:max(1vw,14px);}

@media (max-width: 768px) {
.favorite {width:90%; overflow:hidden; margin:0px auto; margin-top:1.6rem; margin-bottom:1.6rem; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-items:center; align-content:center;}
.favorite a:nth-child(odd) {width:49%; overflow:hidden; display:block; padding-bottom:1rem}
.favorite a:nth-child(odd) i {width:100%; overflow:hidden; height:auto; display:block}
.favorite a:nth-child(odd) i img {width:100%; overflow:hidden; height:auto; display:block; opacity:1}
.favorite a:nth-child(odd) h1 {width:100%; overflow:hidden; margin:0px auto; text-align:left; line-height:2rem; font-size:1rem; color:#333; font-weight:normal; padding-top:0.4rem;}
.favorite a:nth-child(odd):hover {width:49%; overflow:hidden; display:block}
.favorite a:nth-child(odd):hover i {width:100%; overflow:hidden; height:auto; display:block}
.favorite a:nth-child(odd):hover i img {width:100%; overflow:hidden; height:auto; display:block; opacity:1}
.favorite a:nth-child(odd):hover h1 {width:100%; overflow:hidden; margin:0px auto; text-align:left; line-height:2rem; font-size:1rem; color:#c60000; font-weight:normal; padding-top:0.4rem;}

.favorite a:nth-child(even) {width:49%; overflow:hidden; display:block; padding-left:2%; padding-bottom:1rem}
.favorite a:nth-child(even) i {width:100%; overflow:hidden; height:auto; display:block}
.favorite a:nth-child(even) i img {width:100%; overflow:hidden; height:auto; display:block; opacity:1}
.favorite a:nth-child(even) h1 {width:100%; overflow:hidden; margin:0px auto; text-align:left; line-height:2rem; font-size:1rem; color:#333; font-weight:normal; padding-top:0.4rem;}
.favorite a:nth-child(even):hover {width:49%; overflow:hidden; display:block}
.favorite a:nth-child(even):hover i {width:100%; overflow:hidden; height:auto; display:block}
.favorite a:nth-child(even):hover i img {width:100%; overflow:hidden; height:auto; display:block; opacity:1}
.favorite a:nth-child(even):hover h1 {width:100%; overflow:hidden; margin:0px auto; text-align:left; line-height:2rem; font-size:1rem; color:#c60000; font-weight:normal; padding-top:0.4rem;}	
}



.productshowbanner {width:100%; overflow:hidden; height:60vh; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; position:relative; margin-top:5.208vw; margin-top:min(100px,5.208vw); margin-top:max(80px,5.208vw)}

@media (max-width: 768px) {
.productshowbanner {width:100%; overflow:hidden; height:50vh; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; position:relative; margin-top:3.125rem; margin-top:min(50px)}
}

.productshowsub {width:100%; overflow:hidden; margin:0px auto; margin-top:2vw; margin-bottom:4vw; position:relative}
.productshowsub span.ewm {width:min(130px,10vw); width:max(130px,10vw); padding:0px; border:1px solid #ddd; background:#fff; display:block; position:absolute; top:0px; right:10%; z-index:99999}
.productshowsub span.ewm img {width:100%; overflow:hidden; height:auto; display:block}
.productshowsub div.fh {width:80%; overflow:hidden; margin:0px auto; height:min(40px,2.6vw); height:max(40px,2.6vw); display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-items:center; align-content:center;}
.productshowsub div.fh a {width:auto; overflow:hidden; height:min(40px,2.6vw); height:max(40px,2.6vw); display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-items:center; align-content:center; text-align:left; line-height:min(40px,2.6vw); line-height:max(40px,2.6vw); font-size:min(14px,1vw); font-size:max(14px,1vw); color:#666}
.productshowsub div.fh a i {width:min(36px,2vw); width:max(36px,2vw); overflow:hidden; height:2vw; text-align:left; line-height:2.4vw; font-size:min(20px,1.2vw); font-size:max(28px,1.4vw); display:block; color:#666;}
.productshowsub div.fh a:hover {width:auto; overflow:hidden; height:min(40px,2.6vw); height:max(40px,2.6vw); display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-items:center; align-content:center; text-align:left; line-height:min(40px,2.6vw); line-height:max(40px,2.6vw); font-size:min(14px,1vw); font-size:max(14px,1vw); color:#c60000}
.productshowsub div.fh a:hover i {width:min(36px,2vw); width:max(36px,2vw); overflow:hidden; height:2vw; text-align:left; line-height:2.4vw; font-size:min(20px,1.2vw); font-size:max(28px,1.4vw); display:block; color:#c60000}

.productshowsub div.sub {width:80%; 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; margin-top:2vw}
.productshowsub div.sub h3 {width:auto; overflow:hidden; border-bottom:1px solid #333; text-align:left; font-size:min(14px,1vw); font-size:max(14px,1vw); color:#333; padding-bottom:10px; font-weight:normal; padding-right:20%}
.productshowsub div.sub h1 {width:100%; overflow:hidden; text-align:left; line-height:min(40px,2.6vw); line-height:max(40px,2.6vw); font-size:min(26px,1.8vw); font-size:max(26px,1.8vw); color:#333; font-weight:normal; margin-top:2vw; margin-bottom:0.5vw}
.productshowsub div.sub p {width:100%; overflow:hidden; text-align:left; line-height:min(25px,2vw); line-height:max(25px,2vw); font-size:min(16px,1vw); font-size:max(16px,1vw); color:#777; display:block; padding-top:0.3vw; padding-bottom:0.3vw;}

.productshowsub div.bk {width:90%; overflow:hidden; padding:5%; background:url(../images/product/showbg.jpg) center; margin-top:3.4vw;}
.productshowsub div.bk div.nr {width:80%; overflow:hidden; margin:0px auto; background:#fff; padding:5%; padding-top:3%; padding-bottom:3%; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-items:center; align-content:center;}
.productshowsub div.bk div.nr h1 {width:auto; overflow:hidden; text-align:left; line-height:min(40px,1.8vw); line-height:max(40px,1.8vw); font-size:min(22px,1.5vw); font-size:max(22px,1.5vw); color:#333; font-weight:normal; padding-bottom:0.6vw}
.productshowsub div.bk div.nr p {width:100%; overflow:hidden; text-align:left; line-height:min(28px,1.8vw); line-height:max(28px,1.8vw); font-size:min(16px,1vw); font-size:max(16px,1vw); color:#666; display:block; padding-top:0.5vw; padding-bottom:0.3vw;}

.productshowsub div.yanse {width:82.2%; margin:0px auto; margin-top:4vw;}
.productshowsub div.yanse h1 {width:98.2%; overflow:hidden; margin:0px auto; text-align:left; line-height:min(40px,1.8vw); line-height:max(40px,1.8vw); font-size:min(22px,1.5vw); font-size:max(22px,1.5vw); color:#333; font-weight:normal; padding-bottom:1.6vw}
.productshowsub div.yanse ul {width:100%; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-items:center; align-content:center;}
.productshowsub div.yanse ul li {width:16.66666666666666666666666666666%; padding-bottom:1vw}
.productshowsub div.yanse ul li a {width:90%; overflow:hidden; display:block; margin:0px auto;}
.productshowsub div.yanse ul li a i {width:100%; overflow:hidden; height:auto; display:block; margin-bottom:0.6vw;}
.productshowsub div.yanse ul li a i img {width:100%; overflow:hidden; height:auto; display:block}
.productshowsub div.yanse ul li a h3 {width:100%; overflow:hidden; text-align:left; font-weight:normal; color:#333; line-height:min(30px,1.8vw); line-height:max(30px,1.8vw); font-size:min(15px,1vw); font-size:max(15px,1vw);}

.productshowsub div.yanse ul li a:hover {width:90%; overflow:hidden; display:block; margin:0px auto; margin-top:-15px;}
.productshowsub div.yanse ul li a:hover i {width:100%; overflow:hidden; height:auto; display:block; margin-bottom:0.6vw;}
.productshowsub div.yanse ul li a:hover i img {width:100%; overflow:hidden; height:auto; display:block}
.productshowsub div.yanse ul li a:hover h3 {width:100%; overflow:hidden; text-align:left; font-weight:normal; color:#c60000; line-height:min(30px,1.8vw); line-height:max(30px,1.8vw); font-size:min(15px,1vw); font-size:max(15px,1vw);}


.productshowsub div.download {width:74.8%; overflow:hidden; margin:0px auto; margin-top:3vw; background:#f0f0f0; padding:3%; padding-top:2.4%; padding-bottom:3%;}
.productshowsub div.download h1 {width:100%; overflow:hidden; text-align:left; border-bottom:1px solid #333; line-height:min(40px,2vw); line-height:max(40px,2vw); font-size:min(16px,1.1vw); font-size:max(16px,1.1vw); color:#333; font-weight:normal; padding-bottom:1vw; margin-bottom:2vw}
.productshowsub div.download a {width:100%; overflow:hidden; display:block; line-height:min(40px,2vw); line-height:max(40px,2vw); font-size:min(16px,1vw); font-size:max(16px,1vw); color:#333; text-align:left; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-items:center; align-content:center;}
.productshowsub div.download a i {width:min(30px,2vw); width:max(30px,2vw); overflow:hidden; height:2vw; text-align:left; line-height:2.3vw; font-size:min(18px,1.3vw); font-size:max(18px,1.3vw); display:block; color:#666;}
.productshowsub div.download a:hover {width:100%; overflow:hidden; display:block; line-height:min(40px,2vw); line-height:max(40px,2vw); font-size:min(16px,1vw); font-size:max(16px,1vw); color:#c60000; text-align:left; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-items:center; align-content:center;}
.productshowsub div.download a:hover i {width:min(30px,2vw); width:max(30px,2vw); overflow:hidden; height:2vw; text-align:left; line-height:2.3vw; font-size:min(18px,1.3vw); font-size:max(18px,1.3vw); display:block; color:#c60000;}

.productshowsub div.xganli {width:82.2%; margin:0px auto; margin-top:4vw;}
.productshowsub div.xganli h1 {width:98.2%; overflow:hidden; margin:0px auto; text-align:left; line-height:min(40px,1.8vw); line-height:max(40px,1.8vw); font-size:min(22px,1.5vw); font-size:max(22px,1.5vw); color:#333; font-weight:normal; padding-bottom:1.6vw}
.productshowsub div.xganli ul {width:100%; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-items:center; align-content:center;}
.productshowsub div.xganli ul li {width:33.33333333333333333333333333%; padding-bottom:1vw}
.productshowsub div.xganli ul li a {width:96%; overflow:hidden; display:block; margin:0px auto;}
.productshowsub div.xganli ul li a i {width:100%; overflow:hidden; height:auto; display:block; margin-bottom:1vw;}
.productshowsub div.xganli ul li a i img {width:100%; overflow:hidden; height:auto; display:block}
.productshowsub div.xganli ul li a h3 {width:100%; overflow:hidden; text-align:left; font-weight:normal; color:#333; line-height:min(30px,1.8vw); line-height:max(30px,1.8vw); font-size:min(16px,1.2vw); font-size:max(16px,1.2vw);}

.productshowsub div.xganli ul li a:hover {width:96%; overflow:hidden; display:block; margin:0px auto; margin-top:-10px;}
.productshowsub div.xganli ul li a:hover i {width:100%; overflow:hidden; height:auto; display:block; margin-bottom:1vw;}
.productshowsub div.xganli ul li a:hover i img {width:100%; overflow:hidden; height:auto; display:block}
.productshowsub div.xganli ul li a:hover h3 {width:100%; overflow:hidden; text-align:left; font-weight:normal; color:#c60000; line-height:min(30px,1.8vw); line-height:max(30px,1.8vw); font-size:min(16px,1.2vw); font-size:max(16px,1.2vw);}



@media (max-width: 768px) {
.productshowsub {width:100%; overflow:hidden; margin:0px auto; margin-top:1rem; margin-bottom:3rem;}
.productshowsub span.ewm {width:8rem; padding:0px; border:1px solid #ddd; background:#fff; display:block; position:absolute; top:0px; right:3%; z-index:99999}
.productshowsub span.ewm img {width:100%; overflow:hidden; height:auto; display:block}
.productshowsub div.fh {width:90%; overflow:hidden; margin:0px auto; height:2.6rem; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-items:center; align-content:center;}
.productshowsub div.fh a {width:auto; overflow:hidden; height:2.6rem; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-items:center; align-content:center; text-align:left; line-height:2.6rem; font-size:1rem; color:#666}
.productshowsub div.fh a i {width:2rem; overflow:hidden; height:2rem; text-align:left; line-height:2rem; font-size:1.4rem; display:block; color:#333;}
.productshowsub div.fh a:hover {width:auto; overflow:hidden; height:2.6rem; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-items:center; align-content:center; text-align:left; line-height:2.6rem; font-size:1rem; color:#c60000}
.productshowsub div.fh a:hover i {width:2rem; overflow:hidden; height:2rem; text-align:left; line-height:2rem; font-size:1.4rem; display:block; color:#c60000;}


.productshowsub 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; margin-top:1rem}
.productshowsub div.sub h3 {width:100%; overflow:hidden; border-bottom:1px solid #333; text-align:left; font-size:1rem; color:#333; padding-bottom:10px; font-weight:normal;}
.productshowsub div.sub h1 {width:100%; overflow:hidden; text-align:left; line-height:2.6rem; font-size:1.6rem; color:#333; font-weight:normal; margin-top:1rem; margin-bottom:0.5rem}
.productshowsub div.sub p {width:100%; overflow:hidden; text-align:left; line-height:2rem; font-size:1rem; color:#777; display:block; padding-top:0.5rem; padding-bottom:0.5rem;}

.productshowsub div.bk {width:90%; overflow:hidden; padding:5%; background:url(../images/product/showbg.jpg) center; margin-top:3.4vw;}
.productshowsub div.bk div.nr {width:90%; overflow:hidden; margin:0px auto; background:#fff; padding:5%; padding-top:4%; padding-bottom:4%; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-items:center; align-content:center;}
.productshowsub div.bk div.nr h1 {width:auto; overflow:hidden; text-align:left; line-height:2.2rem; font-size:1.4rem; color:#333; font-weight:normal; padding-bottom:0.6rem}
.productshowsub div.bk div.nr p {width:100%; overflow:hidden; text-align:left; line-height:1.8rem; font-size:1rem; color:#666; display:block; padding-top:0.2rem; padding-bottom:0.5rem;}

.productshowsub div.yanse {width:100%; margin:0px auto; margin-top:2rem;}
.productshowsub div.yanse h1 {width:90%; overflow:hidden; margin:0px auto; text-align:left; line-height:2rem; font-size:1.4rem; color:#333; font-weight:normal; padding-bottom:1.3rem}
.productshowsub div.yanse ul {width:95.4%; margin:0px auto; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-items:center; align-content:center;}
.productshowsub div.yanse ul li {width:50%; padding-bottom:1rem}
.productshowsub div.yanse ul li a {width:90%; overflow:hidden; display:block; margin:0px auto;}
.productshowsub div.yanse ul li a i {width:100%; overflow:hidden; height:auto; display:block;}
.productshowsub div.yanse ul li a i img {width:100%; overflow:hidden; height:auto; display:block}
.productshowsub div.yanse ul li a h3 {width:100%; overflow:hidden; text-align:left; font-weight:normal; color:#333; line-height:2rem; font-size:1rem;}

.productshowsub div.yanse ul li a:hover {width:90%; overflow:hidden; display:block; margin:0px auto;}
.productshowsub div.yanse ul li a:hover i {width:100%; overflow:hidden; height:auto; display:block;}
.productshowsub div.yanse ul li a:hover i img {width:100%; overflow:hidden; height:auto; display:block}
.productshowsub div.yanse ul li a:hover h3 {width:100%; overflow:hidden; text-align:left; font-weight:normal; color:#c60000; line-height:2rem; font-size:1rem;}


.productshowsub div.download {width:80%; overflow:hidden; margin:0px auto; margin-top:1rem; background:#f0f0f0; padding:5%; padding-top:2.6%; padding-bottom:4%;}
.productshowsub div.download h1 {width:100%; overflow:hidden; text-align:left; border-bottom:1px solid #333; line-height:2rem; font-size:1.1rem; color:#333; font-weight:normal; padding-bottom:0.8rem; margin-bottom:0.8rem}
.productshowsub div.download a {width:100%; overflow:hidden; display:block; line-height:2rem; font-size:1rem; color:#333; text-align:left; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-items:center; align-content:center;}
.productshowsub div.download a i {width:2rem; overflow:hidden; height:2rem; text-align:left; line-height:2rem; font-size:1.2rem; display:block; color:#666;}
.productshowsub div.download a:hover {width:100%; overflow:hidden; display:block; line-height:2rem; font-size:1rem; color:#c60000; text-align:left; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-items:center; align-content:center;}
.productshowsub div.download a:hover i {width:2rem; overflow:hidden; height:2rem; text-align:left; line-height:2rem; font-size:1.2rem; display:block; color:#c60000;}

.productshowsub div.xganli {width:100%; margin:0px auto; margin-top:2rem;}
.productshowsub div.xganli h1 {width:90%; overflow:hidden; margin:0px auto; text-align:left; line-height:2rem; font-size:1.4rem; color:#333; font-weight:normal; padding-bottom:1.3rem}
.productshowsub div.xganli ul {width:92%; margin:0px auto; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-items:center; align-content:center;}
.productshowsub div.xganli ul li {width:50%; padding-bottom:1rem}
.productshowsub div.xganli ul li a {width:96%; overflow:hidden; display:block; margin:0px auto;}
.productshowsub div.xganli ul li a i {width:100%; overflow:hidden; height:auto; display:block; margin-bottom:0.3rem;}
.productshowsub div.xganli ul li a i img {width:100%; overflow:hidden; height:auto; display:block}
.productshowsub div.xganli ul li a h3 {width:100%; overflow:hidden; text-align:left; font-weight:normal; color:#333; line-height:2rem; font-size:1rem;}

.productshowsub div.xganli ul li a:hover {width:96%; overflow:hidden; display:block; margin:0px auto;}
.productshowsub div.xganli ul li a:hover i {width:100%; overflow:hidden; height:auto; display:block; margin-bottom:0.3rem;}
.productshowsub div.xganli ul li a:hover i img {width:100%; overflow:hidden; height:auto; display:block}
.productshowsub div.xganli ul li a:hover h3 {width:100%; overflow:hidden; text-align:left; font-weight:normal; color:#c60000; line-height:2rem; font-size:1rem;}
}



.caselist {width:80%; margin:0px auto; margin-top:2vw; margin-bottom:4vw;}
.caselist div.tt {width:90%; margin:0px auto}
.caselist div.tt a {width:100%; overflow:hidden; height:auto; display:block; position:relative}
.caselist div.tt a img {width:100%; overflow:hidden; height:auto; display:block; opacity:0.8}
.caselist div.tt a h1 {width:100%; overflow:hidden; text-align:center; line-height:min(36px,2.6vw); line-height:max(36px,2.6vw); font-size:min(24px,2vw); font-size:max(24px,2vw); font-weight:normal; position:absolute; left:0px; top:50%; transform: translateY(-50%); z-index:999; color:#fff;}
.caselist div.tt a h1 span {width:auto; overflow:hidden; display:block; color:#fff; padding-top:0.4vw; font-size:min(16px,1.2vw); font-size:max(16px,1.2vw);}
.caselist div.tt a:hover {width:100%; overflow:hidden; height:auto; display:block; position:relative}
.caselist div.tt a:hover img {width:100%; overflow:hidden; height:auto; display:block; opacity:1}
.caselist div.tt a:hover h1 {width:100%; overflow:hidden; text-align:center; line-height:min(36px,2.6vw); line-height:max(36px,2.6vw); font-size:min(24px,2vw); font-size:max(24px,2vw); font-weight:normal; position:absolute; left:0px; top:50%; transform: translateY(-50%); z-index:999; color:#fff;}
.caselist div.tt a:hover h1 span {width:auto; overflow:hidden; display:block; color:#fff; padding-top:0.4vw; font-size:min(16px,1.2vw); font-size:max(16px,1.2vw);}

.caselist div.sub {width:91.2%; margin:0px auto; margin-top:2vw}
.caselist div.sub ul {width:100%; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-items:center; align-content:center;}
.caselist div.sub ul li {width:33.33333333333333333333333333%; padding-bottom:2vw}
.caselist div.sub ul li a {width:96%; overflow:hidden; display:block; margin:0px auto;}
.caselist div.sub ul li a i {width:100%; overflow:hidden; height:auto; display:block; margin-bottom:1vw;}
.caselist div.sub ul li a i img {width:100%; overflow:hidden; height:auto; display:block; opacity:0.8}
.caselist div.sub ul li a h3 {width:100%; overflow:hidden; text-align:left; font-weight:bold; color:#333; line-height:min(26px,1.6vw); line-height:max(26px,1.6vw); font-size:min(16px,1.1vw); font-size:max(16px,1.1vw); -webkit-line-clamp:2; -webkit-box-orient: vertical; text-overflow: ellipsis; display: -webkit-box;}
.caselist div.sub ul li a span {width:100%; overflow:hidden; display:block; color:#888; line-height:min(26px,1.6vw); line-height:max(26px,1.6vw); font-size:min(12px,0.8vw); font-size:max(12px,0.8vw); font-weight:normal; -webkit-line-clamp:1; -webkit-box-orient: vertical; text-overflow: ellipsis; display: -webkit-box;}
.caselist div.sub ul li a:hover {width:96%; overflow:hidden; display:block; margin:0px auto; margin-top:-15px;}
.caselist div.sub ul li a:hover i {width:100%; overflow:hidden; height:auto; display:block; margin-bottom:1vw;}
.caselist div.sub ul li a:hover i img {width:100%; overflow:hidden; height:auto; display:block; opacity:1}
.caselist div.sub ul li a:hover h3 {width:100%; overflow:hidden; text-align:left; font-weight:bold; color:#c60000; line-height:min(26px,1.6vw); line-height:max(26px,1.6vw); font-size:min(16px,1.1vw); font-size:max(16px,1.1vw);  -webkit-line-clamp:2; -webkit-box-orient: vertical; text-overflow: ellipsis; display: -webkit-box;}
.caselist div.sub ul li a:hover span {width:100%; overflow:hidden; display:block; color:#888; line-height:min(26px,1.6vw); line-height:max(26px,1.6vw); font-size:min(12px,0.8vw); font-size:max(12px,0.8vw); font-weight:normal; -webkit-line-clamp:1; -webkit-box-orient: vertical; text-overflow: ellipsis; display: -webkit-box;}

.caseshow {width:100%; overflow:hidden}
.caseshow div.banner {width:100%; overflow:hidden; height:36vh; margin-top:5.208vw; margin-top:min(80px); position:relative; z-index:1}
.caseshow div.title {width:70%; overflow:hidden; margin:0px auto; padding:5%; padding-top:3%; background:#ebebeb; margin-top:min(-60px,-4vw); margin-top:max(-60px,-4vw); position:relative; z-index:8}
.caseshow div.title h1 {width:100%; overflow:hidden; text-align:left; line-height:min(35px,2vw); line-height:max(35px,2vw); font-size:min(24px,1.8vw); font-size:max(24px,1.8vw); font-weight:normal;}
.caseshow div.title 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; margin-top:2vw !important}
.caseshow div.title dl dt {width:16%; overflow:hidden; text-align:left; line-height:min(35px,1.8vw); line-height:max(35px,1.8vw); font-size:min(16px,1vw); font-size:max(16px,1vw); color:#333}
.caseshow div.title dl dd {width:34%; overflow:hidden; text-align:left; line-height:min(35px,1.8vw); line-height:max(35px,1.8vw); font-size:min(16px,1vw); font-size:max(16px,1vw); color:#777}
.caseshow div.wenzisub {width:70%; overflow:hidden; margin:0px auto; text-align:left; line-height:min(30px,1.8vw); line-height:max(30px,1.8vw); font-size:min(16px,1vw); font-size:max(16px,1vw); color:#666; padding-top:4vw; padding-bottom:4vw;}
.caseshow div.wenzisub p {width:auto; overflow:hidden; display:block; text-align:left; line-height:min(30px,1.8vw); line-height:max(30px,1.8vw); font-size:min(16px,1vw); font-size:max(16px,1vw); color:#666; padding-top:0.5vw; padding-bottom:0.5vw;}

.caseshow div.lunbo {width:80%; margin:0px auto; margin-top:2vw; position:relative}
.caseshow div.lunbo div.casemySwiper {width:100%;}
.caseshow div.lunbo div.casemySwiper div.swiper-wrapper {width:100%;}
.caseshow div.lunbo div.casemySwiper div.swiper-wrapper div.swiper-slide {width:100%;}
.caseshow div.lunbo div.casemySwiper div.swiper-wrapper div.swiper-slide img {width:100%; overflow:hidden; height:auto; display:block}

.caseshow div.lunbo div.swiper-button-nextcase {width:min(50px,3vw); width:max(50px,3vw); overflow:hidden; height:min(50px,3vw); height:max(50px,3vw); background:#888; text-align:center; line-height:min(50px,3vw); line-height:max(50px,3vw); color:#FFF; font-size:min(16px,1.4vw); font-size:max(16px,1.4vw); position:absolute; right:-7%; top:50%; transform: translateY(-50%); z-index:99999; cursor:pointer}
.caseshow div.lunbo div.swiper-button-nextcase::after {display:none}
.caseshow div.lunbo div.swiper-button-prevcase {width:min(50px,3vw); width:max(50px,3vw); overflow:hidden; height:min(50px,3vw); height:max(50px,3vw); background:#888; text-align:center; line-height:min(50px,3vw); line-height:max(50px,3vw); color:#FFF; font-size:min(16px,1.4vw); font-size:max(16px,1.4vw); position:absolute; left:-7%; top:50%; transform: translateY(-50%); z-index:99999; cursor:pointer}
.caseshow div.lunbo div.swiper-button-prevcase::after {display:none}

.caseshow div.shiyongdt {width:80%; margin:0px auto; margin-top:5vw; padding-bottom:8vw}
.caseshow div.shiyongdt h1 {width:100%; overflow:hidden; margin:0px auto; text-align:left; line-height:min(40px,1.8vw); line-height:max(40px,1.8vw); font-size:min(22px,1.5vw); font-size:max(22px,1.5vw); color:#333; font-weight:normal; padding-bottom:1.6vw}
.caseshow div.shiyongdt div.sub {width:100%; overflow:hidden; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:fle-start; align-content:center; margin-top:1vw}
.caseshow div.shiyongdt div.sub div.l {width:32%; overflow:hidden;  margin-bottom:0px;}
.caseshow div.shiyongdt div.sub div.l img {width:100%; overflow:hidden; height:auto; display:block}
.caseshow div.shiyongdt div.sub div.r {width:65%; overflow:hidden;}
.caseshow div.shiyongdt div.sub div.r dl {width:100; overflow:hidden; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-items:fle-start; align-content:center; padding-bottom:0.6vw !important;}
.caseshow div.shiyongdt div.sub div.r dl dt {width:24%; overflow:hidden; text-align:left; line-height:min(26px,1.6vw); line-height:max(26px,1.6vw); font-size:min(16px,1.1vw); font-size:max(16px,1.1vw); color:#333}
.caseshow div.shiyongdt div.sub div.r dl dd {width:76%; overflow:hidden; text-align:left; line-height:min(26px,1.6vw); line-height:max(26px,1.6vw); font-size:min(16px,1.1vw); font-size:max(16px,1.1vw); color:#777}
.caseshow div.shiyongdt div.sub div.r dl dd a {width:auto; overflow:hidden; display:inline-block; border:1px solid #333; line-height:min(40px,2vw); line-height:max(40px,2vw); font-size:min(16px,1vw); font-size:max(16px,1vw); padding-left:5%; padding-right:5%; padding-bottom:4px; margin-top:5vw}
.caseshow div.shiyongdt div.sub div.r dl dd a:hover {width:auto; overflow:hidden; display:inline-block; border:1px solid #c60000; background:#c60000; color:#FFF; line-height:min(40px,2vw); line-height:max(40px,2vw); font-size:min(16px,1vw); font-size:max(16px,1vw); padding-left:5%; padding-right:5%; padding-bottom:4px; margin-top:5vw}








@media (max-width: 768px) {
.caselist {width:100%; margin:0px auto; margin-top:1rem; margin-bottom:2rem;}
.caselist div.tt {width:94%; margin:0px auto}
.caselist div.tt a {width:100%; overflow:hidden; height:auto; display:block; position:relative}
.caselist div.tt a img {width:100%; overflow:hidden; height:auto; display:block; opacity:1}
.caselist div.tt a h1 {width:100%; overflow:hidden; text-align:center; line-height:1.6rem; font-size:1.4rem; font-weight:normal; position:absolute; left:0px; top:50%; transform: translateY(-50%); z-index:999; color:#fff;}
.caselist div.tt a h1 span {width:auto; overflow:hidden; display:block; color:#fff; padding-top:0.4rem; font-size:1rem;}
.caselist div.tt a:hover {width:100%; overflow:hidden; height:auto; display:block; position:relative}
.caselist div.tt a:hover img {width:100%; overflow:hidden; height:auto; display:block; opacity:1}
.caselist div.tt a:hover h1 {width:100%; overflow:hidden; text-align:center; line-height:1.6rem; font-size:1.4rem; font-weight:normal; position:absolute; left:0px; top:50%; transform: translateY(-50%); z-index:999; color:#c60000;}
.caselist div.tt a:hover h1 span {width:auto; overflow:hidden; display:block; color:#fff; padding-top:0.4rem; font-size:1rem;}

.caselist div.sub {width:96.6%; margin:0px auto; margin-top:1rem}
.caselist div.sub ul {width:100%; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-items:center; align-content:center;}
.caselist div.sub ul li {width:50%; padding-bottom:1.4rem}
.caselist div.sub ul li a {width:94%; overflow:hidden; display:block; margin:0px auto;}
.caselist div.sub ul li a i {width:100%; overflow:hidden; height:auto; display:block; margin-bottom:0.5rem;}
.caselist div.sub ul li a i img {width:100%; overflow:hidden; height:auto; display:block; opacity:1}
.caselist div.sub ul li a h3 {width:100%; overflow:hidden; text-align:left; font-weight:bold; color:#333; line-height:1.6rem; font-size:1rem; -webkit-line-clamp:2; -webkit-box-orient: vertical; text-overflow: ellipsis; display: -webkit-box;}
.caselist div.sub ul li a span {width:100%; overflow:hidden; display:block; text-align:left; color:#888; font-size:0.8rem; line-height:1.2rem; font-weight:normal;  -webkit-line-clamp:1; -webkit-box-orient: vertical; text-overflow: ellipsis; display: -webkit-box;}
.caselist div.sub ul li a:hover {width:94%; overflow:hidden; display:block; margin:0px auto;}
.caselist div.sub ul li a:hover i {width:100%; overflow:hidden; height:auto; display:block; margin-bottom:0.5rem;}
.caselist div.sub ul li a:hover i img {width:100%; overflow:hidden; height:auto; display:block; opacity:1}
.caselist div.sub ul li a:hover h3 {width:100%; overflow:hidden; text-align:left; font-weight:bold; color:#c60000; line-height:1.6rem; font-size:1rem; -webkit-line-clamp:2; -webkit-box-orient: vertical; text-overflow: ellipsis; display: -webkit-box;}
.caselist div.sub ul li a:hover span {width:100%; overflow:hidden; display:block; text-align:left; color:#888; font-size:0.8rem; line-height:1.2rem; font-weight:normal;  -webkit-line-clamp:1; -webkit-box-orient: vertical; text-overflow: ellipsis; display: -webkit-box;}


.caseshow {width:100%; overflow:hidden}
.caseshow div.banner {width:100%; overflow:hidden; height:30vh; margin-top:3.125rem; margin-top:min(50px); position:relative; z-index:1}
.caseshow div.title {width:80%; overflow:hidden; margin:0px auto; padding:5%; padding-top:3%; background:#ebebeb; margin-top:min(-120px,-4rem); margin-top:max(-120px,-4rem); position:relative; z-index:8}
.caseshow div.title h1 {width:100%; overflow:hidden; text-align:left; line-height:3rem; font-size:1.4rem; font-weight:normal;}
.caseshow div.title 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; margin-top:0.3rem !important}
.caseshow div.title dl dt {width:26%; overflow:hidden; text-align:left; line-height:2rem; font-size:1rem; color:#333}
.caseshow div.title dl dd {width:64%; overflow:hidden; text-align:left; line-height:2rem; font-size:1rem; color:#777}
.caseshow div.wenzisub {width:80%; overflow:hidden; margin:0px auto; text-align:left; line-height:1.8rem; font-size:1rem; color:#666; padding-top:2rem; padding-bottom:2rem;}
.caseshow div.wenzisub p {width:auto; overflow:hidden; display:block; text-align:left; line-height:1.8rem; font-size:1rem; color:#666; padding-top:0.5rem; padding-bottom:0.5rem;}

.caseshow div.lunbo {width:80%; margin:0px auto; margin-top:1rem; position:relative}
.caseshow div.lunbo div.casemySwiper {width:100%;}
.caseshow div.lunbo div.casemySwiper div.swiper-wrapper {width:100%;}
.caseshow div.lunbo div.casemySwiper div.swiper-wrapper div.swiper-slide {width:100%;}
.caseshow div.lunbo div.casemySwiper div.swiper-wrapper div.swiper-slide img {width:100%; overflow:hidden; height:auto; display:block}

.caseshow div.lunbo div.swiper-button-nextcase {width:2rem; overflow:hidden; height:2rem; background:#888; text-align:center; line-height:2rem; color:#FFF; font-size:1.2rem; position:absolute; right:-7%; top:50%; transform: translateY(-50%); z-index:99999; cursor:pointer}
.caseshow div.lunbo div.swiper-button-nextcase::after {display:none}
.caseshow div.lunbo div.swiper-button-prevcase {width:2rem; overflow:hidden; height:2rem; background:#888; text-align:center; line-height:2rem; color:#FFF; font-size:1.2rem; position:absolute; left:-7%; top:50%; transform: translateY(-50%); z-index:99999; cursor:pointer}
.caseshow div.lunbo div.swiper-button-prevcase::after {display:none}

.caseshow div.shiyongdt {width:80%; margin:0px auto; margin-top:2rem; padding-bottom:5rem}
.caseshow div.shiyongdt h1 {width:100%; overflow:hidden; margin:0px auto; text-align:left; line-height:2.4rem; font-size:1.4rem; color:#333; font-weight:normal; padding-bottom:1.6vw}
.caseshow div.shiyongdt div.sub {width:100%; overflow:hidden; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:fle-start; align-content:center; margin-top:0.5rem}
.caseshow div.shiyongdt div.sub div.l {width:100%; overflow:hidden; margin-bottom:1rem}
.caseshow div.shiyongdt div.sub div.l img {width:100%; overflow:hidden; height:auto; display:block}
.caseshow div.shiyongdt div.sub div.r {width:100%; overflow:hidden;}
.caseshow div.shiyongdt div.sub div.r dl {width:100; overflow:hidden; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-items:fle-start; align-content:center; padding-bottom:0.6rem !important;}
.caseshow div.shiyongdt div.sub div.r dl dt {width:30%; overflow:hidden; text-align:left; line-height:1.8rem; font-size:1rem; color:#333}
.caseshow div.shiyongdt div.sub div.r dl dd {width:70%; overflow:hidden; text-align:left; line-height:1.8rem; font-size:1rem; color:#777}

.caseshow div.shiyongdt div.sub div.r dl dd a {width:auto; overflow:hidden; display:inline-block; border:1px solid #333; line-height:2rem; font-size:1rem; padding-left:15%; padding-right:15%; padding-bottom:4px; margin-top:3rem}
.caseshow div.shiyongdt div.sub div.r dl dd a:hover {width:auto; overflow:hidden; display:inline-block; border:1px solid #c60000; background:#c60000; color:#FFF; line-height:2rem; font-size:1rem; padding-left:15%; padding-right:15%; padding-bottom:4px; margin-top:3rem}
}


.service {width:90%; overflow:hidden; margin:0px auto; margin-top:7vw; margin-bottom:4vw;}
.service h1 {width:100%; overflow:hidden; text-align:center; line-height:min(35px,2.2vw); line-height:max(35px,2.2vw); font-size:min(24px,1.5vw); font-size:max(24px,1.5vw); color:#333; font-weight:normal; margin-bottom:3vw;}
.service div.m {width:100%; overflow:hidden;}
.service div.m dl:nth-child(odd) {width:100%; overflow:hidden; display:block; margin-bottom:3vw !important; position:relative}
.service div.m dl:nth-child(odd) dt {width:48%; overflow:hidden; float:left}
.service div.m dl:nth-child(odd) dt img {width:100%; overflow:hidden; height:auto; display:block}
.service div.m dl:nth-child(odd) dd {width:42%; overflow:hidden; position:absolute; right:0px; top:50%; transform: translateY(-50%); text-align:left; line-height:min(26px,1.5vw); line-height:max(26px,1.5vw); font-size:min(16px,1.1vw); font-size:max(16px,1.1vw); color:#777;}
.service div.m dl:nth-child(odd) dd p {width:100%; overflow:hidden; display:block; text-align:left; line-height:min(26px,1.5vw); line-height:max(26px,1.5vw); font-size:min(16px,1.1vw); font-size:max(16px,1.1vw); color:#777;}

.service div.m dl:nth-child(even) {width:100%; overflow:hidden; display:block; margin-bottom:3vw !important; position:relative}
.service div.m dl:nth-child(even) dt {width:48%; overflow:hidden; float:right}
.service div.m dl:nth-child(even) dt img {width:100%; overflow:hidden; height:auto; display:block}
.service div.m dl:nth-child(even) dd {width:42%; overflow:hidden; position:absolute; left:0px; top:50%; transform: translateY(-50%); text-align:left; line-height:min(26px,1.5vw); line-height:max(26px,1.5vw); font-size:min(16px,1.1vw); font-size:max(16px,1.1vw); color:#777;}
.service div.m dl:nth-child(even) dd p {width:100%; overflow:hidden; display:block; text-align:left; line-height:min(26px,1.5vw); line-height:max(26px,1.5vw); font-size:min(16px,1.1vw); font-size:max(16px,1.1vw); color:#777;}

.service div.mb {display:none}

.service div.neirong {width:70%; overflow:hidden; margin:0px auto; margin-top:4vw;}
.service div.neirong dl {width:100%; overflow:hidden; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:fle-start; align-content:center; border-bottom:1px solid #ccc; padding-bottom:min(20px, 1.2vw) !important; padding-bottom:max(20px, 1.2vw) !important; margin-bottom:min(20px, 1.2vw) !important; margin-bottom:max(20px, 1.2vw) !important}
.service div.neirong dl dt {width:20%; overflow:hidden; text-align:left; line-height:min(35px,2vw); line-height:max(35px,2vw); font-size:min(16px,1.1vw); font-size:max(16px,1.1vw); color:#333;}
.service div.neirong dl dd {width:80%; overflow:hidden; text-align:left; line-height:min(35px,2vw); line-height:max(35px,2vw); font-size:min(16px,1.1vw); font-size:max(16px,1.1vw); color:#777;}

.service div.qxwenzi {width:80%; overflow:hidden; margin:0px auto; text-align:left; line-height:min(26px,1.5vw); line-height:max(26px,1.5vw); font-size:min(16px,1.1vw); font-size:max(16px,1.1vw); color:#777;}
.service div.qxwenzi h1 {width:100%; overflow:hidden; text-align:left; line-height:min(35px,2.2vw); line-height:max(35px,2.2vw); font-size:min(24px,1.5vw); font-size:max(24px,1.5vw); color:#333; font-weight:normal; margin-bottom:2vw;}
.service div.qxwenzi p {width:100%; overflow:hidden; text-align:left; line-height:min(34px,1.5vw); line-height:max(34px,1.5vw); font-size:min(16px,1.1vw); font-size:max(16px,1.1vw); color:#777; display:block; padding-top:0.4vw; padding-bottom:0.4vw;}
.service div.qxwenzi p strong {width:100%; overflow:hidden; display:block; color:#333; padding-top:2vw}

.service div.tupian {width:100%; overflow:hidden; margin-top:3vw; margin-bottom:3vw; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:fle-start; align-content:center;}
.service div.tupian a:nth-child(odd) {width:48%; overflow:hidden; height:auto; display:block}
.service div.tupian a:nth-child(odd) img {width:100%; overflow:hidden; height:auto; display:block}
.service div.tupian a:nth-child(even) {width:48%; overflow:hidden; height:auto; display:block; padding-top:10vw}
.service div.tupian a:nth-child(even) img {width:100%; overflow:hidden; height:auto; display:block}

.service div.wzneirong {width:80%; overflow:hidden; margin:0px auto; margin-top:10vw; margin-bottom:10vw; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:fle-start; align-content:center;}
.service div.wzneirong h1 {width:60%; overflow:hidden; text-align:left; line-height:min(35px,2.2vw); line-height:max(35px,2.2vw); font-size:min(24px,1.5vw); font-size:max(24px,1.5vw); color:#333; font-weight:normal; margin-bottom:2vw;}
.service div.wzneirong dl {width:47%; overflow:hidden; padding-top:min(30px,2vw) !important; padding-top:max(30px,2vw) !important; margin-top:min(30px,2vw) !important; margin-top:max(30px,2vw) !important; border-top:1px solid #333}
.service div.wzneirong dl dt {width:100%; overflow:hidden; text-align:left; line-height:min(35px,2.2vw); line-height:max(35px,2.2vw); font-size:min(16px,1vw); font-size:max(16px,1vw); color:#333; font-weight:bold; padding-bottom:min(15px,1.2vw) !important; padding-bottom:max(15px,1.2vw) !important;}
.service div.wzneirong dl dd {width:100%; overflow:hidden; text-align:left; line-height:min(35px,2.2vw); line-height:max(35px,2.2vw); font-size:min(16px,1vw); font-size:max(16px,1vw); color:#777;}

.service div.slog {width:100%; overflow:hidden; text-align:center; line-height:min(40px,2.6vw); line-height:max(40px,2.6vw); font-size:min(32px,1.8vw); font-size:max(32px,1.8vw); color:#333; font-weight:normal; margin-bottom:2vw; margin-top:10vw;}


@media (max-width: 768px) {
.service {width:90%; overflow:hidden; margin:0px auto; margin-top:2rem; margin-bottom:2rem;}
.service h1 {width:100%; overflow:hidden; text-align:center; line-height:2.4rem; font-size:1.3rem; color:#333; font-weight:normal; margin-bottom:1.2rem;}
.service div.m {display:none}

.service div.mb {width:100%; overflow:hidden; display:block}
.service div.mb dl {width:100%; overflow:hidden; display:block; margin-bottom:1.5rem !important; position:relative}
.service div.mb dl dt {width:100%; overflow:hidden; float:left}
.service div.mb dl dt img {width:100%; overflow:hidden; height:auto; display:block}
.service div.mb dl dd {width:100%; overflow:hidden; text-align:left; line-height:2rem; font-size:1rem; color:#777; padding-top:0.8rem}
.service div.mb dl dd p {width:100%; overflow:hidden; display:block; text-align:left; line-height:2rem; font-size:1rem; color:#777;}


.service div.neirong {width:100%; overflow:hidden; margin:0px auto; margin-top:2rem;}
.service div.neirong dl {width:100%; overflow:hidden; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:fle-start; align-content:center; border-bottom:1px solid #ccc; padding-bottom:1rem !important; margin-bottom:1rem !important}
.service div.neirong dl dt {width:100%; overflow:hidden; text-align:left; line-height:1.6rem; font-size:1rem; color:#333; padding-bottom:0.5rem; font-weight:bold}
.service div.neirong dl dd {width:100%; overflow:hidden; text-align:left; line-height:1.6rem; font-size:1rem; color:#777;}


.service div.qxwenzi {width:100%; overflow:hidden; margin:0px auto; text-align:left; line-height:2rem; font-size:1rem; color:#777;}
.service div.qxwenzi h1 {width:100%; overflow:hidden; text-align:left; line-height:2rem; font-size:1.2rem; color:#333; font-weight:normal; margin-bottom:1rem;}
.service div.qxwenzi p {width:100%; overflow:hidden; text-align:left; line-height:1.5rem; font-size:0.9rem; color:#777; display:block; padding-top:0.4vw; padding-bottom:0.4vw;}
.service div.qxwenzi p strong {width:100%; overflow:hidden; display:block; color:#333; padding-top:1rem}

.service div.tupian {width:100%; overflow:hidden; margin-top:2rem; margin-bottom:2rem; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:fle-start; align-content:center;}
.service div.tupian a:nth-child(odd) {width:48%; overflow:hidden; height:auto; display:block}
.service div.tupian a:nth-child(odd) img {width:100%; overflow:hidden; height:auto; display:block}
.service div.tupian a:nth-child(even) {width:48%; overflow:hidden; height:auto; display:block; padding-top:3rem}
.service div.tupian a:nth-child(even) img {width:100%; overflow:hidden; height:auto; display:block}

.service div.wzneirong {width:100%; overflow:hidden; margin:0px auto; margin-top:3rem; margin-bottom:3rem; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:fle-start; align-content:center;}
.service div.wzneirong h1 {width:100%; overflow:hidden; text-align:left; line-height:2rem; font-size:1.2rem; color:#333; font-weight:normal; margin-bottom:0.7rem;}
.service div.wzneirong dl {width:47%; overflow:hidden; padding-top:1rem !important; margin-top:1rem !important; border-top:1px solid #333}
.service div.wzneirong dl dt {width:100%; overflow:hidden; text-align:left; line-height:1.8rem; font-size:0.96rem; color:#333; font-weight:bold; padding-bottom:0.5rem !important;}
.service div.wzneirong dl dd {width:100%; overflow:hidden; text-align:left; line-height:1.8rem; font-size:0.96rem; color:#777;}

.service div.slog {width:100%; overflow:hidden; text-align:center; line-height:3rem; font-size:1.4rem; color:#333; font-weight:normal; margin-bottom:1rem; margin-top:3rem;}
}


.newsmain {width:90%; overflow:hidden; margin:0px auto; margin-top:4vw; margin-bottom:4vw;}
.newsmain div.fl {width:90%; overflow:hidden; margin:0px auto; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-items:fle-start; align-content:center;}
.newsmain div.fl a {width:10%; overflow:hidden; line-height:min(35px,2.6vw); line-height:max(35px,2.6vw); font-size:min(18px,1.3vw); font-size:max(18px,1.3vw); display:block; color:#333; text-align:center}
.newsmain div.fl a:hover {width:10%; overflow:hidden; line-height:min(35px,2.6vw); line-height:max(35px,2.6vw); font-size:min(18px,1.3vw); font-size:max(18px,1.3vw); display:block; background:#c60000; color:#FFF; text-align:center}
.newsmain div.fl a.ahover {width:10%; overflow:hidden; line-height:min(35px,2.6vw); line-height:max(35px,2.6vw); font-size:min(18px,1.3vw); font-size:max(18px,1.3vw); display:block; background:#c60000; color:#FFF; text-align:center}

.newsmain div.newslist {width:90%; overflow:hidden; margin:0px auto; margin-top:5vw}
.newsmain div.newslist dl {width:100%; overflow:hidden; padding-bottom:min(40px,3vw) !important; padding-bottom:max(40px,3vw) !important; padding-top:min(40px,3vw) !important; padding-top:max(40px,3vw) !important; border-bottom:1px solid #ddd}
.newsmain div.newslist dl a {width:100%; overflow:hidden; display:block; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-items:fle-start; align-content:center;}
.newsmain div.newslist dl a dt {width:20%; overflow:hidden; text-align:left; line-height:min(35px,2.2vw); line-height:max(35px,2.2vw); font-size:min(20px,1.4vw); font-size:max(20px,1.4vw); display:block; color:#333; transition: all 0.3s linear 0s}
.newsmain div.newslist dl a dd {width:80%; overflow:hidden;}
.newsmain div.newslist dl a dd h1 {width:70%; overflow:hidden; text-align:left; line-height:min(35px,2.2vw); line-height:max(35px,2.2vw); font-size:min(20px,1.4vw); font-size:max(20px,1.4vw); display:block; color:#333; font-weight:normal}
.newsmain div.newslist dl a dd p {width:100%; overflow:hidden; text-align:left; line-height:min(34px,1.5vw); line-height:max(34px,1.5vw); font-size:min(14px,0.9vw); font-size:max(14px,0.9vw); color:#777; display:block; padding-top:1.5vw;}
.newsmain div.newslist dl:hover {width:100%; overflow:hidden; padding-bottom:min(40px,3vw) !important; padding-bottom:max(40px,3vw) !important; padding-top:min(40px,3vw) !important; padding-top:max(40px,3vw) !important; border-bottom:1px solid #ddd; background:#eee; transition: all 0.3s linear 0s}
.newsmain div.newslist dl:hover a {width:100%; overflow:hidden; display:block; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-items:fle-start; align-content:center;}
.newsmain div.newslist dl:hover a dt {width:18%; overflow:hidden; text-align:left; line-height:min(35px,2.2vw); line-height:max(35px,2.2vw); font-size:min(20px,1.4vw); font-size:max(20px,1.4vw); display:block; color:#333; padding-left:2%; transition: all 0.3s linear 0s}
.newsmain div.newslist dl:hover a dd {width:80%; overflow:hidden;}
.newsmain div.newslist dl:hover a dd h1 {width:70%; overflow:hidden; text-align:left; line-height:min(35px,2.2vw); line-height:max(35px,2.2vw); font-size:min(20px,1.4vw); font-size:max(20px,1.4vw); display:block; color:#333; font-weight:normal}
.newsmain div.newslist dl:hover a dd p {width:100%; overflow:hidden; text-align:left; line-height:min(34px,1.5vw); line-height:max(34px,1.5vw); font-size:min(14px,0.9vw); font-size:max(14px,0.9vw); color:#777; display:block; padding-top:1.5vw;}

.newsmain div.newslist dl a:hover {width:100%; overflow:hidden; display:block; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-items:fle-start; align-content:center; transition: all 0.3s linear 0s}
.newsmain div.newslist dl a:hover dt {width:18%; overflow:hidden; text-align:left; line-height:min(35px,2.2vw); line-height:max(35px,2.2vw); font-size:min(20px,1.4vw); font-size:max(20px,1.4vw); display:block; color:#333; padding-left:2%; transition: all 0.3s linear 0s}
.newsmain div.newslist dl a:hover dd {width:80%; overflow:hidden;}
.newsmain div.newslist dl a:hover dd h1 {width:70%; overflow:hidden; text-align:left; line-height:min(35px,2.2vw); line-height:max(35px,2.2vw); font-size:min(20px,1.4vw); font-size:max(20px,1.4vw); display:block; color:#c60000; font-weight:normal}
.newsmain div.newslist dl a:hover dd p {width:100%; overflow:hidden; text-align:left; line-height:min(34px,1.5vw); line-height:max(34px,1.5vw); font-size:min(14px,0.9vw); font-size:max(14px,0.9vw); color:#777; display:block; padding-top:1.5vw;}

.newsmain div.zhishi {width:80%; overflow:hidden; margin:0px auto}
.newsmain div.zhishi ul li.list-item {width:100%; overflow:hidden}
.newsmain div.zhishi ul li.list-item div.side-max {width:100%; overflow:hidden; padding-bottom:min(20px,1.6vw); padding-bottom:max(20px,1.6vw); padding-top:min(20px,1.6vw); padding-top:max(20px,1.6vw); border-bottom:1px solid #ddd; display:none}
.newsmain div.zhishi ul li.list-item div.side-max a {width:100%; overflow:hidden; text-align:left; line-height:min(35px,2.2vw); line-height:max(35px,2.2vw); font-size:min(22px,1.2vw); font-size:max(22px,1.2vw); display:block; color:#333;}
.newsmain div.zhishi ul li.list-item div.side-max a:hover {width:100%; overflow:hidden; text-align:left; line-height:min(35px,2.2vw); line-height:max(35px,2.2vw); font-size:min(22px,1.2vw); font-size:max(22px,1.2vw); display:block; color:#c60000;}
.newsmain div.zhishi ul li.list-item div.side-max a div {width:100%; overflow:hidden; display:block; text-align:left; line-height:min(26px,1.1vw); line-height:max(26px,1.1vw); font-size:min(16px,0.9vw); font-size:max(16px,0.9vw); display:block; color:#777; padding-top:min(20px,1.2vw); padding-top:max(20px,1.2vw);}
.newsmain div.zhishi ul li.list-item div.side-max a div p {width:100%; overflow:hidden; display:block; padding-top:min(6px,0.4vw); padding-top:max(6px,0.4vw);}

.newsmain div.zhishi ul li.list-item div.side-min {width:100%; overflow:hidden; padding-bottom:min(20px,1.6vw); padding-bottom:max(20px,1.6vw); padding-top:min(20px,1.6vw); padding-top:max(20px,1.6vw); border-bottom:1px solid #ddd; display:block}
.newsmain div.zhishi ul li.list-item div.side-min a {width:100%; overflow:hidden; text-align:left; line-height:min(35px,2.2vw); line-height:max(35px,2.2vw); font-size:min(20px,1.2vw); font-size:max(20px,1.2vw); display:block; color:#333;}
.newsmain div.zhishi ul li.list-item div.side-min a:hover {width:100%; overflow:hidden; text-align:left; line-height:min(35px,2.2vw); line-height:max(35px,2.2vw); font-size:min(20px,1.2vw); font-size:max(20px,1.2vw); display:block; color:#c60000;}

.newsmain div.zhishi ul li.ahover div.side-max {display:block !important}
.newsmain div.zhishi ul li.ahover div.side-min {display:none !important}

@media (max-width: 768px) {
.newsmain {width:90%; overflow:hidden; margin:0px auto; margin-top:1.5rem; margin-bottom:2rem;}
.newsmain div.fl {width:100%; overflow:hidden; margin:0px auto; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-items:fle-start; align-content:center;}
.newsmain div.fl a {width:20%; overflow:hidden; line-height:2rem; font-size:1rem; display:block; color:#333; text-align:center}
.newsmain div.fl a:hover {width:20%; overflow:hidden; line-height:2rem; font-size:1rem; background:#c60000; color:#FFF; text-align:center}
.newsmain div.fl a.ahover {width:20%; overflow:hidden; line-height:2rem; font-size:1rem; display:block; background:#c60000; color:#FFF; text-align:center}

.newsmain div.newslist {width:100%; overflow:hidden; margin:0px auto; margin-top:1rem}
.newsmain div.newslist dl {width:100%; overflow:hidden; padding-bottom:1.2rem !important; padding-top:1.2rem !important; border-bottom:1px solid #ddd}
.newsmain div.newslist dl a {width:100%; overflow:hidden; display:block; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-items:fle-start; align-content:center;}
.newsmain div.newslist dl a dt {width:30%; overflow:hidden; text-align:left; line-height:1.8rem; font-size:1.1rem; display:block; color:#333;}
.newsmain div.newslist dl a dd {width:70%; overflow:hidden;}
.newsmain div.newslist dl a dd h1 {width:100%; overflow:hidden; text-align:left; line-height:1.8rem; font-size:1.1rem; display:block; color:#333; font-weight:normal}
.newsmain div.newslist dl a dd p {width:100%; overflow:hidden; text-align:left; line-height:1.6rem; font-size:0.9rem; color:#777; display:block; padding-top:0.6rem;}


.newsmain div.newslist dl:hover {width:100%; overflow:hidden; padding-bottom:1.2rem !important; padding-top:1.2rem !important; border-bottom:1px solid #ddd; background:none}
.newsmain div.newslist dl:hover a {width:100%; overflow:hidden; display:block; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-items:fle-start; align-content:center;}
.newsmain div.newslist dl:hover a dt {width:30%; overflow:hidden; text-align:left; line-height:1.8rem; font-size:1.1rem; display:block; color:#333; padding-left:0px}
.newsmain div.newslist dl:hover a dd {width:70%; overflow:hidden;}
.newsmain div.newslist dl:hover a dd h1 {width:100%; overflow:hidden; text-align:left; line-height:1.8rem; font-size:1.1rem; display:block; color:#c60000; font-weight:normal}
.newsmain div.newslist dl:hover a dd p {width:100%; overflow:hidden; text-align:left; line-height:1.6rem; font-size:0.9rem; color:#777; display:block; padding-top:0.6rem;}

.newsmain div.newslist dl a:hover {width:100%; overflow:hidden; display:block; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-items:fle-start; align-content:center;}
.newsmain div.newslist dl a:hover dt {width:30%; overflow:hidden; text-align:left; line-height:1.8rem; font-size:1.1rem; display:block; color:#333; padding-left:0px}
.newsmain div.newslist dl a:hover dd {width:70%; overflow:hidden;}
.newsmain div.newslist dl a:hover dd h1 {width:100%; overflow:hidden; text-align:left; line-height:1.8rem; font-size:1.1rem; display:block; color:#c60000; font-weight:normal}
.newsmain div.newslist dl a:hover dd p {width:100%; overflow:hidden; text-align:left; line-height:1.6rem; font-size:0.9rem; color:#777; display:block; padding-top:0.6rem;}


.newsmain div.zhishi {width:96%; overflow:hidden; margin:0px auto}
.newsmain div.zhishi ul li.list-item {width:100%; overflow:hidden}
.newsmain div.zhishi ul li.list-item div.side-max {width:100%; overflow:hidden; padding-bottom:1rem; padding-top:1rem; border-bottom:1px solid #ddd; display:none}
.newsmain div.zhishi ul li.list-item div.side-max a {width:100%; overflow:hidden; text-align:left; line-height:1.6rem; font-size:1.1rem; display:block; color:#333;}
.newsmain div.zhishi ul li.list-item div.side-max a:hover {width:100%; overflow:hidden; text-align:left; line-height:1.6rem; font-size:1.1rem; display:block; color:#c60000;}
.newsmain div.zhishi ul li.list-item div.side-max a div {width:100%; overflow:hidden; display:block; text-align:left; line-height:1.2rem; font-size:0.9rem; display:block; color:#777; padding-top:0.6rem; display:none}
.newsmain div.zhishi ul li.list-item div.side-max a div p {width:100%; overflow:hidden; display:block; padding-top:0.2rem;}

.newsmain div.zhishi ul li.list-item div.side-min {width:100%; overflow:hidden; padding-bottom:1rem; padding-top:1rem; border-bottom:1px solid #ddd; display:block}
.newsmain div.zhishi ul li.list-item div.side-min a {width:100%; overflow:hidden; text-align:left; line-height:1.6rem; font-size:1.1rem; display:block; color:#333;}
.newsmain div.zhishi ul li.list-item div.side-min a:hover {width:100%; overflow:hidden; text-align:left; line-height:1.6rem; font-size:1.1rem; display:block; color:#c60000;}

.newsmain div.zhishi ul li.ahover div.side-max {display:block !important}
.newsmain div.zhishi ul li.ahover div.side-min {display:none !important}
}



.newsshow {width:80%; overflow:hidden; margin:0px auto; margin-top:4vw; margin-bottom:4vw; margin-top:min(100px,5.208vw); margin-top:max(80px,5.208vw)}
.newsshow h1 {width:70%; overflow:hidden; margin:0px auto; text-align:left; line-height:min(40px,2.4vw); line-height:max(40px,2.4vw); font-size:min(32px,1.8vw); font-size:max(32px,1.8vw); display:block; color:#333; font-weight:normal}
.newsshow h1 span {width:auto; overflow:hidden; display:block; text-align:left; line-height:min(30px,2vw); line-height:max(30px,2vw); font-size:min(18px,1.1vw); font-size:max(18px,1.1vw); display:block; color:#888; padding-bottom:0.6vw; padding-top:5vw}

.newsshow div.manxingvideo {width:90%; overflow:hidden; margin:0px auto; margin-top:4vw; margin-bottom:4vw; position:relative}
.newsshow div.manxingvideo video {width:100%; overflow:hidden; height:auto; display:block}

.play-button {width:100%; height:100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: none; border: none; color: #fff; font-size: 0; /* 隐藏默认文本 */cursor: pointer; padding: 20px; /* 调整大小以适应图标 */ z-index: 1; /* 确保按钮在视频上方 */ }
.play-button::before {font-size:min(50px,3vw); font-size:max(50px,3vw);}
.play-button.paused::before {font-size:min(50px,3vw); font-size:max(50px,3vw);}
.play-button.playing::before {display:none}

.newsshow div.nr {width:70%; overflow:hidden; margin:0px auto; padding:5%; padding-top:0%; padding-bottom:0%; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-items:center; align-content:center; color:#333}
.newsshow div.nr p {width:100%; overflow:hidden; margin:0px auto; text-align:left; line-height:min(30px,1.8vw); line-height:max(30px,1.8vw); font-size:min(16px,1vw); font-size:max(16px,1vw); color:#666; display:block; padding-top:0.5vw; padding-bottom:0.3vw; color:#333}
.newsshow div.nr img {width:auto; overflow:hidden; display:block; margin:0px auto; max-width:100%; height:auto; margin-top:1vw; margin-bottom:1vw;}

.newsshow div.sxpage {width:80%; overflow:hidden; margin:0px auto; margin-top:2vw; background:#eee; padding:5%; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-items:fle-start; align-content:center;}
.newsshow div.sxpage a:nth-child(odd) {width:50%; overflow:hidden; text-align:left; display:block;}
.newsshow div.sxpage a:nth-child(odd) p {width:90%; overflow:hidden; display:block; text-align:left; line-height:min(30px,2vw); line-height:max(30px,2vw); min-height:60px; font-size:min(18px,1.1vw); font-size:max(18px,1.1vw); display:block; color:#666; padding-right:10%; float:left}
.newsshow div.sxpage a:nth-child(odd) i {width:60px; overflow:hidden; text-align:left; display:block; line-height:min(30px,2vw); line-height:max(30px,2vw); font-size:min(36px,1.8vw); font-size:max(36px,1.8vw); display:block; color:#666; float:left; margin-top:1.4vw}

.newsshow div.sxpage a:nth-child(even) {width:50%; overflow:hidden; text-align:left; display:block;}
.newsshow div.sxpage a:nth-child(even) p {width:90%; overflow:hidden; display:block; text-align:right; line-height:min(30px,2vw); line-height:max(30px,2vw); min-height:60px; font-size:min(18px,1.1vw); font-size:max(18px,1.1vw); display:block; color:#666; padding-left:10%; float:right}
.newsshow div.sxpage a:nth-child(even) i {width:60px; overflow:hidden; text-align:left; display:block; line-height:min(30px,2vw); line-height:max(30px,2vw); font-size:min(36px,1.8vw); font-size:max(36px,1.8vw); display:block; color:#666; float:right; margin-top:1.4vw; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);}

.newsshow div.sxpage a:hover p {color:#c60000 !important}

@media (max-width: 768px) {
.newsshow {width:90%; overflow:hidden; margin:0px auto; margin-top:3rem; margin-bottom:2rem;}
.newsshow h1 {width:100%; overflow:hidden; margin:0px auto; text-align:left; line-height:2rem; font-size:1.4rem; display:block; color:#333; font-weight:normal}
.newsshow h1 span {width:auto; overflow:hidden; display:block; text-align:left; line-height:1.6rem; font-size:0.9rem; display:block; color:#888; padding-bottom:0.6rem; padding-top:2rem}

.newsshow div.manxingvideo {width:100%; overflow:hidden; margin:0px auto; margin-top:1.5rem; margin-bottom:1.5rem; position:relative}
.newsshow div.manxingvideo video {width:100%; overflow:hidden; height:auto; display:block}

.play-button {width:100%; height:100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: none; border: none; color: #fff; font-size: 0; /* 隐藏默认文本 */cursor: pointer; padding: 20px; /* 调整大小以适应图标 */ z-index: 1; /* 确保按钮在视频上方 */ }
.play-button::before {font-size:2.4rem;}
.play-button.paused::before {font-size:2.4rem;}
.play-button.playing::before {display:none}

.newsshow div.nr {width:100%; overflow:hidden; padding:0px; margin:0px auto; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-items:center; align-content:center; color:#333}
.newsshow div.nr p {width:100%; overflow:hidden; margin:0px auto; text-align:left; line-height:2rem; font-size:1rem; color:#666; display:block; padding-top:0.5vw; padding-bottom:0.3vw; color:#333}
.newsshow div.nr img {width:auto; overflow:hidden; display:block; margin:0px auto; max-width:100%; height:auto; margin-top:0.6rem; margin-bottom:0.6rem;}

.newsshow div.sxpage {width:90%; overflow:hidden; margin:0px auto; margin-top:1.4rem; background:#eee; padding:5%; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-items:fle-start; align-content:center;}
.newsshow div.sxpage a:nth-child(odd) {width:100%; overflow:hidden; text-align:left; display:block;}
.newsshow div.sxpage a:nth-child(odd) p {width:100%; overflow:hidden; display:block; text-align:left; line-height:1.5rem; font-size:1rem; display:block; color:#666; padding-right:10%; float:left}
.newsshow div.sxpage a:nth-child(odd) i {width:60px; overflow:hidden; text-align:left; display:block; line-height:2rem; font-size:2rem; display:block; color:#666; float:left; margin-top:0.2rem}

.newsshow div.sxpage a:nth-child(even) {width:100%; overflow:hidden; text-align:left; display:block; margin-top:1rem; padding-top:1rem; border-top:1px dotted #666;}
.newsshow div.sxpage a:nth-child(even) p {width:100%; overflow:hidden; display:block; text-align:left; line-height:1.5rem; font-size:1rem; display:block; color:#666; padding-left:10%; float:right}
.newsshow div.sxpage a:nth-child(even) i {width:60px; overflow:hidden; text-align:left; display:block; line-height:2rem; font-size:2rem; display:block; color:#666; float:right; margin-top:0.2rem; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);}

.newsshow div.sxpage a:hover p {color:#c60000 !important}
}


.contact {width:80%; overflow:hidden; margin:0px auto; margin-top:3vw; margin-bottom:3vw;}
.contact div.nr {width:70%; overflow:hidden; margin:0px auto; padding:5%; padding-top:0%; padding-bottom:0%; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-items:center; align-content:center; color:#333}
.contact div.nr p {width:100%; overflow:hidden; margin:0px auto; text-align:left; line-height:min(30px,1.8vw); line-height:max(30px,1.8vw); font-size:min(17px,1vw); font-size:max(17px,1vw); color:#333; display:block;}

.contact div.biaodan {width:70%; overflow:hidden; margin:0px auto; margin-top:5vw;}
.contact div.biaodan h1 {width:100%; overflow:hidden; text-align:center; line-height:min(40px,2vw); line-height:max(40px,2vw); font-size:min(24px,1.4vw); font-size:max(24px,1.4vw); color:#333; font-weight:normal}
.contact div.bdnr {width:100%; overflow:hidden; margin-top:4vw; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:center; align-content:center;}
.contact div.bdnr dl {width:31%; overflow:hidden; padding-bottom:2vw !important;}
.contact div.bdnr dl dt {width:100%; overflow:hidden; text-align:left; line-height:min(30px,1.6vw); line-height:max(30px,1.6vw); font-size:min(16px,0.9vw); font-size:max(16px,0.9vw); color:#666;}
.contact div.bdnr dl dd {width:100%; overflow:hidden; padding-top:1vw; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-items:center; align-content:center;}
.contact div.bdnr dl dd input {width:100%; overflow:hidden; border:0px; border-bottom:1px solid #333; text-align:left; line-height:min(30px,1.6vw); line-height:max(30px,1.6vw); font-size:min(18px,1vw); font-size:max(18px,1vw); color:#333;}
.contact div.bdnr dl dd select {width:100%; overflow:hidden; border:0px; border-bottom:1px solid #333; text-align:left; line-height:min(30px,1.6vw); line-height:max(30px,1.6vw); font-size:min(18px,1vw); font-size:max(18px,1vw); color:#777;}
.contact div.bdnr dl dd textarea {width:100%; overflow:hidden; border:0px; border-bottom:1px solid #333; text-align:left; line-height:min(30px,1.6vw); line-height:max(30px,1.6vw); font-size:min(18px,1vw); font-size:max(18px,1vw); min-height:100px; color:#333;}
.contact div.bdnr dl dd button {width:20%; overflow:hidden; display:block; margin:0px auto; border:1px solid #333; text-align:center; line-height:min(40px,1.5vw); line-height:max(40px,1.5vw); font-size:min(16px,0.9vw); font-size:max(16px,0.9vw); color:#666; margin-top:1vw}
.contact div.bdnr dl dd button:hover {width:20%; overflow:hidden; display:block; margin:0px auto; border:1px solid #333; background:#333; text-align:center; line-height:min(40px,1.5vw); line-height:max(40px,1.5vw); font-size:min(16px,0.9vw); font-size:max(16px,0.9vw); color:#fff; margin-top:1vw; cursor:pointer}

.radio-container {width:45%; display: flex;align-items: center; padding-bottom:0.3vw}
.radio-input {position: absolute;opacity: 0;cursor: pointer;}
.radio-label {position: relative;padding-left: 35px;cursor: pointer;user-select: none;font-size: 16px;}
.radio-label::before,.radio-label::after {content: "";position: absolute;left: 0;}
.radio-label::before {top: 50%;transform: translateY(-50%);width: 20px;height: 20px;border-radius: 50%;background-color: #fff;border: 2px solid #ccc;transition: border-color 0.3s ease;}
.radio-label::after {content: "";top: 50%;left: 23%;transform: translate(-50%, -50%);width: 10px;height: 10px;border-radius: 50%;background-color: #333;opacity: 0;transition: opacity 0.3s ease;}
.radio-input:checked + .radio-label::before {border-color: #333;}
.radio-input:checked + .radio-label::after {opacity: 1;}
.radio-input {display: none;}
.radio-container.selected .radio-label::after {opacity: 1 !important;}


@media (max-width: 768px) {
.contact {width:90%; overflow:hidden; margin:0px auto; margin-top:1.5rem; margin-bottom:2rem;}
.contact div.nr {width:100%; overflow:hidden; padding:0px; margin:0px auto; padding-top:0%; padding-bottom:0%; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-items:center; align-content:center; color:#333}
.contact div.nr p {width:100%; overflow:hidden; margin:0px auto; text-align:left; line-height:1.8rem; font-size:1rem; color:#333; display:block;}

.contact div.biaodan {width:100%; overflow:hidden; margin:0px auto; margin-top:2rem;}
.contact div.biaodan h1 {width:100%; overflow:hidden; text-align:center; line-height:2.2rem; font-size:1.6rem; color:#333; font-weight:normal}
.contact div.bdnr {width:100%; overflow:hidden; margin-top:1.6rem; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:center; align-content:center;}
.contact div.bdnr dl {width:100%; overflow:hidden; padding-bottom:1rem !important;}
.contact div.bdnr dl dt {width:100%; overflow:hidden; text-align:left; line-height:1.6rem; font-size:1rem; color:#666;}
.contact div.bdnr dl dd {width:100%; overflow:hidden; padding-top:0.6rem; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-items:center; align-content:center;}
.contact div.bdnr dl dd input {width:100%; overflow:hidden; border:0px; border-bottom:1px solid #333; text-align:left; line-height:2rem; font-size:1rem; color:#333;}
.contact div.bdnr dl dd select {width:100%; overflow:hidden; border:0px; border-bottom:1px solid #333; text-align:left; line-height:2rem; font-size:1rem; color:#777;}
.contact div.bdnr dl dd textarea {width:100%; overflow:hidden; border:0px; border-bottom:1px solid #333; text-align:left; line-height:2rem; font-size:1rem; min-height:100px; color:#333;}
.contact div.bdnr dl dd button {width:100%; overflow:hidden; display:block; margin:0px auto; border:1px solid #333; background:#333; text-align:center; line-height:2.6rem; font-size:1rem; color:#fff; margin-top:1vw}
.contact div.bdnr dl dd button:hover {width:100%; overflow:hidden; display:block; margin:0px auto; border:1px solid #333; background:#333; text-align:center; line-height:2.6rem; font-size:1rem; color:#fff; margin-top:1vw; cursor:pointer}

.radio-container {width:45%; display: flex;align-items: center; padding-bottom:0.3vw}
.radio-input {position: absolute;opacity: 0;cursor: pointer;}
.radio-label {position: relative;padding-left: 35px;cursor: pointer;user-select: none;font-size: 16px;}
.radio-label::before,.radio-label::after {content: "";position: absolute;left: 0;}
.radio-label::before {top: 50%;transform: translateY(-50%);width: 20px;height: 20px;border-radius: 50%;background-color: #fff;border: 2px solid #ccc;transition: border-color 0.3s ease;}
.radio-label::after {content: "";top: 50%;left: 24%;transform: translate(-50%, -50%);width: 10px;height: 10px;border-radius: 50%;background-color: #333;opacity: 0;transition: opacity 0.3s ease;}
.radio-input:checked + .radio-label::before {border-color: #333;}
.radio-input:checked + .radio-label::after {opacity: 1;}
.radio-input {display: none;}
.radio-container.selected .radio-label::after {opacity: 1 !important;}
}
















/*分页*/
.fenye {width:auto; overflow:hidden; text-align:center; margin-top:2vw; margin-bottom:4vw}
.pagination {list-style:none;margin:0;padding:0;display:inline-block;vertical-align:bottom}
.pagination li {display:inline-block!important;border:solid 1px #EBEBEB; border-radius:100px;}
.pagination a {color:#333;padding:8px 12px;line-height:18px;display:block;transition:all 1s cubic-bezier(0.175,0.885,0.32,1) 0s; border-radius:100px;}
.pagination a:hover { text-decoration:none}
.pagination .disabled a:link,.pagination .disabled a:visited,.pagination .disabled a:hover {cursor:not-allowed;pointer-events:none;color:#EBEBEB}
.pagination .active {pointer-events:none}
.pagination .active,.pagination a:hover {transition:all .3s cubic-bezier(0.175,0.885,0.32,1) 0s}
.pagination li {margin:0 5px;font-size:14px;border:none; border-radius:100px;}
.pagination li a {color:#6e6e6e;background:#fff;padding:11px 16px;border:1px solid #DCDCDC;}
.pagination li.active a,.pagination li a:hover {background:#333;color:#fff;border:1px solid #333;}

@media (max-width: 768px) {
.fenye {width:auto; overflow:hidden; text-align:center; margin-top:1rem; margin-bottom:3rem}
.pagination {list-style:none;margin:0;padding:0;display:inline-block;vertical-align:bottom}
.pagination li {display:inline-block!important;border:solid 1px #EBEBEB; border-radius:100px;}
.pagination a {color:#333;padding:8px 12px;line-height:18px;display:block;transition:all 1s cubic-bezier(0.175,0.885,0.32,1) 0s; border-radius:100px;}
.pagination a:hover { text-decoration:none}
.pagination .disabled a:link,.pagination .disabled a:visited,.pagination .disabled a:hover {cursor:not-allowed;pointer-events:none;color:#EBEBEB}
.pagination .active {pointer-events:none}
.pagination .active,.pagination a:hover {transition:all .3s cubic-bezier(0.175,0.885,0.32,1) 0s}
.pagination li {margin:0 5px;font-size:14px;border:none; border-radius:100px;}
.pagination li a {color:#6e6e6e;background:#fff;padding:7px 12px;border:1px solid #DCDCDC;}
.pagination li.active a,.pagination li a:hover {background:#333;color:#fff;border:1px solid #333;}	
}