﻿.auto_1700{max-width: 1700px}


a:hover {color:rgb(215,22,24);}
.Top_Text{position: relative; background: #727174; margin-bottom:20px; font:normal 14px/30px "å¾®è½¯é›…é»‘"; color:#fff;overflow: hidden;}
.Top_Text .auto_1700{  z-index: 100;position: relative}
.Top_Text h1{ position:absolute;left: 0;display:inline-block; font:normal 14px/30px "å¾®è½¯é›…é»‘"; color:#fff; margin:0;}
.Top_Text .right {float:right;}
.Top_Text span{ display:inline-block; margin-left:10px;}
.Top_Text span img{ display:inline-block; margin-right:10px;height:20px;}
.Top_Text a{ display:inline-block;}
.Top_Text a img{ display:inline-block; margin-right:10px;height:20px;}
.Top_Text a div{ position:absolute; display:none; top:100%; padding:8px; background-color:#fff; right:0;}
.Top_Text a div img{ width:100px; height:100px; margin:0;}
.Top_Text a:hover div{ display:inline-block;}
.Top_Text a.qq{ /*margin-left:5%;*/}
.Top_Text a.wx{ margin-right:0;}
.Top_Text a.wx img{ margin-right:0;}
.wrap-header{ position: relative;margin-bottom: 2%;}
.cen{text-align: center;}
.wrap-header .more{ position: absolute; right: 0; top: 15px; color: #333; font-size: 14px;}
.wrap-header .more:hover{ color: #204da0;}
.wrap-header h2{ margin: 0; font-weight: normal; font-size: 20px; color: #333; position: relative;}
.wrap-header h2:after{content: "";position: absolute;left:35%;bottom:-15%;width:30%;height:1px;background: #cecece;}
.wrap-header h2:before{content: "";position: absolute;left:47%;bottom:-15%;width:5%;height:7px;background:rgb(215,22,24)      ;}
.wrap-header h2 span{ color: #395894;  font-weight: lighter;}
.wrap-header .p{ margin: 9px 0 0; font-size: 20px; color: #333;}
@media (max-width: 768px) {
.Top_Text{ display:none;}
}
@media only screen and (min-width:768px ) {
	 .wrap-header h2{font-size: 22px;}
}
@media only screen and (min-width:1024px ) {
	 .wrap-header h2{font-size: 18px;line-height: 48px;font-weight:bold;}
}

/*Top002742 */
.Top002742 { position: relative; width: 100%; z-index: 100; background-color: #fff; }
.Top002742 a { color: #333; }
.Top002742 a.pc {position: absolute;max-width: 116px;}
.Top002742 .header { }
.Top002742 .header-left a { display: block; max-width: 86px; }
.Top002742 .header-left a img { display: block; width: 100%; }
.Top002742 .wap {display:none;}

@media(max-width:480px) {
	.Top002742 a.pc {display:none;}
	.Top002742 .wap {display:table-cell;}
.Top002742 .header-left span { display: none; }
}
.Top002742 .top-nav { margin-top: 10px; position: relative; z-index: 20; float: right; }
.Top002742 .top-search { position: absolute; right: 0; top: 100%; width: 50%; display: none; }
.Top002742 .top-search .text { color: #999; background: #fff; border: none; width: 100%; padding: 0 50px 0 10px; height: 40px; line-height: 40px; box-shadow: 0 0 5px rgba(0,0,0,0.3) }
.Top002742 .top-search .text.focus { color: #333; }
.Top002742 .top-search .btn { position: absolute; right: 0; top: 0; width: 40px; height: 100%; background: url(../images/Top002898-search_btn2.png) no-repeat center center #ddd; }
.Top002742 .top-search .btn:hover{ background-color: rgb(61,57,57); background-image: url(../images/Top002898-search_btn3.png);}
.Top002742 .weblink { float: right;}
.Top002742 .weblink a { display: inline-block; position: relative; margin-left: 10px; padding: 10px 15px; background: #f7f7f7; border: 1px #ddd solid; transition: .3s; border-radius:5px;}
.Top002742 .weblink a:hover { background:rgb(61,57,57); border-color:rgb(61,57,57); color: #fff;}
.Top002742 .header-mid { float: right; clear: both; }

@media(min-width:1025px) {
.Top002742 .header-left { width: 20%; padding-bottom:18px;}
.Top002742 .header-right {width: 100%;}
.Top002742 .top-search { right:93%; top:0; display:block;}
}
.Top002742 .open-search { display: inline-block; background: url(../images/Top002898-search_btn.png) no-repeat center center; width: 35px; height: 35px; position: relative; }
.Top002742 .open-search:before, .Top002742 .open-search:after { position: absolute; left: 25%; content: ''; width: 50%; height: 3px; top: 50%; margin-top: -1.5px; background: #395894; opacity: 0; -webkit-opacity: 0; transition: 0.5s; -webkit-transition: 0.5s; }
.Top002742 .open-search.on { background: none; }
.Top002742 .open-search.on:before, .Top002742 .open-search.on:after { opacity: 1; -webkit-opacity: 1; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.Top002742 .open-search.on:after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.Top002742 .header-menu li { width: auto!important; position: relative }
.Top002742 .header-menu li.nulltab{ width: auto!important; position: inherit }
.Top002742 .header-menu li em { padding:16px 1.5vw 14px 1.5vw ; font-size: 16px; line-height: 44px; }
.Top002742 .header-menu li:last-child em { padding-right:0; }
.Top002742 .header-menu li em a {  border-bottom:solid 2px #fff; transition: .3s; }
.Top002742 .header-menu li.aon em a { color: #d71618; border-color: #d71618; }
.Top002742 .header-menu li#m9 em{ padding-right:0;}
.Top002742 .header-menu li .sub { left: 0; width: 100%; background:#404040; padding: 18px 0 }
.Top002742 .header-menu li#m74 .sub,.Top002742 .header-menu li#m75 .sub,.Top002742 .header-menu li#m76 .sub{width: 180%;left: 50%;margin-left: -90%;}
.Top002742 .header-menu li.nulltab .sub .auto_1700{width:90%}
.Top002742 .header-menu li.nulltab .sub{ padding: 18px 0 90px 0; }
.Top002742 .header-menu li.nulltab .sub dl { float: left; width: 20%; padding-right: 2%; min-height:250px;}
.Top002742 .header-menu li#m9 .sub{ width:120%;}
.Top002742 .header-menu li .sub dl > * { max-width: 265px; margin: 0 auto; width: 100%; }
.Top002742 .header-menu li .sub dl > dt{ max-width: 200px; margin-left:0;}
.Top002742 .header-menu li.nulltab .sub dt { padding: 10px 0 0; margin-bottom: 4px; line-height: 32px;border-bottom: 2px solid #9fa0a0; }
.Top002742 .header-menu li.nulltab .sub dt img { float: left; height: 32px; margin-right: 10px; }
.Top002742 .header-menu li.nulltab .sub dt a { font-size: 16px; color: #fff; padding: 0;font-weight:bold; }
.Top002742 .header-menu li.nulltab .sub dt a:hover { background: none; }
.Top002742 .header-menu li:not(.nulltab) .sub dt,
.Top002742 .header-menu li .sub dd { line-height: 24px; padding: 0; text-align: center }
.Top002742 .header-menu li.nulltab .sub dd{ text-align: left;max-width: 100%; }
.Top002742 .header-menu li:not(.nulltab) .sub dt a,
.Top002742 .header-menu li .sub dd a { color: #fff; /*background: url(../images/Top002742_dd.png) no-repeat left center; padding-left: 9% */}
.Top002742 .header-menu li:not(.nulltab) .sub dt a:hover,
.Top002742 .header-menu li .sub dd a:hover { color: #d71618; }
.Top002742 .header-menu li:not(.nulltab) .sub dt a:hover{background: none;}

/*.Top002742 .header-menu li.hover em { position: relative; }
.Top002742 .header-menu li.hover em:after { position: absolute; content: ''; border: 6px solid transparent; border-bottom-color: #fff; left: 50%; margin-left: -6px; bottom: 0; }*/
.Top002742 #header-menu { position: absolute; top: -100%; transform: translateY(-100%); right: 0; background: rgba(0,0,0,0.8); padding: 20px; width: 260px; border-radius: 0 0 0 5px; opacity: 0; transition: 0.5s; }
.Top002742 #header-menu.header-menu-show { top: 100%; transform: translateY(0); opacity: 1; }

@media(max-width:1024px) {
.Top002742{ padding:15px 0;}
.Top002742 .header-left{ width:22%;}
.Top002742 .header-right{ width:100%;}
.Top002742 .weblink{ position:absolute; width:430px; right:80%; z-index:1;}
.Top002742 .weblink a{ padding:10px;}
.Top002742 .open-search{ float:left;}
.Top002742 .top-search{ width:264%;}
.Top002742 #open_menu { width: 40px; height: 35px; border: 1px solid rgba(255,255,255,0.2); border-radius: 3px; margin-left: 40px; position: relative; }
.Top002742 #open_menu span, .Top002742 #open_menu:after, .Top002742 #open_menu:before { position: absolute; width: 70%; left: 15%; height: 3px; background: #395894; }
.Top002742 #open_menu:after, .Top002742 #open_menu:before { content: ''; transition: transform 0.3s; }
.Top002742 #open_menu span { top: 50%; margin-top: -1.5px; }
.Top002742 #open_menu:before { top: 8px; }
.Top002742 #open_menu:after { bottom: 8px; }
.Top002742 #open_menu.open_menu_on span { opacity: 0; }
.Top002742 #open_menu.open_menu_on:after, .Top002742 #open_menu.open_menu_on:before { top: 50%; margin-top: -2px; transform: rotate(45deg); width: 70%; left: 15%; }
.Top002742 #open_menu.open_menu_on:before { transform: rotate(-45deg); }
.Top002742 #header-menu li .sub dl dt a{ font-size:16px; padding:0 10px;}
.Top002742 #header-menu li .sub dl dd a{ font-size:14px; padding:0 10px;line-height:24px;padding-left:15px;}
.Top002742 #header-menu li.has-sub em .op{display: block;}
.Top002742 a.pc img{max-height:50px}
.Top002742 #header-menu li.has-sub em::before{display: none;}
}

@media(max-width:640px) {
	.Top002742 .weblink{display:none;}
.Top002742 .weblink a{ padding:5px; font-size: 12px; line-height: 16px;}
}



/*Banner002840 */
.Banner002840 .slides > li { display: none; -webkit-backface-visibility: hidden; overflow: hidden; }
.Banner002840 .slides:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
html[xmlns] .Banner002840 .slides { display: block; }
* html .Banner002840 .slides { height: 1%; }
.no-js .Banner002840 .slides > li:first-child { display: block; }
.Banner002840 .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; }
.loading .Banner002840 .flex-viewport { max-height: 300px; }
.Banner002840 .slides { zoom: 1; }
.Banner002840 .slides > li { position: relative; }
.Banner002840 .slides > li img { display: block; width: 100%;transition: 5s all;max-height:75vh }
.Banner002840 .slides > li.flex-active-slide img { transform: scale(1.1); }

@media(min-width:1025px) {
.Banner002840 .slides > li img.wap { display: none; }
}

@media(max-width:1024px) {
.Banner002840 .slides > li img.pc { display: none; }
}
.Banner002840 { position: relative; z-index: 1; }
.Banner002840 .txt { position: absolute; left: 0; opacity: 0; bottom: 5%;z-index: 10; color: #fff; width: 100%;}
.Banner002840 .txt .auto_1400{max-width: 1700px;width: 90%}
.Banner002840 .flex-active-slide .txt { opacity: 1; transition: 1s 0.12s; }
.Banner002840 .txt .t-1 { font-size: 0.42em; margin-bottom: 0.619em; }
.Banner002840 .txt .t-2 { font-family: "è”ç›Ÿèµ·è‰ºå¢å¸…æ­£é”é»‘ä½“"; font-size: 0.68em; }
.Banner002840 .txt .t-2 .num { font-size: 1.3235em; font-family: "avantgardeitcbybt-demi"; display: inline-block; vertical-align: middle; margin-top: -2%; margin: -2% 0.1em 0 0; }
.Banner002840 .txt .t-3 { font-size: 0.16em; letter-spacing: 2em; margin-bottom: 2em; font-family: "avantgardeitcbybt-demi"; }
.Banner002840 .txt .t-4 { font-size: 0.2em; margin-bottom: 6.3em; }
.Banner002840 .txt .more { display: inline-block; position: relative;color: #fff;background: #d71618;padding:8px 20px; }
.Banner002840 .txt .more:hover{background:#dcdddd;color:#333}
.Banner002840 .txt .more:before { position: absolute; content: ''; left: 0; bottom: 0; height: 100%; width: 85%; background: #ea5432; transition: height 0.3s, width 0.5s 0.3s; display: none;}
.Banner002840 .txt .more:hover:before { width: 110%; height: 0; transition: width 0.3s, height 0.5s 0.3s; }
.Banner002840 .txt .more i { font-style: normal; display: block; font-size: 0.16em; line-height: 3.125em; padding: 0 4.5em 0 1.1875em; background: url(../images/Banner002840-more.png) no-repeat right center; background-size: 24.517% auto; position: relative; z-index: 10; }
.Banner002840 .flex-control-nav { position: absolute; z-index: 20; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); overflow: hidden; bottom: 8%; font-size: 0; }
.Banner002840 .flex-control-nav li { float: left; padding-right: 15px; }
.Banner002840 .flex-control-nav li a { display: block; width: 10px; height: 10px; background-color: #fff; opacity: 0.2; -webkit-opacity: 0.2; transition: 0.5s; border-radius: 50px }
.Banner002840 .flex-control-nav li a.flex-active { opacity: 1; -webkit-opacity: 1; width: 90px; }


@media(max-width:1024px) {
.Banner002840 .flex-control-nav li { padding-right: 10px; }
.Banner002840 .flex-control-nav li a { width: 4px; height: 4px; }
.Banner002840 .flex-control-nav li a.flex-active { width: 40px; }
}

@media(max-width:640px) {
.Banner002840 .flex-control-nav { bottom: 3%; }
}

@media(max-width:480px) {
.Banner002840 .txt .t-1 { font-size: 0.3em; }
.Banner002840 .txt .t-2 { font-size: 0.5em; }
}



.home-title{text-align: center;}
.home-title .cn{font-size: 2em;color: #333;}
.home-title .en{font-size: 1.25em;color: #d71618;margin-top: 5px}
.home-title:after {display: block;content: '';margin: 25px auto 30px;width: 40px;height: 4px;background: #d71618;}



.Floor { padding: 2% 0; }
/*Floor002827 */
.Floor002827 { overflow: hidden; position: relative;margin-top: 0;float:left;  width: 100%; margin-top: 2%}
.Floor002827:before { position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background:url(../images/Floor002827-bg.png) no-repeat center /cover; content: ''; }
.Floor002827 .left > * { position: relative; z-index: 10; }
.Floor002827 .left .title { color: #d71618; }
.Floor002827 .left .title .cn { font-size: 2.75em; color: #fff;font-weight: bold}
.Floor002827 .left .title .en { font-size: 1.25em; line-height: 1; text-transform: uppercase;margin-top: 10px }
.Floor002827 .left .desc { max-width: 320px; color: #fff; line-height: 1.875; text-align: justify; margin-top: 3.75em; margin-bottom: 6.25em; }
.Floor002827 .left .btn { overflow: hidden; }
.Floor002827 .left .btn a{display:inline-block;padding:8px 30px;background:#d71618;color:#fff;border-radius:5px;font-size:20px;transition:all 0.3s;}
.Floor002827 .left .btn a:hover{background:#dcdddd;color:#333}
.Floor002827 .left .slick-arrow { float: left; width: 3.75em; height: 3.75em; border: solid 1px #d71618; border-radius: 50%; background-color: #d71618; background-position: center; background-repeat: no-repeat; cursor: pointer; position: relative; font-size: 1em; background-size: auto 0.875em; }
.Floor002827 .left .slick-next { margin-left: 20px; }
.Floor002827 .left .slick-disabled { border-color: #dcdcdc; background-color: #fff; cursor: default; }
.Floor002827 .left .slick-prev { left: 0; background-image: url(../images/icon-prev-white.svg); }
.Floor002827 .left .slick-next { right: 0; background-image: url(../images/icon-next-white.svg); }
.Floor002827 .left .slick-prev.slick-disabled { background-image: url(../images/icon-prev.svg); }
.Floor002827 .left .slick-next.slick-disabled { background-image: url(../images/icon-next.svg); }
.Floor002827 .right { overflow: hidden; position: relative; }
.Floor002827 .right li:nth-child(3n+1) { }
.Floor002827 .right li:nth-child(3n) { }
.Floor002827 .right li a { display: block; margin: 0 20px; position: relative;-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
.Floor002827 .right li .img-bg { padding-bottom: 120%; transition: 0.3s; width:100%;-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;}
.Floor002827 .right li .pic { position: absolute; width: 90%; left: 50%; bottom:5em; transform: translate(-50%, 0); transition: 1s cubic-bezier(0.175, 0.885, 0.32, 1.275); }
.Floor2 .right li .pic{bottom:2.5em !important}
.Floor002827 .right li .txt { position: absolute; left: 0; top: 0; width: 100%; color: #333; padding: 15px; height:100%}
.Floor002827 .right li:hover .txt {color:#fff}
.JsBoxCon .right li:hover .txt {color:#d71618 !important;}
.Floor002827 .right li .name { font-weight: bold; font-size: 20px;; line-height: 1; margin-bottom: 0.5em; }
.Floor002827 .right li .cate-name { font-size: 1.375em; line-height: 1; }
.Floor002827 .right li a:hover .pic { transform: translate(-50%, -1em); }
.Floor002827 .right li a .btn{transition:all 0.3s;color:#d71618}
.Floor002827 .right li:hover a .btn{color:#fff}
.Floor00282777:before{background:#DCE6F2}
.Floor00282777 .left .title .cn,.Floor00282777 .left .desc{color:#333}
.Floor00282777 .left .title .cn{font-size:1.5em}
.Floor00282777 .left .desc{margin-bottom:2em}
.Floor00282777 .right li .img-bg{padding-bottom: 130%;}

.Floor00282777 .hover{position: absolute;width: 100%;height: 100%;display: table;left: 0;top: 0;background: rgba(215,22,24,.85);padding: 2vw;color: #fff;z-index: 10;text-align: center;transform: scale(0);opacity: 0;transition: all ease 0.3s;}
.Floor00282777 .hover h3{font-size: 1.5em;margin: 0;}
.Floor00282777 .slider li .hover h3::after{content: '';display: block;margin: 1em auto ;width: 30px;height: 3px;background: #fff}
.Floor00282777 .hover p{opacity: .95;margin: 0;line-height: min-height:136px}
.Floor00282777 .hover .btn{display: block;width: 10em;line-height: 3;border: 1px solid rgba(255,255,255.5);border-radius: 36px;font-size: 0.875em;margin: 3em auto 0;background: url(../images/Floor003105-icon-white.svg)no-repeat center right 1.5em #d71618;background-size: 16px auto;padding-right:2em}

.Floor00282777  a:hover .hover{opacity: 1;transform: scale(1);}
@media(min-width:1025px) {
.Floor002827 .left { float: left; width: 23.75%; padding-top: 0%; }
.Floor002827 .right { float: right; width: 71.875%; }
.Floor002827 .slider { margin: 0 -20px; }
}

@media(max-width:1700px){
    .Floor002827 .left { padding-top: 0; }

}
@media(max-width:1440px){
	
	.Floor002827 .right li .name{font-size:20px;}	
}
@media(max-width:1024px) {
.Floor { padding: 40px 0; }
.Floor002827 {margin-top: 0 }
.Floor002827 .left:before { left: 0; }
.Floor002827 .left { position: relative; margin-bottom: 20px; }
.Floor002827 .left .desc { max-width: 100%; margin-top: 1.75em; margin-bottom: 1.25em; }
.Floor002827 .left .desc br{display:none}
.Floor002827 .left .btn { position: relative; right: auto; bottom: auto;}
.Floor002827 .slider li .inner { padding: 0 10px; }
.Floor002827 .right li a{margin: 0}
.Floor002827 .right li .txt{padding:15px}
}





/*Floor003194 */
.Floor003194 { overflow: hidden; padding:2% 0;background:#81CAC5;background-size: cover;}
.Floor003194 .title { color: #d71618;text-align: center;padding-bottom: 2%}
.Floor003194 .title .cn { font-size: 2.75em; color: #fff; font-weight: bold; }
.Floor003194 .title .en { font-size: 1.25em; line-height: 1; text-transform: uppercase;margin-top: 10px}
@media(min-width:1201px) {
.Floor003194 .shoufengqin { margin-left: -10px; margin-right: -10px; }
.Floor003194 .shoufengqin li .icon { margin-bottom: calc(100 / 16 * 1em);}
}
.Floor003194 .shoufengqin ul { display: table; width: 100%; }
.Floor003194 .shoufengqin li { display: table-cell; cursor: pointer; transition: 0.3s; width: 15.384%; height: 550px; position: relative; }

.Floor003194 .shoufengqin li .inner { left: 10px; right: 10px; position: absolute; height: 100%;overflow: hidden; }
.Floor003194 .shoufengqin li .inner:after { position: absolute; content: ''; left: 0; bottom: 0; width: 100%; height: 80%; opacity: 0.6; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000', GradientType=0 ); /* IE6-9 */
}
.Floor003194 .shoufengqin li .Ispic { height: 100%; }
.Floor003194 .shoufengqin li .txt { position: absolute; left: 0; bottom: 0; z-index: 10; width: 100%; padding: 50px; color: #fff; }
.Floor003194 .shoufengqin li .icon { line-height: 0; }
.Floor003194 .shoufengqin li .icon img { height: calc(70 / 16 * 1em);
}
.Floor003194 .shoufengqin li .num { line-height: 0; }
.Floor003194 .shoufengqin li .num * { display: inline-block; vertical-align: baseline; }
.Floor003194 .shoufengqin li .num b { font-weight: normal; font-family: 'HarmonyOS_Sans_SC_Bold'; background: linear-gradient(to right, #1278ff, #02e2ff); -webkit-background-clip: text; color: transparent; line-height: 1; font-size: calc(50 / 16 * 1em);
}
.Floor003194 .shoufengqin li .num sub { margin-left: 0.5em; }
.Floor003194 .shoufengqin li.active .link { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 11; }
.Floor003194 .shoufengqin li .desc { white-space: nowrap; text-overflow: ellipsis; overflow: hidden;font-size: 1.5em;text-align: center;font-weight: bold}
.Floor003194 .shoufengqin li.active .desc {text-align: left;font-size: 2em}
.Floor003194 .shoufengqin li .info { visibility: hidden; max-width:calc(800 / 16 * 1em);line-height: 1.75; margin-top: 10px;
transform: translateX(50px); opacity: 0; transition: transform 0.3s, opacity 0.3; position: absolute; }
.Floor003194 .shoufengqin li.active .info { visibility: visible; transform: translateX(0); opacity: 1; position: relative; }
.Floor003194 .shoufengqin li.active .inner:after { background:#d71618;opacity:0.7; height: 100%;}

@media(min-width:1025px){
    .Floor003194 .shoufengqin li.active { width: 55.128%; }
}

@media(max-width:1024px) {
.Floor003194 {padding:30px 0;}
.Floor003194 .shoufengqin li { display: block; width: 100%; height: 250px;margin-bottom: 10px}
.Floor003194 .shoufengqin li:not(.active) .txt aside.dot { display: none; }
.Floor003194 .shoufengqin li .inner { left: 5px; right: 5px; }
.Floor003194 .shoufengqin li .txt { padding-bottom: 30px; }
}

@media(max-width:768px) {
.Floor003194 .shoufengqin li .txt { padding-bottom: 15px; padding-left: 10px; padding-right: 10px; }
.Floor003194 .shoufengqin li.active .txt { padding-left: 15px; padding-right: 15px; }
.Floor003194 .shoufengqin li .inner { left: 1px; right: 1px; }
}



/*Floor003161 */
.Floor003161{padding:4% 0;}
.Floor003161 .box-topic .slider{margin: 0 -0.625em;}
.Floor003161 .box-topic .slider li a{display: block;margin: 0 0.625em; overflow: hidden;position: relative;border: 1px solid #ebebeb;}
.Floor003161 .box-topic .slider li .pic{overflow: hidden;padding:0;position: relative}
.Floor003161 .box-topic .slider li figure{padding-bottom: 80%;background-position: center;background-repeat: no-repeat;background-size: contain}
.Floor003161 .box-topic .slider li .hover{position: absolute;width: 100%;height: 100%;display: table;left: 0;top: 0;background: rgba(215,22,24,.9);padding: 3vw;color: #fff;z-index: 10;text-align: center;transform: scale(0);opacity: 0;transition: all ease 0.3s;}
.Floor003161 .box-topic .slider li .hover h3{font-size: 1.5em;margin: 0;}
.Floor003161 .box-topic .slider li .hover h3::after{content: '';display: block;margin: 1em auto ;width: 30px;height: 3px;background: #fff}
.Floor003161 .box-topic .slider li .hover p{opacity: .95;margin: 0;line-height: 2;}
.Floor003161 .box-topic .slider li .hover .btn{display: block;width: 10em;line-height: 3;border: 1px solid rgba(255,255,255.5);border-radius: 36px;font-size: 0.875em;margin: 3em auto 0;background: url(../images/Floor003105-icon-white.svg)no-repeat center right 1.5em;background-size: 16px auto;padding-right:2em}
.Floor003161 .box-topic .slider li img{transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);}
.Floor003161 .box-topic .slider li a:hover .hover{opacity: 1;transform: scale(1);}
.Floor003161 .box-topic .slider li aside{font-size: 1.25em;color: #000;text-align: center;padding:0 1vw 2vw;}
.Floor003161 .box-topic .slick-arrow{position: absolute;width: 3.125em; height: 3.75em; background: #ffffff url(../images/Floor003161-prev.svg) no-repeat center;background-size: auto 30px;top: 50%;margin-top: -2.075em;z-index: 20;cursor: pointer;font-size: 1em;text-indent: -9999em;}
.Floor003161 .box-topic .slick-prev{left:-3vw;}
.Floor003161 .box-topic .slick-next{right:-3vw;background-image: url(../images/Floor003161-next.svg);}




/*Floor002882 */
.Floor002882{padding:0 0 2%;}
.Floor002882 .auto{padding: 2% 0 0;}
.Floor002882 section.ytable-cell{vertical-align: top;}
.Floor002882 section.ytable-cell:not(.no){}
@media(min-width:1025px){
.Floor002882 .no{width:2%;}
.Floor002882 .left{width:49%;}
}
@media(max-width:1024px){
.Floor002882{padding:30px 0;}
.Floor002882 .title{margin-bottom: 15px}
.Floor002882 section.ytable,
.Floor002882 section.ytable-cell{display: block;}
.Floor002882 .no{height: 30px;}
}

.Floor002882 .inner{
	/*padding: 22px;*/
	padding:3vw 22px;
background: #eaeaea; border: 1px solid #f0f0f0;}
@media(max-width:480px){
.Floor002882 .inner{padding: 15px 15px 0;}
}

.Floor002882 .title{ margin-bottom: 25px;position: relative;}
.Floor002882 .title a{position: absolute;right: 0; top: 50%; margin-top: -10px; transform: rotate(-180deg);-webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg);width: 21px; height: 21px; background: url(../images/Floor002882_prev.png) no-repeat center center;}
.Floor002882 .title span.cn{float: left;border-left: 4px solid #d71618;color: #333;font-size:2em;line-height: 1em;padding-left: 20px }
.Floor002882 .title span.en{float: left;color: #d71618;font-size: 1.25em;line-height: 1.117em; margin: 10px 0 0 10px}
@media(max-width:640px){
.Floor002882 .title{font-size: 3.6vw;}
}


.Floor002882 .btn{position: absolute; right: 0; top: 50%; margin-top: -10px; overflow: hidden;}
.Floor002882 .btn .slick-arrow{float: left; width: 24px; height: 24px;background: url(../images/Floor003161-prev.png) no-repeat center;background-size: 12px auto}
.Floor002882 .btn .slick-arrow:hover{background-color: #dedede;}
.Floor002882 .btn .slick-next{transform: rotate(180deg); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); margin-left: 9px;}
.Floor002882 .slider{margin: 0 -9px;}
.Floor002882 .slider li a{display: block; margin: 0 9px;}
.Floor002882 .slider li .pic{border: 1px solid #f0f0f0;background: #f7f7f7;transition: all ease 0.3s;overflow: hidden}
.Floor002882 .slider li .pic figure{
	/*padding-bottom: 100%;*/
	padding-bottom: 110%;
background-size: cover;background-position: center;background-repeat: no-repeat;transition: all ease 0.3s;}
.Floor002882 .slider li .pic img{display: block; width: 100%;}
.Floor002882 .slider li .txt{text-align: center}
.Floor002882 .slider li .txt aside{margin: 12px 0 0;color: #333;overflow: hidden;min-height: 42px;}
.Floor002882  a:hover .pic{border-color: #d71618;}
.Floor002882  a:hover .pic figure{transform: scale(1.1)}
.Floor002882  a:hover .txt aside{color: #d71618;}
.Floor002882 .slider li p{margin: 0;color: #979797; }
.Floor002882 .details{color: #d71618;}

.Floor002882 .news .pic img{display: block; width: 100%;}
.Floor002882 .news .txt{color: #777; padding: 15px 0 0 0;}
.Floor002882 .news .txt time{color: #89c33f;font-size: 12px;}
.Floor002882 .news .txt  aside{ font-size: 16px; }
.Floor002882 .news .txt p{margin: 12px 0 0 0;color: #979797; }




.Floor0031612{padding:2% 0;background: #f8f8f8}
.Floor0031612 .box-topic .slider{margin: 0 -0.625em;}
.Floor0031612 .box-topic .slider li a{display: block;margin: 0 0.625em; overflow: hidden;position: relative;border: 1px solid #ebebeb;background: #fff}
.Floor0031612 .box-topic .slider li .pic{overflow: hidden;padding:0;position: relative}
.Floor0031612 .box-topic .slider li figure{padding-bottom: 80%;background-position: center;background-repeat: no-repeat;background-size: contain}
.Floor0031612 .box-topic .slider li .hover{position: absolute;width: 100%;height: 100%;display: table;left: 0;top: 0;background: rgba(215,22,24,.9);padding: 3vw;color: #fff;z-index: 10;text-align: center;transform: scale(0);opacity: 0;transition: all ease 0.3s;}
.Floor0031612 .box-topic .slider li .hover h3{font-size: 1.5em;margin: 0;}
.Floor0031612 .box-topic .slider li .hover h3::after{content: '';display: block;margin: 1em auto ;width: 30px;height: 3px;background: #fff}
.Floor0031612 .box-topic .slider li .hover p{opacity: .95;margin: 0;line-height: 2;}
.Floor0031612 .box-topic .slider li .hover .btn{display: block;width: 10em;line-height: 3;border: 1px solid rgba(255,255,255.5);border-radius: 36px;font-size: 0.875em;margin: 3em auto 0;background: url(../images/Floor003105-icon-white.svg)no-repeat center right 1.5em;background-size: 16px auto;padding-right:2em}
.Floor0031612 .box-topic .slider li img{transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);}
.Floor0031612 .box-topic .slider li a:hover .hover{opacity: 1;transform: scale(1);}
.Floor0031612 .box-topic .slider li aside{font-size: 1.25em;color: #000;text-align: center;padding:0 1vw 2vw;}
.Floor0031612 .box-topic .slick-arrow{position: absolute;width: 3.125em; height: 3.75em; background: #ffffff url(../images/Floor003161-prev.svg) no-repeat center;background-size: auto 30px;top: 50%;margin-top: -2.075em;z-index: 20;cursor: pointer;font-size: 1em;text-indent: -9999em;}
.Floor0031612 .box-topic .slick-prev{left:-3vw;}
.Floor0031612 .box-topic .slick-next{right:-3vw;background-image: url(../images/Floor003161-next.svg);}



.Floor0031613{padding:2% 0;}
.Floor0031613 .title { color: #d71618;text-align: center;margin-bottom: 2%}
.Floor0031613 .title .cn { font-size: 2.75em; color: #000; font-weight: bold; }
.Floor0031613 .title .en { font-size: 1.25em; line-height: 1; text-transform: uppercase; }
.Floor0031613 .box-topic .slider{margin: 0 -0.625em;}
.Floor0031613 .box-topic .slider li a{display: block;margin: 0 0.625em; overflow: hidden;position: relative;border: 1px solid #ebebeb;background: #fff;width:100%;height:100%;}
.Floor0031613 .box-topic .slider li .pic{overflow: hidden;padding:0;position: relative}
.Floor0031613 .box-topic .slider li figure{padding-bottom: 80%;background-position: center;background-repeat: no-repeat;background-size: contain}
.Floor0031613 .box-topic .slider li .hover{position: absolute;width: 100%;height: 100%;display: table;left: 0;top: 0;background: rgba(215,22,24,.85);padding: 3vw;color: #fff;z-index: 10;text-align: center;transform: scale(0);opacity: 0;transition: all ease 0.3s;}
.Floor0031613 .box-topic .slider li .hover h3{font-size: 1.5em;margin: 0;}
.Floor0031613 .box-topic .slider li .hover h3::after{content: '';display: block;margin: 1em auto ;width: 30px;height: 3px;background: #fff}
.Floor0031613 .box-topic .slider li .hover p{opacity: .95;margin: 0;line-height: min-height:136px}
.Floor0031613 .box-topic .slider li .hover .btn{display: block;width: 10em;line-height: 3;border: 1px solid rgba(255,255,255.5);border-radius: 36px;font-size: 0.875em;margin: 3em auto 0;background: url(../images/Floor003105-icon-white.svg)no-repeat center right 1.5em #d71618;background-size: 16px auto;padding-right:2em}
.Floor0031613 .box-topic .slider li img{transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);}
.Floor0031613 .box-topic .slider li a:hover .hover{opacity: 1;transform: scale(1);z-index:999}
.Floor0031613 .box-topic .slider li aside{font-size: 1.25em;color: #000;text-align: center;padding: 1vw 2vw;}
.Floor0031613 .box-topic .slick-arrow{position: absolute;width: 3.125em; height: 3.75em; 
background: #ffffff url(../images/Floor003161-prev.svg) no-repeat center;
background-size: auto 30px;top: 50%;margin-top: -2.075em;z-index: 20;cursor: pointer;font-size: 1em;text-indent: -9999em;
background-color: transparent;
}
.Floor0031613 .box-topic .slick-arrow:hover{
	background-color:#ffffff;
}
.Floor0031613 .box-topic .slick-prev{left:-3vw;}
.Floor0031613 .box-topic .slick-next{right:-3vw;background-image: url(../images/Floor003161-next.svg);}

@media(max-width:1024px){
	.Floor0031613 .box-topic .slider li a{
		margin:0;
	}
    .Floor0031613{padding:30px 0;}
		.Floor002882 .slider li .txt aside{font-size:1.25em}
		.Floor002882 .slider li .txt aside{min-height:unset}
		.Floor002827 .left .btn a{font-size:15px;padding:5px 10px;}
}


.Floor0031614{padding:2% 0;background:url(../images/Floor0031614-bg.png)no-repeat center #6b8f2b;overflow: hidden}
.Floor0031614 .title { color: #d71618;text-align: center;margin-bottom: 2%}
.Floor0031614 .title .cn { font-size: 2.75em; color: #000; font-weight: bold;}
.Floor0031614 .title .en { font-size: 1.25em; line-height: 1; text-transform: uppercase;  }
.Floor0031614 .box-topic .slider{margin: 0 -0.625em;}
.Floor0031614 .box-topic .slider li a{display: block;margin: 0 0.625em; overflow: hidden;}
.Floor0031614 .box-topic .slider li .pic{border: 1px solid #ebebeb;overflow: hidden;position: relative}
.Floor0031614 .box-topic .slider li .pic .hover{position: absolute;width: 100%;height: 100%;left: 0;top: 0;background: rgba(215,22,24,.7);padding: 2vw;color: #fff;z-index: 10;text-align: center;transform: scale(0);opacity: 0;transition: all ease 0.3s;line-height: 2}
.Floor0031614 .box-topic .slider li .hover .btn{display: block;width: 10em;line-height: 3;border: 1px solid rgba(255,255,255.5);border-radius: 36px;font-size: 0.875em;margin: 0 auto;background: url(../images/Floor003105-icon-white.svg)no-repeat center right 1.5em #d71618;background-size: 16px auto;padding-right:2em}
.Floor0031614 .box-topic .slider li figure{padding-bottom: 66%;background-size: cover;background-position: center;background-repeat: no-repeat;;}
.Floor0031614 .box-topic .slider li img{transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);}
.Floor0031614 .box-topic .slider li .txt{background: #fff;padding: 30px;;}

.Floor0031614 .box-topic .slider li aside{font-size: 20px;color: #333;min-height:48px;}
.Floor0031614 .box-topic .slider li aside::after{content: '';display: block;width: 30px;height: 3px;background: #d71618;margin: 5px 0}
.Floor0031614 .box-topic .slider li p{font-size: 14px;line-height: 1.75;margin: 0;color: #666;min-height:74px;}
.Floor0031614 .box-topic .slider li a:hover .pic{border-color: #d71618;}
.Floor0031614 .box-topic .slider li a:hover img{transform: scale(1.15);}
.Floor0031614 .box-topic .slider li a:hover .hover{opacity: 1;transform: scale(1);}
.Floor0031614 .box-topic .slider li a:hover aside{color: #d71618;}
.Floor0031614 .box-topic .slick-arrow{position: absolute;width: 3.125em; height: 3.75em; background:url(../images/icon-next-white.svg) no-repeat center;background-size: auto 30px;top: 50%;margin-top: -2.875em;z-index: 20;cursor: pointer;font-size: 1em;text-indent: -9999em;}
.Floor0031614 .box-topic .slick-arrow:hover{background:url(../images/icon-next-red.svg) no-repeat center;background-size: auto 30px;}
.Floor0031614 .box-topic .slick-prev{left:-3vw;transform: rotate(180deg)}
.Floor0031614 .box-topic .slick-next{right:-3vw;}
@media(max-width:1366px){
.Floor0031614 .box-topic .slider li aside{font-size:18px}	
	.Floor0031614 .box-topic .slider li .txt{padding:15px;}
	
	
}
@media(max-width:1024px){
    .Floor0031614{padding:30px 0;}
}


.Floor0028821{padding: 2% 0}
.Floor0028821 section.ytable-cell{vertical-align: top;}
@media(min-width:1025px){
.Floor0028821 .no{width:2%;}
.Floor0028821 .left{width:49%;}
}
@media(max-width:1024px){
    .Floor0028821{padding: 30px 0}
.Floor0028821 section.ytable,
.Floor0028821 section.ytable-cell{display: block;}
.Floor0028821 .no{height: 30px;}
.Floor0031613 .box-topic .slick-prev{left: 0vw;}
.Floor0031613 .box-topic .slick-next{right: 0vw}
.Floor0031614 .box-topic .slick-prev{left: 0vw;}
.Floor0031614 .box-topic .slick-next{right: 0vw;}
.Floor002827 .left .slick-next,.Floor002827 .left .slick-prev{display: none !important;}
}

.Floor0028821 .inner{padding: 10px 20px;background: #eaeaea; border: 1px solid #f0f0f0;}
@media(max-width:480px){
.Floor0028821 .inner{padding: 15px;}
}

.Floor0028821 .title{ margin-bottom: 20px;position: relative;}
/*.Floor0028821 .title a{position: absolute;right: 0; top: 50%; margin-top: -10px; transform: rotate(-180deg);-webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg);width: 21px; height: 21px; background: url(../images/Floor002882_prev.png) no-repeat center center;}*/
.Floor0028821 .title span.cn{float: left;border-left: 4px solid #d71618;color: #333;font-size:2em;line-height: 1em;padding-left: 20px }
.Floor0028821 .title span.en{float: left;color: #d71618;font-size: 1.25em;line-height: 1.117em; margin: 10px 0 0 10px}


.Floor0028821 .inner dt{margin-bottom:29px; padding-top: 14px;}
.Floor0028821 .inner dt .Ispic{padding-bottom: 64.706%;}
.Floor0028821 .inner dt .txt time{color: #d71618;display: block;padding: 0.6vw 0;}
.Floor0028821 .inner dt .txt aside{font-size: 16px;}
.Floor0028821 .inner dt .txt p{color: #999;line-height: 24px;margin: 0}
.Floor0028821 .inner dd{line-height: 50px;}
.Floor0028821 .inner dd:not(:last-child){border-bottom: 1px solid #ddd}
.Floor0028821 .inner dd time{float: right;color: #999; margin-left: 20px;font-size: 14px}
.Floor0028821 .inner dd time  i{width: 1.5em; height: 1.5em;background-image: url(../images/down.png); display: inline-block;vertical-align: middle; margin-right: 0.625em; background-repeat: no-repeat; background-position: center; background-size: auto 100%;}
.Floor0028821 .inner dd:hover time  i{background-image: url(../images/down_hover.png); }
.Floor0028821 .inner dd:hover time{color: #d71618;}
@media(max-width:1024px){
.Floor0028821 .title{ margin-bottom: 15px;}
    .Floor0028821 .inner dt .txt time{padding: 10px 0}
    .Floor0028821 .inner dt{margin-bottom: 15px;}
    .Floor0028821 .title a{float: right;}

}

@media(min-width:481px){
.Floor0028821 .inner dt .pic{width: 170px;}
.Floor0028821 .inner dt .txt{padding-left: 30px;font-size: 14px;}
}
@media(max-width:480px){
.Floor0028821 .inner dt .ytable,
.Floor0028821 .inner dt .ytable-cell{display: block;}
.Floor0028821 .inner dt .txt{padding-top: 3vw;}
}





.Bottom002887 {background: #727271 }
.Bottom002887, .Bottom002887 a { color: #fff; }
.Bottom002887 .auto { }
.Bottom002887 .copyright { padding: 20px 0; border-top: 1px solid rgba(255,255,255,0.1); line-height: 30px; }
.Bottom002887 .copyright .fr { overflow: hidden; }
.Bottom002887 .copyright .fr a { float: left; height: 30px; }
.Bottom002887 .copyright .fr a.knet { background: url("../images/knet.png") no-repeat center center; width: 84px; }
.Bottom002887 .copyright .fr a.wlzxnet { background: url("../images/wlzxnet.png") no-repeat left center; padding-left: 37px; margin-right: 37px; }
.Bottom002887 .b_link { line-height: 24px; border-top: 1px solid rgba(255,255,255,0.1); padding: 20px 0; }
.Bottom002887 .b_link .fr { position: relative; }
.Bottom002887 .b_link .fr span { position: absolute; left: 0; top: 0; }
.Bottom002887 .b_link .fr a {/*margin-left: 25px;*/ display: inline-block; }
.Bottom002887 .b_link .fl a { display: inline-block; }
.Bottom002887 .b_link .fl a:not(:last-child):after { margin: 0 20px; content: ''; display: inline-block; width: 1px; height: 12px; vertical-align: middle; background: rgba(255,255,255,0.2); }
.Bottom002887 .code { max-width: 320px; margin: 0 auto; display: none;}
.Bottom002887 .code li {/*float: left; width: 43.75%;*/ text-align: center; }
.Bottom002887 .code li:nth-child(2n) { float: right; }
.Bottom002887 .code li aside { color: rgba(255,255,255,0.5); margin-top: 10px; }
.Bottom002887 .code li img { border-radius: 4px; display: block; width: 100%; }
.Bottom002887 .b_nav { padding: 2% 0 ; }
.Bottom002887 .b_nav .tit { font-family: 'SourceHanSansCN-Bold'; font-size: 16px; }
.Bottom002887 .b_nav nav dd { line-height: 30px; }
.Bottom002887 .b_nav nav dd a { color: rgba(255,255,255,0.6); }
.Bottom002887 .b_nav nav dd a:hover { color: #fff; }
.Bottom002887 .contact .call { font-size: 24px; font-family: 'IMPACT'; }
.Bottom002887 .contact p { margin-top: 10px; opacity: 0.6; -webkit-opacity: 0.6; }

.Bottom002887 .share{margin-top: 30px}
.Bottom002887 .share ul > *{float: left; }
.Bottom002887 .share li{width: 91px; margin-right: 20px;}
.Bottom002887 .share li img{display: block;width: 100%;}
.Bottom002887 .share ol{margin-top: 24px}
.Bottom002887 .share ol a{float: left;border: solid 1px #dddddd;opacity: 0.6; width: 40px; height: 40px; border-radius: 50%;padding: 0; margin: 0 0 0 9px;}
.Bottom002887 .share ol a.wx{background: url(../images/Bottom002887-wx.png)no-repeat center;background-size: 26px auto}
.Bottom002887 .share ol a.wwz{background: url(../images/Bottom002887-wwz.png)no-repeat center;background-size: 26px auto}
.Bottom002887 .share ol a.dy{background: url(../images/Bottom002887-dy.png)no-repeat center;background-size: 26px auto}

.Bottom002887 .share ol dd{float: left;position: relative;}
.Bottom002887 .share ol figure{position: absolute; width: 150px; height: 150px;background: #fff; padding: 5px; left: 50%;bottom: 100%; margin-bottom: 10px; display: none;transform: translateX(-50%);text-align: center;}
.Bottom002887 .share ol figure img{width: 100%;}
.Bottom002887 .share ol dd:hover figure{display: block;}
.Location {height: 60px;line-height: 60px;color: #666}
.Location  a,.Location  span{color: #666;padding: 0 10px;}
.Location  a:hover,.Location  span{color: #d71618}
@media(min-width:641px) {
.Bottom002887 .b_nav nav .item { float: left; max-width: 240px; }
.Bottom002887 .b_nav .tit { padding-bottom: 24px; }
.Bottom002887 .b_nav nav .item dl { display: block!important;font-size: 12px;}
.Bottom002887 .b_nav nav .item:nth-child(7) dl {column-count: 2 }

}

@media(min-width:1025px) {
.Bottom002887 .b_link > div { max-width: 48%; }
.Bottom002887 .code { width: 9%; }
.Bottom002887 .b_nav nav { width: 80.875%; }
.Bottom002887 .contact { width: 17.5%; padding: 0 0% 0 2%; }
}

@media(max-width:1024px) {
.Bottom002887 .contact, 
.Bottom002887 .code .tit { text-align: center; }
.Bottom002887 .contact { padding: 20px 0; }
.Bottom002870 .share{display: table; margin: 0 auto;}
.Location {height: auto;line-height:1.75;padding: 15px 0;}

}

@media(max-width:640px) {
.Bottom002887 .b_nav nav .item { margin: 0!important; border-bottom: 1px solid rgba(255,255,255,0.1); }
.Bottom002887 .b_nav nav .item dl { display: none; padding-bottom: 20px; }
.Bottom002887 .b_nav .tit { padding: 10px 0; }
.Bottom002887 .b_nav nav .tit { position: relative; z-index: 1; padding-right: 40px; }
.Bottom002887 .b_nav nav .tit i { position: absolute; right: 0; top: 50%; width: 20px; height: 20px; margin-top: -8px; transition: 0.3s; z-index:9}
.Bottom002887 .b_nav nav .tit i.on { transform: rotate(45deg); }
.Bottom002887 .b_nav nav .tit i:before, .Bottom002887 .b_nav nav .tit i:after { position: absolute; content: ''; left: 50%; top: 50%; transform: translate(-50%, -50%); background: #fff; }
.Bottom002887 .b_nav nav .tit i:before { width: 50%; height: 2px; }
.Bottom002887 .b_nav nav .tit i:after { width: 2px; height: 50%; }
.Bottom002887 .b_nav nav dd { padding: 5px 0; }
.Bottom002887 .code { max-width: 280px; }
.Bottom002887 .code li img { width: 40%; margin: 0 auto; }
.Bottom002887 .b_link{ text-align:center;}
}



.banner{position: relative}
.banner img{width: 100%;}
.banner .wap{display: none}
.banner .banner-title{position: absolute;width: 100%;bottom: 0;left: 0;}
.banner .banner-title .box{background:rgba(215,22,24,.7);display: inline-block;padding:26px 60px;border-radius: 10px 10px 0 0}
.banner .banner-title .box .cn{font-size: 3.25em;color: #fff;font-weight: bold}
.banner .banner-title .box .en{font-size: 1.5em;color: #fff;opacity: 0.5}

@media(max-width:1024px){
    .banner .pc{display: none}
    .banner .wap{display: block}
    .banner .banner-title .box{padding:10px 25px;}
    .banner .banner-title .box .cn{font-size: 30px;}
    .banner .banner-title .box .en{font-size:14px;}
}


.About{padding: 4% 0}
.About .TopBox{padding: 4%;background: #eaeaea;border-radius: 10px;overflow: hidden;min-height: 23vw}
.About .TopBox .ytable{height: 100%;text-align: center;color: #fff;font-size:1.5em;height: 100%;}

.About .About-menu{margin-top: 3%}
.About .About-menu li{float: left;width: 32%;border: 1px solid #ebebeb;padding: 5%;text-align: center;border-radius: 10px;overflow: hidden;margin-bottom: 2%;background: #f8f8f8}

.About .About-menu li:not(:nth-child(3n)){margin-right: 2%}
.About .About-menu li .cn{font-size: 1.875em;color: #333;padding-bottom: 5px;font-weight: bold;}
.About .About-menu li .en{font-size: 1.125em;color: #d71618}

.About .About-menu li:hover{background: #d71618}
.About .About-menu li:hover .cn,
.About .About-menu li:hover .en{color: #fff}

@media(max-width:1024px){
    .About .About-menu li{width: 49%;}
    .About .About-menu li:not(:nth-child(3n)){margin-right: 0}
    .About .About-menu li:not(:nth-child(2n)){margin-right: 2%}
}


.Company{padding: 2% 0 4%}



@media(min-width:1025px){
    .Column-menu{width: 18%}
    .Column-con{width: 80%;}
    .Column-con .warp{display: flex;justify-content: space-between}
    /*.Column-con .warp .con{width: 77.5%;}
    .Column-con .warp .nav{width: 20.5%;}*/
	.Column-con .warp .con{width: 73%;}
    .Column-con .warp .nav{width: 25%;}
}
@media(max-width:1600px){
.Column-menu{width: 24%}
.Column-con{width: 74%}
}
@media(max-width:1024px){
.Column-menu{width: 100%;margin-bottom:20px}
    .Column-con{width: 100%;}	
	
}
.Column-menu{}
.Column-menu header{ background:#d71618; padding:25px 20px;font-size:20px; color:#fff;border-radius: 10px 10px 0 0 }
.Column-menu .side{ margin-bottom: 40px}
.Column-menu ul{ border:1px solid #ebebeb; border-top:0;border-radius: 0 0 10px 10px;}
.Column-menu li{}
.Column-menu li:not(:last-child){ border-bottom:1px solid #ebebeb;}
.Column-menu li a{ display:block; color:#25170f;padding: 13px 20px;background: url(../images/Floor003161-next.svg)no-repeat center right 15px;background-size: 6px auto;line-height: 24px}
.Column-menu li a:hover,
.Column-menu li a.aon{ background:#eee url(../images/Floor003161-next.svg)no-repeat center right 15px;background-size: 6px auto;}
.Column-menu .side-open_menu{ display:none;}
@media(max-width:1000px){
.Column-menu header{ background-image:none; padding:15px;text-align: center;}
.Column-menu .side{ margin-bottom: 20px}
.Column-menu ul{ display: none}
.Column-menu li a:hover,
.Column-menu li a.aon{ background-image:none;}
.Column-menu .side-open_menu{ display:block; border:1px solid #ebebeb;line-height: 46px;padding: 0 15px;font-size: 16px;background: url(../images/Floor003161-next.svg)no-repeat center right 15px;text-align: center;}
}


.Column-con .warp .Column-tit{border-bottom: 1px solid #ebebeb;margin: 15px 0 30px}
.Column-con .warp .Column-tit span{font-size:1.25em;color: #fff;background: #d71618;display: inline-block;padding:10px  20px;border-radius: 10px 10px 0 0}

.Column-con .warp .title2{font-size:1.25em;color: #333;border-bottom: 1px solid #ebebeb;padding-bottom: 20px;margin: 5% 0}
.Column-con .warp .con .TopBox{padding: 4%;background: #eaeaea;margin-bottom: 5%;border-radius: 10px;min-height: 23vw}
.Column-con .warp .con .TopBox .ytable{height: 100%;text-align: center;color: #fff;font-size:1.5em;}

.Column-con .warp .con .warp-con li{float: left;width: 49%;margin-bottom: 2%;background: #f8f8f8;padding: 30px;border-radius: 10px;}
.Column-con .warp .con .warp-con li:not(:nth-child(2n)){margin-right: 2%;}

.Column-con .warp .con .warp-con li .tit{font-size:1.25em;color: #333;padding-bottom: 5%}
.Column-con .warp .con .warp-con li .tit::after{content: '';display: block;width: 30px;height: 3px;background: #d71618;margin: 15px 0 0}
.Column-con .warp .con .warp-con li .txt{color: #666;line-height: 1.5;}


.Column-con .warp .con .warp-con .cprz{text-align: center;display: flex; align-items: center; flex-wrap: wrap;}
.Column-con .warp .con .warp-con .cprz span{display:block;width:calc(100% / 6);}
.Column-con .warp .con .warp-con .cprz span img{max-width:120px;}


.Column-con .warp .con .zxhy li{background: #fafafa;padding: 30px;border-radius: 10px;margin-bottom: 2%;border: 1px solid #f0f0f0}
.Column-con .warp .con .zxhy li .tit{font-size:1.375em;color: #333;padding-bottom: 15px;font-weight: bold;}
.Column-con .warp .con .zxhy li .lm{column-count: 2;margin-bottom: 20px}
.Column-con .warp .con .zxhy li p{color: #666;line-height:2;margin: 0;}
.Column-con .warp .con .zxhy li .btn a{line-height: 40px;width: 120px;text-align: center;border: 1px solid #d71618;border-radius: 10px;color: #d71618;display: inline-block;}


.Column-con .warp .con .jdal .tit{border-bottom: 1px solid #ebebeb;margin-bottom: 15px;display: inline-block;width: 100%;}
.Column-con .warp .con .jdal .tit li{float: left;margin-right: 20px;list-style: none;font-size:1.25em;padding:10px  20px;border-radius: 10px 10px 0 0}
.Column-con .warp .con .jdal .tit .on {color: #fff;background: #d71618;display: inline-block;}
.Column-con .warp .con .jdal .bd ul{margin-bottom: 30px}
.Column-con .warp .con .jdal .bd li{float: left;width: 32%;margin-bottom: 2%;border: 1px solid #ebebeb;border-radius: 10px;overflow: hidden}
.Column-con .warp .con .jdal .bd li:not(:nth-child(3n)){margin-right: 2%}
.Column-con .warp .con .jdal .bd li .pic{overflow: hidden;}
.Column-con .warp .con .jdal .bd li .pic figure{padding-bottom: 60%;transition: 0.3s all}
.Column-con .warp .con .jdal .bd li .txt{line-height: 1.5;text-align: center;padding:10px}
.Column-con .warp .con .jdal .bd li:hover .txt{background: #d71618;color: #fff}
.Column-con .warp .con .jdal .bd li:hover figure{transform: scale(1.1)}


.Column-con .warp .con .xwsj ul{padding: 1.5vw 0; border-bottom: 1px solid #ebebeb;}
.Column-con .warp .con .xwsj ul:first-child{padding-top:0; }
.Column-con .warp .con .xwsj ol{border-radius: 10px;overflow: hidden;}
.Column-con .warp .con .xwsj ol img{transition: 0.3s all}
.Column-con .warp .con .xwsj ul:hover ol img{transform: scale(1.1)}
.Column-con .warp .con .xwsj li .inner{padding-left: 33px;}
.Column-con .warp .con .xwsj li time{color: #d71618;font-size:0.875em}
.Column-con .warp .con .xwsj li time a{float: right;color: #e43937;}
.Column-con .warp .con .xwsj li p{color: #b8b8b8;line-height: 1.625em; height: 3.25em;font-size:0.875em}
.Column-con .warp .con .xwsj li aside{font-size:1.125em;}
.Column-con .warp .con .xwsj li aside a{color: #1e1e1e;}
.Column-con .warp .con .xwsj li aside a:hover{color: #e43937;}
@media(min-width:481px){
.Column-con .warp .con .xwsj ol{width: 177px;}
}
@media(max-width:640px){
    
.Column-con .warp .con .warp-con li{float: none;width: 100%;padding: 20px;}
.Column-con .warp .con .warp-con li:not(:nth-child(2n)){margin-right: 0;}
    
.Column-con .warp .con .warp-con .cprz span{width:calc(100% / 2);}
    
.Column-con .warp .con .xwsj li .inner{padding-left: 3vw;font-size: 14px; }
.Column-con .warp .con .xwsj li aside{font-size: 16px;}
    
.Column-con .warp .con .jdal li{width: 49%;}
.Column-con .warp .con .jdal li:not(:nth-child(3n)){margin-right: 0%}
.Column-con .warp .con .jdal li:not(:nth-child(2n)){margin-right: 2%}
}
@media(max-width:480px){
.Column-con .warp .con .xwsj .ytable,
.Column-con .warp .con .xwsj .ytable-cell{display: block;}
.Column-con .warp .con .xwsj ul{padding: 3vw 0;}
.Column-con .warp .con .xwsj li .inner{padding: 3vw;}
}



.Column-con .warp .nav .nav-warp{padding: 20px;border: 1px solid #ebebeb;border-radius: 10px;}
.Column-con .warp .nav .nav-warp .title{font-size:1.125em;color: #333;border-left: 4px solid #d71618;padding-left: 15px;}
.Column-con .warp .nav .nav-warp .line{;border-bottom: 1px solid #ebebeb;margin: 15px 0}

.Column-con .warp .nav .nav-warp li{font-size:0.875em;color: #666;line-height: 36px;}
.Column-con .warp .nav .nav-warp li:not(:last-child){border-bottom: 1px solid #f0f0f0}

.Column-con .warp .nav .nav-warp dl:not(:last-child){border-bottom: 1px solid #ebebeb;padding-bottom: 15px;margin-bottom: 15px}
.Column-con .warp .nav .nav-warp dl .pic{margin-bottom: 15px;overflow: hidden;border-radius: 10px}
.Column-con .warp .nav .nav-warp dl .pic figure{padding-bottom: 113%;transition: 0.3s all}
.Column-con .warp .nav .nav-warp dl dt{color: #333;padding-bottom: 15px}
.Column-con .warp .nav .nav-warp dl dt span{font-size: 0.875em;color: #d71618;padding-left: 15px;display: inline-block}
.Column-con .warp .nav .nav-warp dl dd{font-size:0.875em;line-height: 24px}
.Column-con .warp .nav .nav-warp dl a{font-size:0.875em;color: #d71618;line-height: 24px}
.Column-con .warp .nav .nav-warp dl:hover figure{transform: scale(1.1)}


.Column-con .warp .nav .nav-warp .item:not(:last-child){border-bottom: 1px solid #ebebeb;padding-bottom: 15px;margin-bottom: 15px}
.Column-con .warp .nav .nav-warp .item .pic{overflow: hidden;}
.Column-con .warp .nav .nav-warp .item .pic figure{padding-bottom: 80%;transition: 0.3s all}
.Column-con .warp .nav .nav-warp .item:hover figure{transform: scale(1.1)}
.Column-con .warp .nav .nav-warp .item .txt{font-size:0.875em;text-align: center;line-height: 40px;}


@media(max-width:1024px){
    .Column-con .warp .nav{margin-top: 20px;}
}



.Product{padding: 0% 0 4%}
.Product .Topword{background: #eaeaea;border-radius: 10px;overflow: hidden;margin-bottom: 3%;padding: 2%;}
.Product .Topword .txt{line-height: 2}
.Product .Topword .pic{background: none}

.Product .product-con li{float: left;width: 49%;margin-bottom: 2%;border: 1px solid #ebebeb;padding: 30px;border-radius: 10px;}
.Product .product-con li:not(:nth-child(2n)){margin-right: 2%;}
.Product .product-con li:nth-child(2n+1){clear: both;}
.Product .product-con ul{
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    align-items: stretch;
    flex-direction: row;
justify-content: flex-start;}

.Product .product-con li .icon{max-width: 50px;margin-bottom: 15px}
.Product .product-con li .tit{font-size: 1.25em;color: #333;padding-bottom: 3%}
.Product .product-con li .tit2{font-size: 1.3em;color: #333;padding-bottom: 1.5%;font-weight: bold;}
.Product .product-con li .tit::after{content: '';display: block;width: 30px;height: 3px;background: #d71618;margin: 15px 0 0;}
.Product .product-con li .txt{color: #666;line-height:30px;    -webkit-line-clamp: 9;}
.Product .product-con li a:hover .tit{color:#333}
.Product .product-con li a{display: block; padding: 30px; margin: -30px;border-radius:10px; }
/*.Product .product-con li a:hover{border-color:#d71618; background: #f8f8f8; }*/
.Product .product-con dl{float: left;width: 49%;margin-bottom: 2%;line-height:2;font-size:14px;}
.Product .product-con dl:not(:nth-child(2n)){float: right;}
.Product .product-con dl dt{font-size: 1.25em;color: #333;margin-bottom: 15px;}
.Product .product-con dl dd{line-height: 2;position: relative;padding-left: 15px}
.Product .product-con dl dd::before{content: '';position: absolute;width: 6px;height: 6px;background: #d71618;border-radius: 50%;left: 0;top: 50%;margin-top: -4px;}
.Product .product-con li p,.Product .product-con dl p{ margin:0 !important;text-indent:0 !important}

.Product .product-list1 .tit{border-bottom: 1px solid #ebebeb;margin: 15px 0 30px}
.Product .product-list1 .tit span{font-size:1.25em;color: #fff;background: #d71618;display: inline-block;padding:10px  20px;border-radius: 10px 10px 0 0}
.Product .product-list1 li{float: left;width: 49%;margin-bottom: 2%;border: 1px solid #ebebeb;padding: 30px;border-radius: 10px;background: #f5f5f5}
.Product .product-list1 li:nth-child(2n){float: right}

.Product .product-list1 li .title{font-size:1.5em;color: #333;line-height: 1.25;font-weight: bold;}
.Product .product-list1 li p{margin-bottom: 0;line-height: 2;color: #777;}
.Product .product-list1 li:hover .title{color:#d71618}
.Product .product-list1 li:hover{border-color:#d71618 }

.Product .product-list2 .tit{border-bottom: 1px solid #ebebeb;margin: 10px 0 20px}
.Product .product-list2 .tit span{font-size:1.25em;color: #fff;background: #d71618;display: inline-block;padding:10px  20px;border-radius: 10px 10px 0 0}

.Product .product-list2 li{float: left;width: 49%;margin-bottom: 2%;border: 1px solid #ebebeb;border-radius: 10px;overflow: hidden;min-height: 140px;}
.Product .product-list2 li:hover{border-color:#d71618; background: #f8f8f8; }
.Product .product-list2.showlist2 li{padding:20px;}
.Product .product-list2 li .txt{padding-left:20px;vertical-align: top !important;padding-top:1%;}
.Product .product-list2 li:nth-child(2n){float: right;}
.Product .product-list2 li:nth-child(2n+1){clear: left;}

.Product .product-list2 li:hover a{color:#333 }
.Product .product-list2 li .title{font-size:1.125em;color: #333;font-weight: bold;}
.Product .product-list2 li .title2{font-size:1.125em;color: #333;padding: 3px 0;}
.Product .product-list2 li .con{line-height: 2; margin-top:0px;font-size:16px;}
.Product .product-list2 li p{margin: 0;color: #777;line-height:2 }

.Product .product-list2 li p *{line-height:1.5 !important}
.Product .product-con li .txt::-webkit-scrollbar-track
{
  -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.1);
  border-radius: 5px;
  background-color: rgba(0,0,0,0.1);;
}
.Product .product-con li .txt::-webkit-scrollbar
{
  width: 5px;
  background-color: rgba(0,0,0,0);
}
.Product .product-con li .txt::-webkit-scrollbar-thumb
{
  border-radius: 5px;
  background-color: #d71618;;
}

.Product .product-list1 li .txt::-webkit-scrollbar-track
{
  -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.1);
  border-radius: 5px;
  background-color: rgba(0,0,0,0.1);;
}
.Product .product-list1 li .txt::-webkit-scrollbar
{
  width: 5px;
  background-color: rgba(0,0,0,0);
}
.Product .product-list1 li .txt::-webkit-scrollbar-thumb
{
  border-radius: 5px;
  background-color: #d71618;;
}
.product-list2 .ytable{min-height: 140px;}
@media(min-width:1025px){
    .Product .Topword{display: flex;justify-content: flex-start;align-items: flex-start;min-height: 23vw}
    .Product .Topword .txt{width: 66.6%;padding-right:8%;}
    .Product .Topword .pic{width: 34%}
    .Product .product-con li .txt{height:auto; }
	  .Product .product-list1 li .txt{height:7em;overflow:auto}
    .Product .product-list2 li .pic{width: 35%;vertical-align: text-top;   padding: 4% 0%;}
    .Product .product-list2 li .pic figure{width: 100%;/* padding-top: 100%; */background-size: contain;background-position: center;background-repeat: no-repeat;transition: all ease 0.3s;}
    .Product .product-list2 li .txt{padding: 4% 5%;}
    .Product .product-list2 li .con{height:auto; overflow: hidden;}
    .Product .product-list2 li p{}

}

@media(max-width:1024px){
    .Product .Topword{padding: 20px;}
    .Product .Topword .txt{margin-bottom: 20px}
    .Product .product-con li{padding: 15px;float: none;width: 100%;}
    .Product .product-con li a{padding: 15px; margin: -15px;}
    .Product .product-con li:not(:nth-child(2n)){margin-right: 0%;}
    .Product .product-con li .tit2{padding-bottom: 5px;}
    .product-list2 .ytable,.Product .product-list2 li{min-height: unset;}
    .Product .product-list1 li{float: none;width: 100%;padding: 20px}
    .Product .product-list1 li:nth-child(2n){float: none}
    
    .Product .product-list2 li{float: none;width: 100%;}
    .Product .product-list2 li:nth-child(2n){float: none;}
    .Column-con .warp .con .jdal .tit li{text-align:center}
    .Product .product-list2 li .txt{padding: 4% 5%}
    .Product .product-list2 li .txt{padding: 4% 5%}
    .Product .product-list2 li .pic{width: 35%;vertical-align:top}
    .Product .product-list2 li .pic img{margin-top:20px}
    .Product .product-con dl{float: none;width: 100%;}
    .Product .product-con dl:not(:nth-child(2n)){float: none;}
	.Column-con .warp .con .jdal .bd li{width:100%;margin-right:0}
    
}


.Menu002662 { text-align: center; background: #f9f9f8; padding: 2% 0; font-family: Arial, Helvetica, sans-serif; }
.Menu002662 .columnname { font-size: 38px; color: #395894; padding-bottom: 3%; font-weight: bold; }
.Menu002662 ul li { padding: 0 20px 5px; }
.Menu002662 ul li a { display: block; background: #f0f0f0; color: #333333;width: 160px; line-height: 45px;text-transform: uppercase;font-size:20px; }
.Menu002662 ul li a:hover, 
.Menu002662 ul li.aon a { background: #e70012; color: #fff; }

@media(max-width:1024px) {
.Menu002662 .columnname { font-size: 36px; }
.Menu002662 ul { display: block; }
.Menu002662 ul li { padding: 0 10px; float: left; }
.Menu002662 ul li a { font-size: 14px; width:100%}
}

@media(max-width:640px) {
.Menu002662 .columnname { font-size: 20px; }
.Menu002662 ul li { float: left; width: 33.333333%; padding: 1px; }
.Menu002662 ul li a { font-size: 15px; padding: 0; text-align: center; }
}

.zdl.tit{border-bottom: 1px solid #ebebeb;margin: 10px 0 20px;display:inline-block;width:100%}
.zdl.tit span{font-size:1.25em;color: #fff;background: #d71618;display: inline-block;padding:10px  20px;border-radius: 10px 10px 0 0;width: auto;}

.Product .TextList001366 .tit{border-bottom: 1px solid #ebebeb;margin: 10px 0 20px;display:inline-block;width:100%}
.Product .TextList001366 .tit span{font-size:1.25em;color: #fff;background: #d71618;display: inline-block;padding:10px  20px;border-radius: 10px 10px 0 0;width: auto;}


.subNav {padding: 2% 0;text-align: center;}
.subNav li {display: inline-block;margin: 0 2%;line-height: 34px;border-bottom: 3px solid transparent;font-size:17px;}
.subNav li.on {border-bottom-color:rgb(215,22,24)}

.product-list2 .showlist{    display: flex;    flex-wrap: wrap;    justify-content: space-between;}
.product-list2 .showlist.clearfix:after{display:none}
.TextList001366{ padding:0% 0 1% 0; }
.TextList001366 ol,
.TextList001366 li a{ overflow:hidden; clear:both;}
.TextList001366 ol,
.TextList001366 li{ border:1px solid  #eee; background: #f2f2f3;}
.TextList001366 li:hover{ border:1px solid  rgb(215,22,24);}
.TextList001366 ol{ font-size:16px; color:#333; background-color:#ddd; line-height:55px;}
.TextList001366 span{ float:left; width:15%; display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; padding:1.2% 20px; }
.TextList001366 .ul span:nth-child(1){ width:40%; }
.TextList001366 ol span{ padding:0 20px;}
.TextList001366 a{ display:block;}
.TextList001366 a:hover{color:rgb(215,22,24);}
.TextList001366 .down{position: relative; display: block;}
.TextList001366 .down  i{width: 1.5em; height: 1.5em;background-image: url(../images/down.png); display: inline-block;vertical-align: top; margin-right: 0.625em; background-repeat: no-repeat; background-position: center; background-size: auto 100%;}
.TextList001366 a:hover .down  i{background-image: url(../images/down_hover.png); }


@media(max-width:640px){
 .TextList001366 .ul{overflow-x: auto;}
 .TextList001366 ol,
 .TextList001366 li{width:700px;}
 .TextList001366 a{line-height: 2;}
}



.knowledge{ padding:1% 0; }
.knowledge li{ margin-bottom:2%; border-bottom:1px solid #e3e3e3;}
.knowledge li .item{  padding:2% 0; overflow:hidden;}
.knowledge li .pic{overflow: hidden;}
.knowledge li .Ispic{padding-bottom: 68%; transition: 0.3s;}

.knowledge li .pic{ float:left; width:22.5%;}
.knowledge li .txt{ float:right; border-left:1px solid #f3f3f3; width:75%; padding-left:calc(30 / 16 * 1em);}
.knowledge li h3{ margin:0; line-height:calc(40 / 16 * 1em); font-size:calc(20 / 16 * 1em);}
.knowledge li time{ color:#999; font-size:calc(14 / 16 * 1em); font-weight:normal;}
.knowledge li p{ line-height:calc(30 / 16 * 1em); overflow:hidden;  color:#999; font-size:calc(16 / 16 * 1em); margin-bottom: calc(16 / 16 * 1em);}
.knowledge li .more{display: inline-block; color:#fff; font-size:calc(14 / 16 * 1em);padding: calc(10 / 16 * 1em) calc(25 / 16 * 1em); background:rgb(215,22,24);border: 2px solid transparent; }
.knowledge li .more:hover{  color:rgb(215,22,24); background: transparent; border: 2px solid rgb(215,22,24);}
@media(max-width:1000px){
    .knowledge .columnName{ font-size:45px;}
    .knowledge .columnName span{ font-size:24px;}
    .knowledge li h3{ line-height:normal;}
    .knowledge li p{ margin:2% 0; height:48px;}
}
@media(max-width:640px){
    .knowledge .columnName{ font-size:35px;}
    .knowledge .columnName span{ font-size:20px;}
}
@media(max-width:480px){
    .knowledge li .pic,
    .knowledge li figure{ float:none; width:auto;}
    .knowledge li figure{ border:0; padding-left:0; padding-top:3%;}
    .knowledge li .txt{float:none; width:auto;padding: 0; border-left:none;margin-top: 10px}
}





.Page002193 { zoom: 1; overflow: hidden; text-align: center; padding: 30px 0 5%; text-align: center; }
.Page002193 span { padding: 0px 3px; display: inline-block; }
.Page002193 a { display: inline-block; margin: 0px 2px; border: 1px solid #ededed; padding: 0 1em; color: #666; line-height: 35px; border-radius: 3px; transition: .3s ease-out; }
.Page002193 a:hover { color: rgb(61,57,57); border: 1px solid #ddd; background: #ddd; }
.Page002193 .p_cur, .Page002193 .p_count, .Page002193 .p_total, .Page002193 .p_jump, .Page002193 .a_first, .Page002193 .a_end { display: none; }
.Page002193 .p_cur b { color: #395894; }
.Page002193 .p_count b { color: #395894; }
.Page002193 .p_total b { color: #395894; }
.Page002193 .p_page em { font-style: normal; }
.Page002193 .p_page em a { }
.Page002193 .p_page em a.a_cur { color: rgb(61,57,57); background: #ddd; border-color: #ddd; }
.Page002193 .p_page b { font-weight: normal; }





.recruit .item{padding: 0 3.75%; background-color: #f8f8f8; margin-bottom: 10px;border-radius: 10px;overflow: hidden}
.recruit .title{line-height: 5em; display: block; padding-right: 4.73%; position: relative; cursor: pointer;}
.recruit .title:hover .tit1{color: #d71618; }
.recruit .title:hover .job-demand .tit2{color: #d71618;}
.recruit .title::after{content: ''; width: 14px; height: 14px; background: url(../uploadfiles/image/off.png); position: absolute; right: 0; top: 0; bottom: 0;margin: auto;transition: all .3s; }

.recruit .title i{ position:absolute; width:22px; height:22px; background:#d71618; border-radius:50%; right:0; top:50%; margin-top:-11px;}
.recruit .title i::before,
.recruit .title i::after{ position:absolute; content:''; background:#fff;}
.recruit .title i::before{ left:20%; width:60%; height:2px; top:50%; margin-top:-1px;}
.recruit .title i::after{ left:50%; margin-left:-1px; width:2px; top:20%; height:60%;}
.recruit .item.on .title i::after{ display:none;}

.recruit .tit1{font-size:1.125em; color: #333333; float: left;}
.recruit .tit2{color: #333; display: inline-block; padding-left: 18px;margin-right: 15px; position: relative;}
.recruit .tit2::before{content: ''; width: 2px; height: 2px; background-color: #888888; position: absolute; left: 0; top: 0; bottom: 0; margin: auto;}
.recruit .adress::before{width: 0; height: 0;}
.recruit .job-demand{float: right; display: none;}
.recruit .text{padding-top: 40px;padding-bottom: 30px; display: none;}
.recruit .lis{margin-bottom: 30px;}
.recruit .text .tit3{ line-height: 1.667; color: #333333;}
.recruit .text p{line-height: 2; color: #888888; margin: 0;}
.recruit .text b{color: #d71618;font-weight: normal}
.recruit .on .title::after{transform: rotate(-180deg); transform-origin: 50% 50%; }
.recruit .on .title{ border-bottom: 1px solid #e6e6e8;}
.recruit .on .job-demand{display: block;}
.recruit .registration-form{width: 260px; height: 55px ; line-height: 55px; text-align: center; background-color: #eceff4; border-radius: 30px; margin: 60px auto 40px; }
.recruit .registration-form a{font-size: 16px; color: #666666;}

@media(max-width:1024px){
    .recruit .on .job-demand{display: none;}
}



.TextList002205{ padding-bottom:3%;}
.TextList002205 .list .item{ margin-bottom:10px;}
.TextList002205 .list .item i.icon{ display:block; position:absolute; right:20px; top:20px; background:url(../images/TextList002205-icon.png) 0 -11px no-repeat; width:21px; height:11px;transition:all 0.5s ease-out 0s; overflow:hidden;}
.TextList002205 .list .item .Q{ margin:0; line-height:50px; padding-left:75px; padding-right:50px;overflow:  hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow:  ellipsis; position:relative; background:#f9f9f9; cursor:pointer;transition:all 0.5s ease-out 0s;}
.TextList002205 .list .item .Q>a{ color:#333333; font-size:16px;}
.TextList002205 .list .item em.icon{ position:absolute; top:0; left:0; width:50px; height:100%; display:block; text-align:center; font-family:Arial; font-size:24px; font-weight:bold; font-style:normal; color:#333;}
.TextList002205 .list .item .Q em.icon{ background:#efefef;transition:all 0.5s ease-out 0s;}
.TextList002205 .list .item .A{font-size: 14px; position:relative;padding:25px 25px 25px 75px;line-height: 1.8; background:#f1f1f1; display:none;}
.TextList002205 .list .item .A em.icon{ background:#f9f9f9;color:rgb(215,22,24);transition:all 0.5s ease-out 0s;}
.TextList002205 .list .item.active .Q em.icon{ background:rgb(215,22,24); color:#fff;}
.TextList002205 .list .item.active i.icon{ background-position:0 0;}



.ContactInfo {padding: 2% 0;}
.ContactInfo .tit {font-size:18px;padding-bottom: 10px;border-bottom:1px solid rgb(215,22,24);}
.ContactInfo .relatedSell .tit{ display:flex; justify-content: space-between; align-items:center;}
.ContactInfo .relatedSell .tit a{ font-weight:normal;font-size: 16px;}
.ContactInfo .relatedSell li {line-height:28px;margin-bottom: 6%;}
.ContactInfo .relatedSell li p{margin:0}
.ContactInfo .relatedSell li aside {position:relative;padding-bottom: 6px;margin-bottom: 6px;}
.ContactInfo .relatedSell li aside:after {position:absolute;content:'';width: 32px;height: 2px;bottom:0;left:0;background-color:rgb(215,22,24);}
.ContactInfo .top_info {display:flex;justify-content:space-between;flex-wrap:wrap; margin: 0 0 3% 0;padding: 5% 4%; background-color: rgb(49,74,99);color: #ffffff;}
.ContactInfo .top_info .item {text-align: center;}
.ContactInfo .top_info .item h4 {font-size:20px; margin-bottom:2%;}
.ContactInfo .top_info .item img {max-width: 80px;
    margin-top: 10px;
    margin-bottom: 10px;}

.ContactInfo .subNav a{border:1px solid rgb(215,22,24); background-color: rgb(215,22,24); color: #fff;padding: 10px 20px; display:inline-block; font-size:18px; margin-bottom:2%;font-size: 24px;
    margin-bottom: 2%;
    font-weight: bold;}
.ContactInfo .list ul {display:flex;flex-wrap:wrap;}
.ContactInfo .list ul li {width: 100%;margin-top:4%;}
.ContactInfo .list ul li aside {font-size:18px;font-weight:bold;margin-bottom:5px;}

.sellList h3 {font-size:18px}
.sellList .subNav {text-align:left;border-top:1px solid rgb(215,22,24);}
.sellList .subNav li {margin-left: 0;margin-right: 3%;margin-bottom: 0%;line-height: 40px;border-radius:4px;border:1px solid #E3E3E3;}
.sellList .subNav li a {display: block;padding: 0 20px;}
.sellList .subNav li:hover,
.sellList .subNav li.on {border:1px solid rgb(215,22,24); background-color: rgb(215,22,24); color: #fff;}
.sellList .subNav li:hover a,
.sellList .subNav li.on a{ color: #fff;}
.sellList .list li {float: left;}
.sellList .list li aside {margin-bottom: 2%;font-size:1.125em;font-weight: bold;color: rgb(61,57,57);}
.sellList .list li > div {padding-left: 30px;line-height:30px;background-repeat: no-repeat;background-position: left center;}
.sellList .list li > div.add {background-image: url("../images/icon_1.png")}
.sellList .list li > div.tel {background-image: url("../images/icon_2.png")}
.sellList .list li > div.email {background-image: url("../images/icon_3.png")}
.sellList .list li > div.website {background-image: url("../images/icon_4.png")}
@media(min-width:1025px){
    .ContactInfo .fl {width: 70%;}
    .ContactInfo .fr {width: 25%;}
	.ContactInfo .list ul li { width: 31.6%;margin-bottom: 2.6%;margin-top:0;}
	.ContactInfo .list ul li:not(:nth-of-type(3n)) { margin-right: 2.6%;}
	.ContactInfo .top_info .item {width: 31%;}
    .sellList .list li {width: 31.6%;margin-bottom: 2.6%;}
    .sellList .list li:not(:nth-of-type(3n)) {margin-right: 2.6%;}
}
	.sellList .list li p{margin:0 auto}
@media(max-width:1024px){
    .sellList .list li {margin-bottom: 5%;}
	.sellList .list li p{margin:0 auto}
	.ContactInfo .top_info {justify-content: center;}
	.ContactInfo .top_info .item {text-align: center;width: 100%;}
.ContactInfo .top_info .item:nth-child(2),.ContactInfo .top_info .item:nth-child(3){width:50%}
}



.Form002100 {margin: 3% 0 4%}
.Form002100 .reg_form{ border:5px solid #f0f0f0; padding:3%;}
.Form002100 .reg_form h1{ margin:0; font-size:18px; color:#333;text-align: center;}
.Form002100 .reg_form dl{ border-top:1px dashed #ccc; padding:3% 0 0 0; margin-top:3%; overflow:hidden;}
.Form002100 .reg_form dl dt,
.Form002100 .reg_form dl dd{ float:left; line-height:37px;}
.Form002100 .reg_form dl dt{ width:24%; padding-left:3%;}
.Form002100 .reg_form dl dt b{ width:37px; height:37px; display:inline-block; margin-right:10px; text-align:center; line-height:37px; background:#e4e4e4; border-radius:50%; color:#fff;}
.Form002100 .reg_form dl dd{ width:76%;}
.Form002100 .reg_form dl.table dt{ width:20%; }

.Form002100 .reg_form dl.tab a{ float:left;border:1px solid #e4e4e4; padding:0 5%; border-radius:3px; line-height:44px; margin-right:2%; color:#999;}
.Form002100 .reg_form dl.tab a.on{ border-color:#f04848; color:#333;}
.Form002100 .reg_form table{}
.Form002100 .reg_form td{ padding:0; line-height:37px; padding-bottom:10px;}
.Form002100 .reg_form td.f_name{ width:258px; color:#666;}

.Form002100 .reg_form td label{ position: relative; display: inline-flex; align-items: center; margin-right: 10px; }
.Form002100 .reg_form td input[type="radio"] + em {
    width: 14px;
    height: 14px;
    border-radius: 100%;
    border: solid 1px #666;
    margin-right: 5px;
    box-sizing: border-box;
	position: relative;
    flex: 0 0 auto;
   
}
.Form002100 .reg_form td input[type="radio"]:checked + em{border-color: rgb(215,22,24); position: relative;}
.Form002100 .reg_form td input[type="radio"]:checked + em::before {
    background-color: rgb(215,22,24); position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 66%; height: 66%; content: ''; border-radius: 100%;
}
.Form002100 .reg_form td input[type="radio"] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    margin: 0;
    left: 0;
}

.Form002100 .reg_form td .text{ width:100%; border:1px solid #e4e4e4; padding:0 10px; border-radius:3px; line-height:37px; height:37px;}
.Form002100 .reg_form td .text1{ padding:10px;  height: 110px;width:100%; border:1px solid #e4e4e4;}
.Form002100 .reg_form td.btn{ text-align:center;}
.Form002100 .reg_form td.btn input{width:46%;border-radius:3px; font-size:18px; color:#fff; background:#c40202; cursor:pointer; padding:0; font-weight:bold; border:none; height:44px; min-width:120px;}
@media(max-width:1000px){
    .Form002100 .reg_form dl dt,
    .Form002100 .reg_form dl dd{ float:none; width:auto !important;}
    .Form002100 .reg_form dl dt{ padding-left:0; padding-bottom:10px;}
}
@media(max-width:640px){
    .Form002100 .reg_form h1{font-size: 17px;}
    .Form002100 .reg_form td{line-height: 22px}
    .Form002100 .reg_form td.f_name{width: 21%;font-size: 12px;}
    .Form002100 .reg_form td.btn input{ font-size:15px; }

}


.RighInfo002228 {
    padding: 2% 0;
}

    .RighInfo002228 .single-header {
        text-align: center;
    }

        .RighInfo002228 .single-header h1 {
            color: rgb(215,22,24);
            font-size: 20px;
            margin: 0 0 10px 0;
            font-weight: normal;
        }

        .RighInfo002228 .single-header h3 {
            color: #666;
            font-size: 16px;
            margin: 0;
            font-weight: normal;
            position: relative;
        }

            .RighInfo002228 .single-header h3:after {
                content: "";
                display: block;
                height: 1px;
                background-color: #f3eee9;
                width: 100%;
                z-index: 1;
                margin-top: 15px;
            }

            .RighInfo002228 .single-header h3 span {
                position: relative;
                z-index: 2;
                padding: 0 30px;
                background-color: #fff;
            }

        .RighInfo002228 .single-header h4 {
            color: #000;
            font-size: 24px;
            margin: 0 0 10px 0;
            font-weight: normal;
        }

    .RighInfo002228 .single-content {
        text-justify: inter-ideograph;
        text-align: justify;
        word-wrap: break-word;
        overflow: hidden;
        font-size: 14px;
        line-height: 24px;
        color: #666;
        padding-top: 2%;
    }

        .RighInfo002228 .single-content .title:after {
            display: none;
        }

        .RighInfo002228 .single-content p {
            margin: 0;
            padding: 10px 0;
        }

        .RighInfo002228 .single-content .no-textindent {
            text-indent: 0;
        }

    .RighInfo002228 .fr {
        float: none;
    }

    .RighInfo002228 .col2 + .col2 {
        margin-top: 10px;
    }

@media(max-width:950px) {
    .RighInfo002228 .auto {
        padding: 0 2%;
    }
}

@media screen and (min-width:465px) {
    .RighInfo002228 .col2 {
        width: 48%;
    }

    .RighInfo002228 .fr {
        float: right;
    }

    .RighInfo002228 .col2 + .col2 {
        margin-top: 0;
    }
}

@media screen and (min-width:768px) {
    .RighInfo002228 .single-header h1 {
        font-size: 24px;
    }

    .RighInfo002228 .single-header h3 {
        font-size: 18px;
    }

    .RighInfo002228 .single-content p {
        padding: 15px 0;
    }

    .RighInfo002228 .single-header h3:after {
        background-color: rgb(215,22,24);
        position: absolute;
        top: 50%;
        z-index: 1;
        margin-top: 0;
    }
}

@media screen and (min-width:1024px) {
    .RighInfo002228 .single-header h1 {
        font-size: 30px;
    }
}

/*20231109*/
.picBtnTop .hd{float: left;width: 22%;background: #434c51;}
.picBtnTop .hd li img{max-width:70%}
.picBtnTop .hd li{float: left;width: 100%;display: flex;align-items:  center;justify-content: center;height: 180px;line-height: 180px;color: #fff;font-size: 22px;cursor:pointer}
.picBtnTop .bd{width: 78%;float: right;}
.picBtnTop .hd li.on{background: #929394;border-color:#929394}
.picBtnTop .hd li:nth-child(3){border-bottom:none}
.picBtnTop .bd .Ispic{width: 60%;min-height: 540px;;float: right;background-color: #ddd;}
.picBtnTop .bd .txt{width: 40%;float: left;padding: 25px;background:#fff;height: 540px; }
.picBtnTop .bd li{position: relative;list-style: none;display: table}
.picBtnTop .bd li a.link{display: inline-block;width: 140px;height: 40px;margin-top: 40px; line-height: 40px;border-radius: 40px;text-align: center;font-size: 18px;color: #fff;background: #d71618;}
.picBtnTop .bd li .desc{font-size: 24px;font-weight: bold;color: #333}
.picBtnTop .bd li .info{font-size: 16px;line-height: 24px;color: #666;max-height: 360px;overflow-y: auto;padding-right:20px;}
.picBtnTop .bd li a.link:hover{background:#eaeaea;border-color: #eaeaea;color: #333}



/*网页滚动条*/
.picBtnTop .bd li .info::-webkit-scrollbar{
            width: 1px; height:6px;-webkit-overflow-scrolling : touch;
            background-color: #e6e6e6;}
.picBtnTop .bd li .info::-webkit-scrollbar-track{
            background-color: #e6e6e6;}
.picBtnTop .bd li .info::-webkit-scrollbar-thumb{
            border-radius: 10px;
            background-color: #58504a;}
.picBtnTop .bd li .info::-webkit-scrollbar-button{
            height: 0px;
            background-color: #e6e6e6;}
			
			.product-list2 .ytable figure{padding-bottom:66%;width:100%;background-size:contain}


.Floor003194 .morebtn{display:inline-block;margin-top:30px;text-align:center;width:100%}
.Floor003194 .morebtn a{display:inline-block;height:40px;line-height:40px;border-radius:5px;border:1px solid #d71618;padding:0 30px;color:#fff;background: #d71618;}
.Floor003194 .morebtn a:hover{color:#fff;background:#eaeaea;border-color:#eaeaea;color: #333;}




.tab_item {display:none;}

.root-sz-16 .list .ul {
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

@media(max-width:768px) {
	.picBtnTop .bd .txt{width:100%;height:auto;padding:15px}
	.picBtnTop .bd li .info p{margin:0;margin-top:10px; }
	.picBtnTop .bd .Ispic{width:100%;height:200px;min-height:200px;}
	.picBtnTop .bd li .info span{line-height:1.25 !important}
	.picBtnTop .bd li a.link{margin-top:15px;}
	.picBtnTop .bd li .info{max-height:unset;padding-right:0}
	.Floor0031613 .box-topic .slider li .hover p{line-height:1.5 }
	.picBtnTop .bd li a.link{font-size:15px;width:120px;height:32px;line-height:32px}
	.picBtnTop .bd .txt::-webkit-scrollbar{
            width: 1px; height:6px;-webkit-overflow-scrolling : touch;
            background-color: #e6e6e6;}
.picBtnTop .bd .txt::-webkit-scrollbar-track{
            background-color: #e6e6e6;}
.picBtnTop .bd .txt::-webkit-scrollbar-thumb{
            border-radius: 10px;
            background-color: #58504a;}
.picBtnTop .bd .txt::-webkit-scrollbar-button{
            height: 0px;
            background-color: #e6e6e6;}
			.Floor0031613 .box-topic .slider li .hover{padding: 3vw 30px}
			.RighInfo002228 .single-content img{height:auto !important}
			
			.picBtnTop .hd,.picBtnTop .bd{width:100%}
			.picBtnTop .hd li{width:33.33%;height: 80px}
}


.intro-name{
	line-height: 1.875;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
	margin-top:10px;
}
@media screen and (min-width:1024px) and (max-width:1710px){
	
	.Floor00282777 .right li .img-bg{
		padding-bottom:162%;
		
	}
	
}
@media screen and (min-width:767px) and (max-width:1024px){
	.Floor00282777 .right li .img-bg {
    padding-bottom: 198%;
}
.Floor002827 .right li .txt {
   
    padding: 1em;
}
}
@media screen and (min-width:600px) and (max-width:767px){
	.Floor00282777 .right li .img-bg {
    padding-bottom: 175%;
}
}

.JsBox .name{
	font-size:1.25em !important;
}
.JsBox .pic{
	bottom:2.5em !important
}
.JsBox .img-bg {
    padding-bottom: calc(100% + 20px) !important;
}
.JsBox .txt{
	padding:2em 1em 1em 1em !important;
}
.JsBox .desc span{
	font-size:0.875em !important;
}
.JsBox .left .desc{
	margin-top:2.5em !important;
	margin-bottom:1.25em !important;
}
.JsBox .JsBoxCon{
	
	display: flex;
    justify-content: space-between;
    align-items: center;
	flex-wrap:wrap;
}

.djBox .left .desc {
    margin-bottom: 2em;
    font-size: 0.875em !important;
    margin-top: 2.5em;
	line-height:2;
}
.djBoxCon{
	display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}
.djBox .right li .img-bg {
    padding-bottom: calc(103% + 3em);
}

.djBox .left .btn {
    margin-bottom: 1.25em;
}


.djBox .hover .dot6 {
    font-size: 16px !important;
    line-height: 2;
   
    width: 100%;
    text-align: justify;
	
}

.index .Floor0031613 .box-topic .slider li .hover p{
	font-size:14px;
	line-height:24.5px;
}
.djBox .left .desc p{
	margin-top:0;
	margin-bottom:0
}
 @media screen and (min-width:1024px) and (max-width:1920px){
	 .djBox .left .desc{
		 font-size:14px !important;
		 line-height:2 !important;
	 }
	 .Floor002882 .slider li .txt aside{
		 font-size:14px;
	 }
 }

 .systemBox{
	 margin-left:30px;
	 margin-right:30px;
 }
 .systemBox .djBoxCon{
	 width:calc(90% + 60px)
 }
 .JsBox{
	 padding:calc(4% + 1.25em) 0;
 }
 
 @media screen and (max-width:1024px){
	 .systemBox {
    margin-left: 0px;
    margin-right: 0px;
}
	 .Top002742 .weblink {
		width: 460px;
	}
	.root-sz-16 {
    font-size: 2vw;
}

.djBox .right{width:100%}
.JsBox .right{width:100%}
.djBoxCon,.JsBoxCon{
	width:90% !important;
}
.djBox .hover .dot6{
	    -webkit-line-clamp: 3;
}
.index .Floor00282777 .left .title .cn {
    font-size: 20px !important;
}
.index .djBox .left .desc {
    margin-bottom: 20px;
    font-size: 16px !important;
    margin-top: 20px;
}
.index .djBox .left .btn {
    margin-bottom: 0px;
}
.index .Floor002827 .right li .name {
    font-size: 18px !important;
}
.index .Floor002827 .right li .cate-name,
.index .Floor002827 .left .title .cn
{
    font-size: 20px;
}
.index .Floor2 .right li .pic {
    bottom: 20px !important;
}
.index .djBox .right li .img-bg {
    padding-bottom: calc(103% + 40px);
}
.index .djBox .hover .dot6 {
    -webkit-line-clamp: 6 !important;
    font-size: 16px !important;
    line-height: 30px !important;
    top: 20px !important;
    width: calc(100% - 40px);
}
.index .djBox .right li a .hover .btn {
  
   
    font-size: 14px;
}
.index .Floor002827 .left .title .en {
    font-size: 16px;
    line-height: 16px;
    margin-top: 10px;
	
}

.index .JsBox .left .desc {
    margin-top: 20px !important;
    margin-bottom: 0px !important;
    font-size: 16px !important;
	line-height:30px !important;
}
.index .JsBox .pic {
    bottom: 20px !important;
}
.index .Floor002827 .right li .txt {
    padding: 20px !important;
}
.index .JsBox .img-bg {
    padding-bottom: calc(84% + 40px) !important;
}
.index .Floor002882 .title span.cn,
.index .Floor0028821 .title span.cn,
.index .Floor0031614 .title .cn ,
.index .Floor003194 .title .cn{
    font-size: 30px !important;
    line-height: 30px !important;
}
.index .Floor003194 .title .cn,
.index .Floor0031613 .title .cn,
.index .Floor0031613 .box-topic .slider li .hover h3 {
    font-size: 20px;
}
.index .Floor002882 .title span.en,
.index .Floor0028821 .title span.en {
    font-size: 16px;
    line-height: 16px;
    margin: 8px 0px 0px 9px;
}
.index .Floor003194 .title .en,
.index .Floor0031613 .title .en,
.index .Floor0031614 .title .en {
    font-size: 16px;
    line-height: 16px;
    margin-top: 10px;
	margin-bottom:10px;
}
.index .picBtnTop .bd li .info span,
.index .Floor0031613 .box-topic .slider li .hover p,
.index .Floor0031614 .box-topic .slider li p,
.JsBox .desc span {
    font-size: 16px !important;
    line-height: 30px !important;
}
.index .Floor0031613 .box-topic .slider li aside,
.index .Floor002882 .slider li .txt aside {
    font-size: 16px;
    padding: 10px 20px;
	margin:0;
}
.index .Floor002882 .slider li .txt aside,
.index .Floor0028821 .inner dd{
	font-size:16px;
}
.index .picBtnTop .bd li .desc {
    font-size: 18px;
    line-height:18px;
}
.index .Floor003194 .morebtn a,
.index .Floor0031613 .box-topic .slider li .hover .btn,
.index .Floor0028821 .title a{
	font-size:15px
}
.index .picBtnTop .bd li a.link{
    height: 32px;
    line-height: 32px;
    width: 106px;
}
.index .Floor003194 .morebtn{
	margin-bottom:0px;
}
.index .Floor002882 .title{
	margin-bottom:20px;
}

/*.index .Floor0031613 .box-topic .slider li .hover .btn{
	position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translate(-50%, 0px);
}*/
.index .Floor0031613 .box-topic .slider li .hover .btn{
	margin-top:20px;
	margin-bottom:20px;
}
.index .Floor0031613 .box-topic .slider li .hover p {
	margin-bottom:20px
}
.index .Floor0031613 .box-topic .slider li .hover .ytable-cell{
	display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: 100%;
  
}
.index .Floor {
    padding: 30px 0px;
}


.index .Floor0031614 .title .cn,
.index .Floor0031613 .title .cn, 
.index .JsBox .left .title .cn
{
	font-size:30px !important;
	line-height:30px !important;
}
.index .Floor0031613 .box-topic .slider li .hover p{
	-webkit-line-clamp: 5;
}
.index .Floor0028821 .title span.cn{
	font-size:26px !important;
	line-height:26px !important;
}
.index .Floor0028821 .title span.en{
	margin:5px 0px 0px 9px !important;
}

.index .Floor0031613 .box-topic .slider li .hover{
	padding:10px 30px;
}
.index .Floor0031613 .box-topic .slider li .hover h3::after {
    
    margin: 10px auto;
  
}
 }
  @media screen and (max-width:640px){
	  .root-sz-16 {
    font-size: 3.5vw;
}
	.title{
    font-size: 2vw;
}
.index .djBox .right li .img-bg {
    padding-bottom: calc(92% + 20px);
}
.index .JsBox .img-bg {
    padding-bottom: calc(84% + 20px) !important;
}
.index .djBox .hover .dot6{
	-webkit-line-clamp: 6;
}


 }


@media screen and (max-width:1024px){
	#header-menu li em{
		font-size:20px;
	}
	.Top002742 #header-menu li .sub dl dd a{
		line-height:34px;
	}
	#header-menu li {
        line-height: 50px;
    }
	.Top002742 #header-menu li .sub dl dt a {
        font-size: 18px;
        padding: 0 10px;
        font-weight: bold;
    }
	.Floor0031613 .box-topic .slider li .hover h3{
		margin-top:10px;
	}
}
.Company .nav-warp .ul p,.Company .nav-warp .ul span{
	margin-top:0px;
	margin-bottom:0px;
	font-size: 16px !important;
    line-height: 2 !important;
}
.Company .nav-warp .ul a{
	cursor:normal;
}
.Company .nav-warp .ul a:hover{
	color:#333;
}
.Company .nav-warp .ul{
	margin-top:-15px;
}
.Column-con .warp .nav .nav-warp li{
	padding-top:15px;
	padding-bottom:15px;
}
.Column-con .warp .nav .nav-warp .title a{
	font-weight: normal;
    font-size: 16px;
    float: right;
}
.Column-con .warp .nav .nav-warp .title {
    font-size: 18px !important;
    color: #666;
    border-left: 4px solid #d71618;
    padding-left: 15px;
    font-weight: bold;
}
.product-con{
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
}
.Product .product-con li p, .Product .product-con dl p{
	text-align:justify;
}
.product-con .clear{
	display:none;
}
.product-list2.showlist .ul{
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.product-list2.showlist .ul.clearfix:after {
	display:none;
}
.djBoxCon .ytable-cell{position:relative}
.djBox .hover .dot6 {
	position: absolute;
    top: 0px;
}
.djBoxCon .right li a .btn {
   
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translate(-50%, 0px);
}
.index .Floor002827 .left .title .en{
	font-weight: bold;
    color: yellow;
}
.xl{
	display: none;
    flex-direction: row;
    background: url(../images/Floor002827-bg.png) no-repeat center /cover;
    box-sizing: border-box;
    padding-top: 2%;
    padding-bottom: 2%;
    margin: 0 auto;
    margin-top: 2%;
}
.djBoxUl .djBoxUlDiv{
	display: flex;
	height:100%
}
.djBoxUl .title div{
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}
.djBoxR{
	display: flex;
    width: 71.875%;
    justify-content: space-between;
}
.djBoxR .imgBox{
	width: calc(46% - 10px);
    background: #C7C9CC;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
.djBoxR .imgBox .more{
	color: #d71618;
    position: absolute;
    bottom: 20px;
    right: 20px;
    font-size: 16px;
}
.djBoxR .djBoxUl{
	width: calc(54% - 10px);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.djBoxR .djBoxUl li{
	height:calc(30%)
}
.xlCon {
    width: calc(90% + 60px);
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}
.djBoxL{
	float: left;
    width: 23.75%;
    padding-top: 0%;
}
.djBoxUl .pic{
	background: #ffffff;
    width: calc(50% - 10px);
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
 
    margin-right: 20px;
    height: auto;
}

.djBoxUl .title{
	 width: calc(40% - 10px);
    font-size: 16px;
    color: #333 !important;
    line-height: 1.6;
}
.djBoxUl .title h3{
	margin-bottom:10px;
	margin-top:0px;
}
.djBoxUl li:last-child .pic{
	margin-bottom:0px
}
.djBoxL .desc p{
	font-size: 16px;
    line-height: 2;
    color: #333;
    margin-top: 0px;
    margin-bottom: 0px;
}
.djBoxL .title .cn{
	font-size: 1.7em;
    color: #333;
    font-weight: bold;
}
.djBoxUl .img-block {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.djBoxR .imgBox .pic img{
	transition: all 0.5s ease;
}
.djBoxR .imgBox:hover .pic img{
	margin-top:-20px;
}
@media screen and (max-width:1024px){
	.xl {
       margin-left: 0px;
        margin-right: 0px;
        padding-top: 30px;
        padding-bottom: 30px;
        margin-top: 20px;
        margin-bottom: 20px;
    }

	.xlCon{
		flex-direction: column;
    width: 90%;
	}
	.djBoxR {
        width: 100%;
        flex-wrap: wrap;
    }
	.djBoxR .imgBox{
		 width: 100%;
		margin-bottom:20px;
		min-height:270px;
	}
	.djBoxR .djBoxUl {
    width: 100%;
}
.djBoxL {
    width: 100%;
}
.djBoxUl .title {
    width: calc(50% - 5px);
    font-size: 16px;
    color: #fff;
    line-height: 1.6;
}
.djBoxUl .pic {
    width: calc(50% - 5px);
    margin-bottom: 10px;
    margin-right: 10px;
}
.djBoxL .title .cn {
    font-size: 20px;
	margin-bottom:30px;
}
.Floor002882 .slider li .pic figure{
	padding-bottom:100%;
}
}
@media screen and (max-width:1200px){
	.djBox .hover .dot6 {
    position: absolute;
    top: 0px;
    font-size: 14px !important;
    line-height: 1.9;
}
}
.djBoxL .title{
	margin-bottom:2.3em;
}
@media screen and (max-width:640px){
	.djBoxUl .djBoxUlDiv {
   
    flex-direction: column;
}
.djBoxUl .pic {
        width: 100%;
        margin-bottom: 0px;
        margin-right: 0px;
    }
	.djBoxUl .title {
        width: 100%;
        font-size: 16px;
        color: #fff;
        line-height: 1.6;
        margin-top: 10px;
        margin-bottom: 20px;
    }
	.djBoxUl .title h3 {
    margin-bottom: 0px;
    margin-top: 0px;
}
.djBoxUl li:last-child .title{
	margin-bottom:0px;
}
.djBoxR {
        
        margin-top: 10px;
    }
	.djBoxR .djBoxUl li {
    height: auto;
}
}

.webPro{
	text-align: center;
    margin-top: 50px;
    font-weight: normal;
}
.djBoxR .hover {
    position: absolute;
    width: 100%;
    height: 100%;
    display: table;
    left: 0;
    top: 0;
    background: rgba(215, 22, 24, .85);
    padding: 2vw;
    color: #fff;
    z-index: 10;
    text-align: center;
    transform: scale(0);
    opacity: 0;
    transition: all ease 0.3s;
}
.djBoxR .imgBox{
	cursor:pointer;
}
.djBoxR .imgBox:hover .hover{
	opacity:1;
	transform: scale(1);
}
.djBoxR .imgBox .ytable-cell{
	position: relative;
}
.djBoxR .imgBox .dot6{
	font-size: 16px !important;
    line-height: 2;
    width: 100%;
    text-align: justify;
    position: absolute;
    top: 0px;
    opacity: 0.95;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
}
.djBoxR .imgBox .btn{
	position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translate(-50%, 0px);
    display: block;
    width: 10em;
    line-height: 3;
    border: 1px solid rgba(255, 255, 255.5);
    border-radius: 36px;
    font-size: 0.875em;
    margin: 3em auto 0;
    background: url(../images/Floor003105-icon-white.svg) no-repeat center right 1.5em #d71618;
    background-size: 16px auto;
    padding-right: 2em;
}
.djBoxR .imgBox .pic{
	overflow:hidden;
}
@media screen and (min-width:1024px) and (max-width:1600px){
	.djBoxUl .title div{
		font-size:14px;
	}
}