/*
	[ MYB2B System] Copyright (c) 2008-2021
*/
.headline {background:#FFFFFF;padding:0 10px 5px 10px;border-bottom:#EEEEEE 1px solid;}
.headline h2 {text-align:center;font-size:16px;margin:0;height:30px;line-height:30px;overflow:hidden;}
.headline span {color:#225588;}
.headline div {line-height:22px;height:22px;overflow:hidden;}
.subline li {height:26px;line-height:26px;overflow:hidden;font-size:14px;padding:0 10px 0 10px;}
.subline span {color:#666666;}
/* catlist */
.catlist {padding:12px 15px 12px 20px;line-height:24px;}
.catlist_li {font-size:14px;height:28px;line-height:28px;background:url('image/li_dot.gif') no-repeat 5px 12px;padding:0 10px 0 12px;overflow:hidden;}
.catlist_sp {background:#FFFFFF url('image/dot.gif') repeat-x 0 center;}
/* special */
.special_intro {line-height:180%;font-size:13px;height:160px;overflow-y:scroll;}
.special_box {width:1220px;overflow:hidden;}
/* 
         [ Tonesung] 2022.07.01 MOD from BJX
*/
.cc-mt-10{margin-top:20px!important}
.cc-mt-30{margin-top:30px!important}
.cc-mb-30{margin-bottom:30px!important}

.cfs-tab{width:1220px;height:44px;margin:0 auto;z-index: 0;}
.cfs-tab ul{width:1220px;border:1px solid #e5e5e5;height:42px}
.cfs-tab ul li{width:20%;height:42px;font-size:16px;float:left}
.cfs-tab ul li span{display:inline-block;width:100%;height:35px;text-align:center;border-right:0px solid #f2f2f2;margin-top:10px}
.cfs-tab ul li.active{background:#e6e6e6;}
.cfs-tab ul li:hover{cursor:pointer;background:#eeeeee;}
.cfs-tab ul li span a:hover{}
.cfs-tab ul li:nth-child(5) span{width:100%;border:none}

.cfs-plate{width:1220px;margin:0 auto;}
.cfs-plate .cfs-section .head{position:relative;height:40px;line-height:40px;font-size:0;border-top:1px solid #e5e5e5;z-index: 0;}
.cfs-plate .cfs-section .head>span{display:inline-block;vertical-align:top}
.cfs-plate .cfs-section .head>span.active b{color:#333;font-weight:600}
.cfs-plate .cfs-section .head>span.active b::before{content:"";position:absolute;top:-2px;left:0;width:100%;height:2px;background:#1565c0}
.cfs-plate .cfs-section .head>span.active small{display:block}
.cfs-plate .cfs-section .head>span b{position:relative;display:inline-block;vertical-align:top;padding:0 20px;min-width:56px;font-size:18px;text-align:center;font-weight:400;color:#333;cursor:pointer}
.cfs-plate .cfs-section .head>span b.color{color:#1565c0}
.cfs-plate .cfs-section .head>span small{display:none;color:#999}
.cfs-plate .cfs-section .head small{position:absolute;top:0;right:0;font-size:14px;color:#666}
.cfs-plate .cfs-section .head small.color{color:red}
.cfs-plate .cfs-section .head small em{display:inline-block;vertical-align:top;height:100%;font-style:normal;color:#666;cursor:pointer}
.cfs-plate .cfs-section .head small em+em,.cfs-plate .cfs-section .head small em+span{margin-left:10px}
.cfs-plate .cfs-section .head small em.active{color:#1565c0}
.cfs-plate .cfs-section .head small.type1 i{background:0 0;padding:0}
.cfs-plate .cfs-section .head small i{display:inline-block;vertical-align:top;height:100%;font-style:normal;margin-top:7px;cursor:pointer;background:#f5f5f5;border-radius:4px;padding:0 6px;line-height:26px;color:#999;font-size:14px}
.cfs-plate .cfs-section .head small i+i{margin-left:6px}
.cfs-plate .cfs-section .head .roll{position:absolute;top:0;right:0;max-width:380px;height:40px;line-height:40px;overflow:hidden}
.cfs-plate .cfs-section .head .roll .swiper-container{height:40px}
.cfs-plate .cfs-section .head .roll a{display:block;text-align:right;font-size:12px;color:#1565c0}

.cfs-plate .cfs-section .body{width:1220px}
.cfs-plate .cfs-section .body ul{margin-left:-55px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
.cfs-plate .cfs-section .body ul li{width:368px;height:358px;border:1px solid #e5e5e5;margin-left:55px;margin-top:20px}
.cfs-plate .cfs-section .body ul li img{width:368px;height:210px}
.cfs-plate .cfs-section .body ul li p:nth-child(2){margin-top:15px;width:347px;margin-left:13px;font-weight:600;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}
.cfs-plate .cfs-section .body ul li p:nth-child(3){margin-top:11px;width:347px;margin-left:13px;line-height:24px;font-size:14px;color:#666;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:6;overflow:hidden}
.cfs-plate .cfs-section .body ul li p:hover{color:#1565c0}
.cfs-plate .cfs-section .body ul li:hover{-webkit-transform:translate3d(0,-1px,0);transform:translate3d(0,-1px,0);-webkit-box-shadow:0 5px 5px #999;box-shadow:0 5px 5px #999;cursor:pointer;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}

/* 2022.07.29 TS 引入 SHOW 焦点图和头条新闻 */
.specialbox{position:relative;width:1220px;margin:0 auto 10px;padding:15px 10px 10px;background-color:#fff;clear:both;}
.wy-wrap{position:relative;width:1200px;margin:0 auto 0px;clear:both;border:0px solid #004080;}
.cf:after{display:block;height:0;font-size:0;content:".";visibility:hidden;clear:both;}.cf{zoom:1;}
.wy-index-left{float:left;width:585px;}
.wy-index-center{float:left;width:585px;margin-left:25px;position:relative;}

.slide-arrow{ position:relative; overflow:hidden}
.slide-arrow a.prev,.slide-arrow a.next{ display:block; width:35px; height:60px; background:url(images/special/arrow_icon.png) no-repeat; position:absolute; top:50%; margin-top:-30px; z-index:9999}
.slide-arrow a.prev{ left:-80px;-webkit-transition: left .3s;-moz-transition: left .3s;-ms-transition: left .3s;-o-transition: left .3s;transition: left .3s;}
.slide-arrow a.next{ background-position:-35px 0; right:-80px;-webkit-transition: right .3s;-moz-transition: right .3s;-ms-transition: right .3s;-o-transition: right .3s;transition: right .3s;}
.slide-arrow a.prev:hover{ background-position:-70px 0;}
.slide-arrow a.next:hover{ background-position:-105px 0;}
.slide-arrow:hover a.prev{ left:1px}
.slide-arrow:hover a.next{ right:1px}
.wy-focus .bd{width:585px;height:353px;margin-bottom:12px;border:0px solid #f00;overflow:hidden;}
.wy-focus .bd img{display:block;width:585px;height:318px;}
.wy-focus .bd dl{height:40px;line-height:35px;font-size:14px;}
.wy-focus .bd dt,.wy-focus .bd dd{float:left;color:#fff;}
.wy-focus .bd dt{width:520px;padding:0 10px;background:#000;}
.wy-focus .bd dd{width:65px;text-align:center;background:#db214c;}
.wy-focus .bd a:hover{text-decoration:none;}
.wy-focus .hd{text-align:center;}
.wy-focus .hd li.on{width:32px;height:12px;background:#db214c;border:1px solide #db214c;}
.wy-focus .hd li{display:inline-block;width:12px;height:12px;margin:1px;background:#fff;border:solid 1px #ccc;border-radius:12px;cursor:pointer;*display:inline;zoom:1;}
.sdbd{position:absolute;right:0;top:-15px;width:200px;height:30px;background:url(images/special/sdbd.png) no-repeat;}
.sdbd a{display:block;float:left;width:50%;height:30px;}

.wy-headline .hd{position:relative;margin:10px auto 25px;border-top:1px solid #e3e3e3;}
.wy-headline .hd h3{display:block;position:absolute;top:-12px;left:0;width:60px;height:24px;line-height:24px;font-size:12px;text-align:center;color:#fff;background:#fff url(images/special/sp.png) -110px -30px no-repeat;}
.wy-headline .bd{width:583px;}
.wy-headline .bd dl{width:100%;margin-top:15px;}
.wy-headline .bd dt a{display:block;width:100%;height:30px;line-height:30px;font-size:18px;font-weight:bold;color:#2e2e2e;}
.wy-headline .bd dt a:hover{color:#db214c;text-decoration:none;}
.wy-headline .bd dd p{padding-top:10px;font-size:14px;color:#999;}
.wy-headline .bd dd a{display:inline;font-size:14px;color:#db214c;font-weight:normal;}
.wy-headline ul{margin-top:20px;padding-top:10px;border-top:1px solid #e3e3e3;clear:both;}
.wy-atc-list li{height:33px;line-height:33px;*height:32px;*line-height:32px;}
.wy-atc-list li a{float:left;max-width:100%;line-height:33px;font-size:15px;_width:90%;}
.wy-atc-list li a.bold{font-weight:normal;}
/* 2022.07.29 TS 引入 SHOW 产品推荐（图片展示） */
.productScroll{width:1220px;height:256px;margin:10px auto;border:#ff0000 0px solid;position:relative;}
.productScroll .prev,.productScroll .next{width:51px;height:45px;position:absolute;top:115px;left:0;z-index:100; cursor:pointer; background:url(images/special/btns.png) no-repeat;filter:alpha(opacity=60);opacity:0.60;}
.productScroll .next{ left:auto; right:0; background-position:0 -90px;}
.productScroll .prev:hover{ background-position:0 -45px; }
.productScroll .next:hover{ background-position:0 -135px; }

.productScroll .scrollWrap{width:1200px;margin-left:10px;padding-top:10px;overflow:hidden;position:absolute;border:#ff0000 0px solid;}
.productScroll dl{float:left;width:240px;text-align:center;position:relative;}
.productScroll  span{display:block;width:230px;height:53px;position:absolute;left:5px;bottom:0;background:#5f626b;filter:alpha(opacity=80);opacity:0.80;}
.productScroll  dt{margin:0 auto;width:230px;overflow:hidden;}
.productScroll  img{display:block;width:230px;height:240px;}
.productScroll  dd{width:230px;height:40px;line-height:28px;font-size:15px;color:#fff;text-align:center;overflow:hidden;position:absolute;left:5px;bottom:0;}
.productScroll  dd a{ color:#fff;  }
.productScroll  dd a:hover{ text-decoration:none;  }
.productScroll dl:hover span{ background:#004080;}

/* 2022.07.29 TS 修改SHOW Preface序言 */
.content{width:1220px;margin:0 auto;background-color:#fff;border-bottom:1px solid #f8f8f8;border-top:1px solid #f8f8f8;}
.Preface{overflow:hidden;margin:0px 0}
.Preface dl{float:left;width:120px;border-right:1px solid #c7c7c7;padding-right:10px;height:120px;display:inline}
.Preface dl dt{font-size:22px;color:#4f4f4f;font-weight:bold;display:inline-block;line-height:30px;margin-top:27px}
.Preface dl dd{display:inline-block;font-size:12px;color:#bdbdbd;line-height:14px;position:relative;top:4px}
.Preface .Text{float:right;font-size:16px;line-height:32px;color:#333;width:1028px;text-align:left;text-indent:32px}