/* CSS Document */
@charset "utf-8";
*{margin:0; padding:0;  }
a { color: #000; text-decoration: none;}
a:hover { text-decoration: none; }
p { text-align: left; margin-bottom: 0; }
ul, ol { list-style-type: none; margin-bottom: 0; }
img { border: 0; max-width: 100%; }
.clear { clear: both; }
html { overflow-x: hidden; font-size: 62.5%; }
body { overflow: hidden; height: 100%; position: relative; font-size: 1em; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
html.on { overflow: hidden; height: 100%; }
.h60 { height: 62px; clear: both; }
.h120 { height: 120px; clear: both; background: #eee; }
input, buttom, textarea { -webkit-appearance: none; outline: none; }
input[type=radio], input[type=checkbox] { border: none !important; }
select { outline: none }
.fl { float: left; }
.fr { float: right; }
.container{ height:100%;}

.header-top{ height:54px; background:url(../images/header-top.png) no-repeat center top; padding-top:12px;}
.header-top .box{  font-size:1.4em; color:#333; float:right; width: 338px; padding: 0 3.5%; background:url(../images/header-bg.png) no-repeat center;}
.header-top .box a{ font-size:1em; color:#333; margin:0 5px; display:inline-block;}
.header-top .box a.on, .header-top .box a:hover{ color:#c33;}
.header-top .box .header-language{ height:42px; line-height:42px; background:url(../images/header-top-icon1.png) no-repeat center left; padding-left:30px;}
.header-top .box .header-login{ height:42px; line-height:42px; background:url(../images/header-top-icon2.png) no-repeat center left; padding-left:30px; padding-right:0;}

.header{ height:100px; position:relative; z-index:1;}
.header .logo{ padding:0; height:100px;}
.header .logo img{ margin-top:2%; }
.header .pc-nav{ padding-right:0; padding-top:15px;}
.header .pc-nav ul{ float:right;}
.header .pc-nav li{ height:70px; position:relative; padding:0 35px; float:left; z-index:0;}
.header .pc-nav li:hover{ z-index:1;}
.header .pc-nav li > a{ font-size:1.8em; text-align:center; display:inline-block; width:100%; line-height:70px; color:#333;}
.header .pc-nav li::before{ content:""; position:absolute; width:6px; height:6px; background:#333; display:inline-block; top:50%; right:0; transform:translate(50%,-50%); }
.header .pc-nav li:last-child::before{ display:none;}
.header .pc-nav li.on > a, .header .pc-nav li:hover > a{ color:#c33;}
.header .pc-nav li.on::before, .header .pc-nav li:hover::before{ background:#c33;}

.header .pc-nav li > dl{ position:absolute; background:#fff; top:100%; width:150%; left:50%; transform:translateX(-50%); border-radius:6px; display:none; margin-bottom:0; overflow:hidden; box-shadow:0 3px 8px rgba(0,0,0,.35); padding:8px 0;}
.header .pc-nav li:hover dl{ display: block;  }
.header .pc-nav li dd{ line-height:24px; padding:4px 0; position:relative;}
.header .pc-nav li dd:last-child{ border-bottom:none;}
.header .pc-nav li dd > a{ display:inline-block;  width:100%; font-size:1.4em; color:#333; text-align:left; padding:0 15px; height:100%;}
.header .pc-nav li dd:hover > a{ color:#c33;}
.header .pc-nav li dd .pc-sj-nav{ position: absolute; left: 101%; width: 100%; top: 0;    background: rgba(0,0,0,.8); border-radius: 6px; display:none; overflow:hidden;}
.header .pc-nav li dd:hover .pc-sj-nav{ display:block;}
.header .pc-nav li dd .pc-sj-nav a{ display:inline-block; display:inline-block;  width:100%; font-size:1.4em; color:#fff; text-align:center; padding:0 15px; height:46px; line-height:46px; border-bottom:1px dashed #fff;} 
.header .pc-nav li dd .pc-sj-nav a:last-child{ border-bottom:none;}
.header .pc-nav li dd .pc-sj-nav a:hover{ background:#c33;}

.header .pc-nav li .pro-nav-box{ position:absolute; top:100%; width:610px; left:50%; transform:translateX(-50%);  display:none; background:#fff; border-radius:6px; box-shadow:0 3px 8px rgba(0,0,0,.35); padding:10px 20px;}
.header .pc-nav li:hover .pro-nav-box{ display:block;}
.header .pc-nav li .pro-nav-box > dl{ margin-bottom:0; width:250px; float:left; border-left:1px solid #c33;}
.header .pc-nav li .pro-nav-box > dl dt{ font-size:1.6em; color:#c33; font-weight:bold; margin:5px 15px 5px;}
.header .pc-nav li .product-nav{ float:right; margin-bottom:0; width:320px; border-left:1px solid #c33;}
.header .pc-nav li:hover .product-nav{ display:block;}
.header .pc-nav li .product-nav .top{ font-size:1.6em; color:#c33; font-weight:bold; margin:5px 20px 5px;}
.header .pc-nav li .product-nav dl{  padding: .5px 10px; margin:0; width:100%;}
.header .pc-nav li .product-nav dt a{ text-align:left; color:#333; padding: 6px 10px; font-weight:normal;}
.header .pc-nav li .product-nav .t{ padding-left:20px; display:none;}
.header .pc-nav li .product-nav .t a{ width:auto; font-weight:bold; text-align:left; font-size:1.2em; color:#fff; }
.header .pc-nav li .product-nav .t:hover .s{ display:block;}
.header .pc-nav li .product-nav .s{ padding-left:15px; display:none; overflow:hidden; width:200px;}
.header .pc-nav li .product-nav .s a{ font-size:1.2em; padding:0 15px; font-weight:normal; color:#fff;}
.header .pc-nav li .product-nav dl:nth-child(1) .s{ width:150px;}
.header .pc-nav li .product-nav dd{ padding:0 10px; border-bottom:none; float:left; position:relative; width:100%;}
.header .pc-nav li .product-nav dd::before{ content:""; position:absolute; width:4px; height:4px; border-radius:100%; background:#fff; display:inline-block; left:12px; top:50%; transform:translateY(-50%);}
.header .pc-nav li .product-nav dd:hover::before{ background:#c33;}
.header .pc-nav li .product-nav a{ display:inline-block;  font-size:1.4em; color:#fff; text-align:center; padding:5px 15px; border-bottom:1px dashed #fff; width:100%;  border-bottom:none;}
.header .pc-nav li .product-nav a:hover{ color:#c33;}

.search-info { font-size:1.4rem;line-height:3rem; color:#000; font-size: arial; }
.search-info ul { list-style-type: disc; }
.search-info ul li { margin-left: 2em; }

.header .nav-btn { height: 100px; line-height: 100px; position:relative; z-index:999; float:right; padding:0;}
.header .nav-btn .nav-icon { width: 26px; height: 24px; overflow: hidden; position: relative; top: 50%; float: right; transform:translateY(-50%); z-index: 9; }
.header .nav-btn .nav-icon span { display: inline-block; width: 26px; height: 2px; background: #d52431; border-radius: 6px; position: absolute; left: 0; transition: all 0.3s linear 0s; }
.header .nav-btn .nav-icon span:nth-child(1) { top: 0; }
.header .nav-btn .nav-icon span:nth-child(2) { width: 16px; top: 10px; }
.header .nav-btn .nav-icon span:nth-child(3) { top: 20px }
.header .nav-active .nav-icon span:nth-child(1){ -webkit-transform: rotate(45deg);    transform: rotate(45deg); top:10.5px;}
.header .nav-active .nav-icon span:nth-child(2) { opacity:0;}
.header .nav-active .nav-icon span:nth-child(3){ -webkit-transform: rotate(-45deg);    transform: rotate(-45deg); top:11px;}
.header .nav-active .nav-icon span { background: #fff; }

.nav { position: fixed; width: 85%; height: 100%; top: 0; right: -85%; background: #fff; transition: all 0.2s linear 0s; z-index:99;}
.nav.on { right: 0; }
.nav .nav-top { background: #d52431; font-size: 1.6em; color: #fff; padding: 0 20px; text-align:left;}
.nav ul{ overflow-x:hidden; height: calc(100% - 120px);}
.nav li { width: 100%; line-height: 50px; border-bottom: 1px solid #ccc; }
.nav li>a { display: inline-block; width: 100%; height: 100%; text-align: center; font-size: 1.6em; color: #333; }
.nav li dl { margin-bottom: 0; display: none; background: #f2f2f2; }
.nav li dd { border-bottom: 1px dashed #ccc; }
.nav li dd:last-child { border-bottom: none; }
.nav li dd > a { display: inline-block; width: 100%; line-height: 40px; text-align: center; font-size: 1.4em; color: #333; }
.nav .box{ position:absolute; bottom:0; left:0; width:100%; background:#fff; height:50px; line-height:50px; text-align:center; padding:0 15%;}
.nav .box a{ font-size:1.4em; color:#333; margin:0 5px; display:inline-block;}
.nav .box a.on{ color:#c33;}
.nav .box .header-language{ height:42px; line-height:42px; background:url(../images/header-top-icon1.png) no-repeat center left; padding-left:30px;}
.nav .box .header-login{ height:42px; line-height:42px; background:url(../images/header-top-icon2.png) no-repeat center left; padding-left:30px; padding-right:0;}
.nav-bg{ position: fixed; width: 100%; height: 100%; background: rgba(0,0,0,.35); left: 0; top: 0; display:none; z-index:9;}
.nav-bg.on{ display:block;}

.select_lang_pc{position: absolute;bottom: 20px;right: -30px;width: 30px;height: 30px;line-height: 30px;background-color: #d52431;color: #fff;border-radius: 4px;text-align: center;}
.select_lang_pc .selected{font-size: 1.4em;cursor: pointer;}
.select_lang_pc .children{position: absolute;top: 100%;right: 0;display: none;background-color: #fff;padding: 10px 0;box-shadow: 0 3px 8px rgba(0, 0, 0, .35);border-radius: 4px;}
.select_lang_pc:hover .children{display: block;}
.select_lang_pc .children a{display: block;padding: 3px 20px;font-size: 1.4em;white-space: nowrap;}
.lang_mob{display: none;justify-content: space-around;align-items: center;position: absolute;bottom: 0;right: 0;width: 100%;height: 56px;display: none;background-color: #fff;border-top: 1px solid #ccc}
.lang_mob a{background-color: #fff;border-radius: 4px;padding: 5px 15px;font-size: 1.4em;box-shadow: 0 3px 8px rgba(0, 0, 0, .35);}
.lang_mob a.on{background-color: #d52431;color: #fff;}
.nav.on .lang_mob{display: flex;}
@media (max-width: 1024px) {
    .header .pc-nav{padding: 15px 15px 0 0;}
    .select_lang_pc{right: -10px;}
}
@media (max-width: 767px) {
    .select_lang_pc{display: none;}
}

.banner{ height:550px; position:relative; z-index: 0; }
.banner .swiper-container{ position:absolute; width:100%; height:100%; z-index:0;}
.banner .swiper-slide{ width:100%; height:100%;}
.banner .container{ display:table; position:relative; z-index:1;}
.banner .box{ display:table-cell;  vertical-align: middle;}
.banner .box .text{ font-size:3.6em; font-weight:bold; color:#fff; text-align:center; letter-spacing:2px; margin-top: 40px }
.banner .box .input{ padding:0 9%; margin-top:25px;}
.banner .box .input input[type="text"]{ border:1px solid #bfbfbf; height:52px; float:left; border-radius:8px 0 0 8px; padding:0 12px; width:90%; font-size:1.6em; color:#333;}
.banner .box .input input[type="submit"]{ border:1px solid #d52431; background:url(../images/search-icon.png) no-repeat center #d52431; height:52px; border-radius:0 8px 8px 0; width:10%;}
.banner .box .hot{ background:rgba(255,255,255,.6); max-height:80px; overflow: hidden; line-height:40px; padding:0 12px; margin:25px 9% 0; border-radius:8px; font-size:1.6em; color:#333;}
.banner .box .hot span{ color:#000; background:url(../images/hot-icon.png) no-repeat center left; padding-left:35px; display:inline-block;}
.banner .box .hot a{ color:#d52431; display:inline-block; padding:0 15px; border-right:1px solid #9b9a9a; height:15px; line-height:15px;}
.banner .box .hot a:hover{ color:#c33;}

.index-title{}
.index-title .top{ width:112px; height:24px; border:1px solid #0099ff; margin:0 auto; font-size:1.2em; text-transform:uppercase; line-height:24px; text-align:center; color:#8a8a8a;}
.index-title .title{ font-size:3em; color:#333; font-weight:bold; text-transform:uppercase; text-align:center; margin:15px 0 4px;}
.index-title .line{ width:42px; height:5px; background:#333; margin:0 auto;}

.iproduct{ padding:3.65% 0; position:relative; z-index:0;}
.iproduct .list{ background:#f8f8f8; padding:45px 0 0; margin:20px 0 0;}
.iproduct .list ul{ margin:0 -30px;}
.iproduct .list li{ height:52px; line-height:52px; padding:0 30px; margin-bottom:45px;}
.iproduct .list li a{ border-radius:12px; border:1px solid #f66; display:inline-block; width:100%; height:100%; overflow:hidden;}
.iproduct .list li .icon{ height:52px; line-height:52px; padding:0;}
.iproduct .list li .title{ font-size:1.8em; color:#f66; padding:0;}

.iproduct .list li .icon1{ background:url(../images/pro-icon1.png) no-repeat center;}
.iproduct .list li .icon2{ background:url(../images/pro-icon2.png) no-repeat center;}
.iproduct .list li .icon3{ background:url(../images/pro-icon3.png) no-repeat center;}
.iproduct .list li .icon4{ background:url(../images/pro-icon4.png) no-repeat center;}
.iproduct .list li .icon5{ background:url(../images/pro-icon5.png) no-repeat center;}
.iproduct .list li .icon6{ background:url(../images/pro-icon6.png) no-repeat center;}
.iproduct .list li .icon7{ background:url(../images/pro-icon7.png) no-repeat center;}
.iproduct .list li .icon8{ background:url(../images/pro-icon8.png) no-repeat center;}

.iproduct .list li .icon81{ background:url(../images/pro-icon81.png) no-repeat center; }
.iproduct .list li .icon82{ background:url(../images/pro-icon82.png) no-repeat center; }

.iproduct .list li:hover a{ box-shadow:4px 4px 5px rgba(0,0,0,.4); background:#d52431; }
.iproduct .list li:hover .title{ color:#fff;}
.iproduct .list li:hover .icon1{ background:url(../images/pro-icon1-2.png) no-repeat center;}
.iproduct .list li:hover .icon2{ background:url(../images/pro-icon2-2.png) no-repeat center;}
.iproduct .list li:hover .icon3{ background:url(../images/pro-icon3-2.png) no-repeat center;}
.iproduct .list li:hover .icon4{ background:url(../images/pro-icon4-2.png) no-repeat center;}
.iproduct .list li:hover .icon5{ background:url(../images/pro-icon5-2.png) no-repeat center;}
.iproduct .list li:hover .icon6{ background:url(../images/pro-icon6-2.png) no-repeat center;}
.iproduct .list li:hover .icon7{ background:url(../images/pro-icon7-2.png) no-repeat center;}
.iproduct .list li:hover .icon8{ background:url(../images/pro-icon8-2.png) no-repeat center;}

.iproduct .list li:hover .icon81{ background:url(../images/pro-icon81-2.png) no-repeat center;}
.iproduct .list li:hover .icon82{ background:url(../images/pro-icon82-2.png) no-repeat center;}

.i-information{ padding-bottom:5.6%;}
.i-information .box{ margin-top:3.65%;}
.i-information .box .hd{ padding:0; position:relative; z-index:1;}
.i-information .box .hd li{ margin-bottom:18px;}
.i-information .box .hd li > a{ display:inline-block; width:140px; line-height:38px; border:1px solid #d52431; border-radius:4px; text-transform:uppercase; font-size:1.6em; color:#d52431; text-indent:10px;}
.i-information .box .hd li a span{ display:inline-block; text-indent:0; position:relative;}
/* .i-information .box .hd li a span::before{ content:""; width:52px; height:40px; background:url(../images/inews-icon.png) no-repeat center left #d52431; position:absolute; top:50%; right:-52px; transform:translateY(-50%); transition: all 0.3s linear 0s; opacity:0;  border-radius:4px; width:62px;} */
.i-information .box .hd li:hover a, .i-information .box .hd li.on a{ background:#d52431; color:#fff;}
.i-information .box .hd li:hover a span::before, .i-information .box .hd li.on a span::before{ right:-72px; opacity:1;}
.i-information .box .bd{ padding:0; position:relative; z-index:0;}
.i-information .box .bd ul{ margin:0 -30px; display: flex; flex-wrap: wrap; }
.i-information .box .bd li{ padding:0 30px; min-height: 315px; }
.i-information .box .bd li .img{ overflow:hidden; width: 100%; height: 192px; }
.i-information .box .bd li .img img{ width: 100%; height: 100%; object-fit: contain; transition: all 0.3s linear 0s;}
.i-information .box .bd li:hover .img img{transform: scale(1.1,1.1);}
@media screen and (max-width: 1348px) {
    .i-information .box .bd li .img{ height: 140px; }
}
@media screen and (max-width: 766px) {
    .i-information .box .bd li .img{ height: 55vw; }
}
.i-information .box .bd li .text{ padding-top:10px;}
.i-information .box .bd li .text .title{ font-size:1.6em; color:#000; font-weight:bold; line-height:24px; text-overflow: ellipsis; display: -webkit-inline-box;    -webkit-line-clamp: 2;    -webkit-box-orient: vertical;    overflow: hidden; text-transform:uppercase;  width:100% }
.i-information .box .bd li .text .p{ text-overflow: ellipsis; display: -webkit-inline-box;    -webkit-line-clamp: 2;    -webkit-box-orient: vertical;    overflow: hidden; font-size:1.4em; color:#5a5a5a; line-height:22px; margin-top:-5px; width:100% }
.i-information .box .bd li .text .btns{ margin-top:4px;}
.i-information .box .bd li .text .btns span{ display:inline-block; width:96px; height:30px; border-radius:4px; border:1px solid #c33; text-align:center; font-size:1.4em; text-align:center; line-height:30px; color:#c33;}
.i-information .box .bd li:hover .title{ color:#c33;}
.i-information .box .bd li .text .btns span:hover{ background:#c33; color:#fff;}

.footer{ background:#f5f5f5; padding:3% 0;}
.footer dl{ margin-bottom:0;}
.footer dt a{ font-size:1.8em; color:#333; font-weight:bold;}
.footer dd{ line-height:22px; margin-top:10px;}
.footer dd { font-size:1.4em; color:#333;}
.footer dd a:hover{ color:#c33;}
.foot-copy{ font-size:1.4em; color:#fff; line-height:24px; background:#606060; padding:10px 0;}
.foot-copy .copy{ line-height:24px; padding:4px 0;}
.foot-copy .icon{ text-align:right; padding:0;}
.foot-copy .icon a{ padding-left:10px; display:inline-block;}

.page-banner{ height:100px; background:rgba(0,0,0,.3);}
.page-banner .container{ display:table;}
.page-banner .box{ display:table-cell;  vertical-align: middle;}
.page-banner .box .input{ padding:0 9%;}
.page-banner .box .input input[type="text"]{ border:1px solid #bfbfbf; height:52px; float:left; border-radius:8px 0 0 8px; padding:0 12px; width:90%; font-size:1.6em; color:#333;}
.page-banner .box .input input[type="submit"]{ border:1px solid #d52431; background:url(../images/search-icon.png) no-repeat center #d52431; height:52px; border-radius:0 8px 8px 0; width:10%;}

.mbx{ font-size:1.4em; color:#999; font-weight:bold; height:65px; line-height:65px;}
.mbx span{ color:#999;}
.mbx a{ color:#999;}
.mbx a:hover{ color:#d52431;}

.page-box{ overflow:hidden; position:relative;}
.page-box .ty-left{ padding-left:0;}
.page-box .ty-left .ty-top{ width:100%; height:70px; font-size:2.4em; color:#fff; font-weight:bold; background:#d52431; text-align:center; line-height:70px;}
.page-box .ty-left .ty-nav-btns{ display:none;}
.page-box .ty-left .ty-nav li{ background:#fafafa; position:relative; cursor:pointer;}
.page-box .ty-left .ty-nav li>a{ display:inline-block; width:100%; padding:15px 20px 10px 25px; font-weight:bold; font-size:1.4em; color:#333; text-decoration:none;}
.page-box .ty-left .ty-nav li i{ position:absolute; display:inline-block; width:20px; height:10px; background:url(../images/ty-left-icon1.png) no-repeat center; top:20px; right:20px; -webkit-transform: rotate(0deg);    transform: rotate(0deg); transition: all 0.2s linear 0s;}
.page-box .ty-left .ty-nav li.on{ margin-bottom:10px;}
.page-box .ty-left .ty-nav li.on i{ -webkit-transform: rotate(180deg);    transform: rotate(180deg);}
.page-box .ty-left .ty-nav li dl{ margin-bottom:0; padding:0 0 0 25px; background:#fff; max-height: 240px;overflow-y: auto;}
.page-box .ty-left .ty-nav li dd{ font-size:1.4em; padding-left:24px; line-height:20px; position:relative; margin:10px 0;}
.page-box .ty-left .ty-nav li dd>span{ position:absolute; width:15px; height:15px; border:1px solid #d3d3d3; left:0; top:2px;}
.page-box .ty-left .ty-nav li dd.on>span, .page-box .ty-left .ty-nav li dd:hover>span{ background:url(../images/ty-left-icon2.jpg) no-repeat center; border:none;}
.page-box .ty-left .ty-nav li dd>b{ color:#d52431; font-weight:normal; margin-left:2px;}
.page-box .ty-left .ty-nav li dd>a{ color:#5e5e5e; height:100%; display:inline-block; padding-left:20px; height:35px; line-height:35px; position:relative;}
.page-box .ty-left .ty-nav li dd>em{ position:absolute; left:184px; width:20px; text-align:center; top:6px; font-style:inherit;}
.page-box .ty-left .ty-nav li dd>em::before{ content:"+"; color:#5e5e5e;}
.page-box .ty-left .ty-nav li dd .sj-nav{ display:none;}
.page-box .ty-left .ty-nav li dd .sj-nav a{ display:inline-block; height:35px; line-height:35px; color:#5e5e5e; padding-left:40px; width:100%;}
.page-box .ty-left .ty-nav li dd .sj-nav a:hover, .page-box .ty-left .ty-nav li dd .sj-nav a.on{ color:#d52431;}
.page-box .ty-left .ty-nav li dd.active em::before{ content:"-";}
.page-box .ty-left .ty-nav li dd.active .sj-nav{ display:block;}

.ty-pro-nav li{ margin-bottom:10px;}
/* .ty-pro-nav li.on{ margin-bottom:0 !important;} */
.ty-pro-nav li.active > a{ color:#d52431 !important;}
.ty-pro-nav li i{ -webkit-transform: rotate(0deg) !important; transform: rotate(0deg) !important;}
.ty-pro-nav li.on i{ -webkit-transform: rotate(180deg) !important; transform: rotate(180deg) !important;}
.ty-pro-nav li.on dl{ display:block;}
.ty-pro-nav li dl{ display:none;}
.ty-pro-nav li dd{ padding-left:0 !important;}
.ty-pro-nav li dd span{ display:none;}
.ty-pro-nav li dd.on>a,.ty-pro-nav li dd:hover>a{ color:#d52431 !important;}

.ty-pro-top{ background:#fff !important; padding:0 !important; line-height: normal !important; height: auto !important;}


.page-box .ty-left .del{ text-align: center; }
.page-box .ty-left .del a{ display:inline-block; background:url(../images/ty-right-icon2.png) no-repeat 10px center; border:1px solid #d52431; border-radius:4px; height:30px; line-height:30px; color:#c33; padding: 0 10px 0 35px; margin-top: 10px}
.page-box  .ty-left .del a:hover{ background:url(../images/ty-right-icon3.png) no-repeat 10px center #d52431;  color:#fff;}
.page-box .ty-box{ margin-top:10px;}


.page-box .ty-right{ padding-right:0;}
.page-box .ty-right .ty-top{ height:50px; line-height:50px; background:#f7f7f7; font-weight:bold; padding:0 10px 0 20px;}
.page-box .ty-right .ty-top .sx{ padding:0; margin:0; font-size:inherit; font-weight:bold; float: none; }
.page-box .ty-right .ty-top .sx span{ color:#d52431; font-size:2.6em;}
.page-box .ty-right .ty-top .sx a{ display:inline-block; background: url(../images/ty-right-icon1.png) no-repeat 93% center #fff; padding: 0 20px 0 8px; border-radius: 4px;
    background-size: 8px;
    margin-left:10px; color:#333; font-size:1.4em;     height: 30px;
    line-height: 30px;}
.page-box .ty-right .ty-top .sx a:hover{ color:#d52431;}
.page-box .ty-right .ty-top .del{ padding:0; text-align:right;}
.page-box .ty-right .ty-top .del a{ display:inline-block; background:url(../images/ty-right-icon2.png) no-repeat 10px center; border:1px solid #d52431; border-radius:4px; height:30px; line-height:30px; color:#c33; padding: 0 10px 0 35px;}
.page-box .ty-right .ty-top .del a:hover{ background:url(../images/ty-right-icon3.png) no-repeat 10px center #d52431;  color:#fff;}
.page-box .ty-box{ margin-top:10px;}



.search-box{ margin-bottom:40px;}
.search-box li{ overflow:hidden; background:#f7f7f7; padding:20px; margin-bottom:20px;}
.search-box li .img{ padding:0; overflow:hidden;}
.search-box li .img .imgs{ width:100%; height: 150px; text-align:center; border:1px solid #ccc; background:#eee;}
.search-box li .img .imgs img{ width:auto; height:100%;}
.search-box li .img .db{ background: #eee; width: 100%;    height: 35px; text-align: center; line-height: 35px; margin-top: 12px; font-size:1.4em; transition: all 0.3s linear 0s; cursor:pointer;}
.search-box li .img .db:hover{ background:#c9c9c9;}
.search-box li .img .db span{ color:#d52431;}
.search-box li .img .db .input{ position:relative; display:inline-block;}
.search-box li .img .db .input input{ display:none;}
.search-box li .img .db .input i{ position:absolute; display:inline-block; width:14px; height:14px; border-radius:2px; border:1px solid #666; background:#fff; transform:translateY(-85%); left:-20px;}
.search-box li .img .db .btn2{ display:none;}
.search-box li .img .db.on{ background:#d52431;}
.search-box li .img .db.on .btn1{ display:none;}
.search-box li .img .db.on .btn2{ display:inline-block;}
.search-box li .img .db.on span{ color:#fff;}
.search-box li .img .db.on .input i{ background: url(../images/db-icon.png) #a4353e; background-position: -4px -4px; border:none;}
.search-box li .img .db.on:hover{ background: #5e6768; }
.search-box li .img .db.on:hover .input i{ background: url(../images/db-icon.png); background-position: -15px 0px; background-size: 30px; border:none;}
.search-box li .img .db span > span{ color:#333;}
.search-box li .img .db.active{pointer-events: none;}
.search-box li .img .db.active span{ color: #ccc !important;}
.search-box li .img .db.active i{ border: 1px solid #ccc !important;}
.search-box li .text{ padding:0 30px 0 0;}
.search-box li .text .title{ font-size:2em; color:#333; font-weight:bold; background:url(../images/pro-line.png) no-repeat left bottom; padding-bottom: 14px; margin-bottom: 12px; letter-spacing:.2px;}

.search-box li .text .title .tag{ display:inline-block; padding:3px 10px 6px 10px; background:url(../images/tag-bg.png) no-repeat; background-size: 100% 100%; color:#fff; font-weight:normal; text-transform: uppercase; font-size:0.5em; margin: 0 5px 0 0; }


.search-box li .text .title no { font-size: .7em; }
.search-box li .text .p p{ font-size:1.5em; line-height:1.6em; color:#6a6a6a; margin-top:6px;}
.search-box li .text .p span{ font-weight:bold; color:#333;  }
.search-box li .text .btns{ text-align:right; margin-top:6px;}
.search-box li .text .btns a{ display:inline-block; width:96px; height:30px; border-radius:4px; text-align:center; line-height:30px; border:1px solid #c33; color:#c33; font-size:1.4em;}
.search-box li .text .btns a:hover{ background:#c33; color:#fff;}
.search-box li:hover .text .title{ color:#c33;}

.search-box li .text .p .tag{ color: #c33; font-weight: 700; margin-right: 10px; font-size:1.4em; }

.pager-list{ padding-bottom:4%; text-align:center;}
.pager-list ul{ list-style-type:none; margin:0; padding:0; display:inline-block;}
.pager-list li{ float:left; padding:0 6px;}
.pager-list li>*{ display:inline-block; font-size:1.4em; color:#333 !important; height:35px; line-height:35px; padding:0 19px;  background:#f7f7f7 !important; border-radius:0px; border:none !important;}
.pager-list li a:hover{ background:#d52431 !important; color:#fff !important;}
.pager-list li.active>*{ color:#fff !important; background:#d52431 !important; border:none !important;}
.pager-list li.disabled>*{ cursor:auto; background:#eee; color:#ccc;}
/* .pager-list li:first-child *{ background:url(../images/pager-prev.png) no-repeat center #f7f7f7 !important; background-size:cover; padding:6px 25px !important;}
.pager-list li:last-child *{ background:url(../images/pager-next.png) no-repeat center #f7f7f7 !important; background-size:cover; padding:6px 25px !important;}
.pager-list li:first-child:hover *{ background:url(../images/pager-prev2.png) no-repeat center #d52431 !important;}
.pager-list li:last-child:hover *{ background:url(../images/pager-next2.png) no-repeat center #d52431 !important;} */

.product-right{ background:#eeefef; text-align:center; padding:0 }
.product-right .container1{ padding:0 25px; }

.product-right .pay{ font-weight:bold; font-size:3.4em; color:#d52431; padding:35px 0 10px; line-height:34px;}
.product-right .text{ color:#a8a8a8; font-size:1.4em;}
.product-right .p{ font-size:1.6em; color:#333; margin-top:10px;}
.product-right .other{ font-size:1.6em; color:#333; padding:15px 0 20px;}
.product-right .input{ position:relative; margin-top:16px;}
.product-right .input i{ display:inline-block; width:20px; height:20px; position:absolute; background:url(../images/product-icon.png) no-repeat center; top:50%; transform:translateY(-50%); left:15px;}
.product-right .input input[type="text"]{ width:100%; height:45px; border:1px solid #d2d2d2; background:#fff; font-size:1.4em; color:#333; padding-left:45px;}
.product-right .input input[type="submit"]{ display:none;}
.product-right .tel{ font-size:3em; color:#d52431; font-weight:bold; padding:20px 0 30px;}
.product-right .list{ border-top:10px solid #fff; padding-bottom:30px; padding-top:20px;}
.product-right .list li{ text-align:left; padding:15px 0; border-bottom:1px dashed #999;} 
.product-right .list li .title{ font-size:1.8em; color:#333; margin-bottom:4px;}
.product-right .list li .text{ font-size:1.4em; color:#666; line-height:24px;}
.product-right .list li:hover .title{ color:#d52431;}

.product-right .information { padding:10px 25px 20px; background: white; font-size: 1.4rem; line-height: 2rem; text-align: left; border-bottom: 2px solid #dedfdf }
.product-right .information h3 { font-size: 1.8rem;  font-weight: 700; }
.product-right .information a { color:#0047bb }

.product-con{ padding-left:0; position: relative; z-index: 0;}
.product-con-top{ overflow:hidden;}
.product-con-top-bq{ margin-bottom:20px; min-height:28px }
.product-con-top-bq a.tag{ display:inline-block; padding:4px 10px; margin-right:1%; font-size:1.4em; color:#333; font-weight: bold; }
.product-con-top-bq a.db{ display:inline-block; padding:4px 10px; font-size:1.4em; color:#fff; border-radius:4px; float:right; background:url(../images/download-icon2.png) no-repeat 10px center #d52431; background-size:12px; padding-left:30px; }
.product-con-top-bq a:hover{ text-decoration:underline;}
.product-con-top-title{ font-size:2.4em; color:#333; margin-bottom:20px; margin-top:0;}
.product-con-top .imgs{ padding-left:0;}
.product-con-top .imgs img{ width:100%; cursor:pointer;}
.product-con-top .imgs .swiper-button-next{ background:url(../images/product-next.png) no-repeat center right; right:20px;}
.product-con-top .imgs .swiper-button-prev{ background:url(../images/product-prev.png) no-repeat center left; left:20px;}

.product-con-top .gallery-top img{ height:250px; width:auto; }
.product-con-top .gallery-thumbs img{ height:85px; width:auto; }
.product-con-top .swiper-slide { text-align:center }
.product-tc-box .gallery-top img{ height:400px; width:auto; }
.product-tc-box .gallery-thumbs img{ height:85px; width:auto; }
.product-tc-box .swiper-slide { text-align:center }

.product-con-top .imgs .gallery-thumbs{ margin-top:20px;}
.product-con-top .imgs .gallery-thumbs .swiper-slide-thumb-active img{ border:1px solid #d52431;}


.product-con-top .text{ padding:0 25px;}
.product-con-top .text .title{ font-size:2em; color:#d52431; font-weight:bold; border-bottom:1px solid #e5e5e5; padding-bottom:15px; margin:0;}
.product-con-top .text dd{ font-size:1.4em; line-height:20px; padding:15px 0; position:relative; border-bottom:1px solid #e5e5e5; padding-left:10px; letter-spacing:.8px; color:#636363 }
.product-con-top .text dd:last-child{ border-bottom:none;}
.product-con-top .text dd i{ position:absolute; display:inline-block; width:3px; height:3px; background:#333; left:0; border-radius:3px; top: 24px;}

.product-con-text{ margin-top:30px; margin-bottom:5%;}
.product-con-text .title{ width:100%; height:45px; line-height:45px; background:#d52431; font-size:2em; color:#fff; position:relative; padding:0 3%; margin-top:10px; margin-bottom:0;}
/*.product-con-text .title::before{ content:""; position:absolute; width:5px; height:100%; background:#333; top:0;
left:0;}*/
.product-con-text .title span{ display:inline-block; width:20px; height:20px; position:absolute; right:3%; top:50%; transform:translateY(-50%);}
.product-con-text .title span::before{ content:""; position:absolute; display:inline-block; width:100%; height:2px; background:#fff; top:50%; transform:translateY(-50%);}
.product-con-text .title span::after{ content:""; position:absolute; display:inline-block; width:2px; height:100%; background:#fff; top:0; left:50%; transform:translateX(-50%);}
.product-con-text .title.on span::after{ display:none;}
.product-con-text .text{ font-size:1.4em; color:#333; line-height:22px; padding:20px;  display:none;}
.product-con-text .text:nth-child(2){ display:block;}
.product-con-text .text .t{ font-size:1.25em; line-height:30px; margin: 12px 0 0; font-weight:bold }
.product-con-text .text p{ text-align: left;}
.product-con-text .imgs{ overflow:hidden;}
.product-con-text .imgs ul{ width:100%;}
.product-con-text .imgs li{ overflow:hidden; margin-bottom:20px;}
.product-con-text .imgs li .img .tp{ border:1px solid #dedfdf; background:#f6f7f7; text-align:center;}
.product-con-text .imgs li .img .tp img { max-width: 70%; }
.product-con-text .imgs li .img .bt{ background:#dedfdf; font-size:1em; padding: 15px; line-height:24px; text-align:center }
.product-con-text .text table{ width:80%; }
.product-con-text .text table p{ max-width: 100%; white-space: normal; text-align:left }

.about-box1{ padding:5px 0 5%; overflow:hidden;}
.about-box1 .title{ padding:0; font-size:2.4em; color:#333; margin-bottom:15px;}
.about-box1 .img{ float:right; padding:0;}
.about-box1 .text{ font-size:1.6em; color:#333; line-height:24px; text-align:justify; padding:0 40px 0 0;}

.about-box2{ background:#eee; padding:2% 0 4%; position:relative;}
.about-box2 .container{ position:relative; z-index: 0; }
.about-box2 .swiper-slide{ width:33.33333%; padding:0 15px;}
.about-box2 .box{ width:1140px; margin:0 auto; overflow:hidden; position:relative;}
.about-box2 .box .img{ overflow:hidden;}
.about-box2 .box .icon{ width:20px; height:20px; margin:0 auto; background:#d52431; border-radius:20px; margin-top:8%;}
.about-box2 .box .date{ font-size:2em; color:#d52431; text-align:center; font-weight:bold; margin-top:6%;}
.about-box2 .box .text{ font-size:1.4em; color:#d52431; text-align:center; line-height:22px; margin-top:2%; height:66px; overflow:hidden;}
.about-box2 .swiper-button-next{ width:17px; height:29px; background:url(../images/about-next.png) no-repeat center; top:30%; right:0;}
.about-box2 .swiper-button-prev{ width:17px; height:29px; background:url(../images/about-prev.png) no-repeat center; top:30%; left:0;}
.about-box2 .line{ position:absolute; width:85%; height:2px; background:#d52431; left:50%; transform:translateX(-50%); top: 71.5%;}

.about-box3{ padding:35px 0 5%;}
.about-box3 .top{ text-align:center; font-size:2.4em; color:#333;}
.about-box3 .list{ margin:35px -15px 0;}
.about-box3 li .img img{ width:100%;}
.about-box3 li .title{ height:50px; line-height:50px; text-align:center; background:#eee; font-size:16px; color:#333;}
.about-box3 li:hover .title{ background:#d52431; color:#fff;}

.about-box4{ background:#eee; padding:5% 0;}
.about-box4 .swiper-slide{ width:33.33333%; padding:0 15px;}
.about-box4 .box{ width:1140px; margin:0 auto; overflow:hidden; position:relative;}
.about-box4 .box .img{ overflow:hidden;}
.about-box4 .box p{ font-size:14px; color:#333; text-align:center; margin-top:10px; padding: 0 25%}
.about-box4 .swiper-button-next{ width:17px; height:29px; background:url(../images/about-next.png) no-repeat center; top:45%; right:0;}
.about-box4 .swiper-button-prev{ width:17px; height:29px; background:url(../images/about-prev.png) no-repeat center; top:45%; left:0;}

.jstl-list{ padding-bottom:5%;}
.jstl-list .title{ width:100%; height:60px; line-height:60px; background:#f7f7f7; font-size:1.8em; color:#333; position:relative; padding:0 3%; margin-top:20px; font-weight:bold; cursor: pointer; }
.jstl-list .title span{ display:inline-block; width:30px; height:30px; position:absolute; right:3%; top:50%; transform:translateY(-50%);}
.jstl-list .title span::before{ content:""; position:absolute; display:inline-block; width:100%; height:3px; background:#d52431; top:50%; transform:translateY(-50%);}
.jstl-list .title span::after{ content:""; position:absolute; display:inline-block; width:3px; height:100%; background:#d52431; top:0; left:50%; transform:translateX(-50%);}
.jstl-list .title.on span::after{ display:none;}
.jstl-list .text{ font-size:1.4em; color:#333; line-height:22px; padding:20px 3%; background:#f7f7f7; margin-bottom:20px; display: none; }
.jstl-list .text .t{ font-size:1.25em; line-height:30px; font-weight:bold;}
.jstl-list .text .t + p{ margin-bottom:20px;}

.ref-list li { padding:20px; margin-bottom:20px; background:#f0f0f0; border-radius: 5px; }
.ref-list li h2 { margin:0 }

.syzx-list li{ padding:20px; background:#f7f7f7; overflow:hidden; margin-bottom:20px;}
.syzx-list li .img{ padding:0; overflow:hidden;}
.syzx-list li .img img{ transition: all 0.3s linear 0s;}
.syzx-list li:hover .img img{transform: scale(1.1,1.1);}
.syzx-list li .text{ padding:0 0 0 30px;}
.syzx-list li .text .title{ font-size:1.6em; color:#333; font-weight:bold; background:url(../images/pro-line.png) no-repeat left bottom; padding-bottom: 18px; margin-bottom: 10px;}
.syzx-list li .text .p{ font-size:1.4em; line-height:22px; color:#6a6a6a; margin-top:6px; text-overflow: ellipsis; display: -webkit-inline-box;    -webkit-line-clamp: 5;    -webkit-box-orient: vertical;    overflow: hidden; height:110px; text-align: justify; padding-right:30px;}
.syzx-list li .text .btns{ margin-top:6px; height:30px; line-height:30px; font-size:1.6em; color:#333;}
.syzx-list li .text .btns span{ display:inline-block; width:96px; height:30px; border-radius:4px; text-align:center; line-height:30px; border:1px solid #c33; color:#c33; font-size:0.875em; float:right;}
.syzx-list li .text .btns span:hover{ background:#c33; color:#fff;}

.news-con{ padding-bottom:5%;}
.news-con .title{ font-size:1.8em; color:#333; font-weight:bold; padding-bottom:15px; border-bottom:1px solid #dcdcdc; margin:0;}
.news-con .title .bq{ float:right;}
.news-con .title .bq span{ display:inline-block; height:18px; line-height:18px; padding-left:25px; font-size:0.75em; color:#333; font-weight:normal; margin-left:25px;}
.news-con .title .bq .icon1{ background:url(../images/news-icon1.png) no-repeat center left;}
.news-con .title .bq .icon2{ background:url(../images/news-icon2.png) no-repeat center left;}
.news-con .text{ padding:20px 0; font-size:1.4em; line-height:22px; }
.news-con .text p{  text-align: left; }
.news-con .text img{ height:auto !important }
.news-con .text p+p{ margin-top:1em }

.download-list{ overflow:hidden; padding-bottom:10px; margin-top: 20px; }
.download-list li{ height:55px; line-height:55px; background:#f7f7f7; margin-bottom:20px; padding:0 30px;}
.download-list li .title{ font-size:1.8em; color:#333; font-weight:bold; padding-left:0; overflow:hidden; height:100%; text-overflow: ellipsis; white-space: nowrap; }
.download-list li .icon{ padding-right:0; text-align:right; height:55px; background:url(../images/download-icon.png) no-repeat center right;}
.download-list li:hover{ background:#d52431;}
.download-list li:hover .title{ color:#fff;}
.download-list li:hover .icon{ background:url(../images/download-icon2.png) no-repeat center right;}

.news-list{ padding:10px 0;}


.news-list li{ overflow:hidden; background:#fafafa; margin-bottom:30px; width: 100%; }
.news-list li .date{ background:#bcbcbc; text-align:center; color:#fff; padding:4.4% 0; }
.news-list li .date span{ font-size:44px; display: inline-block; line-height: 36px;}
.news-list li .date p{ text-align:center; font-size:2em; margin-top:8px;}
.news-list li .text{ padding:0 20px;}
.news-list li .text .title{ font-size:1.6em; color:#000; font-weight:bold; text-transform:uppercase; background:url(../images/news-title-bg.png) no-repeat bottom left; margin-top:6px; line-height:45px; text-overflow: ellipsis; display: -webkit-inline-box;    -webkit-line-clamp: 1;    -webkit-box-orient: vertical;    overflow: hidden;  width: 100%;}
.news-list li .text .p{ color:#5a5a5a; font-size:1.4em; line-height:20px; margin-top:8px; height:40px; text-overflow: ellipsis; display: -webkit-inline-box;    -webkit-line-clamp: 2;    -webkit-box-orient: vertical;    overflow: hidden;  text-align: justify; width: 100%;}
.news-list li .text .btns{ margin:6px 0; text-align:right;}
.news-list li .text .btns span{ display:inline-block; width:96px; height:30px; border-radius:4px; text-align:center; line-height:30px; border:1px solid #c33; color:#c33; font-size:1.4em; }
.news-list li .text .btns span:hover{ background:#c33; color:#fff;}
.news-list li:hover .date{ background:#d52431;}
.news-list li:hover .text .title{ color:#c33; }

.message{ width:830px; margin:0 auto;}
.message .title{ font-size:2.4em; color:#333; text-align:center;}
.message .text{ font-size:1.4em; color:#333; text-align:center; margin-top:10px;}
.message ul{ margin-top:30px;}
.message li{ margin-bottom:20px; overflow:hidden;}
.message li label{ font-size:1.4em; color:#333; font-weight:normal; margin-bottom:0; height:40px; line-height:40px; float:left; width:18%;}
.message li input[type="text"]{ height:40px; border:1px solid #dcdcdc; float:left; width:79%; padding:0 20px; font-size:1.4em; color:#333;}
.message li textarea{ width:79%; padding:15px 20px; height:80px; border:1px solid #dcdcdc; float:left; font-size:1.4em; color:#333;}
.message li i{ font-size:2.2em; color:#d52431; display:inline-block; height:40px; line-height:50px; text-align:right; width:3%;}
.message li:last-child{ text-align:center; margin-top:30px;}
.message li:last-child input{ width:80px; height:40px; color:#fff; font-size:1.4em; border:none; margin:0 7.5px;}
.message li:last-child input[type="submit"]{ background:#d52431;}
.message li:last-child input[type="reset"]{ background:#a1a1a1;}

.contact{ margin-top:30px; margin-bottom:85px;}
.contact .title{ font-size:2.4em; color:#333; text-align:center;}
.contact .box{ margin:50px 0 40px; overflow:hidden;}
.contact .box li{ padding:0;}
.contact .box li .icon{ float:left; width:60px;}
.contact .box li .text{ float:left; padding-left:15px; width:86%;}
.contact .box li .text .t{ font-size:1.8em; color:#333; margin-top:5px;}
.contact .box li .text .p{ font-size:1.6em; color:#989898; line-height:22px; margin-top:5px;}

.product-db{ position: fixed; bottom:0; width: 970px !important; opacity:1 !important; left: 50%; transform: translateX(-50%); box-shadow: 0 0 4px 0 rgba(68,68,68,.35); border: 1px solid #c7c7c7; display:none; z-index:9999;}
.product-db .title{ font-size: 1.6em; font-weight: bold; height: 54px; cursor: pointer; background: #dedfdf; line-height: 54px; padding: 0 2% 0 5%; position:relative;}
.product-db .title i{ display:inline-block; width:20px; height:20px; position:absolute; background:url(../images/db-icon2.png) no-repeat center; background-size:20px; top:50%; transform: rotate(180deg) translateY(50%); left:2%;}
.product-db .title i.on{ transform:rotate(0deg) translateY(-50%);}
.product-db .title a{ float: right; color: #717c7d; background: #e6e8e8; height: 36px; line-height: 36px; font-size: 0.75em; padding: 0 25px; font-weight: normal; letter-spacing: 0.4px; margin-top: 10px;}
.product-db .title a.on{ background:#d52431; color:#fff;}
.product-db .text{ background:#717c7d; line-height: 40px; padding: 0 2%; font-size: 1.4em; color: #fff; height: 40px; width:100% !important; opacity:1 !important;}
.product-db .list{ background:#fff; display:none; width:100% !important; opacity:1 !important;}
.product-db .list ul{ overflow:hidden;}
.product-db .list li{ height:45px; line-height:45px; padding:0 2%; position:relative; font-size:1.4em; color:#333; border-bottom: 1px solid #c7c7c7;}
.product-db .list li:last-child{ border-bottom:none;}
.product-db .list li a{ width:20px; height:20px; border:none; border-radius:100%; background:url(../images/db-icon3.png) no-repeat center; position:absolute; top: 50%; transform: translateY(-50%); right:2%;}
.product-db .bottom{ border-top: 1px solid #c7c7c7; height:45px; line-height:45px; padding:0 2%; background: #dedfdf;}
.product-db .bottom a{ font-size:1.4em; color:#d52431;}
.product-db .bottom a:hover{ text-decoration:underline;}

.page-title{ font-size:3em; color:#717c7d; padding:1% 0;}
.db-top{ height:45px; line-height:45px; background:#eeefef; font-size:1.4em; }
.db-top a{ color:#d52431;}
.db-top .back{ padding-left:45px; position:relative;}
.db-top .back i{ position:absolute; display:inline-block; width:20px; height:20px; background:url(../images/db-icon2.png) no-repeat center; background-size:20px; top:50%; transform: rotate(-90deg) translateX(50%); left:15px;}
.db-top .clear-all{ text-align:right;}
.db-top a:hover{ text-decoration:underline;}
.db-box{ margin:30px 0;}
.db-box table tr{ position:relative;}
.db-box table th{ width:120px; border-bottom: 1px solid #e6e8e8; font-size:1.4em; color:#333; padding:1.2% 10px; vertical-align: top;}
.db-box table td{ width:295px; border-left: 1px solid #e6e8e8;    border-bottom: 1px solid #e6e8e8; padding:1%; font-size:1.4em;     vertical-align: top; position:relative;}
.db-box table tr:last-child td, .db-box table tr:last-child th{ border-bottom: none;}
.db-box table .title{ color:#d52431; font-size:1.8em; font-weight:bold;}
.db-box table .db-nav{ width:100%; overflow:hidden; height:35px; line-height:35px; background: #eeefef; border-bottom: 2px solid #717c7d;}
.db-box table .db-nav .top{ float:left; font-size:1.6em;}
.db-box table .db-nav ul{ float:right;}
.db-box table .db-nav li{ float:left; margin:0 10px; position:relative;}
.db-box table .db-nav li a{ font-weight:normal; font-size:1em; }
.db-box table .db-nav li a:hover{ text-decoration:underline;}
.db-box table .db-nav li::before{ content:""; display:inline-block; width:15px; height:8px; background:url(../images/db-icon4.png) no-repeat center; position:absolute; bottom:-16px; left:50%; transform:translateX(-50%); display:none;}
.db-box table .db-nav li.on::before{ display:block;}
.db-box table .db-nav li.on a{ color: #d52431;}
.db-box table .box{ margin-bottom:35px; line-height:24px; height:200px; overflow:hidden;}
.db-box table .box.on{ height:auto;}
.db-box table .box a{ color: #d52431;}
.db-box table .box a:hover{ text-decoration:underline;}
.db-box table p{ margin-bottom:5px; text-align: left; }
.db-box table .btns{ position:absolute; bottom:0; width:91%;}
.db-box table .btns a{ display:inline-block; width:100%; background:#fff; height:35px; line-height:35px; padding:0 1%; color:#d52431; cursor:pointer;}
.db-box table .btns a:hover{ text-decoration:underline;}
.db-box table .link{ display:inline-block; width:112px; height:35px; line-height:35px; text-align:center; font-size:1em; color:#fff; background:#d52431; border-radius:2px; margin-top:8%; transition: all 0.3s linear 0s;}
.db-box table .link:hover{ background:#a01923;}

.db-product{ margin-bottom:30px;}
.db-product .top{ padding:10px 0; border-bottom: 2px solid #ddd;}
.db-product .top span{ font-size:1.8em; color:#333; font-weight:bold;}
.db-product .top a{ float:right; font-size:1.4em; color:#d52431;}
.db-product .top a:hover{ text-decoration:underline;}
.db-product .list{ margin:20px -15px 0; overflow:hidden;}
.db-product .list li{ margin-bottom:15px;}
.db-product .list li .title{ font-size:1.4em; color:#333; margin-top:10px; text-align: center; height:3em; overflow: hidden; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; }
.db-product .list li:hover .title{ color:#d52431;}
.db-product .list li .img { width:100%; overflow: hidden; text-align: center; }
.db-product .list li .img img { height:90px; }

.product-tc-box{ position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; height:100%; background:#222; z-index:9999999999; display:none;}
.product-tc-box .top{ background:#000; height:50px; line-height:50px; color:#fff; padding:0 18px; font-size:1.8em; letter-spacing:.2px; position:relative;}
.product-tc-box .top .close{ display:inline-block; width:15px; height:15px; position:absolute; right:18px; top:50%; transform:translateY(-50%); opacity:1;}
.product-tc-box .top .close::before{ content:""; display:inline-block; position:absolute; width:100%; height:2px; background:#fff; transform: rotate(45deg); top: 7px;}
.product-tc-box .top .close::after{ content:""; display:inline-block; position:absolute; width:100%; height:2px; background:#fff; transform: rotate(-45deg); top: 7px;}
.product-tc-box .select{ background:#434343; padding:10px 18px 15px;}
.product-tc-box .select p{ font-size:1.4em; color:#fff;}
.product-tc-box .select select{ width:30%; height: 40px; border:1px solid #ccc; background:#fff; padding:0 10px; font-size:1.4em; color:#333; margin-top:10px;}
.product-tc-box .box{ height: 85%;}
.product-tc-box .imgs{ padding-left:0; text-align:center; height:100%;}
.product-tc-box .imgs .gallery-top{ padding: 15% 0;}
.product-tc-box .imgs .swiper-button-next{ background:url(../images/product-next.png) no-repeat center right; right:20px;}
.product-tc-box .imgs .swiper-button-prev{ background:url(../images/product-prev.png) no-repeat center left; left:20px;}

.product-tc-box .imgs .gallery-thumbs{ margin-top:10px; text-align:center; padding-bottom:12%; height:60px;}
.product-tc-box .imgs .gallery-thumbs .swiper-slide-thumb-active{ border:2px solid #d52431 !important;}
.product-tc-box .imgs .gallery-thumbs .swiper-slide{ height:60px; overflow:hidden; background:#000; border:2px solid #000; position:relative;}
.product-tc-box .imgs .gallery-thumbs .swiper-slide img{ width:auto; max-width:inherit; height:45px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.product-tc-box .imgs .gallery-thumbs .swiper-wrapper{ position:absolute; width:auto; left:50%; transform:translateX(-50%) !important;}

.product-tc-box .box .text{ background:#fff; height:100%; padding:20px; overflow-x:hidden;}
.product-tc-box .box .text .t{ font-size:1.8em; color:#333; margin-bottom:15px; font-weight:bold;}
.product-tc-box .box .text .p{ font-size:1.4em; line-height:24px; color:#333;}

.pro-fl-text{ width:100%; font-size:1.4em; color:#333; line-height:26px; text-align:justify; margin-bottom:30px;}
.pro-fl-text img{ height: auto !important; }

.pro-fl-list{ margin:0 -15px;}
.pro-fl-list li{ margin-bottom:30px;}
.pro-fl-list li a{ display:inline-block; width:100%; height:45px; line-height:45px; background:#f2f2f2; color:#333; text-align:center; font-size:1.6em; overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 0 10px;}
.pro-fl-list li a:hover{ background:#d52431; color:#fff;}





@media (min-width:1366px) {
.container{ width:1300px; padding:0;}
/*.header .pc-nav li .product-nav dl:nth-child(5), .header .pc-nav li .product-nav dl:last-child{ clear:left;}*/

.news-list li .date{ width: 12.5%;}
.news-list li .text{ width:87.5%}

.page-box .ty-left{ width:20%;}
.page-box .ty-right{ width:80%;}
}
@media (max-width:1366px) and (min-width: 1200px){
.header-top .box{ padding: 0px 4%;}
.header .pc-nav li{ padding: 0 25px;}
/*.header .pc-nav li .pro-nav-box{ width:1140px; transform: translateX(-53.9%);}
.header .pc-nav li .product-nav{ width:930px;}
.header .pc-nav li .product-nav dl:nth-child(4){ clear:left;}*/

.iproduct .list ul{ margin:0 -30px;}
.iproduct .list li{ padding:0 15px; margin-bottom:45px;}
.iproduct .list li .title{ font-size:1.6em;}

.about-box2 .line{ width: 95%;}

.news-list li .date{ width: 14.3%; padding:5% 0;}
.news-list li .text{ width:85.7%}

.contact .box li .text{ width:84%;}

.page-box .ty-left .ty-nav li dd>em{ left:205px;}
}
@media (max-width:1199px) and (min-width:992px){
.header-top .box{ padding: 0px 5%;}
.header .logo img{ margin-top: 4%; }
.header .pc-nav li{ padding: 0 16px;}
.header .pc-nav li > a{ font-size:1.6em;}
.header .pc-nav li::before{ width:4px; height:4px;}
.header .pc-nav li > dl{ width:180%;}

/*.header .pc-nav li .pro-nav-box{ width:940px; transform: translateX(-52.4%);}
.header .pc-nav li .product-nav{ width:730px;}
.header .pc-nav li .product-nav dl:nth-child(4), .header .pc-nav li .product-nav dl:nth-child(6), .header .pc-nav li .product-nav dl:last-child{ clear:left;}*/

.index-title .title{ font-size:2.8em;}

.iproduct .list ul{ margin:0;}
.iproduct .list li{ padding:0 5px; margin-bottom:35px;}
.iproduct .list li .title{ font-size:1.4em;}

.i-information .box .bd{ padding:0 15px;}
.i-information .box .bd ul{ margin: 0 -15px;}
.i-information .box .bd li{ padding:0 15px;}

.product-con-top .text{ padding:0 0 0 5px;}
.product-right{ padding:0 10px;}

.about-box2 .box{ width:100%;}
.about-box2 .swiper-button-next, .about-box2 .swiper-button-prev{ top:27%;}
.about-box2 .line{ top: 68.6%; width:65%}

.about-box4 .box{ width:100%;}
.about-box4 .box p{ padding:0 20%;}
.about-box4 .swiper-button-next, .about-box4 .swiper-button-prev{ top:40%;}

.news-list li .date{ padding:6% 0;}

.contact .box li .text{ width:80%;}

.page-box .ty-left .ty-nav li dd>em{ left:154px;}
}
@media (max-width:991px) and (min-width: 768px){
.container{ width:100%;}
.header-top{ height:12px; overflow:hidden;}
.header-top .box{ padding: 0px 5%;}
.header .logo{ line-height:100px;}
.header .logo img{ margin:0;}
.header .pc-nav li{ padding: 0 6px;}
.header .pc-nav li > a{ font-size:1.6em;}
.header .pc-nav li::before{ width:4px; height:4px;}
.header .pc-nav li > dl{ width:180%;}
.nav .nav-top{ height:112px; line-height:112px;}

/*.header .pc-nav li .pro-nav-box{ width: 640px; transform: translateX(-56%); position:absolute; top: 100%;  margin: 0 15px;}
.header .pc-nav li .pro-nav-box > dl{ width:40%;}
.header .pc-nav li .product-nav{ width:60%;}*/

.index-title .title{ font-size:2.6em;}

.iproduct .list{ padding:25px 0 0;}
.iproduct .list ul{ margin:0;}
.iproduct .list li{ padding:0 10px; margin-bottom:25px;}
.iproduct .list li .title{ font-size:1.4em;}

.i-information .box .hd{ text-align:center;}
.i-information .box .hd ul{ display:inline-block;}
.i-information .box .hd li{ float:left; padding:0 15px;}
.i-information .box .hd li > a{ text-indent:0;}
.i-information .box .hd li a span::before{ display:none;}
.i-information .box .bd li{ padding:0 15px;}
.i-information .box .bd ul{ margin:0;}

.footer dl{ margin-bottom:20px;}
.footer dl:nth-child(3n-2){ clear:left;}

.page-box .ty-left .ty-top{ height:60px; line-height:60px;}
.page-box .ty-left .ty-nav li dd{ float:left; margin-right:25px;}

.product-con{ padding:0;}
.product-con-top .text{ padding:0 0 0 15px;}
.product-con-text{ width:100%;}

.about-box2 .box{ width:100%;}
.about-box2 .swiper-button-next, .about-box2 .swiper-button-prev{ top:26%;}
.about-box2 .line{ top: 28.6vw; width:93%}

.about-box3 li{ margin-bottom:30px;}
.about-box4 .box{ width:100%;}
.about-box4 .box p{ padding:0 15%;}
.about-box4 .swiper-button-next, .about-box4 .swiper-button-prev{ top:40%;}

.page-box .ty-right{ margin-top:30px; padding:0;}

.news-list li .date{ padding:5% 0;}

.message{ width:100%;}

.contact .box{ margin:50px 0 10px;}
.contact .box li{ margin-bottom:20px;}
.contact .box li .text{ width:82%;}

.product-db{ width:100% !important;}

.page-box .ty-left .ty-nav li dd>em{ left:inherit; top: 8px; right: -22px;}
.page-box .ty-left .ty-nav li dd .sj-nav{ position:absolute; z-index:99; background:#f2f2f2; width:180px;}
.page-box .ty-left .ty-nav li dd .sj-nav a{ padding:0 15px;}
}
@media (max-width: 767px){
    .page-box .ty-left .del{ display:none }

    .product-con-text .text table{ width:100%; }
    
    .product-tc-box .gallery-top img{ height:300px; width:auto; }
    .page-box .ty-left .ty-nav li dl{ overflow: hidden;}

.header-top{ height:4px; overflow:hidden; background-size:cover; padding-top:4px;}
.header-top .box{ display:none;}
.header{ height:60px;}
.header .logo{ height:60px; line-height:60px;}
.header .logo img{ margin:0; height:35px;}
.header .nav-btn{ height:60px; line-height:60px;}
.nav .nav-top{ height:64px; line-height:64px;}

.banner{ height:55vw;}
/* .banner{ height:auto;   } */
.banner .box .text{ font-size:4vw; margin-top: 0 }
.banner .box .input{ padding:0 4%; margin-top:2%;}
.banner .box .input input[type="text"]{ height:40px; width:85%; font-size:1.4em;}
.banner .box .input input[type="submit"]{ height:40px; width:15%; background-size:20px;}
.banner .box .hot{ margin:3% 4% 0; font-size:1.4em; overflow:hidden; height: 60px; line-height: 30px; }
.banner .box .hot span{ background-size:12px; padding-left:20px;}
.banner .box .hot a{ padding:0 8px;}

.index-title .title{ font-size: 2.4em; margin:8px 0 4px;}
.index-title .line{ height:3px;}

.iproduct{ padding:5% 0;}
.iproduct .list{ padding:15px 0 0;}
.iproduct .list ul{ margin:0 -5px;}
.iproduct .list li{ padding:0 5px; margin-bottom:15px;}
.iproduct .list li .title{ font-size:1.2em;}

.i-information .box{ margin-top:5%;}
.i-information .box .hd{ text-align:center; overflow:hidden; z-index: 0;}
.i-information .box .hd ul{ margin:0 -5px;}
.i-information .box .hd li{ float:left; padding:0 5px; width:50%;}
.i-information .box .hd li > a{ text-indent:0; width: 100%; font-size:1.4em;}
.i-information .box .hd li a span::before{ display:none;}
.i-information .box .bd ul{ margin:0;}
.i-information .box .bd li{ padding:0; margin-bottom:20px;}
.i-information .box .bd li .img img{ width:100%;}

.footer{ padding:5% 0 2%;}
.footer dl{ margin-bottom:10px;}
.footer dd{ display:none;}
.foot-copy .copy{ line-height:24px; padding:0 0 6px; text-align:center;}
.foot-copy .icon{ text-align:center; padding:0;}

.page-banner{ height:80px;}
.page-banner .container{ width: 100%;}
.page-banner .box .input{ padding:0 4%;}
.page-banner .box .input input[type="text"]{ height:40px; width:85%; font-size:1.4em; border:none;}
.page-banner .box .input input[type="submit"]{ height:40px; width:15%; background-size:20px;}

.page-box .ty-left{ padding:0;}
.page-box .ty-left .ty-top{ height:50px; line-height:50px; font-size:2.2em; background:url(../images/page-nav.png) no-repeat 15px center #d52431; margin-bottom:10px;}
.page-box .ty-left .ty-nav{ position:fixed; top:0; left:-100%; width:100%; height:100%; background:#fff; z-index:9999; overflow-x:hidden; transition: all 0.3s linear 0s;}
.page-box .ty-left .ty-nav.on{ left:0;}
.page-box .ty-left .ty-nav-btns{ width:100%; height:60px; line-height:60px; padding:0 15px; display:block;}
.page-box .ty-left .ty-nav-btns span{ display:inline-block; font-size:2em; color:#333; font-weight:bold;}
.page-box .ty-left .ty-nav-btns a{ width:20%; height:35px; line-height:35px; background:#d52431; font-size:1.4em; border-radius:6px; display:inline-block; text-align:center; color:#fff; float:right; margin:12px 0;}
.page-box .ty-right{ padding:0;}
.page-box .ty-right .ty-top{ padding:0 10px; overflow: hidden; }
.page-box .ty-right .ty-top .sx{ width:100%;}
.page-box .ty-right .ty-top .del{ display:none;}
.page-box .ty-left .ty-nav li dd{ float:left; margin-right:25px;}

.search-box{ margin-bottom:20px;}
.search-box li .img img{ width:100%;}
.search-box li .text{ padding:0; margin-top:15px; margin-bottom:15px;}

.product-con{ padding:0;}
.product-con-top-title{ font-size:2em;}
.product-con-top .imgs{ padding:0;}
.product-con-top .text{ padding:0; margin-top:20px;}
.product-con-top .text dl{ margin-bottom:0;}
.product-con-text{ margin-top:15px; margin-bottom:25px; width:100%;}
.product-con-text .title{ height:45px; line-height:45px;}
.product-con-text .title span{ width:25px; height:25px;}
.product-right{ margin-bottom:20px;}

.about-box1 .title{ font-size:2em;}
.about-box1 .img{ float:inherit;}
.about-box1 .text{ padding:0; margin-top:15px; font-size:1.4em; line-height:22px;}

.about-box2{ padding:5% 0;}
.about-box2 .box{ width:100%;}
.about-box2 .box .date{ font-size:1.8em;}
.about-box2 .swiper-slide{ width:90%; padding:0 7.5px;}
.about-box2 .swiper-slide .img img{ width:100%;}
.about-box2 .swiper-slide .icon{ display:none;}
.about-box2 .swiper-button-next, .about-box2 .swiper-button-prev{ top:26%;}
.about-box2 .line{ display:none;}

.about-box3{ padding:5% 0;}
.about-box3 .top{ font-size:2em;}
.about-box3 .list{ margin:5% -7.5px 0;}
.about-box3 li{ padding:0 7.5px; margin-bottom:15px;}
.about-box3 li .title{ height:45px; line-height:45px; font-size:1.4em;}

.about-box4 .box{ width:100%;}
.about-box4 .box .img img{ width:100%;}
.about-box4 .box p{ padding:0 15%;}
.about-box4 .swiper-slide{ width:70%; padding:0 7.5px;}

.page-box .ty-right{ margin-top:20px; padding:0;}
.jstl-list{ margin-top:15px; margin-bottom:25px;}
.jstl-list .title{ height:45px; line-height:45px; margin-top:10px;}
.jstl-list .title span{ width:25px; height:25px;}
.jstl-list .text{ margin-bottom:10px;}
.jstl-list .text .t{ line-height:24px; margin-bottom:10px; font-size:1.2em;}

.syzx-list{ margin-bottom:20px;}
.syzx-list li .img img{ width:100%;}
.syzx-list li .text{ padding:0; margin-top:15px;}

.news-con .title .bq{ float:inherit; width:100%; margin-top:10px;}
.news-con .title .bq span{ margin-left:0; margin-right:25px;}

.download-list li{ padding:0 15px;}
.download-list li .title{ font-size:1.4em;}

.news-list li{ margin-bottom:15px;}
.news-list li .date{ padding:11% 0;}
.news-list li .date span{ font-size:3em;}
.news-list li .date p{ font-size:1.8em; margin-top:6px;}
.news-list li .text{ padding:0 15px;}
.news-list li .text .title{ margin-top:2%;}
.news-list li .text .p{ margin-top:2%;}
.news-list li .text .btns{ margin:2% 0;}

.message{ width:100%;}
.message li label{ line-height:18px; padding:2px 0;}
.message li:last-child{ margin-top:0;}

.contact{ margin-bottom:5%;}
.contact .box{ margin:5% 0 10px;}
.contact .box li{ overflow:hidden; margin-bottom:20px;}
.contact .box li .text{ width:82%;}

.product-db{ width:100% !important;}
.product-db .title{ padding:0 15px 0 40px;}

.page-title{ font-size:2em; padding:5% 10% 5% 0;}
.db-box{ overflow-Y:hidden;}
.db-box table{ width:640px;} 
.db-box th{ display:none;}
.db-box table .mgd{ position:relative; height:45px; line-height:45px;}
.db-box table .db-nav{ display:block; position:absolute; left:15px; height:45px; line-height:45px; width:93%; padding:10px;}
.db-box table .db-nav ul{ float:left;}
.db-box table .db-nav li{ height:20px; line-height:24px;}
.db-box table .db-nav .top{ display:none;}
.db-box table td{ padding:2%;}

.db-product .list{ margin:20px -7.5px 0;}
.db-product .list li{ padding:0 7.5px;  margin-bottom:15px;}

.product-tc-box{ overflow-x:hidden;}
.product-tc-box .top{ font-size:1.6em; padding:4px 40px 4px 18px; height:auto; line-height:26px;}
.product-tc-box .top .close{ right:10px; top:9px; transform:translateY(0);}
.product-tc-box .box .imgs{ height:auto;}
.product-tc-box .box .text{ height:auto;}
.product-tc-box .select select{ width:100%;}
.product-tc-box .box .imgs{ padding:0;}
.product-tc-box .imgs .gallery-top{ padding:10% 0;}
.product-tc-box .imgs .gallery-thumbs{ padding-bottom:20%;}

.page-box .ty-left .ty-nav li dd>em{ left:inherit; top: 8px; right: -22px;}
.page-box .ty-left .ty-nav li dd .sj-nav{ position:absolute; z-index:99; background:#f2f2f2; width:180px;}
.page-box .ty-left .ty-nav li dd .sj-nav a{ padding:0 15px;}

.pro-fl-list{ margin:0 -7.5px;}
.pro-fl-list li{ padding:0 7.5px; margin-bottom:15px;}
}


.price-label{ display: block; width:100%; background: white; border:1px solid #f8f8f8; padding: 10px; margin-bottom: 5px; text-align: left; font-size: 1.4rem; }
.price-label .price{ float: right; font-weight: bold; }
.price-label .icon { display: inline-block; width: 20px; height:inherit }
.price-label i { display:none; }
.price-label.on { border:1px solid #d52431; }
.price-label.on * { color: #d52431; }
.price-label.on i { display: inline-block; }