table { border-collapse:collapse; border:1px solid #eceaea; }
td { height:40px; border-collapse:collapse; border:1px solid #eceaea; }
@charset "UTF-8";
@font-face {
font-family: 'thyFont2';
src: url("../fonts/BEBAS.ttf");
}
@font-face {
font-family: 'thyFont3';
src: url("../fonts/Questrial-Regular.ttf");
}
@font-face {
font-family: numFont;
src: url("../fonts/DINPRO.otf");
}
@font-face {
font-family: siyuan-Heavy;
src: url("../fonts/SourceHanSansCN-Heavy.otf");
}
main { max-width: 1200px; margin: 0 auto; display: block; *zoom: 1;
}
main:before, main:after { content: " "; display: table; }
main:after { clear: both; }
html { background: #fff; overflow-x: hidden; width: 100%; }
/*样式重置*/

html { line-height: 1.15; -webkit-text-size-adjust: 100%; }
body { margin: 0; }
h1 { font-size: 2em; margin: .67em 0; }
hr { box-sizing: content-box; height: 0; overflow: visible; }
pre { font-family: monospace, monospace; font-size: 1em; }
a { background-color: transparent; }
abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted; }
b, strong { font-weight: bolder; }
code, kbd, samp { font-family: monospace, monospace; font-size: 1em; }
small { font-size: 80%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sub { bottom: -.25em; }
sup { top: -.5em; }
img { border-style: none; }
button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; }
button, input { overflow: visible; }
button, select { text-transform: none; }
[type=button], [type=reset], [type=submit], button {
-webkit-appearance: button;
}
[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
border-style: none;
padding: 0;
}
[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
outline: 1px dotted ButtonText;
}
fieldset { padding: .35em .75em .625em; }
legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; }
progress { vertical-align: baseline; }
textarea { overflow: auto; }
[type=checkbox], [type=radio] {
box-sizing: border-box;
padding: 0;
}
[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
height: auto;
}
[type=search] {
-webkit-appearance: textfield;
outline-offset: -2px;
}
[type=search]::-webkit-search-decoration {
-webkit-appearance: none;
}



::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}
details { display: block; }
summary { display: list-item; }
template { display: none; }
[hidden] {
display: none;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, audio, canvas, details, figcaption, figure, footer, header, hgroup, mark, menu, meter, nav, output, progress, section, summary, time, video { margin: 0; padding: 0; }
fieldset, img { border: 0; }
address, caption, cite, code, dfn, em, th, var, optgroup { font-style: normal; font-weight: normal; }
ins { text-decoration: none; }
li { list-style: none; }
table { font-size: inherit; width: 100%; border-collapse: collapse; border-spacing: 0; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
q:before, q:after { content: ''; }
abbr, acronym { border: 0; font-variant: normal; }
legend { color: #000; }
input, button, textarea, select, optgroup, option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; }
input, button, textarea, select { border: 0; padding: 0; margin: 0; *font-size: 100%;
line-height: 1.2; }
a img, img { -ms-interpolation-mode: bicubic; }
sub, sup { vertical-align: baseline; }
article, aside, dialog, figure, footer, header, hgroup, nav, section, blockquote { display: block; }
pre { white-space: pre-wrap; }
textarea { resize: none; overflow: auto; }
input[type=text]:focus, input[type=password]:focus, textarea:focus { outline: 0; }
button, input { outline: 0; }
input[type=password]::-ms-reveal {
display: none;
}
input::-ms-clear {
display: none;
}
input:-ms-input-placeholder {
color: #999;
}



/*样式重置*/

@keyframes r_x { 75% {
transform: rotateY(0deg);
}
100% {
transform: rotateY(360deg);
}
}
@-webkit-keyframes r_x { 75% {
transform: rotateY(0deg);
}
100% {
transform: rotateY(360deg);
}
}
@-moz-keyframes r_x { 75% {
transform: rotateY(0deg);
}
100% {
transform: rotateY(360deg);
}
}
@-o-keyframes r_x { 75% {
transform: rotateY(0deg);
}
100% {
transform: rotateY(360deg);
}
}
.fixnav { position: fixed; top: 0; left: 0; width: 100%; background: #a60401; box-shadow: 0 2px 3px -1px #3c0707; z-index: 60; }



#cyNavStyle { background: #1b1b1b; }
.header-bar { width: 100%; }
.header-bar .h0 { background: #fff; height: 120px; *zoom: 1;}
.header-bar .h0:before, .header-bar .h0:after { content: " "; display: table; }
.header-bar .h0:after { clear: both; }
.header-bar .h0 .left { float: left; display: block; }
.header-bar .h0 .right { width: 260px; float: right; }
.header-bar .h0 .right .tel { float: left; }
.header-bar .h0 .right .tel .t0 { margin-top: 22px; *zoom: 1;}
.header-bar .h0 .right .tel .t0:before, .header-bar .h0 .right .tel .t0:after { content: " "; display: table; }
.header-bar .h0 .right .tel .t0:after { clear: both; }
.header-bar .h0 .right .tel .t0 img { float: left; margin-right: 10px; margin-top: 10px; }
.header-bar .h0 .right .tel .t0 p { float: left; }
.header-bar .h0 .right .tel .t0 p small { font-family: "microsoft yahei", "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", SimHei, sans-serif; font-size: 14px; color: #484848; display: block; }
.header-bar .h0 .right .tel .t0 p span { display: block; color: #d50606; font-size: 30px; font-family: numFont; float: left; }
.header-bar .h0 .right .tel ul { *zoom: 1;}
.header-bar .h0 .right .tel ul:before, .header-bar .h0 .right .tel ul:after { content: " "; display: table; }
.header-bar .h0 .right .tel ul:after { clear: both; }
.header-bar .h0 .right .tel ul li { font-family: "microsoft yahei", "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", SimHei, sans-serif; font-size: 14px; color: #848484; float: left; position: relative; margin-right: 32px; }
.header-bar .h0 .right .tel ul li:nth-of-type(1) {margin-left: 17px;}
.header-bar .h0 .right .tel ul li:nth-of-type(3) {margin-right: 0;}
.header-bar .h0 .right .tel ul li:before { width: 7px; height: 7px; display: block; content: ''; position: absolute; left: -15px; top: 6px; background: #bfbfbf; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
nav { position: relative; height: 60px; background: #a60401; }
nav ul { height: 60px; }
nav ul .nav_son { position: absolute; z-index: 99; width: 100%; display: none; }
nav ul .nav_son p { width: 100%; overflow: hidden; }
nav ul .nav_son p a { float: left; width: 100%; height: 40px; display: block; border: 1px solid #eeeeee; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; text-align: center; line-height: 40px; background: #fff; color: #515151; transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s; transition-timing-function: ease; -moz-transition-timing-function: ease; /* Firefox 4 */ -webkit-transition-timing-function: ease; /* Safari 和 Chrome */ -o-transition-timing-function: ease;/* Opera */ }
nav ul .nav_son p a:hover { background: #1b1b1b; color: #fff; }
nav ul .nav-li { width: 133px; position: relative; float: left; }
nav ul .nav-li:before { position: absolute; right: 0; top: 0; width: 1px; height: 100%; display: block; content: ''; background: #970802; }
nav ul .nav-li .btn-bubble { display: block; width: 100%; height: 60px; line-height: 60px; text-align: center; position: relative; }
nav ul .nav-li .btn-bubble:hover, nav ul .nav-li .btn-bubble:focus { -webkit-animation: bubbles0 1s forwards ease-out; animation: bubbles0 1s forwards ease-out; background-color: #970802; background-repeat: no-repeat; }
nav ul .nav-li .btn-bubble span { display: block; color: #fff; font-size: 16px; transition: 0.2s; -moz-transition: 0.2s; -webkit-transition: 0.2s; -o-transition: 0.2s; transition-timing-function: ease; -moz-transition-timing-function: ease; /* Firefox 4 */ -webkit-transition-timing-function: ease; /* Safari 和 Chrome */ -o-transition-timing-function: ease;/* Opera */ }
.pc-banner { width: 100%; min-width: 1200px; overflow: hidden; position: relative; margin-top:1px; }
.pc-banner .banner_container { position: relative; width: 100%; z-index: 1; }
.pc-banner .banner_container .swiper-pagination-1 { bottom: 40px; }
.pc-banner .banner_container .swiper-pagination-1 .swiper-pagination-bullet-active { width: 35px !important; height: 14px !important; border-radius: 25px !important; }
.pc-banner .banner_container .swiper-pagination-1 > .swiper-pagination-bullet { margin: 0 6px; display: inline-block; border-radius: 50%; width: 14px; height: 14px; background: #d50606; opacity: 1; }
.pc-banner .banner_container .swiper-container { width: 100%; height: 100%; }
.pc-banner .banner_container .swiper-slide { overflow: hidden; text-align: center; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
.pc-banner .banner_container .swiper-slide img { object-fit: cover; width: 100%; height:550px; cursor: grab; }
.search { width: 100%; position: relative; background: #f4f4f4; }
.search main { *zoom: 1;
}
.search main:before, .search main:after { content: " "; display: table; }
.search main:after { clear: both; }
.search main .left { float: left; width: 600px; line-height: 68px; }
.search main .left > b { float: left; font-size: 16px; color: #444444; padding-right: 5px; }
.search main .left > div li { float: left; margin-right: 20px; }
.search main .left > div li a { color: #7b7b7b; font-size: 16px; font-weight: lighter; transition: 0.2s; -moz-transition: 0.2s; -webkit-transition: 0.2s; -o-transition: 0.2s; transition-timing-function: ease; -moz-transition-timing-function: ease; /* Firefox 4 */ -webkit-transition-timing-function: ease; /* Safari 和 Chrome */ -o-transition-timing-function: ease;/* Opera */ }
.search main .left > div li a:hover { color: #1b1b1b; }
.search main .middle { float: right; margin-top: 15px; width: 272px; border: 1px solid #e5e5e5; background: #fff; }
.search main .middle input { width: 225px; height: 36px; color: #545353; font-size: 16px; float: left; text-indent: 20px; }
.search main .middle input ::-webkit-input-placeholder {
color: #545353;
font-size: 16px;
}
.search main .middle input :-moz-placeholder {
color: #545353;
font-size: 16px;
}
.search main .middle input ::-moz-placeholder {
color: #545353;
font-size: 16px;
}
.search main .middle input :-ms-input-placeholder {
color: #545353;
font-size: 16px;
}
.search main .middle button { position: relative; width: 15px; height: 15px; background: url(../images2021/search.png) no-repeat center; cursor: pointer; float: left; margin-top: 11px; margin-left: 16px; }
.search main .middle button:before { position: absolute; left: -16px; width: 1px; height: 20px; background: #cdcdcd; display: block; content: ''; top: -2px; }
.cooperation { width: 100%; padding-bottom: 64px; padding-top: 46px; }
.cooperation main { position: relative; box-sizing: border-box; -moz-box-sizing: border-box; /* Firefox */ -webkit-box-sizing: border-box;/* Safari*/ }
.cooperation main .swiper-container-customer { margin-top: 35px; }
.cooperation main .swiper-container-customer .pic { height: 106px; box-sizing: border-box; -moz-box-sizing: border-box; /* Firefox */ -webkit-box-sizing: border-box; /* Safari*/ border: 1px solid #dadada; position: relative; }
.cooperation main .swiper-container-customer .pic img { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.cooperation main .swiper-button-prev-c0 { left: -96px; background: url("../images2021/prev.png") no-repeat; outline: none; width: 60px; height: 60px; top: 228px; transition: 0.2s; -moz-transition: 0.2s; -webkit-transition: 0.2s; -o-transition: 0.2s; transition-timing-function: ease; -moz-transition-timing-function: ease; /* Firefox 4 */ -webkit-transition-timing-function: ease; /* Safari 和 Chrome */ -o-transition-timing-function: ease;/* Opera */ }
.cooperation main .swiper-button-prev-c0:hover { background: url("../images2021/prev2.png") no-repeat; }
.cooperation main .swiper-button-next-c0 { right: -96px; background: url("../images2021/next.png") no-repeat; outline: none; width: 60px; height: 60px; top: 228px; transition: 0.2s; -moz-transition: 0.2s; -webkit-transition: 0.2s; -o-transition: 0.2s; transition-timing-function: ease; -moz-transition-timing-function: ease; /* Firefox 4 */ -webkit-transition-timing-function: ease; /* Safari 和 Chrome */ -o-transition-timing-function: ease;/* Opera */ }
.cooperation main .swiper-button-next-c0:hover { background: url("../images2021/next2.png") no-repeat; }
.all_sidebar { float: left; }
.all_sidebar .s1 .s0 { position: relative; }
.all_sidebar .s1 .s0 .side-type { background: #c80d0d url("../images2021/type0.png") no-repeat left 38px center; padding: 23.5px 0; }
.all_sidebar .s1 .s0 .side-type b { display: block; font-family: "microsoft yahei", "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", SimHei, sans-serif; font-size: 30px; color: #fff; padding-left: 103px; }
.all_sidebar .s1 .s0 .side-type small { display: block; font-family: "microsoft yahei", "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", SimHei, sans-serif; font-size: 14px; color: #f07c7c; padding-left: 103px; font-weight: lighter; }
.all_sidebar .s1 ul { width: 264px; background: #fff; margin: 0 auto; border-left: 1px solid #eeeeee; border-right: 1px solid #eeeeee; }
.all_sidebar .s1 ul li .ts0 { display: block; width: 100%; height: 49px; line-height: 49px; margin: 0 auto; position: relative; border-bottom: 1px solid #eeeeee; box-sizing: border-box; -moz-box-sizing: border-box; /* Firefox */ -webkit-box-sizing: border-box; /* Safari*/ transition: 0.2s; -moz-transition: 0.2s; -webkit-transition: 0.2s; -o-transition: 0.2s; transition-timing-function: ease; -moz-transition-timing-function: ease; /* Firefox 4 */ -webkit-transition-timing-function: ease; /* Safari 和 Chrome */ -o-transition-timing-function: ease; /* Opera */ *zoom: 1;
}
.all_sidebar .s1 ul li .ts0:before, .all_sidebar .s1 ul li .ts0:after { content: " "; display: table; }
.all_sidebar .s1 ul li .ts0:after { clear: both; }
.all_sidebar .s1 ul li .ts0:before { display: block; content: ''; width: 266px; height: 100%; position: absolute; left: -1px; }
.all_sidebar .s1 ul li .ts0:hover:before { -webkit-animation: bubbles1 1s forwards ease-out; animation: bubbles1 1s forwards ease-out; background-color: #970802; background-repeat: no-repeat; }



.all_sidebar .s1 ul li .ts0:hover span { color: #fff; }
.all_sidebar .s1 ul li .ts0:hover i { background: url("../images2021/next6.png") no-repeat center; }
.all_sidebar .s1 ul li .ts0 i { display: block; width: 18px; height: 18px; background: url("../images2021/next5.png") no-repeat center; transition: 0.2s; -moz-transition: 0.2s; -webkit-transition: 0.2s; -o-transition: 0.2s; transition-timing-function: ease; -moz-transition-timing-function: ease; /* Firefox 4 */ -webkit-transition-timing-function: ease; /* Safari 和 Chrome */ -o-transition-timing-function: ease; /* Opera */ float: left; position: relative; z-index: 2; margin-left: 39px; margin-top: 16px; }
.all_sidebar .s1 ul li .ts0 span { float: left; text-indent: 14px; font-size: 16px; color: #4e4e4e; display: inline-block; position: relative; z-index: 2; transition: 0.2s; -moz-transition: 0.2s; -webkit-transition: 0.2s; -o-transition: 0.2s; transition-timing-function: ease; -moz-transition-timing-function: ease; /* Firefox 4 */ -webkit-transition-timing-function: ease; /* Safari 和 Chrome */ -o-transition-timing-function: ease;/* Opera */ }
.all_sidebar .s1 .sbt0 { margin-top: 30px; width: 264px; border: 1px solid #eeeeee; border-top: 4px solid #d50606; position: relative; }
.all_sidebar .s1 .sbt0:before { position: absolute; top: 0; width: 100%; height: 1px; background: #dcdcdc; display: block; content: ''; }
.all_sidebar .s1 .sbt0 .side-contact { background: url("../images2021/sc.png") no-repeat left 39px center; padding-left: 103px; margin-top: 25px; margin-bottom: 25px; }
.all_sidebar .s1 .sbt0 .side-contact b { display: block; font-family: "microsoft yahei", "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", SimHei, sans-serif; font-size: 30px; color: #c80d0d; }
.all_sidebar .s1 .sbt0 .side-contact small { display: block; font-family: "microsoft yahei", "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", SimHei, sans-serif; font-size: 14px; color: #c80d0d; font-weight: lighter; }
.all_sidebar .s1 .sbt1 { padding-left: 39px; }
.all_sidebar .s1 .sbt1 p { color: #4e4e4e; font-size: 14px; line-height: 33px; }
.all_sidebar .s1 .sbt2 { width: 185px; margin: 0 auto; margin-top: 15px; padding-bottom: 15px; }
.all_sidebar .s1 .sbt2 p { border: 1px solid #ebebeb; text-align: center; height: 185px; line-height: 185px; }
.all_sidebar .s1 .sbt2 span { color: #4e4e4e; font-size: 14px; display: block; text-align: center; line-height: 33px; }
.pro-bar { width: 100%; height:auto; padding-top:25px; padding-bottom: 64px; background: #f5f5f5; }
.pro-bar .a0 { margin-top: 30px; }
.pro-bar main { margin-top: 30px; }
.pro-bar main .product-type-container { *zoom: 1;}
.pro-bar main .product-type-container:before, .pro-bar main .product-type-container:after { content: " "; display: table; }
.pro-bar main .product-type-container:after { clear: both; }
.pro-bar main .product-type-container a { display: block; float: left; width: 217px; height: 62px; margin-right: 28px; margin-bottom: 28px; line-height: 62px; background: #3a3a3a; transition: 0.2s; -moz-transition: 0.2s; -webkit-transition: 0.2s; -o-transition: 0.2s; transition-timing-function: ease; -moz-transition-timing-function: ease; /* Firefox 4 */ -webkit-transition-timing-function: ease; /* Safari 和 Chrome */ -o-transition-timing-function: ease; /* Opera */ position: relative; }
.pro-bar main .product-type-container a:nth-of-type(5n) {
margin-right: 0;
}
.pro-bar main .product-type-container a:hover, .pro-bar main .product-type-container a:focus { -webkit-animation: bubbles 0.8s forwards ease-out; animation: bubbles 0.8s forwards ease-out; background-color: #970802; background-repeat: no-repeat; }
.pro-bar main .product-type-container a span { font-family: "microsoft yahei", "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", SimHei, sans-serif; font-size: 16px; color: #fff; display: block; background: url(../images2021/down.png) no-repeat left 35px center; text-indent: 75px; position: relative; z-index: 2; }
.pro-bar main .product-container { margin-top: 9px; *zoom: 1;
}
.pro-bar main .product-container:before, .pro-bar main .product-container:after { content: " "; display: table; }
.pro-bar main .product-container:after { clear: both; }
.pro-bar main .product-container .pro-wrapper { width: 380px; float: left; margin-right: 30px; margin-bottom: 30px; box-sizing: border-box; -moz-box-sizing: border-box; /* Firefox */ -webkit-box-sizing: border-box;/* Safari*/ }
.pro-bar main .product-container .pro-wrapper:nth-of-type(3n) {
margin-right: 0;
}
.pro-bar main .product-container .pro-wrapper:hover .p_text0:after { width: 100%; }
.pro-bar main .product-container .pro-wrapper:hover .p_text0 span { color: #fff; }
.pro-bar main .product-container .pro-wrapper a { position: relative; box-sizing: border-box; -moz-box-sizing: border-box; /* Firefox */ -webkit-box-sizing: border-box; /* Safari*/ border: 1px solid #cbcbcb; display: block; width: 100%; height: 458px; background: #fff; }
.pro-bar main .product-container .pro-wrapper a .s-pro { width: 365px; height: 300px; position: absolute; top: 18px; left: 50%; transform: translateX(-50%); max-width: 100%; max-height: 100%; }
.pro-bar main .product-container .pro-wrapper a .s-pro img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 100%; max-height: 100%; }
.pro-bar main .product-container .pro-wrapper a .p_text0 { position: absolute; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); top: 333px; width: 305px; height: 40px; line-height: 40px; border-bottom: 1px solid #e5e5e5; transition: 0.2s; -moz-transition: 0.2s; -webkit-transition: 0.2s; -o-transition: 0.2s; transition-timing-function: ease; -moz-transition-timing-function: ease; /* Firefox 4 */ -webkit-transition-timing-function: ease; /* Safari 和 Chrome */ -o-transition-timing-function: ease;/* Opera */ }
.pro-bar main .product-container .pro-wrapper a .p_text0:after { display: block; content: ''; position: absolute; left: 0; top: 0; width: 0; height: 100%; background: #a60401; transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s; transition-timing-function: ease; -moz-transition-timing-function: ease; /* Firefox 4 */ -webkit-transition-timing-function: ease; /* Safari 和 Chrome */ -o-transition-timing-function: ease;/* Opera */ }
.pro-bar main .product-container .pro-wrapper a .p_text0 span { display: block; width: 90%; margin: 0 auto; text-align: left; color: #444444; font-size: 16px; position: relative; z-index: 2; transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s; transition-timing-function: ease; -moz-transition-timing-function: ease; /* Firefox 4 */ -webkit-transition-timing-function: ease; /* Safari 和 Chrome */ -o-transition-timing-function: ease; /* Opera */ white-space: nowrap; text-overflow: ellipsis; overflow: hidden; word-break: break-all; }
.pro-bar main .product-container .pro-wrapper a .p_text1 { margin-top: 11px; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); top: 374px; width: 305px; }
.pro-bar main .product-container .pro-wrapper a .p_text1 em { text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; display: block; line-height: 22px; height: 40px; font-family: "microsoft yahei", "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", SimHei, sans-serif; font-size: 12px; color: #979797; }
.consult { width: 100%; height: 270px; background: url(../images2021/consult.jpg) no-repeat center center; }
.consult .ad2 { width: 657px; margin-top: 162px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; border: 1px solid #fff; height: 50px; *zoom: 1;
}
.consult .ad2:before, .consult .ad2:after { content: " "; display: table; }
.consult .ad2:after { clear: both; }
.consult .ad2 span { color: #fff; font-size: 16px; background: url(../images2021/tel2.png) no-repeat left 32px center; padding-left: 78px; line-height: 50px; float: left; }
.consult .ad2 b { color: #ff0; font-size: 34px; font-family:Arial, Helvetica, sans-serif; float: left; font-weight: normal; margin-top:7px; }
.consult .ad2 a { width: 143px; height: 50px; display: inline-block; background: #fff; text-align: center; line-height: 50px; float: right; position: relative; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s; transition-timing-function: ease; -moz-transition-timing-function: ease; /* Firefox 4 */ -webkit-transition-timing-function: ease; /* Safari 和 Chrome */ -o-transition-timing-function: ease;/* Opera */ }
.consult .ad2 a i { font-style: normal; color: #be1919; font-size: 18px; position: relative; z-index: 2; transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s; transition-timing-function: ease; -moz-transition-timing-function: ease; /* Firefox 4 */ -webkit-transition-timing-function: ease; /* Safari 和 Chrome */ -o-transition-timing-function: ease;/* Opera */ }
.consult .ad2 a:hover { background: #70100e; }
.consult .ad2 a:hover i { color: #fff; }
.consult .ad2 a:hover:before { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); }
.consult .ad2 a:before { display: block; content: ''; position: absolute; left: 0; top: 0; -webkit-transform: rotateY(90deg); -moz-transform: rotateY(90deg); -ms-transform: rotateY(90deg); -o-transform: rotateY(90deg); transform: rotateY(90deg); width: 100%; height: 100%; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s; transition-timing-function: ease; -moz-transition-timing-function: ease; /* Firefox 4 */ -webkit-transition-timing-function: ease; /* Safari 和 Chrome */ -o-transition-timing-function: ease; /* Opera */ background: #70100e; }
.advantage { width: 100%; background: url("../images2021/advbg.png") no-repeat center; background-size: cover; padding-top: 64px; padding-bottom: 84px; }
.advantage .adb0 > div .b0 { margin-top: 28px; line-height: 45px; *zoom: 1;
}
.advantage .adb0 > div .b0:before, .advantage .adb0 > div .b0:after { content: " "; display: table; }
.advantage .adb0 > div .b0:after { clear: both; }
.advantage .adb0 > div .b0 span { font-family: "microsoft yahei", "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", SimHei, sans-serif; font-size: 56px; color: #d50606; font-family: numFont; float: left; animation: r_x 4s ease-in-out infinite; -webkit-animation: r_x 4s ease-in-out infinite; -moz-animation: r_x 4s ease-in-out infinite; -o-animation: r_x 4s ease-in-out infinite; }
.advantage .adb0 > div .b0 b { font-family: "microsoft yahei", "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", SimHei, sans-serif; font-size: 34px; color: #d50606; float: left; margin-top: 5px; margin-left: 7px; }
.advantage .adb0 > div em { display: block; color: #323232; font-size: 30px; font-weight: bold; margin-top: 10px; }
.advantage .adb0 > i { display: block; width: 55px; height: 4px; background: #d50606; margin-top: 25px; margin-bottom: 40px; }
.advantage .adb0 .b1 { position: relative; }
.advantage .adb0 .b1 small { display: block; width: 6px; height: 16px; background: url("../images2021/dot.png") no-repeat left center; position: absolute; left: 7px; }
.advantage .adb0 .b1 small:nth-of-type(1) {
top: 33px;
}
.advantage .adb0 .b1 small:nth-of-type(2) {
top: 76px;
}
.advantage .adb0 .b1 span { display: block; font-family: "microsoft yahei", "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", SimHei, sans-serif; font-size: 14px; color: #4e4e4e; background: url(../images2021/icon.png) no-repeat left center; padding-left: 30px; line-height: 38px; margin-bottom: 5px; }

.advantage .adb0 .b1 span strong{ color:#F60;}

.advantage .ad0 {
*zoom: 1; margin-top: 58px; height: 391px; }
.advantage .ad0:before, .advantage .ad0:after { content: " "; display: table; }
.advantage .ad0:after { clear: both; }
.advantage .ad0 .left { width: 465px; float: left; }
.advantage .ad0 .right { width: 685px; float: right; position: relative; }
.advantage .ad0 .right .a0_img { position: absolute; right: 0; top: 0; }
.advantage .ad0 .right .a1_img { position: absolute; right: 478px; top: 138px; }
.advantage .ad1 {
*zoom: 1; margin-top: 40px; height: 346px; }
.advantage .ad1:before, .advantage .ad1:after { content: " "; display: table; }
.advantage .ad1:after { clear: both; }
.advantage .ad1 .left { width: 588px; }
.advantage .ad1 .right { width: 510px; }
.advantage .ad1 .right .adb0 > div {
*zoom: 1; margin-bottom: 65px; }
.advantage .ad1 .right .adb0 > div:before, .advantage .ad1 .right .adb0 > div:after { content: " "; display: table; }
.advantage .ad1 .right .adb0 > div:after { clear: both; }
.advantage .ad1 .right .adb0 > div .b0 span { float: right; }
.advantage .ad1 .right .adb0 > div .b0 b { float: right; margin-left: 0; margin-right: 7px; }
.advantage .ad1 .right .adb0 > div em { float: right; position: relative; }
.advantage .ad1 .right .adb0 > div em:after { position: absolute; display: block; content: ''; width: 55px; height: 4px; background: #d50606; right: 0; bottom: -25px; }
.advantage .ad2 { height: 347px; }
.advantage .ad2 .left { width: 609px; }
.advantage .ad2 .right { width: 590px; }
.case { width: 100%; background: url(../images2021/casebg.jpg) no-repeat center; background-size: cover; padding-top: 42px; padding-bottom: 55px; }
.case .c0 { margin-top: 41px; *zoom: 1;
}
.case .c0:before, .case .c0:after { content: " "; display: table; }
.case .c0:after { clear: both; }
.case .c0 .left { float: left; width: 276px; }
.case .c0 .left .c1 li { margin-bottom: 20px; position: relative; z-index: 2; }
.case .c0 .left .c1 li:nth-of-type(1) a:hover i {
background: url("../images2021/ca1_h.png") no-repeat center;
}
.case .c0 .left .c1 li:nth-of-type(1) a i {
background: url("../images2021/ca1.png") no-repeat center;
}
.case .c0 .left .c1 li:nth-of-type(2) a:hover i {
background: url("../images2021/ca2_h.png") no-repeat center;
}
.case .c0 .left .c1 li:nth-of-type(2) a i {
background: url("../images2021/ca2.png") no-repeat center;
}
.case .c0 .left .c1 li:nth-of-type(3) a:hover i {
background: url("../images2021/ca3_h.png") no-repeat center;
}
.case .c0 .left .c1 li:nth-of-type(3) a i {
background: url("../images2021/ca3.png") no-repeat center;
}
.case .c0 .left .c1 li:nth-of-type(4) a:hover i {
background: url("../images2021/ca4_h.png") no-repeat center;
}
.case .c0 .left .c1 li:nth-of-type(4) a i {
background: url("../images2021/ca4.png") no-repeat center;
}
.case .c0 .left .c1 li:nth-of-type(5) {
margin-bottom: 0;
}
.case .c0 .left .c1 li:nth-of-type(5) a:hover i {
background: url("../images2021/ca5_h.png") no-repeat center;
}
.case .c0 .left .c1 li:nth-of-type(5) a i {
background: url("../images2021/ca5.png") no-repeat center;
}
.case .c0 .left .c1 li a { display: block; width: 276px; height: 98px; box-sizing: border-box; -moz-box-sizing: border-box; /* Firefox */ -webkit-box-sizing: border-box; /* Safari*/ border: 1px solid #dcdcdc; background: #fff; overflow: hidden; }
.case .c0 .left .c1 li a:hover:before { width: 346px; }
.case .c0 .left .c1 li a:hover b { -webkit-transform: translateX(48px) rotateY(0deg); -moz-transform: translateX(48px) rotateY(0deg); -ms-transform: translateX(48px) rotateY(0deg); -o-transform: translateX(48px) rotateY(0deg); transform: translateX(48px) rotateY(0deg); }
.case .c0 .left .c1 li a:hover p span { color: #fff; }
.case .c0 .left .c1 li a:hover p small { color: #fff; }
.case .c0 .left .c1 li a b { position: absolute; display: block; width: 36px; height: 36px; right: 0px; top: 32px; background: url("../images2021/next3.png") no-repeat center; transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s; transition-timing-function: ease; -moz-transition-timing-function: ease; /* Firefox 4 */ -webkit-transition-timing-function: ease; /* Safari 和 Chrome */ -o-transition-timing-function: ease; /* Opera */ -webkit-transform: rotateY(90deg); -moz-transform: rotateY(90deg); -ms-transform: rotateY(90deg); -o-transform: rotateY(90deg); transform: rotateY(90deg); }
.case .c0 .left .c1 li a:before { display: block; content: ''; width: 0; height: 100%; position: absolute; top: 0; left: 0; background: #d50606; transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s; transition-timing-function: ease; -moz-transition-timing-function: ease; /* Firefox 4 */ -webkit-transition-timing-function: ease; /* Safari 和 Chrome */ -o-transition-timing-function: ease;/* Opera */ }
.case .c0 .left .c1 li a i { display: block; width: 34px; height: 34px; margin-left: 30px; float: left; margin-top: 30px; position: relative; z-index: 2; transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s; transition-timing-function: ease; -moz-transition-timing-function: ease; /* Firefox 4 */ -webkit-transition-timing-function: ease; /* Safari 和 Chrome */ -o-transition-timing-function: ease;/* Opera */ }
.case .c0 .left .c1 li a p { float: left; margin-left: 22px; margin-top:33px; position: relative; z-index: 2; }
.case .c0 .left .c1 li a p span { display: block; font-family: "microsoft yahei", "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", SimHei, sans-serif; font-size: 20px; color: #404040; transition: 0.2s; -moz-transition: 0.2s; -webkit-transition: 0.2s; -o-transition: 0.2s; transition-timing-function: ease; -moz-transition-timing-function: ease; /* Firefox 4 */ -webkit-transition-timing-function: ease; /* Safari 和 Chrome */ -o-transition-timing-function: ease;/* Opera */ }
.case .c0 .left .c1 li a p small { display: block; font-family: "microsoft yahei", "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", SimHei, sans-serif; font-size: 12px; color: #404040; text-transform: uppercase; margin-top: 2px; transition: 0.2s; -moz-transition: 0.2s; -webkit-transition: 0.2s; -o-transition: 0.2s; transition-timing-function: ease; -moz-transition-timing-function: ease; /* Firefox 4 */ -webkit-transition-timing-function: ease; /* Safari 和 Chrome */ -o-transition-timing-function: ease;/* Opera */ }
.case .c0 .right { float: right; width: 902px; }
.case .c0 .right .c2 li { overflow: hidden; width: 902px; height: 570px; position: relative; }
.case .c0 .right .c2 li .pic { width: 902px; height: 570px; }
.case .c0 .right .c2 li .pic img { width: 100%; height: 100%; }
.case .c0 .right .c2 li .c_text { width: 100%; height: 130px; position: absolute; background: rgba(0, 0, 0, 0.5); bottom: 0; left: 0; *zoom: 1;
}
.case .c0 .right .c2 li .c_text:before, .case .c0 .right .c2 li .c_text:after { content: " "; display: table; }
.case .c0 .right .c2 li .c_text:after { clear: both; }
.case .c0 .right .c2 li .c_text .ct0 { width: 590px; float: left; margin-left: 30px; }
.case .c0 .right .c2 li .c_text .ct0 p { font-family: "microsoft yahei", "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", SimHei, sans-serif; font-size: 22px; color: #fff; font-weight: bolder; margin-top: 24px; }
.case .c0 .right .c2 li .c_text .ct0 span { font-family: "microsoft yahei", "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", SimHei, sans-serif; font-size: 14px; color: #bebebe; display: block; margin-top: 13px; line-height: 20px; }
.case .c0 .right .c2 li .c_text .ct1 { width: 134px; float: right; margin-right: 40px; }
.case .c0 .right .c2 li .c_text .ct1 .ct3 { box-sizing: border-box; -moz-box-sizing: border-box; /* Firefox */ -webkit-box-sizing: border-box; /* Safari*/ width: 132px; height: 34px; border: 1px solid #fff; background: transparent; border-radius: 0; line-height: 34px; padding: 0; font-size: 14px; text-align: center; margin-bottom: 4px; margin-top: 28px; }
.case .c0 .right .c2 li .c_text .ct1 .ct3 span { color: #fff; }
.case .c0 .right .c2 li .c_text .ct1 .ct3:hover span { color: #fff; }
.case .c0 .right .c2 li .c_text .ct1 .ct2 { display: block; width: 132px; height: 34px; text-align: center; line-height: 34px; transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s; transition-timing-function: ease; -moz-transition-timing-function: ease; /* Firefox 4 */ -webkit-transition-timing-function: ease; /* Safari 和 Chrome */ -o-transition-timing-function: ease; /* Opera */ position: relative; background: #d50606; }
.case .c0 .right .c2 li .c_text .ct1 .ct2 span { position: relative; z-index: 2; font-family: "microsoft yahei", "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", SimHei, sans-serif; font-size: 14px; color: #fff; transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s; transition-timing-function: ease; -moz-transition-timing-function: ease; /* Firefox 4 */ -webkit-transition-timing-function: ease; /* Safari 和 Chrome */ -o-transition-timing-function: ease;/* Opera */ }
.case .c0 .right .c2 li .c_text .ct1 .ct2:before { position: absolute; -webkit-transform: rotateY(90deg); -moz-transform: rotateY(90deg); -ms-transform: rotateY(90deg); -o-transform: rotateY(90deg); transform: rotateY(90deg); background: #fff; width: 100%; height: 100%; display: block; content: ''; transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s; transition-timing-function: ease; -moz-transition-timing-function: ease; /* Firefox 4 */ -webkit-transition-timing-function: ease; /* Safari 和 Chrome */ -o-transition-timing-function: ease;/* Opera */ }
.case .c0 .right .c2 li .c_text .ct1 .ct2:hover { background: #fff; }
.case .c0 .right .c2 li .c_text .ct1 .ct2:hover span { color: #d50606; }
.case .c0 .right .c2 li .c_text .ct1 .ct2:hover:before { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); }
.case .more_case { width: 518px; margin: 0 auto; *zoom: 1;
margin-top: 40px; }
.case .more_case:before, .case .more_case:after { content: " "; display: table; }
.case .more_case:after { clear: both; }
.case .more_case > a { float: left; display: block; width: 160px; height: 48px; background: #d50606; text-align: center; line-height: 48px; transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s; transition-timing-function: ease; -moz-transition-timing-function: ease; /* Firefox 4 */ -webkit-transition-timing-function: ease; /* Safari 和 Chrome */ -o-transition-timing-function: ease; /* Opera */ position: relative; margin-right: 35px; }
.case .more_case > a span { position: relative; z-index: 2; font-family: "microsoft yahei", "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", SimHei, sans-serif; font-size: 16px; color: #fff; transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s; transition-timing-function: ease; -moz-transition-timing-function: ease; /* Firefox 4 */ -webkit-transition-timing-function: ease; /* Safari 和 Chrome */ -o-transition-timing-function: ease;/* Opera */ }
.case .more_case > a:before { position: absolute; -webkit-transform: rotateY(90deg); -moz-transform: rotateY(90deg); -ms-transform: rotateY(90deg); -o-transform: rotateY(90deg); transform: rotateY(90deg); background: #1b1b1b; width: 100%; height: 100%; display: block; content: ''; transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s; transition-timing-function: ease; -moz-transition-timing-function: ease; /* Firefox 4 */ -webkit-transition-timing-function: ease; /* Safari 和 Chrome */ -o-transition-timing-function: ease;/* Opera */ }
.case .more_case > a:hover { background: #1b1b1b; }
.case .more_case > a:hover span { color: #fff; }
.case .more_case > a:hover:before { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); }
.case .more_case > p { float: left; }
.case .more_case > p em { font-family: "microsoft yahei", "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", SimHei, sans-serif; font-size: 16px; color: #585858; line-height: 48px; float: left; }
.case .more_case > p span { font-family: "microsoft yahei", "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", SimHei, sans-serif; font-size: 32px; color: #d50606; line-height: 48px; float: left; font-family: numFont; }
.a0 { width:450px; margin: 0 auto; *zoom: 1;}
.a0:before, .a0:after { content: " "; display: table; }
.a0:after { clear: both; }
.a0 .a1 { display: block; width: 160px; height: 48px; background: #d50606; text-align: center; line-height: 48px; float: left; position: relative; transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s; transition-timing-function: ease; -moz-transition-timing-function: ease; /* Firefox 4 */ -webkit-transition-timing-function: ease; /* Safari 和 Chrome */ -o-transition-timing-function: ease;/* Opera */ }
.a0 .a1 span { display: block; color: #fff; font-size: 16px; z-index: 2; position: relative; transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s; transition-timing-function: ease; -moz-transition-timing-function: ease; /* Firefox 4 */ -webkit-transition-timing-function: ease; /* Safari 和 Chrome */ -o-transition-timing-function: ease;/* Opera */ }
.a0 .a1:before { display: block; content: ''; position: absolute; left: 0; top: 0; -webkit-transform: rotateY(90deg); -moz-transform: rotateY(90deg); -ms-transform: rotateY(90deg); -o-transform: rotateY(90deg); transform: rotateY(90deg); width: 100%; height: 100%; background: #1b1b1b; transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s; transition-timing-function: ease; -moz-transition-timing-function: ease; /* Firefox 4 */ -webkit-transition-timing-function: ease; /* Safari 和 Chrome */ -o-transition-timing-function: ease;/* Opera */ }
.a0 .a1:hover { background: #1b1b1b; }
.a0 .a1:hover:before { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); }
.a0 .a2 { display: block; width:240px; height: 48px; text-align: center; line-height: 48px; float: right; position: relative; background: transparent; transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s; transition-timing-function: ease; -moz-transition-timing-function: ease; /* Firefox 4 */ -webkit-transition-timing-function: ease; /* Safari 和 Chrome */ -o-transition-timing-function: ease; /* Opera */ box-sizing: border-box; -moz-box-sizing: border-box; /* Firefox */ -webkit-box-sizing: border-box; /* Safari*/ border: 1px solid #535353; }
.a0 .a2 span { display: block; color: #4d4d4d; font-size: 16px; z-index: 2; position: relative; transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s; transition-timing-function: ease; -moz-transition-timing-function: ease; /* Firefox 4 */ -webkit-transition-timing-function: ease; /* Safari 和 Chrome */ -o-transition-timing-function: ease;/* Opera */ }
.a0 .a2:before { display: block; content: ''; position: absolute; left: 0; top: 0; -webkit-transform: rotateY(90deg); -moz-transform: rotateY(90deg); -ms-transform: rotateY(90deg); -o-transform: rotateY(90deg); transform: rotateY(90deg); width: 100%; height: 100%; transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s; transition-timing-function: ease; -moz-transition-timing-function: ease; /* Firefox 4 */ -webkit-transition-timing-function: ease; /* Safari 和 Chrome */ -o-transition-timing-function: ease; /* Opera */ background: #d50606; }
.a0 .a2:hover { background: #d50606; border: 1px solid #d50606; }
.a0 .a2:hover span { color: #fff; }
.a0 .a2:hover:before { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); }
.on1 a { background: #fff; }
.on1 a:before { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); }
.on1 a span { color: #343434 !important; }
.album { width: 100%; padding-top: 80px; padding-bottom: 66px; background: url("../images2021/Albumbg.jpg") no-repeat center; background-size: cover; }
.album .photo_album {
*zoom: 1; width: 514px; margin: 0 auto; margin-bottom: 47px; }
.album .photo_album:before, .album .photo_album:after { content: " "; display: table; }
.album .photo_album:after { clear: both; }
.album .photo_album li { box-sizing: border-box; -moz-box-sizing: border-box; /* Firefox */ -webkit-box-sizing: border-box; /* Safari*/ width: 158px; float: left; position: relative; margin-right: 20px; border: 1px solid #fff; }
.album .photo_album li:nth-of-type(3) {
margin-right: 0;
}
.album .photo_album li a { width: 158px; text-align: center; display: block; height: 50px; line-height: 50px; position: relative; transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s; transition-timing-function: ease; -moz-transition-timing-function: ease; /* Firefox 4 */ -webkit-transition-timing-function: ease; /* Safari 和 Chrome */ -o-transition-timing-function: ease;/* Opera */ }
.album .photo_album li a:before { background: #fff; -webkit-transform: rotateY(90deg); -moz-transform: rotateY(90deg); -ms-transform: rotateY(90deg); -o-transform: rotateY(90deg); transform: rotateY(90deg); position: absolute; width: 100%; height: 100%; display: block; content: ''; left: 0; top: 0; transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s; transition-timing-function: ease; -moz-transition-timing-function: ease; /* Firefox 4 */ -webkit-transition-timing-function: ease; /* Safari 和 Chrome */ -o-transition-timing-function: ease;/* Opera */ }
.album .photo_album li a span { font-family: "microsoft yahei", "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", SimHei, sans-serif; font-size: 22px; color: #fff; position: relative; z-index: 2; transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s; transition-timing-function: ease; -moz-transition-timing-function: ease; /* Firefox 4 */ -webkit-transition-timing-function: ease; /* Safari 和 Chrome */ -o-transition-timing-function: ease;/* Opera */ }
.album .photo_album_son main { position: relative; }
.album .photo_album_son main .swiper-button-prev { position: absolute; outline: none; background: url("../images2021/prev4.png") no-repeat center; width: 56px; height: 56px; left: -93px; top: 109px; }
.album .photo_album_son main .swiper-button-next { position: absolute; outline: none; background: url("../images2021/next4.png") no-repeat center; width: 56px; height: 56px; right: -93px; top: 109px; }
.album .photo_album_son .swiper-container .pic { height: 228px; box-sizing: border-box; -moz-box-sizing: border-box; /* Firefox */ -webkit-box-sizing: border-box; /* Safari*/ border: 7px solid #fff; cursor: url("../images2021/viewer.png"), default; }
.album .photo_album_son .swiper-container .pic img { width: 100%; height: 100%; }
.album .photo_album_son .swiper-container p { height: 40px; line-height: 40px; width: 100%; font-family: "microsoft yahei", "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", SimHei, sans-serif; font-size: 16px; color: #fff; text-align: center; }
.about-bar { width: 100%; padding-top: 39px; background: url(../images2021/combg.jpg) no-repeat center; background-size: cover; height: 665px; background-attachment: fixed; }
.about-bar .abu0 {
*zoom: 1; position: relative; margin-top: 40px; }
.about-bar .abu0:before, .about-bar .abu0:after { content: " "; display: table; }
.about-bar .abu0:after { clear: both; }
.about-bar .abu0 .left { float: left; width: 172px; height: 468px; background: #d50606; }
.about-bar .abu0 .left ul { width: 148px; margin: 0 auto; margin-top: 30px; }
.about-bar .abu0 .left ul li a { display: block; font-family: "microsoft yahei", "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", SimHei, sans-serif; font-size: 16px; color: #fff; position: relative; text-indent:15px; line-height:57px; border-bottom: 1px solid #e63c3c; }
.about-bar .abu0 .left ul li a:before { position: absolute; left:2px; top:25px; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid #fff; content: ""; width: 0; display: block; }
.about-bar .abu0 .left ul li a:hover { -webkit-animation: bubbles1 2s forwards ease-out; animation: bubbles1 2s forwards ease-out; background-color: #970802; background-repeat: no-repeat; }
.about-bar .abu0 .right { float: right; width: 1028px; background: #fff; margin-top: 23px; padding-bottom: 50px; *zoom: 1;
}
.about-bar .abu0 .right:before, .about-bar .abu0 .right:after { content: " "; display: table; }
.about-bar .abu0 .right:after { clear: both; }
.about-bar .abu0 .right .abu1 { float: left; }
.about-bar .abu0 .right .abu1 .intro { font-family: "microsoft yahei", "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", SimHei, sans-serif; font-size: 16px; color: #696969; line-height: 30px; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 8; line-clamp: 8; -webkit-box-orient: vertical; margin: 0 auto; margin-top: 55px; width: 440px; margin-left: 52px; margin-bottom: 38px; }
.about-bar .abu0 .right .abu1 > p { line-height: 40px; margin-left: 52px; *zoom: 1;
}
.about-bar .abu0 .right .abu1 > p:before, .about-bar .abu0 .right .abu1 > p:after { content: " "; display: table; }
.about-bar .abu0 .right .abu1 > p:after { clear: both; }
.about-bar .abu0 .right .abu1 > p em { font-family: "microsoft yahei", "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", SimHei, sans-serif; font-size: 16px; color: #4a4a4a; float: left; }
.about-bar .abu0 .right .abu1 > p span { font-family: "microsoft yahei", "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", SimHei, sans-serif; font-size: 32px; color: #d50606; font-family: numFont; float: left; }
.about-bar .abu0 .right .abu2 { margin-top: 60px; float: right; }
.about-bar .abu0 .right .abu2 a { width: 136px; height: 48px; border-radius: 0; background: #d50606; text-align: center; line-height: 48px; padding: 0; margin-top: -23px; margin-left: -40px; box-shadow: none; }
.about-bar .abu0 .right .abu2 a:hover span { color: #fff; }
.about-bar .abu0 .right .abu2 a span { color: #fff; font-size: 14px; }
.news { width: 100%; padding-bottom: 43px; background: #fff; }
.news main { *zoom: 1;
}
.news main:before, .news main:after { content: " "; display: table; }
.news main:after { clear: both; }
.news main .n_all {
*zoom: 1; margin-top: 73px; }
.news main .n_all:before, .news main .n_all:after { content: " "; display: table; }
.news main .n_all:after { clear: both; }
.news main .n_all .left { float: left; width: 724px; background: #fff; }
.news main .n_all .left .news_title { background: #ededed; *zoom: 1;
}
.news main .n_all .left .news_title:before, .news main .n_all .left .news_title:after { content: " "; display: table; }
.news main .n_all .left .news_title:after { clear: both; }
.news main .n_all .left .news_title .nt1 { float: left; }
.news main .n_all .left .news_title .nt1 .na1 { background: #d50606; font-family: "microsoft yahei", "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", SimHei, sans-serif; font-size: 22px; color: #fff; width: 172px; height: 60px; text-align: center; line-height: 60px; display: inline-block; }
.news main .n_all .left .news_title .nt1 .na2 { width: 146px; height: 60px; text-align: center; line-height: 60px; font-family: "microsoft yahei", "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", SimHei, sans-serif; font-size: 22px; color: #4f4f4f; display: inline-block; }
.news main .n_all .left .news_title > span { font-family: "microsoft yahei", "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", SimHei, sans-serif; font-size: 16px; color: #767676; line-height: 60px; }
.news main .n_all .left .news_title > a { float: right; display: block; width: 120px; height: 60px; text-align: center; line-height: 60px; font-family: "microsoft yahei", "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", SimHei, sans-serif; font-size: 14px; color: #767676; transition: 0.2s; -moz-transition: 0.2s; -webkit-transition: 0.2s; -o-transition: 0.2s; transition-timing-function: ease; -moz-transition-timing-function: ease; /* Firefox 4 */ -webkit-transition-timing-function: ease; /* Safari 和 Chrome */ -o-transition-timing-function: ease;/* Opera */ }
.news main .n_all .left .news_title > a:hover { color: #d50606; }
.news main .n_all .left .nl_wrapper { *zoom: 1;
}
.news main .n_all .left .nl_wrapper:before, .news main .n_all .left .nl_wrapper:after { content: " "; display: table; }
.news main .n_all .left .nl_wrapper:after { clear: both; }
.news main .n_all .left .nl_wrapper .nl { float: left; width: 272px; margin-top: 32px; }
.news main .n_all .left .nl_wrapper .nl .pic:nth-of-type(1) {
margin-bottom: 16px;
}
.news main .n_all .left .nl_wrapper .nr { float: right; width: 421px; margin-top: 28px; }
.news main .n_all .left .nl_wrapper .nr .n000:hover .n0 > div span { color: #d50606; }
.news main .n_all .left .nl_wrapper .nr .n000 .n0 { margin: 0 auto; margin-bottom: 11px; *zoom: 1;
}
.news main .n_all .left .nl_wrapper .nr .n000 .n0:before, .news main .n_all .left .nl_wrapper .nr .n000 .n0:after { content: " "; display: table; }
.news main .n_all .left .nl_wrapper .nr .n000 .n0:after { clear: both; }
.news main .n_all .left .nl_wrapper .nr .n000 .n0 > div { float: left; }
.news main .n_all .left .nl_wrapper .nr .n000 .n0 > div span { color: #2b2b2b; font-size: 18px; float: left; font-weight: bolder; transition: 0.2s; -moz-transition: 0.2s; -webkit-transition: 0.2s; -o-transition: 0.2s; transition-timing-function: ease; -moz-transition-timing-function: ease; /* Firefox 4 */ -webkit-transition-timing-function: ease; /* Safari 和 Chrome */ -o-transition-timing-function: ease;/* Opera */ }
.news main .n_all .left .nl_wrapper .nr .n000 .n00 { margin: 0 auto; }
.news main .n_all .left .nl_wrapper .nr .n000 .n00 span { font-family: "microsoft yahei", "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", SimHei, sans-serif; font-size: 14px; color: #838383; line-height: 23px; margin-bottom: 21px; display: block; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; }
.news main .n_all .left .nl_wrapper .n1 {
*zoom: 1; margin: 0 auto; line-height: 41px; }
.news main .n_all .left .nl_wrapper .n1:before, .news main .n_all .left .nl_wrapper .n1:after { content: " "; display: table; }
.news main .n_all .left .nl_wrapper .n1:after { clear: both; }
.news main .n_all .left .nl_wrapper .n1:hover p { color: #d50606; }
.news main .n_all .left .nl_wrapper .n1 p { font-family: "microsoft yahei", "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", SimHei, sans-serif; font-size: 16px; color: #595959; float: left; transition: 0.2s; -moz-transition: 0.2s; -webkit-transition: 0.2s; -o-transition: 0.2s; transition-timing-function: ease; -moz-transition-timing-function: ease; /* Firefox 4 */ -webkit-transition-timing-function: ease; /* Safari 和 Chrome */ -o-transition-timing-function: ease; /* Opera */ width: 288px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; word-break: break-all; }
.news main .n_all .left .nl_wrapper .n1 span { float: right; font-family: "microsoft yahei", "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", SimHei, sans-serif; font-size: 14px; color: #838383; }
.news main .n_all .right { float: right; width: 407px; background: #fff; }
.news main .n_all .right .q0 {
*zoom: 1; width: 407px; margin: 0 auto; height: 60px; line-height: 60px; }
.news main .n_all .right .q0:before, .news main .n_all .right .q0:after { content: " "; display: table; }
.news main .n_all .right .q0:after { clear: both; }
.news main .n_all .right .q0 > span { font-family: "microsoft yahei", "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", SimHei, sans-serif; font-size: 22px; color: #d50606; }
.news main .n_all .right .q0 .q00 { float: right; font-family: "microsoft yahei", "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", SimHei, sans-serif; font-size: 14px; color: #767676; transition: 0.2s; -moz-transition: 0.2s; -webkit-transition: 0.2s; -o-transition: 0.2s; transition-timing-function: ease; -moz-transition-timing-function: ease; /* Firefox 4 */ -webkit-transition-timing-function: ease; /* Safari 和 Chrome */ -o-transition-timing-function: ease;/* Opera */ }
.news main .n_all .right .q0 .q00:hover { color: #d50606; }
.news main .n_all .right .q1 { width: 407px; margin: 0 auto; margin-top: 28px; }
.news main .n_all .right .q1 a { margin-bottom: 26px; display: block; }
.news main .n_all .right .q1 a:hover p em { color: #d50606; }
.news main .n_all .right .q1 a b { width: 20px; height: 20px; display: block; background: #d50606; color: #fff; font-size: 14px; text-align: center; line-height: 20px; font-weight: normal; margin-right: 8px; }
.news main .n_all .right .q1 a em { float: left; display: block; transition: 0.2s; -moz-transition: 0.2s; -webkit-transition: 0.2s; -o-transition: 0.2s; transition-timing-function: ease; -moz-transition-timing-function: ease; /* Firefox 4 */ -webkit-transition-timing-function: ease; /* Safari 和 Chrome */ -o-transition-timing-function: ease;/* Opera */ }
.news main .n_all .right .q1 a p { margin-bottom: 10px; line-height: 18px; *zoom: 1;
}
.news main .n_all .right .q1 a p:before, .news main .n_all .right .q1 a p:after { content: " "; display: table; }
.news main .n_all .right .q1 a p:after { clear: both; }
.news main .n_all .right .q1 a p b { float: left; background: #d50606; }
.news main .n_all .right .q1 a p em { font-family: "microsoft yahei", "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", SimHei, sans-serif; font-size: 16px; color: #595959; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; word-break: break-all; }
.news main .n_all .right .q1 a span { display: block; width: 100%; *zoom: 1;
}
.news main .n_all .right .q1 a span:before, .news main .n_all .right .q1 a span:after { content: " "; display: table; }
.news main .n_all .right .q1 a span:after { clear: both; }
.news main .n_all .right .q1 a span b { float: left; background: #3b3b3b; }
.news main .n_all .right .q1 a span em { width: 378px; font-family: "microsoft yahei", "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", SimHei, sans-serif; font-size: 14px; color: #838383; line-height: 23px; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; }
.footer-top { background: #292929; }
.footer-top main {
*zoom: 1; position: relative; padding-top: 54px; padding-bottom: 27px; }
.footer-top main:before, .footer-top main:after { content: " "; display: table; }
.footer-top main:after { clear: both; }
.footer-top .f1 { float: left; width: 237px; }
.footer-top .f1 > span { display: block; font-family: "microsoft yahei", "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", SimHei, sans-serif; font-size: 16px; color: #fff; font-weight: bolder; margin-bottom: 28px; }
.footer-top .f1 .f-nav { width: 155px; *zoom: 1;
}
.footer-top .f1 .f-nav:before, .footer-top .f1 .f-nav:after { content: " "; display: table; }
.footer-top .f1 .f-nav:after { clear: both; }
.footer-top .f1 .f-nav a { font-family: "microsoft yahei", "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", SimHei, sans-serif; font-size: 14px; color: #7e7e7e; margin-right: 40px; margin-bottom: 15px; float: left; transition: 0.2s; -moz-transition: 0.2s; -webkit-transition: 0.2s; -o-transition: 0.2s; transition-timing-function: ease; -moz-transition-timing-function: ease; /* Firefox 4 */ -webkit-transition-timing-function: ease; /* Safari 和 Chrome */ -o-transition-timing-function: ease;/* Opera */ }
.footer-top .f1 .f-nav a:hover { color: #fff; }
.footer-top .f1 .f-nav a:nth-of-type(2n) {
margin-right: 0;
}
.footer-top .f2 { width: 235px; float: left; }
.footer-top .f2 ul li { margin-bottom: 15px; }
.footer-top .f2 ul li a { font-family: "microsoft yahei", "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", SimHei, sans-serif; font-size: 14px; color: #7e7e7e; transition: 0.2s; -moz-transition: 0.2s; -webkit-transition: 0.2s; -o-transition: 0.2s; transition-timing-function: ease; -moz-transition-timing-function: ease; /* Firefox 4 */ -webkit-transition-timing-function: ease; /* Safari 和 Chrome */ -o-transition-timing-function: ease;/* Opera */ }
.footer-top .f2 ul li a:hover { color: #fff; }
.footer-top .f3 { float: left; width: 350px; margin-left: 55px; }
.footer-top .f3 ul li { margin-bottom: 15px; }
.footer-top .f3 ul li a { font-family: "microsoft yahei", "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", SimHei, sans-serif; font-size: 14px; color: #7e7e7e; transition: 0.2s; -moz-transition: 0.2s; -webkit-transition: 0.2s; -o-transition: 0.2s; transition-timing-function: ease; -moz-transition-timing-function: ease; /* Firefox 4 */ -webkit-transition-timing-function: ease; /* Safari 和 Chrome */ -o-transition-timing-function: ease;/* Opera */ }
.footer-top .f3 ul li a:hover { color: #fff; }
.footer-top .f4 { width: 273px; float: left; }
.footer-top .f4 ul li { margin-bottom: 15px; font-family: "microsoft yahei", "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", SimHei, sans-serif; font-size: 14px; color: #7e7e7e; }
.footer-top .f4 a { display: block; width: 98px; height: 30px; background: #d50606; transition: 0.2s; -moz-transition: 0.2s; -webkit-transition: 0.2s; -o-transition: 0.2s; transition-timing-function: ease; -moz-transition-timing-function: ease; /* Firefox 4 */ -webkit-transition-timing-function: ease; /* Safari 和 Chrome */ -o-transition-timing-function: ease; /* Opera */ text-align: center; line-height: 30px; position: relative; }
.footer-top .f4 a span { position: relative; z-index: 2; font-family: "microsoft yahei", "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", SimHei, sans-serif; font-size: 14px; color: #fff; transition: 0.2s; -moz-transition: 0.2s; -webkit-transition: 0.2s; -o-transition: 0.2s; transition-timing-function: ease; -moz-transition-timing-function: ease; /* Firefox 4 */ -webkit-transition-timing-function: ease; /* Safari 和 Chrome */ -o-transition-timing-function: ease;/* Opera */ }
.footer-top .f4 a:before { position: absolute; display: block; content: ''; left: 0; top: 0; width: 100%; height: 100%; background: #fff; -webkit-transform: rotateY(90deg); -moz-transform: rotateY(90deg); -ms-transform: rotateY(90deg); -o-transform: rotateY(90deg); transform: rotateY(90deg); transition: 0.2s; -moz-transition: 0.2s; -webkit-transition: 0.2s; -o-transition: 0.2s; transition-timing-function: ease; -moz-transition-timing-function: ease; /* Firefox 4 */ -webkit-transition-timing-function: ease; /* Safari 和 Chrome */ -o-transition-timing-function: ease;/* Opera */ }
.footer-top .f4 a:hover:before { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); }
.footer-top .f4 a:hover span { color: #d50606; }
.footer-top .f5 { float: right; width: 216px; position: relative; }
.footer-top .f5 div { float: left; }
.footer-top .f5 div:nth-of-type(1) {
margin-right: 15px;
}
.footer-top .f5 div:nth-of-type(1) p img {
width: 100px;
height:100px;
1
background: #fff;
}
.footer-top .f5 div span { color: #818181; font-size: 14px; display: block; text-align: center; font-weight: lighter; margin-top: 8px; }
.footer-bottom { width: 100%; height: 61px; background: #202020; line-height: 61px; }
.footer-bottom p { color: #797979; font-size: 14px; text-align: center; }
.footer-bottom p a { color: #797979; font-size: 14px; transition: 0.2s; -moz-transition: 0.2s; -webkit-transition: 0.2s; -o-transition: 0.2s; transition-timing-function: ease; -moz-transition-timing-function: ease; /* Firefox 4 */ -webkit-transition-timing-function: ease; /* Safari 和 Chrome */ -o-transition-timing-function: ease;/* Opera */ padding-left:15px; }
.footer-bottom p a:hover { color: #fff; }
.fix-side { position: fixed; right: 12px; top: 226px; width: 136px; height: 494px; border-bottom-left-radius: 70px; border-bottom-right-radius: 70px; z-index: 999; background: #b11212; }
.fix-side .f0 { text-align: center; padding: 18px 0; }

.fix-side ul li:nth-of-type(4) a {/*background: url("../images2021/kf.png") no-repeat left 26px center;text-indent: 30px;*/border-bottom: 2px solid #9e0707;}
/*.fix-side ul li:nth-of-type(4) a:hover {background: #d50606 url("../images2021/kf.png") no-repeat left 26px center;}*/

.fix-side ul li a { display: block; height: 42px; line-height: 42px; border-top: 2px solid #9e0707; font-family: "microsoft yahei", "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", SimHei, sans-serif; font-size: 16px; color: #fff; text-align: center; transition: 0.2s; -moz-transition: 0.2s; -webkit-transition: 0.2s; -o-transition: 0.2s; transition-timing-function: ease; -moz-transition-timing-function: ease; /* Firefox 4 */ -webkit-transition-timing-function: ease; /* Safari 和 Chrome */ -o-transition-timing-function: ease;/* Opera */ }
.fix-side ul li a:hover { background: #d50606; }
.fix-side .s0 { display: block; font-family: "microsoft yahei", "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", SimHei, sans-serif; font-size: 16px; color: #fff; text-align: center; line-height: 42px; }
.fix-side .f1 { width: 105px; height: 128px; background: #fff; margin: 0 auto; text-align: center; }
.fix-side .f1 p { text-align: center; }
.fix-side .f1 p img { width: 105px; height: 105px; }
.fix-side .f1 span { display: block; text-align: center; font-family: "microsoft yahei", "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", SimHei, sans-serif; font-size: 14px; color: #4c4c4c; }
.fix-side #to_top { display: block; font-family: "microsoft yahei", "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", SimHei, sans-serif; font-size: 16px; color: #fff; position: relative; text-align: center; padding-top: 24px; }
.fix-side #to_top:before { position: absolute; top: 0; left: 50%; transform: translateX(-50%); content: ''; border-left: 9px solid transparent; border-right: 9px solid transparent; border-bottom: 13px solid #fff; margin-top: 9px; }
.my-title { text-align: center; }
.my-title p { text-align: center; font-family: "microsoft yahei", "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", SimHei, sans-serif; font-size: 34px; color: #c70d0d; font-weight: bolder; margin-top: -25px; margin-bottom: 6px; }
.my-title span { display: block; font-family: "microsoft yahei", "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", SimHei, sans-serif; font-size: 18px; color: #535353; background: url("../images2021/mt.png") no-repeat center; margin-top:15px; }
.needScroll { overflow: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; }
.needScroll::-webkit-scrollbar {
width: 8px;
height: 8px;
}

/* --友情链接修正版-- */
.yqljBg{width:1200px; margin:0 auto;}
.yqlj{border:1px solid #ccc; margin-bottom:15px;}
.yqlj h4{font-size:16px; background:url(../images2021/link2022.gif) no-repeat; height:50px; line-height:50px; padding:0 5px 0 38px; }
.yqlj h4 a{color:#d50606;font-size:20px;}
.yqlj h4 span{padding:0 6px; font-weight:normal; float:right;}
.yqlj p{margin-left:-14px; line-height:40px; overflow:hidden; text-indent:10px;}
.yqlj p a{padding:0 10px; display:inline-block;}
.yqlj p a:hover{ color:#d50606;}

/*正常情况下滑块的样式*/

.needScroll::-webkit-scrollbar-thumb {
background-color: rgba(0, 0, 0, 0.5);
border-radius: 10px;
-webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.1);}



/*鼠标悬浮在该类指向的控件上时滑块的样式*/

.needScroll:hover::-webkit-scrollbar-thumb {
background-color: rgba(0, 0, 0, 0.4);
border-radius: 10px;
-webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.1);
}



/*鼠标悬浮在滑块上时滑块的样式*/

.needScroll::-webkit-scrollbar-thumb:hover {
background-color: rgba(0, 0, 0, 0.4);
-webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.1);
}



/*正常时候的主干部分*/

.needScroll::-webkit-scrollbar-track {
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.4);
background-color: white;
}



/*鼠标悬浮在滚动条上的主干部分*/

.needScroll::-webkit-scrollbar-track:hover {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.4);
background-color: rgba(0, 0, 0, 0.01);
}
.needMarquee { white-space: nowrap; }
img.lazy { }
.rolled { position: absolute; display: block; top: 0; width: 30px; height: 100%; background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.2)), color-stop(100%, rgba(255, 255, 255, 0))); background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%); background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%); -webkit-transform: skewX(25deg); -moz-transform: skewX(25deg); -webkit-animation: rolled 2s .2s ease both infinite;
-moz-animation: rolled 2s .2s ease both infinite;
-o-animation: rolled 2s .2s ease both infinite;
-ms-animation: rolled 2s .2s ease both infinite;
overflow: hidden; }
.needDot .swiper-pagination .swiper-pagination-bullet { width: 12px; height: 12px; position: relative; box-sizing: border-box; -moz-box-sizing: border-box; /* Firefox */ -webkit-box-sizing: border-box; /* Safari*/ background: rgba(0, 0, 0, 0.4); opacity: 1; transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s; transition-timing-function: ease; -moz-transition-timing-function: ease; /* Firefox 4 */ -webkit-transition-timing-function: ease; /* Safari 和 Chrome */ -o-transition-timing-function: ease; /* Opera */ box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.2); }
.needDot .swiper-pagination .swiper-pagination-bullet:hover:after { transform: scale(2) translateZ(0); -ms-transform: scale(2) translateZ(0); -moz-transform: scale(2) translateZ(0); -webkit-transform: scale(2) translateZ(0); -o-transform: scale(2) translateZ(0); }
.needDot .swiper-pagination .swiper-pagination-bullet:after { content: ''; width: 4px; height: 4px; background: #fff; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; border-radius: 50%; transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s; transition-timing-function: ease; -moz-transition-timing-function: ease; /* Firefox 4 */ -webkit-transition-timing-function: ease; /* Safari 和 Chrome */ -o-transition-timing-function: ease;/* Opera */ }
.needDot .swiper-pagination .swiper-pagination-bullet-active { border: 2px solid #fff; }
.needDot .swiper-pagination .swiper-pagination-bullet-active:after { width: 0; height: 0; transform: scale(0) translateZ(0); -ms-transform: scale(0) translateZ(0); -moz-transform: scale(0) translateZ(0); -webkit-transform: scale(0) translateZ(0); -o-transform: scale(0) translateZ(0); }
@-webkit-keyframes rolled { 0% {
left: -30px;
}
100% {
left: 78px;
}
}
@keyframes rolled { 0% {
left: -30px;
}
100% {
left: 78px;
}
}
@-moz-keyframes rolled { 0% {
left: -30px;
}
100% {
left: 78px;
}
}
@-o-keyframes rolled { 0% {
left: -30px;
}
100% {
left: 78px;
}
}
@-webkit-keyframes bubbles { 100% {
background-position-x: 92% -220%, 31% -185%, 24% 6%, 16% -328%, 39% -366%, 110% -375%, 5% -60%, 59% -365%, 41% -363%, 82% -8%, 37% -224%;
box-shadow: inset 217px 0 0 #d70e0a;
}
}
@-o-keyframes bubbles { 100% {
background-position-x: 92% -220%, 31% -185%, 24% 6%, 16% -328%, 39% -366%, 110% -375%, 5% -60%, 59% -365%, 41% -363%, 82% -8%, 37% -224%;
box-shadow: inset 217px 0 0 #d70e0a;
}
}
@-moz-keyframes bubbles { 100% {
background-position-x: 92% -220%, 31% -185%, 24% 6%, 16% -328%, 39% -366%, 110% -375%, 5% -60%, 59% -365%, 41% -363%, 82% -8%, 37% -224%;
box-shadow: inset 217px 0 0 #d70e0a;
}
}
@keyframes bubbles { 100% {
background-position-x: 92% -220%, 31% -185%, 24% 6%, 16% -328%, 39% -366%, 110% -375%, 5% -60%, 59% -365%, 41% -363%, 82% -8%, 37% -224%;
box-shadow: inset 217px 0 0 #d70e0a;
}
}
@-webkit-keyframes bubbles0 { 100% {
background-position: 92% -220%, 31% -185%, 24% 6%, 16% -328%, 39% -366%, 110% -375%, 5% -60%, 59% -365%, 41% -363%, 82% -8%, 37% -224%;
box-shadow: inset 0 -6.5em 0 #d70e0a;
}
}
@-moz-keyframes bubbles0 { 100% {
background-position-x: 92% -220%, 31% -185%, 24% 6%, 16% -328%, 39% -366%, 110% -375%, 5% -60%, 59% -365%, 41% -363%, 82% -8%, 37% -224%;
box-shadow: inset 0 -6.5em 0 #d70e0a;
}
}
@-o-keyframes bubbles0 { 100% {
background-position-x: 92% -220%, 31% -185%, 24% 6%, 16% -328%, 39% -366%, 110% -375%, 5% -60%, 59% -365%, 41% -363%, 82% -8%, 37% -224%;
box-shadow: inset 0 -6.5em 0 #d70e0a;
}
}
@keyframes bubbles0 { 100% {
background-position: 92% -220%, 31% -185%, 24% 6%, 16% -328%, 39% -366%, 110% -375%, 5% -60%, 59% -365%, 41% -363%, 82% -8%, 37% -224%;
box-shadow: inset 0 -6.5em 0 #d70e0a;
}
}
@-webkit-keyframes bubbles1 { 100% {
background-position-x: 92% -220%, 31% -185%, 24% 6%, 16% -328%, 39% -366%, 110% -375%, 5% -60%, 59% -365%, 41% -363%, 82% -8%, 37% -224%;
box-shadow: inset -346px 0 0 #d70e0a;
}
}
@-o-keyframes bubbles1 { 100% {
background-position-x: 92% -220%, 31% -185%, 24% 6%, 16% -328%, 39% -366%, 110% -375%, 5% -60%, 59% -365%, 41% -363%, 82% -8%, 37% -224%;
box-shadow: inset -346px 0 0 #d70e0a;
}
}
@-moz-keyframes bubbles1 { 100% {
background-position-x: 92% -220%, 31% -185%, 24% 6%, 16% -328%, 39% -366%, 110% -375%, 5% -60%, 59% -365%, 41% -363%, 82% -8%, 37% -224%;
box-shadow: inset -346px 0 0 #d70e0a;
}
}
.link { width:1200px; margin:auto; height:164px; overflow:hidden; }
.link h2 { height:40px; width:1200px; font:14px "Microsoft Yahei"; font-weight:bold; background:url(../images2021/link_h.gif) no-repeat left bottom; overflow:hidden; }
.link h2 span a { width:150px; height:164px; float:right; color:#ff7900; font-weight:normal; }
.link h2 i { display:inline-block; font:14px "Microsoft Yahei"; color:#666; padding:0 5px; font-weight:bold; }
.link h2 a { color:#ca0202; }
.link p { width:130px; line-height:36px; color:#666; padding-top:10px; font-family:"Microsoft Yahei"; font-size:14px; text-align:center; }
.link p a { color:#666; padding:0 32px; display:inline-block; }
/*搜索框代码*/
.kaicesou { float: right; margin-top:13px; background-repeat: no-repeat; /*background-image: url(../images/search_bg.gif); */ width:248px; }
.textbox { float:left; width:150px; padding-left:30px; border:2px solid #c70d0d; height:30px; line-height:30px; color:#999; /*background:url(../images/box.jpg) no-repeat;*/ outline:none; background:#fff url(../images2021/sousuo.jpg) left center no-repeat; }
.souniubi { color:#FFFFFF; float:left; background:#c70d0d; height:34px; line-height:34px; font-size:14px; width:60px; border:#2A6CA2 0px solid; cursor:pointer; font-family:"微软雅黑" }
.inputButton { width:30px; height:27px; float:left; }