﻿*{ margin:0; padding:0;  box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;}
html{}
body{color: #333;}
body, div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p { margin:0; padding:0; font:16px/1.5 Microsoft Yahei,微软雅黑,Arial,\5FAE\8F6F\96C5\9ED1,Helvetica,sans-serif;}
table,td,tr,th { border-collapse: collapse; border-spacing: 0; font-size:15px;}
ol,ul {list-style:none;}
li { list-style-type:none;}
img { vertical-align:middle;border:0;}
address,cite,code,em,th{ font-weight:normal; font-style:normal;}
.clear { clear:both; *zoom:1;}
.clear:after { display:block; overflow:hidden; clear:both; height:0; visibility:hidden; content:".";}
a {text-decoration:none; color:#333;cursor:pointer;}
a:visited { text-decoration:none;}
a:hover { text-decoration:none;}
a:active { text-decoration:none;}
.fl { float:left;}
.fr { float:right;}
.icon{ display: block; width: 100%;height: 100%;}
.cover,.cover1{ display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0;}
.cover { width: 100%; height: 100%; object-fit: cover;}
.cover1{ max-width: 100%; max-height: 100%; margin: auto;}

::-webkit-scrollbar { width:0px;}
::-webkit-scrollbar-track { background-color:#f0f0f0; border-radius:3px;}
::-webkit-scrollbar-thumb { background-color:#c1272d;}
::-webkit-scrollbar-thumb:window-inactive { background-color:#c1272d;}

/* 按钮样式去除*/
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
textarea {  -webkit-appearance: none;}
input{ border-radius: 0; } 

.w1820{width:94.8%; max-width:1820px;margin:0 auto;}
.w1400 { width: 1400px; margin: 0 auto;}
@media (max-width:1680px) {
  .w1400 { width: 1360px;}
}
@media (max-width:1560px) {
  .w1400 { width: 1300px;}
}
@media (max-width:1440px) {
  .w1400 { width: 1280px;}
}
@media (max-width:1366px) {
  .w1400 { width: 1200px;}
}
@media (max-width:1280px) {
  .w1400 { width: 94%;}
}


/**top start**/
.subMenu { width: 100%; height:auto; padding:0;position: absolute; top: 0; z-index:9999;transition: all 0.5s; }
.subMenu:hover{ background:#efefef;}
.ly_top { width:100%; height:auto; border-bottom:1px solid rgba(255,255,255,.1);transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s;}
.ly_top.top_fxd{ background:#efefef; position:fixed; top:0;box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1); }
.subMenu:hover .ly_top{ border:0;}
.ly_top .lytop_main {height:108px; margin:0 auto; padding:0; position:relative;}
.lytop_main .ly_logo {float:left;display:flex; display: -webkit-flex;align-items:center;margin-top:23px;}
.ly_logo a { display: table-cell; vertical-align: middle; width:470px; height:100%; overflow: hidden; margin: 0; padding: 0;}
.ly_logo a img{ width:100%;}
.ly_logo a img.logo2{ display:none;}
.subMenu:hover .ly_logo a img.logo1,.ly_top.top_fxd .ly_logo a img.logo1{ display:none;}
.subMenu:hover .ly_logo a img.logo2,.ly_top.top_fxd .ly_logo a img.logo2{ display:block;}
.lytop_main .ly_logo p{ color:#fff; font-size:18px; padding-left:15px; border-left:1px solid rgba(255,255,255,.2);}
.subMenu:hover .lytop_main .ly_logo p,.ly_top.top_fxd .lytop_main .ly_logo p{ color:#666;border-left:1px solid #eee;}

.ly_nav { width:57%; height:108px; margin:0; padding:0; float:right;}
.nav_ul { height:100%; margin:0 auto; padding:0;}
.nav_item { position: relative; float:left; width:14.285%;}
.nav { width:100%; height: 108px; margin: 0 auto; padding: 0; position: relative;}

.nav_item > a { display: block; width: 100%; height: 108px; line-height: 108px; color: #fff; font-size: 18px; text-align: center; -webkit-transition: all .4s; transition: all .4s; position:relative;}
.nav_item > a:hover{ color:#c1272d !important;}
.subMenu:hover .nav_item > a,.ly_top.top_fxd .nav_item > a{ color:#333;}
/*.nav_item > a:after{ content:""; display:block; width:12px; height:0; background:url(../images/home_ico1.png) no-repeat; position:absolute; left:0; top:0; transition: all .4s ease;}
.subMenu:hover .nav_item > a:after{background:url(../images/home_ico2.png) no-repeat;}
.nav_item:first-child > a:after{ left:13%;}
.nav_item > a:hover:after,.nav_item > a.navon:after{ height:18px;top:50%; transform:translatey(-50%);}*/
.nav_item > a:after{ content:""; display:block; width:0; height:3px; background:#c1272d; position:absolute; bottom:-1px; left:50%; transform:translateX(-50%); transition: all .4s ease;}
.nav_item > a.navon:after,.nav_item > a:hover:after{ width:50px;}


.menu_open { display: none;}

.nav_item_open { width: 140%; height: auto; position: absolute; left: -20%; top: 109px; z-index: 10; background-color:rgba(255,255,255,.9); box-shadow: 0 4px 8px 0 rgba(0, 12, 49, 0.1); border-radius: 0; opacity: 0; visibility: hidden; -webkit-transform: translateY(34px); transform: translateY(34px); -webkit-transition: all .4s; transition: all .4s; overflow: hidden;padding: 20px 0;}
.ny_top .nav_item_open { background-color:#fff;}
.nav_item:hover .nav_item_open { visibility: visible; opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px);}
.subopen { display: none; }
.nav_item2 { width: 100%;}
.nav_item2 a { display: block; width:100%; height:46px; overflow:hidden; line-height:46px; padding: 0 10px; color: #666; font-size: 16px; white-space:nowrap; text-overflow: ellipsis; text-align: center; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.ny_top .nav_item2 a { color:#565656;}
.nav_item2:hover a { background-color: #c1272d; color: #fff;}
.hcover { display: none;}

.ly_right { width:52px; height:30px; float:right;margin-left:20px; border-left:1px solid rgba(255,255,255,.2);margin-top: 39px;}
.subMenu:hover .ly_right,.ly_top.top_fxd .ly_right{border-left:1px solid rgba(0,0,0,.2);}
.ly_right i { display:block; width:52px; height:30px; margin:0; padding:0; background:url(../images/sc_icon.png) right center no-repeat; background-size:30px 30px; cursor:pointer; }
.subMenu:hover .ly_right i,.ly_top.top_fxd .ly_right i {background:url(../images/sc_icon2.png) right center no-repeat;}
.ly_right .lytop_sc { width:100%; overflow:hidden; padding:50px 20%; position:absolute; left:0; top:108px; background:#eff0f2; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; opacity: 0; visibility: hidden; -webkit-transform: translateY(34px); transform: translateY(34px); -webkit-transition: all .4s; transition: all .4s;}
.ly_right:hover .lytop_sc{ visibility: visible; opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px);}
.ly_right .lytop_sc.show {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
}
.lytop_sc form { display:block; width:100%; height:48px; overflow:hidden; margin:0; padding:0 108px 0 0; position:relative; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.lytop_sc form .ly_ipt { display:block; width:100%; height:48px; overflow:hidden; margin:0; padding:0; background-color:#fff; border-radius:4px 0 0 4px;}
.ly_ipt input { display:block; width:100%; height:48px; overflow:hidden; line-height:48px; color:#666; font-size:15px; margin:0; padding:0 24px; border:0; outline:none; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.lytop_sc form .ly_btn { width:100px; height:48px; overflow:hidden; margin:0; padding:0; position:absolute; top:0; right:0;}
.ly_btn input { display:block; width:100%; height:48px; overflow:hidden; line-height:40px; color:#fff; font-size:16px; text-indent:25px; margin:0; padding:0; border-radius:0 4px 4px 0; background:#c1272d url(../images/sc_icon.png) 15px center no-repeat; background-size:26px 26px; border:none; outline:none; cursor:pointer;}

.ly_top .language{ width:auto; float:right; margin-top: 38px;}
.ly_top .language a{display: block;overflow: hidden;}
.ly_top .language a:before{content: ''; display: inline-block; width: 30px; height: 30px; background: url(../images/top_yyd.png) center center no-repeat;overflow: hidden;}
.ly_top .language a:Hover:before { opacity: 0.8; filter: Alpha(opacity=80); }
.subMenu:hover .language a:before, .ly_top.top_fxd .language a:before{background: url(../images/top_yyd2.png) center center no-repeat;}
@media screen and (max-width:1680px){
	.nav_item > a{ font-size:17px;}
}
@media screen and (max-width:1400px){
	.lytop_main .ly_logo{ margin-top:34px;}
	.ly_logo a{ width:370px;}
	.nav_item > a{ font-size:16px;}
}
@media screen and (max-width:1366px){
	.lytop_main .ly_logo p{ font-size:18px;}
	.nav_item > a{ font-size:15px;}
	.nav_item2 a{font-size:15px;}
	.ly_right{ margin-left:20px;}
}
@media screen and (max-width:1200px){
	.ly_top .lytop_main {height:80px;}
	.lytop_main .ly_logo{ margin-top:20px;}
	.ly_logo a{ width:275px;}
	.lytop_main .ly_logo p{ display:none;}
	.ly_nav { width:66%;height:80px;}
	.nav { height:80px;}
	.nav_item > a { height:80px; line-height:80px;font-size:16px;}
	.nav_item_open { top:80px;}
	.ly_right{ margin-top:25px;}
	.ly_right .lytop_sc { top:80px;}
	
	.ly_top .language{margin-top: 24px;}
}
@media screen and (max-width:1080px){
	.ly_nav { width:auto;visibility:inherit !important;animation-name: none !important;}
	.nav_item > a:hover{ color:#fff !important;}
	.subMenu:hover .nav_item > a{ color:rgba(255,255,255,.5);}
	.subMenu:hover .nav_item > a:after{background:url(../images/home_ico1.png) no-repeat; display:none;}
	.nav_item > a em{ display:none;}
	.menu_open { display: block; float: right; width: 80px; height: 80px; padding: 20px 0; position: absolute; top:0; right:140px; box-sizing: border-box; z-index: 98; cursor: pointer}
    .menu_open i { width: 28px; height: 2px; background-color: #fff; display: block; margin: 9px auto;}
	.subMenu:hover .menu_open i,.ly_top.top_fxd .menu_open i{background-color:#c1272d;}
	.menu_open:hover, .menu_open:active { background-color:#c1272d;}
	.menu_open:hover i, .menu_open:active i { background-color: #fff !important;}
    .nav { width: 50%; height: 100%; position: fixed; top: 0; left: -50%; z-index: 100; overflow: hidden; background-color:rgba(193,39,45,0.99);}
    .hcover { display: block; width: 50%; height: 100%; background: rgba(0, 0, 0, .7); position: fixed; right: -50%; top: 0; z-index: 99; }
    .nav_ul { display: block; margin: 0; width: 100%; height: 100%; position: absolute; top: 0; left: 0; overflow-x: hidden; overflow-y: auto;}
    .nav_item { float: none; margin: 0; width: 100%; height: 80px;}
	.nav_item:last-child {width:100%;}
    .nav_item:after { content: ''; display: block; width: 100%; border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
    .nav_item > a { width:100%; padding: 0 60px 0 20px; margin: 0; height: 80px; line-height: 80px; color:rgba(255,255,255,0.5); font-size: 17px; text-align: left; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; opacity: 1; position: relative; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
	.nav_item:first-child > a:after {left:0;}
	.nav_item > a.navon { opacity:1;}
	
    .nav_item i { position: absolute; z-index: 2; top: 0; right: 0; width: 60px; height: 100%; display: block;}
    .nav_item i:after { content: ''; display: block; width: 12px; height: 12px; margin:-6px 0 0 -6px; border: 1px solid rgba(255, 255, 255, 0.5); border-top: 0; border-left: 0; position: absolute; left: 50%; top: 50%; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
    .nav_item_open { width: 50%; height: 100%; margin: 0; box-shadow: none; background-color: rgba(193,39,45,1); border-radius: 0; opacity: 1; visibility: visible; -webkit-transform: translateY(0px); transform: translateY(0px); position: fixed; left: -50%; top: 0; }
    .subopen { display: block; }
    .subopen a { display: block; overflow: hidden; line-height: 80px; margin: 0; padding: 0 30px; white-space: nowrap; text-overflow: ellipsis; font-size: 18px; color: #fff; text-indent:12px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); position: relative;}
    .subopen a:before { content: ''; display: block; width: 12px; height: 12px; position: absolute; left: 20px; top: 50%; margin: -6px 0 0 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); border: 1px solid rgba(255, 255, 255, 1); border-right: 0; border-bottom: 0; }
    .nav_item2 { position: relative; }
    .nav_item2 a { display: block; overflow: hidden; margin: 0; height: 60px; line-height: 60px; color:rgba(255,255,255,0.5); font-size:16px; text-align:left; padding: 0 30px; white-space: nowrap; text-overflow: ellipsis; opacity: 1;}
    .nav_item2:after { content: ''; width: 100%; position: absolute; bottom: 0; left: 0; display: block; border-bottom-width: 1px; border-bottom-style: solid; border-bottom: 1px solid rgba(255, 255, 255, 0.1);}
	.nav_item2 a:hover, .nav_item2 a:active {color:#fff;}
	
	.ly_top .language{ width:auto; position: absolute; right: 8%; margin-left:0;}

}
@media screen and (max-width:800px) {
	.ly_top { padding: 0;}
	.subMenu { height:60px;}
	.ly_top { width:100%; height:60px; margin:0 auto;}
	.ly_top .lytop_main {height:60px; margin:0 auto; padding:0;}
	.lytop_main .ly_logo { width:275px; margin-top: 5px; padding:6px 0; float:left;}
	
	.ly_nav { width:auto;}
	.menu_open { display: block; float: right; width:60px; height: 60px; padding: 16px 0; position: absolute; top:0; right:115px; z-index: 98; cursor: pointer;}
    .menu_open i { width: 24px;display: block; margin: 6px auto; height:1px;}
	.menu_open:hover{ background-color:#c1272d;}
	.menu_open:hover i{ background-color: #fff;}
	
    .nav { width: 50%; height: 100%; position: fixed; top: 0; left: -50%; z-index: 100; overflow: hidden; background-color:rgba(193,39,45,0.99);}
    .hcover { display: block; width: 50%; height: 100%; background: rgba(0, 0, 0, .7); position: fixed; right: -50%; top: 0; z-index: 99; }
    .nav_ul { display: block; margin: 0; width: 100%; height: 100%; position: absolute; top: 0; left: 0; overflow-x: hidden; overflow-y: auto; padding: 0; text-align: left; }
    .nav_item { float: none; margin: 0; width: 100%; height: 60px;}
    .nav_item:after { content: ''; display: block; width: 100%; border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
    .nav_item > a { display: block; margin: 0; height: 60px; line-height: 60px; color:rgba(255,255,255,0.5); font-size: 15px; text-align: left; padding: 0 60px 0 20px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; opacity: 1; position: relative; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
	.nav_item > a:active {}
	.nav_item > a.navon { opacity:1;}
	.nav_item > a em { left:20px;}

    .nav_item i { position: absolute; z-index: 2; top: 0; right: 0; width: 60px; height: 100%; display: block;}
    .nav_item i:after { content: ''; display: block; width: 10px; height: 10px; margin:-5px 0 0 -5px; border: 1px solid rgba(255, 255, 255, 0.5); border-top: 0; border-left: 0; position: absolute; left: 50%; top: 50%; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
    .nav_item_open { width: 50%; height: 100%; margin: 0; box-shadow: none; background-color: rgba(193,39,45,1); border-radius: 0; opacity: 1; visibility: visible; -webkit-transform: translateY(0px); transform: translateY(0px); position: fixed; left: -50%; top: 0; }
    .subopen { display: block; }
    .subopen a { display: block; overflow: hidden; line-height: 60px; margin: 0; padding: 0 30px; white-space: nowrap; text-overflow: ellipsis; font-size: 15px; color: #fff; text-indent:12px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); position: relative;}
    .subopen a:before { content: ''; display: block; width: 12px; height: 12px; position: absolute; left: 20px; top: 50%; margin: -6px 0 0 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); border: 1px solid rgba(255, 255, 255, 1); border-right: 0; border-bottom: 0; }
    .nav_item2 { position: relative; }
    .nav_item2 a { display: block; overflow: hidden; margin: 0; height: 60px; line-height: 60px; color:rgba(255,255,255,0.5); font-size:15px; text-align:left; padding: 0 20px; white-space: nowrap; text-overflow: ellipsis; opacity: 1;}
    .nav_item2:after { content: ''; width: 100%; position: absolute; bottom: 0; left: 0; display: block; border-bottom-width: 1px; border-bottom-style: solid; border-bottom: 1px solid rgba(255, 255, 255, 0.1);}
	.nav_item2 a:hover, .nav_item2 a:active {color:#fff;}
	
	.ly_right {margin-top: 15px;}
	.ly_right i{ width:45px;}
	.ly_right .lytop_sc { padding:10px; top:60px;}
	.lytop_sc form { height:40px; padding:0 60px 0 0;}
	.lytop_sc form .ly_ipt { height:40px;}
	.ly_ipt input { height:40px; line-height:40px; font-size:14px; padding:0 15px;}
	.lytop_sc form .ly_btn { width:60px; height:40px;}
	.ly_btn input { width:60px; height:40px; font-size:0; background:#c1272d url(../images/sc_icon.png) 10px center no-repeat; background-size:32px 32px;}
	
	.ly_top .language{ margin-top:15px; right:9%;}
}
@media screen and (max-width:768px) {	
.menu_open{ right:110px;}
}
@media screen and (max-width:550px) {	
.ly_top{ border-bottom:0;}

.ly_top .language{ right: 13%;}
}
@media screen and (max-width:425px) {	
.lytop_main .ly_logo{ width:250px; margin-top:8px;}
.menu_open{ right: 85px;}
.ly_right{ width:33px; margin-left: 5px;}
.ly_right i{width: 34px;}

.ly_top .language{ right: 11%;}
}
@media screen and (max-width:390px) {	
.lytop_main .ly_logo{ width:220px; margin-top: 10px;}
.menu_open{ right:80px;}
}
@media screen and (max-width:375px) {	
.lytop_main .ly_logo{ width:220px; margin-top: 10px;}
.ly_right{ width:40px; margin-left:0px;}
.ly_right i{ width:30px;}
.menu_open{ width:45px;}
.menu_open i{ width:20px;}

.ly_top .language{ right: 13%;}
}
@media screen and (max-width:320px) {	
.lytop_main .ly_logo{ width:178px; margin-top:12px;}
.menu_open{ right: 77px;}
.ly_top .language{ right: 14%;}
}
/**top end**/

.ny .subMenu:hover{ background: #fff;}
.ny .subMenu:hover .ly_top{ border-bottom:1px solid rgba(255,255,255,1);}
.ny .ly_top{background:#fff;}
.ny .ly_logo a img.logo1{ display:none;}
.ny .ly_logo a img.logo2{ display:block;}
.ny .nav_item > a{ color:#222;}
.ny .nav_item > a.navon{ color:#c1272d;}
.ny .ly_right, .ly_top.top_fxd .ly_right{ border-left: 1px solid rgba(0,0,0,.2);}
.ny .ly_right i{background:url(../images/sc_icon2.png) right center no-repeat;}
.ny .menu_open i{ background:#c1272d;}

.ny_main{ margin-top:109px; overflow:hidden;}
.ny_mb{ display: flex;align-items: center;gap: 10px;}
.nyb .ny_mb{ margin:30px 0;}
.ny_mb i{ display:inline-block; width:13px; height:15px;}
.ny_mb i path:first-child{ fill:#999;}
.nyb .ny_mb,.nyb .ny_mb a{ color:#999;}
.nyb .ny_mb span{ color:#555;}
@media (max-width:1680px) {}
@media (max-width:1600px) {}
@media (max-width:1560px) {}
@media (max-width:1440px) {}
@media (max-width:1366px) {}
@media (max-width:1280px) {}
@media (max-width:1200px) {
	.ny_main{ margin-top:81px;}
}
@media (max-width:1080px) {
	.ny .nav_item > a.navon	{ color:#fff;}
}
@media (max-width:1024px) {}
@media (max-width:768px) {
	.ny_main{ margin-top:60px;}
}
@media (max-width:550px) {
	.nyb .ny_mb{ margin:20px 0;}
}

/*nyMenu*/
.nyMenu{ position:relative; margin-top:-120px; float:right; width:45%;}
.nyMenu .nyMenu_main{height:100%; background:#c1272d; position:relative; z-index:2; border-radius:16px 0 0 0;}
.nyMenu .nyMenu_main:after{content:""; display:block; background:#c1272d; top:0; right:-260px; bottom:0; width:70%; height:100%; position:absolute; z-index:-1;}
.nyMenu .nyMenu_main ul{display: flex; justify-content: center; align-items: center; gap: 50px;}
.nyMenu .nyMenu_main ul li{ height:100%; position:relative; padding: 50px 0 25px;}
.nyMenu .nyMenu_main ul li.cur:before{content:''; display:block;width:8px; height:8px; border-radius:50%; background:#fff; position:absolute; left:50%; transform:translateX(-50%); top:30%;}
.nyMenu .nyMenu_main ul li a{ font-size:18px; color:#fff;}
@media (max-width:1280px) {
	.nyMenu .nyMenu_main ul li{padding: 40px 0 20px;}
	.nyMenu .nyMenu_main ul li a{ font-size:16px;}
}
@media (max-width:1080px) {
	.nyMenu .nyMenu_main ul{gap: 30px;}
}
@media (max-width:920px) {
	.nyMenu .nyMenu_main ul{gap: 20px;}
}
@media (max-width:820px) {
	.nyMenu{ width:50%;}
}
@media (max-width:768px) {
	.nyMenu{ width:60%;}
}
@media (max-width:600px) {
	.nyMenu{ display:none;}
	.nyMenu .nyMenu_main ul li{ padding:0 2%;}
	.nyMenu .nyMenu_main ul li a{ font-size:14px;}
}

/*nyBanner start*/
.nyBanner { height: 550px; overflow: hidden; position: relative;}
.nyBanner .nyBanner_text { padding-right: 50%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);}
.nyBanner_text span { display: block; height: 50px; line-height: 50px; color: transparent; font-size: 60px; color:#fff; font-weight: bold; position:relative; z-index:0;}
.nyBanner .nyBanner_text span::after{ content:""; width:68px; height:57px; display:inline-block; position:absolute; top:-15px; left:-15px;background:url(../images/nybanner_ico.png) no-repeat; z-index:-1;}
.nyBanner_text p { line-height: 50px; color: #fff; font-size: 30px; margin-top: 10px;}
@media (max-width:1680px) {
	.nyBanner { height: 500px;}
    .nyBanner_text span { height: 48px; line-height: 48px; font-size: 56px;}
    .nyBanner_text p { line-height: 48px; font-size: 44px;}
}
@media (max-width:1600px) {
	.nyBanner { height: 460px;}
	.nyBanner_text span { height: 40px; line-height: 40px; font-size: 52px;}
	.nyBanner_text p { line-height: 44px; font-size: 40px;}
}
@media (max-width:1560px) {
  .nyBanner { height: 450px;}
}
@media (max-width:1440px) {
  .nyBanner { height: 420px; }
  .nyBanner_text span { height: 36px; line-height: 36px; font-size: 48px;}
  .nyBanner_text p { line-height: 40px; font-size: 36px;}
}
@media (max-width:1366px) {
  .nyBanner { height: 400px;}
}
@media (max-width:1280px) {
  .nyBanner { height: 370px;}
  .nyBanner_text span { height: 34px; line-height: 34px; font-size: 44px;}
  .nyBanner_text p { line-height: 36px; font-size: 32px;}
}
@media (max-width:1200px) {
  .nyBanner { height: 350px;}
}
@media (max-width:1080px) {
	.nyBanner { height: 320px;}
    .nyBanner_text span { height: 32px; line-height: 32px; font-size: 40px;}
    .nyBanner_text p { line-height: 34px; font-size: 30px;}
}
@media (max-width:1024px) {
  .nyBanner { height: 300px;}

}
@media (max-width:920px) {
  .nyBanner { height: 270px;}
}
@media (max-width:820px) {
  .nyBanner { height: 240px;}
  .nyBanner_text p { line-height: 32px; font-size: 28px;}
  .nyBanner_text span { height: 30px; line-height: 30px; font-size: 36px;}
}
@media (max-width:767px) {
	.nyBanner { height: 210px;}
	.nyBanner_text p { line-height: 26px; font-size: 22px;}
	.nyBanner_text span { height: 24px; line-height: 24px; font-size: 30px;}
}
@media (max-width:390px) {
  .nyBanner { height: 180px;}
}

@media (max-width:320px) {
  .nyBanner { height: 160px;}
}
/*nyBanner end*/

/*nyTitle start*/
.nyTitle { margin-bottom: 50px; padding-bottom: 30px; position: relative;}
.nyTitle span { display: block; height: 80px; line-height: 80px; color: rgba(0, 0, 0, 0.1); font-size: 100px; font-weight: bold; text-align: center; letter-spacing: 40px; margin-bottom: -40px;}
.nyTitle p { line-height: 40px; color: #020202; font-size: 36px; font-weight: bold; text-align: center; position: relative;}
.nyTitle::before, .nyTitle::after { content: ''; display: block; position: absolute; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%);}
.nyTitle::before { width: 600px; height: 1px; background-color: #ddd;bottom: 0;}
.nyTitle::after { width: 50px; height: 3px; background-color: #c1272d;bottom: -1px;}

.nyTitle1 span { color: rgba(255, 255, 255, .1);}
.nyTitle1 p { color: #fff;}
.nyTitle1::before { background-color: rgba(255, 255, 255, .2);}

.sm_tit{ font-size:18px; font-weight:bold; color:#c1272d; text-align:center; margin-bottom:40px;}
@media (max-width:1680px) {
	.nyTitle { margin-bottom: 40px; padding-bottom: 20px;}
	.sm_tit{ margin-bottom:30px;}
}
@media (max-width:1440px) {
  .nyTitle { margin-bottom: 30px; padding-bottom: 18px;}
  .nyTitle span { height: 60px; line-height: 60px; font-size: 80px; letter-spacing: 30px; margin-bottom: -36px;}
  .nyTitle p { line-height: 36px; font-size: 32px;}
  .nyTitle::before { width: 480px;}
  .sm_tit{ margin-bottom:25px;}
}
@media (max-width:1280px) {
	.nyTitle span { height: 54px; line-height: 54px; font-size: 70px; margin-bottom: -32px;}
    .nyTitle p { font-size: 30px;}
}
@media (max-width:1080px) {
	.nyTitle span { height: 50px; line-height: 50px; font-size: 60px; letter-spacing: 20px; margin-bottom: -35px;}
	.nyTitle p { font-size: 28px;}
	.nyTitle::before { width: 400px;}
}
@media (max-width:820px) {
  .nyTitle { margin-bottom: 20px; padding-bottom: 12px;}
  .nyTitle span { height: 40px; line-height: 40px; font-size: 50px; letter-spacing: 16px; margin-bottom: -34px;}
  .nyTitle p { font-size: 26px;}
  .nyTitle::before { width: 340px;}
  .nyTitle::after { width: 42px;}
  .sm_tit{ margin-bottom:20px;}
}
@media (max-width:767px) {
  .nyTitle span { font-size: 48px; letter-spacing: 10px; margin-bottom: -30px;}
  .nyTitle p { line-height: 30px; font-size: 22px;}
  .nyTitle::before { width: 70%;}
  .sm_tit{ font-size:16px;}
}
@media (max-width:320px) {
  .nyTitle span { height: 32px; line-height: 32px; font-size: 40px; margin-bottom: -20px;}
}
/*nyTitle end*/

.ny_cont{ margin:100px auto;}
@media (max-width:1680px) {
	.ny_cont{ margin:80px auto;}
}
@media (max-width:1440px) {
	.ny_cont{ margin:60px auto;}
}
@media (max-width:1280px) {
	.ny_cont{ margin:40px auto;}
}
@media (max-width:550px) {
	.ny_cont{ margin:20px auto;}
}

/*nyPrevNext start*/
.nyPrevNext { display: flex; align-items: center;}
.nyPrevNext ul { width: calc(100% - 180px);}
.nyPrevNext ul li { margin-bottom: 20px;}
.nyPrevNext ul li:last-child { margin-bottom: 0;}
.nyPrevNext ul li span { display: block; width: 140px; height: 48px; overflow: hidden; line-height: 46px; color: #c1272d; font-size: 18px; text-align: center; background-color: rgba(255, 0, 1, 0); border: 1px solid #c1272d; border-radius: 24px; float: left;}
.nyPrevNext ul li:hover span { color: #fff; background-color: #c1272d;}
.nyPrevNext ul li a { display: block; width: calc(100% - 140px); height: 48px; overflow: hidden; line-height: 48px; color: #020202; font-size: 18px; white-space: nowrap; text-overflow: ellipsis; padding: 0 40px;}
.nyPrevNext ul li a:hover { color: #c1272d;}

.nyBack { width: 180px;}
.nyBack a { display: block; width: 100%; height: 48px; overflow: hidden; line-height: 46px; color: #c1272d; font-size: 18px; text-align: center; background-color: rgba(255, 0, 1, 0); border: 1px solid #c1272d; border-radius: 24px;}
.nyBack a i { display: inline-block; width: 20px; height: 20px; overflow: hidden; vertical-align: middle; margin: -4px 0 0 10px;}
.nyBack a i path{fill:#c1272d;}
.nyBack a:hover { color: #fff; background-color: #c1272d;}
.nyBack a:hover i { margin: -4px 0 0 20px;}
.nyBack a:hover i svg path { fill: #ffffff;}
@media (max-width:1440px) {
	.nyPrevNext ul li span { width: 110px; height: 44px; line-height: 42px; font-size: 16px;}
  .nyPrevNext ul li a { width: calc(100% - 110px); height: 44px; line-height: 44px; font-size: 16px; padding: 0 20px;}
  .nyBack { width: 160px;}
  .nyBack a { height: 44px; line-height: 42px; font-size: 16px;}
  .nyBack a i { width: 16px; height: 16px;}
}
@media (max-width:920px) {
  .nyPrevNext ul { width: calc(100% - 140px);}
  .nyPrevNext ul li span { width: 100px; height: 40px; line-height: 38px; font-size: 15px;}
  .nyPrevNext ul li a { width: calc(100% - 100px); height: 40px; line-height: 40px; font-size: 15px; padding: 0 20px;}
  .nyBack { width: 140px;}
  .nyBack a { height: 40px; line-height: 38px; font-size: 15px;}
  .nyBack a i { width: 15px; height: 15px;}

}

@media (max-width:767px) {
  .nyPrevNext ul li { margin-bottom: 20px;}
  .nyPrevNext ul li a { width: 100%; height: auto; line-height: 25px; margin-top: 10px; padding: 0; white-space: inherit; text-overflow: inherit;}
  .nyBack { margin-top: 20px;}
}

/*nyPrevNext end*/

/*foot*/
.foot { width:100%; height:auto; overflow:hidden; margin:0 auto; padding:0;position:relative;}
.foot .foot_container { width:100%; height:auto; overflow:hidden; margin:0 auto; padding:0; background:#181818;}
.foot .foot_main {height:auto;padding:80px 0 50px;display: flex; justify-content: space-between; gap:20px;}
.foot_fl .foot_text { width:100%; overflow:hidden; margin:0; padding:0;}
.foot_fl .foot_text span{font-size:30px; font-weight:bold; color:#c1272d;display:block; margin:10px 0;}
.foot_fl .foot_text p{ line-height:32px; color: rgba(255,255,255,.45);}
.foot_fl ul{ margin-top:30px; display: flex; align-items: center; gap: 20px;}
.foot_fl ul li .img{ width:104px; height:104px;background:url(../images/ewm_bg.png) center no-repeat; padding:4px;}
.foot_fl ul li .img img{ max-width:100%; max-height:100%;}
.foot_fl ul li p{ width:100%; text-align:center; color:rgba(255,255,255,.5); font-size:14px;}
.foot_main .foot_fr{ width:65%;}
.foot_main .foot_fr ul{ display: flex;justify-content: space-between;}
.foot_main .foot_fr ul li dt{font-size: 18px; font-weight:bold;color: #fff; border-bottom: 1px solid rgba(255, 255, 255, .1); width: 100%; padding-bottom:15px; position:relative;}
.foot_main .foot_fr ul li dt:after{ content:""; display:block; width:15px; height:2px; background:#c1272d; position:absolute; left:0; bottom:-2px;}
.foot_main .foot_fr ul li dl{ margin:30px 0 0;}
.foot_main .foot_fr ul li dl dd{ padding:8px 0;}
.foot_main .foot_fr ul li dl dd a{ color:rgba(255,255,255,.45);}
.foot_main .foot_fr ul li dl dd a:hover{ color:#fff;}

/*友情链接*/
.ind_link{ width:100%; padding:30px; background:#1e1e1e;display: flex; flex-wrap: wrap; align-items: start;}
.ind_link span{ color:#fff; text-align: center; display: -webkit-flex; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 10px;}
.ind_link span i{ display:block; width:24px; height:24px; border-radius:50%; padding:2px; border:1px solid #fff;}
.ind_link span i path{fill:#fff;}
.ind_link .list{width: calc(100% - 118px); height: auto;}
.ind_link .list p{overflow-y: scroll; max-height: 52px;padding-right: 10px;}
.ind_link a{ color:rgba(255,255,255,.45); margin-left:30px; display: inline-block;line-height: 28px;}
.ind_link a:hover{ color:#fff;}
/* 设置滚动条的样式 */
.ind_link .list p::-webkit-scrollbar {
width:1px;
}
.ind_link .list p::-webkit-scrollbar-track {
background-color:#c1272d;
border-radius:0px;
}
.ind_link .list p::-webkit-scrollbar-thumb {
background-color:#fff;
}
.ind_link .list p::-webkit-scrollbar-thumb:window-inactive {
background-color:#fff;
}

.foot_copy { width:100%; overflow:hidden; margin:40px auto;}
.foot_copy_main p,.foot_copy_main p a { color:rgba(255,255,255,.25);}
.foot_copy_main p a:hover { color:#fff;}
.foot_main .foot_fl{ width:30%;}
@media (max-width:1440px) {
}
@media (max-width:1366px) {
	.foot .foot_main{ padding: 70px 0 40px;}
}
@media (max-width:1200px) {
}
@media (max-width:1080px) {
	.foot .foot_main{ padding: 50px 0 40px;}
}
@media (max-width:1024px) {
}
@media (max-width:920px) {
	.foot .foot_main{ padding: 40px 0;}
}
@media (max-width:820px) {
	.foot .foot_main{ padding: 20px 0;}
	.foot_main .foot_fl{ display:none;}
	.foot_main .foot_fr{ width:100%;}
	.foot_copy{ margin: 20px auto;}
	.foot_copy .fl,.foot_copy .fr{ width:100%; text-align:center; line-height:34px;}
}
@media (max-width:768px) {
}
@media (max-width:550px) {
	.foot .foot_main,.ind_link{ display:none;}
}
@media (max-width:425px) {
	.foot_copy{ margin: 10px auto;}
	.foot_copy .fl,.foot_copy .fr{ font-size:15px;}
}
@media (max-width:320px) {
	.foot_copy .fl,.foot_copy .fr{ font-size:14px;}
}


/*产品列表页*/
/*产品分类 开始*/
.proleft { width:23%; overflow:hidden; float:left;}
.proleft .cp_type{background-color:#fff; padding:36px 0 10px;}
.cp_type .hd { width:100%; height:auto; margin:0 auto 22px; padding:0 30px;}
.cp_type .hd p { width:100%; height:32px; line-height:32px; color:#c1272d; font-size:24px; font-weight:bold; margin:0 auto 4px; padding:0;}
.cp_type .hd p img { display:block; width:28px; height:28px; margin:2px 10px 2px 0; padding:0; float:left;}
.cp_type .hd span { display:block; height:24px; line-height:24px; color:#ccc; font-size:14px;}
.cp_type .hd i { display:none;}
.cp_type .hd em{ display:block; width:50px; height:2px;background:url(../images/ProIcoline.png) center no-repeat; margin:13px 0 0;}

.cp_type .bd { padding:0 0 10px;}
.cp_type .bd ul li { background-color:#fff;border-bottom:0px solid #eee; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;}
.cp_type .bd ul li p { height:58px; padding:0 30px;position:relative; border-bottom:1px solid #eee;}
.cp_type .bd ul li:last-child p {border-bottom: 0;}
.cp_type .bd ul li p a { display:block; width:100%;line-height:58px; padding:0; overflow: hidden;color:#333; font-size:16px; font-weight:bold; white-space:nowrap; text-overflow: ellipsis; float:left;}
.cp_type .bd ul li p span { display:block; width:40px; height:100%; background:url(../images/mulu0.png) center center no-repeat; cursor:pointer; position:absolute; top:0; right:15px;}
.cp_type .bd ul li div { display:none;}
.cp_type .bd ul li div a { display:block; height:35px; line-height:35px; color:#999; font-size:15px;  padding:0 45px; overflow: hidden; text-overflow: ellipsis; white-space:nowrap;}
.cp_type .bd ul li div a:before{ content:""; display:block; height:6px; width:6px; background:url(../images/proflico.png) no-repeat; background-position:0 0; float:left;margin-right: 8px; margin-top: 14px;}
.cp_type .bd ul li div a:first-child { margin-top:15px;}
.cp_type .bd ul li div a i { display:block; width:4px; height:4px; margin:13px 6px 13px 0; padding:0; border:1px solid #999; border-radius:50%; float:left;}
.cp_type .bd ul li div a:hover i { border:1px solid #cb0010;}
.cp_type .bd ul li.on p,.cp_type .bd ul li:hover p {background:#c1272d; border:0;}
.cp_type .bd ul li p:hover a, .cp_type .bd ul li.on p a { color:#fff;}
.cp_type .bd ul li p:hover span { background:url(../images/mulu1.png) center center no-repeat;}
.cp_type .bd ul li.on p span { background:url(../images/mulu2.png) center center no-repeat;}
.cp_type .bd ul li div a:hover { color:#c1272d;}
.cp_type .bd ul li div a:hover:before{ background-position:0 -10px;}
.cp_type .bd ul a.ckqb { display:block; height:34px; line-height:34px; font-size:16px; color:#333; background:#f1f1f1; width:92%; margin:10px auto; text-align:center; overflow: hidden; text-overflow: ellipsis; white-space:nowrap;cursor:pointer;}
.cp_type .bd ul a.ckqb:hover { background:#c1272d; color:#fff;}

.ProAll { width:100%; height:auto;border-top: 1px solid #eee;margin-top: 12px;}
.ProAll a { display:block; width:100%; height:58px; line-height:58px; overflow:hidden; color:#333; font-size:16px; font-weight:bold; white-space:nowrap; text-overflow: ellipsis; margin:0 auto; padding:0 30px; position:relative;}
.ProAll a i { display:block; width:40px; height:100%; margin:0; padding:0; background:url(../images/mulu0.png) center center no-repeat; position:absolute; top:0; right:15px;}
.ProAll a:hover { background:#c1272d; color:#fff;}
.ProAll a:hover i { background:url(../images/mulu1.png) center center no-repeat;}

/*相关文章 开始*/
.NyXgwz { overflow:hidden; background-color:#fff; padding:33px 0 10px; margin-top:32px;}
.NyXgwz .NyXgwz_Title { width:100%; height:auto; margin:0 auto 20px; padding:0 30px; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box;}
.NyXgwz_Title p { width:100%; height:32px; line-height:32px; color:#c1272d; font-size:24px; font-weight:bold; margin:0 auto 4px; padding:0;}
.NyXgwz_Title p img { display:block; width:28px; height:28px; margin:2px 10px 2px 0; padding:0; float:left;}
.NyXgwz_Title span { display:block; height:24px; line-height:24px; color:#ccc; font-size:14px;}
.NyXgwz_Title em{ display:block; width:50px; height:2px;background:url(../images/ProIcoline.png) center no-repeat; margin:13px 0 0;}

.NyXgwz .NyXgwz_List { width:100%; height:auto; min-height:200px; margin:0 auto; padding:0 30px; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box;}
.NyXgwz_List dl dd { width:100%; height:auto; margin:0 auto; padding:10px 0; border-top:1px solid #eee;}
.NyXgwz_List dl dd a { display:block; width:100%; height:40px; overflow:hidden; line-height:40px; color:#333; font-size:16px; white-space:nowrap; text-overflow: ellipsis; margin:0 auto; position:relative; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box;}
.NyXgwz_List dl dd a:hover { color:#c1272d;}
/*相关文章 结束*/
@media screen and (max-width:1399px){
	.proleft .cp_type{padding: 26px 0 0;}
	.cp_type .hd{margin: 0 auto 20px; padding:0 20px;}
	.cp_type .hd span{font-size:12px;height: 20px;line-height: 20px;}
	.cp_type .hd em{margin-top:8px;}
	.cp_type .bd ul li p{ height:48px;padding:0 20px;}
	.cp_type .bd ul li p a{ line-height:48px;font-size: 15px;}
	.cp_type .bd ul li p span{ right:5px;}
	.cp_type .bd ul li div a{height: 30px;line-height: 30px;padding: 0 30px;}
	.cp_type .bd ul li div a:first-child{ margin-top:10px;}
	.cp_type .bd ul li div a:last-child{ margin-bottom:5px;}
	.ProAll a{font-size: 15px; padding: 0 20px;}
	.ProAll a i{ right:5px;}
	.NyXgwz{padding: 25px 0 10px;}
	.NyXgwz_Title span{font-size:12px;}
	.NyXgwz_Title em{ margin-top:8px;}
}
@media screen and (max-width:1079px){
	.proleft{ width:100%;}
	.proleft .cp_type{ padding:20px 0 1px;}
	.cp_type .hd{ position:relative; padding:0 30px;}
	.cp_type .hd i{ display:block;  width: 40px;height: 40px; margin: 0; padding: 0;background: rgba(2,146,168,0.06) url(../images/mulu3.png) center center no-repeat; position: absolute;top: 0;right:20px;}
	.cp_type .hd.on i{background: rgba(2,146,168,0.06) url(../images/mulu4.png) center center no-repeat;}
	.cp_type .hd span{ display:none;}
	.cp_type .bd {display: none;}
	.cp_type .bd ul li p{ padding:0 30px;}
	.cp_type .bd ul li p a{font-size: 16px;}
	.cp_type .bd ul li p span{right:15px;}
	.cp_type .bd ul li.on p span{ right:15px;}
	.ProAll a{font-size: 16px; padding: 0 30px;}
	.ProAll a i{ right:15px;}
	.NyXgwz{ margin-top:10px;padding: 20px 0 0;}
	.NyXgwz_Title span{ display:none;}
	.NyXgwz .NyXgwz_List{ min-height:auto;}
}
@media screen and (max-width:767px){
	.cp_type .hd{padding:0 20px;}
	.cp_type .hd p,.NyXgwz_Title p{ font-size:20px;}
	.cp_type .hd i{ right:20px;width: 34px;height: 34px;top: 5px;}
	.cp_type .bd ul li p,.cp_type .bd ul li div a,.ProAll a{padding:0 20px;}
	.cp_type .bd ul li.on p span,.cp_type .bd ul li:hover p span,.cp_type .bd ul li p span{ right:10;}
	.NyXgwz .NyXgwz_Title,.NyXgwz .NyXgwz_List{padding:0 20px;}
}
/*产品分类 结束*/


/*nyPage start*/
.nyPage { line-height: 44px; color: #999; font-size: 18px; text-align: center; margin-top:50px;}
.nyPage a { display: inline-block; width: 44px; height: 44px; line-height: 44px; color: #555; font-size: 18px; text-align: center; vertical-align: top; margin: 0 3px; background-color: #fff; border-radius: 4px;}
.nyPage1 a { background-color: #f8f8f8;}
.nyPage a:hover, .nyPage a.pnnum1 { color: #fff; background-color: #c1272d !important;}
.nyPage a.prev, .nyPage a.next { padding: 15px;}
.nyPage a.prev:hover, .nyPage a.next:hover { background-color: #c1272d;}
.nyPage a.prev svg { transform: rotateY(180deg); -webkit-transform: rotateY(180deg);}
.nyPage a.prev:hover svg path, .nyPage a.next:hover svg path { fill: #ffffff;}
/*nyPage end*/
@media (max-width:920px) {
	.nyPage{ margin-top:40px;}
}
@media (max-width:820px) {
	.nyPage{ margin-top:20px;}
}
@media (max-width:767px) {
	.nyPage{ font-size:0;}
	.nyPage a.pnnum, .nyPage a.pnnum1 { display: none;}
}
@media (max-width:425px) {
	.nyPage{ margin-top:10px;}
}

/*右侧漂浮 开始*/
.yb_conct{position: fixed;z-index: 9999999;bottom: 15%;right: -127px;cursor: pointer;transition: all .3s ease;}
.yb_bar ul li{width: 180px;height: 53px;font: 15px/53px 'al1';color: #fff;text-indent: 54px;margin-bottom: 3px;border-radius: 3px;transition: all .5s ease;overflow: hidden;}
.yb_bar ul li a{font: 15px/53px 'al1';color: #fff;text-indent: 54px;margin-bottom: 3px;border-radius: 3px;transition: all .5s ease;overflow: hidden;}
.yb_bar .yb_top{background-color:#c1272d;background:rgba(193,39,45,.8) url(../images/t1.png) no-repeat;}
.yb_bar .yb_phone{background-color:#c1272d;background:rgba(193,39,45,.8) url(../images/t2.png) no-repeat;}
.yb_bar .yb_QQ{text-indent: 0;background-color:#c1272d;background:rgba(193,39,45,.8) url(../images/t3.png) no-repeat;}
.yb_bar .yb_ercode{background-color:#c1272d;background:rgba(193,39,45,.8) url(../images/t4.png) no-repeat;}
.hd_qr{padding: 6px 37px 25px 37px;box-sizing: border-box;width: 180px;}
.yb_QQ a{display: block;text-indent: 54px;width: 100%;height: 100%;color: #fff;}
.yb_QQ a:hover {color: #fff;}

@media (max-width:1080px) {
.yb_conct{ display:none;}
}


/*右侧漂浮 结束*/

/*一键拨打功能*/
@media (min-width: 1081px) {
.suspension{ display:none}
}
.suspension {position: fixed; z-index: 55; right: 0;bottom: 85px; width: 70px; height: 240px;z-index: 9999;}
.suspension-box{position:relative;float:right;}
.suspension .a{display:block;width:54px;height:54px;background-color:#353535;cursor:pointer;outline:none;}
.suspension .a, .suspension .a:hover {border-radius: 50px; background:rgba(193,39,45,.8); opacity: 0.9; margin-bottom: 15px;}
.suspension .a .i{float:left;width: 40px;height: 40px; background-image:url(../images/suspension-bgxin.png);background-repeat:no-repeat;    margin: 3px 0 0 8px;}
.suspension .a-service-phone .i{background-image: url(../images/suspension-bgxin.png);background-position: 10px 7px;width: 45px;height: 45px; margin-left:0; margin-top:0;}
.suspension .a-top .i{background-position: -35px 5px;}
.suspension .a-top,.suspension .a-top:hover{background:rgba(193,39,45,.8);}

/*一键分享*/
.art_fenx{ width:38%;display:flex; display: -webkit-flex;  justify-content:flex-end;align-items:center;flex-wrap: wrap; }
.art_fenx .fxzi{ font-size:16px; color:#777;display:flex; display: -webkit-flex; align-items:center;flex-wrap: wrap;}
.art_fenx .fxzi svg{ width:18px; height:18px; fill:#bbb; margin-right:6px;}
.art_fenx .iconfont{width: 24px;height: 24px; background:#c1272d;display: inline-block;border-radius: 50%;}
.art_fenx .bds_weixin::before { content:"";display: block; width:24px; height:24px;background: url(../images/fxico.png) no-repeat;}
.art_fenx .bds_sqq::before { content:"";display: block; width:24px; height:24px;background: url(../images/fxico.png) no-repeat;background-position:-24px 0;}
.art_fenx .bds_qzone::before { content:"";display: block; width:24px; height:24px;background: url(../images/fxico.png) no-repeat;background-position:0 -24px;}
.art_fenx .bds_weibo::before { content:"";display: block; width:24px; height:24px;background: url(../images/fxico.png) no-repeat;background-position:-24px -24px;}
.art_fenx .fh{ width:100%; height:37px; line-height:37px; background:#0e48b3; text-align:center; margin-top:10px; }
.art_fenx .fh a{color:#fff; font-size:16px;}
#bdshare_weixin_qrcode_dialog{ height:261px !important;}
#bdshare_weixin_qrcode_dialog .bd_weixin_popup_foot{display:none !important;}
#bdshare_weixin_qrcode_dialog .bd_weixin_popup_main{ padding:15px 0 !important;overflow: hidden !important;}