body { background-color: #f4f4f4;}
/*内页广告图*/
.cx-inpage-banner01 { width: 100%; height: 630px;}
/*面包屑*/
.cx-mianbaoxue01 { height: 50px; line-height: 50px; background-color: rgba(0,0,0,.6); margin-top: -50px; margin-bottom: 30px; color: #fff; position: relative; z-index: 2;}
.cx-mianbaoxue01 i { display: inline-block; width: 13px; height: 18px; background: url(../images/icon_ads.png) no-repeat; position: relative; top: 3px; margin: 0 8px 0 20px;}
.cx-mianbaoxue01 a { color: #fff; }
/*内页头部*/
.cx-inpage-header01 { display: none; width: 87%; padding-top: 13%; background-color: #fff; position: absolute; left: 0; top: 0; z-index: 999; overflow: hidden;}
.cx-inpage-header01 p { width: 100%; font-size: 16px; text-align: center; position: absolute; top: 50%; left: 6%; -webkit-transform:translateY(-50%);-moz-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);}
.cx-inpage-header01 a { display: block; width: 15%; height: 100%; position: absolute; top: 0; left: 0; z-index: 9; cursor: pointer;}
.cx-inpage-header01 a:before { content:''; display: block; width: 12px; height: 12px; border-top: solid 2px #999; border-right: solid 2px #999; position: absolute; left: 50%; top: 50%; z-index: 9; margin: -6px 0 0 -5px; -webkit-transform:rotate(-135deg); -moz-transform:rotate(-135deg); -ms-transform:rotate(-135deg); transform:rotate(-135deg);}

/*暂无数据*/
#nodata, .nodata { padding: 80px; padding-left: 150px; border: solid 1px #eee; margin: 10px 0; background: url(../images/nodata.gif) no-repeat 20px 20px; background-color: #fff;}

/*=========== 畅响系统第一套产品中心 =============*/
.cx-product-center01 .cx-product-sidebar { width: 290px; }
.cx-product-center01 .cx-product-cont { width: 880px; }

/*产品中心侧边栏导航*/
.cx-product-center01 .y-sidebar-product { width: 100%; background-color: #fff; border-bottom: solid 1px #e6e6e6; margin-bottom: 30px;}
.cx-product-center01 .y-sidebar-product .sidebar-tt { width: 100%; border-left: solid 1px #e6e6e6; border-top: solid 1px #e6e6e6; border-right: solid 1px #e6e6e6; padding: 16px 25px 16px 30px; box-sizing: border-box;  position: relative;}
.cx-product-center01 .y-sidebar-product .sidebar-tt h3 { font-size: 24px; color: #333; font-weight: 400; width: 76%; padding: 6px 0; border-bottom: solid 1px #ebebeb; position: relative; z-index: 2;}
.cx-product-center01 .y-sidebar-product .sidebar-tt em { display: block; font-size: 12px; color: #999; padding: 6px 0; }
.cx-product-center01 .y-sidebar-product .sidebar-tt:before { content: ''; display: block; width: 54px; height: 54px; background: url(../images/icon_msk.png) no-repeat; position: absolute; left: -1px; top: -1px; z-index: 1; }
.cx-product-center01 .y-sidebar-product .sidebar-tt:after { content: ''; display: block; width: 44px; height: 45px; background: url(../images/slidebar_img.png) no-repeat; position: absolute; right: 25px; top: 30px; z-index: 1; }
.cx-product-center01 .sidebar-tt i.color-block { display: block; width: 11px; height: 11px; background-color: #ff750f; position: absolute; left: -1px; top: -1px; z-index: 1; }
.cx-product-center01 .y-sidebar-product .sidebar-nav-box { width: 100%; }
.cx-product-center01 .y-sidebar-product .sidebar-nav-box li>span { display: block; height: 52px; line-height: 52px; font-size: 18px; color: #333; padding-left: 30px; padding-right: 45px; border-top: solid 1px #e6e6e6; border-left: solid 1px #e6e6e6; border-right: solid 1px #e6e6e6; cursor: pointer; position: relative; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.cx-product-center01 .sidebar-nav-box li>span i { display: block; width: 11px; height: 11px; position: absolute; right: 32px; top: 20px; z-index: 2; }
.cx-product-center01 .sidebar-nav-box li>span i:before { content: ''; display: block; width: 100%; height: 1px; background-color: #d7d7d7; position: absolute; left: 0; top: 5px; }
.cx-product-center01 .sidebar-nav-box li>span i:after { content: ''; display: block; width: 1px; height: 100%; background-color: #d7d7d7; position: absolute; left: 5px; top: 0; }
.cx-product-center01 .sidebar-nav-box li.cur>span,
.cx-product-center01 .sidebar-nav-box li:hover>span  { color: #fff; background-color: #ff6c00; border-color: #ff6c00; }
.cx-product-center01 .sidebar-nav-box li.cur>span i:before { background-color: #fff; }
.cx-product-center01 .sidebar-nav-box li.cur>span i:after { display: none; }
.cx-product-center01 .sidebar-nav-box .slidebar-list { width: 100%; background-color: #f7f7f7; padding: 12px 0;}

.cx-product-center01 .sidebar-nav-box .slidebar-list>a,
.cx-product-center01 .sidebar-nav-box .slidebar-list>span { display: block; font-size: 14px; color: #333; height: 36px; line-height: 36px; padding-left: 30px; padding-right: 50px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; position: relative;}
.cx-product-center01 .sidebar-nav-box .slidebar-list>a:before, 
.cx-product-center01 .sidebar-nav-box .slidebar-list>a:after,
.cx-product-center01 .sidebar-nav-box .slidebar-list>span:after,
.cx-product-center01 .sidebar-nav-box .slidebar-list>span:before,
.cx-product-center01 .y-right-arrow:before,
.cx-product-center01 .y-right-arrow:after
{
  content: ''; 
  width: 0;
  height: 0;
  display: block;
  position: absolute;
  right: 30px;
  top: 12px;
  z-index: 5;
  /*兼容ie8-*/
  border-top: 6px transparent dashed;
  border-left: 6px #ccc solid;
  border-bottom: 6px transparent dashed;
  border-right: 6px transparent dashed;
  overflow: hidden;
  margin-left: 0px;
}
.cx-product-center01 .sidebar-nav-box .slidebar-list>a:after,
.cx-product-center01 .sidebar-nav-box .slidebar-list>span:after,
.cx-product-center01 .y-right-arrow:after {
  right:33px;
  border-left-color: #f7f7f7;
}
.cx-product-center01 .sidebar-nav-box .slidebar-list>a:before,
.cx-product-center01 .sidebar-nav-box .slidebar-list>span:before,
.cx-product-center01 .y-right-arrow:before {
  border-left-color: #dfdfdf;
}
.cx-product-center01 .sidebar-nav-box .slidebar-list>a:hover,
.cx-product-center01 .sidebar-nav-box .slidebar-list>a.cur,
.cx-product-center01 .sidebar-nav-box .slidebar-list>span:hover,
.cx-product-center01 .sidebar-nav-box .slidebar-list>span.cur,
.cx-product-center01 .y-right-arrow:hover,
.cx-product-center01 .y-right-arrow.cur { color: #ff6c00; }
.cx-product-center01 .sidebar-nav-box .slidebar-list>a:hover:before,
.cx-product-center01 .sidebar-nav-box .slidebar-list>a.cur:before,
.cx-product-center01 .sidebar-nav-box .slidebar-list>span:hover:before,
.cx-product-center01 .sidebar-nav-box .slidebar-list>span.cur:before,
.cx-product-center01 .y-right-arrow:hover:before,
.cx-product-center01 .y-right-arrow.cur:before { border-left-color: #ff6c00;}

.cx-product-center01 .sidebar-nav-box .slidebar-list>span { overflow: visible; }
.cx-product-center01 .sidebar-nav-box .slidebar-list>span>a { display: block; width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.cx-product-center01 .y-product-three-nav { width: 230px; background-color: #fff; position: absolute; right: -210px; top: 0; z-index: 999; display: none; }
.cx-product-center01 .y-product-three-nav:before { content: ''; display: block;}
.cx-product-center01 .y-product-three-nav>a { display: block; font-size: 14px; padding: 5px 25px; border-bottom: solid 1px #eee; color: #333; position: relative; width: 85%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.cx-product-center01 .y-product-three-nav>a.y-right-arrow:before, .y-product-three-nav>a.y-right-arrow:after { top: 16px;}

/*向左*/
.triangle_border_left { width:0; height:0; border-width:6px 6px 6px 0; border-style:solid; border-color:transparent #fff transparent transparent; position:absolute; left: -6px; top: 12px; z-index: 9;}
.triangle_border_left span{ display:block; width:0; height:0; border-width:6px 6px 6px 0; border-style:solid; border-color:transparent #fc0 transparent transparent; position:absolute; top:0px; left:0px; }

/*向上*/
.triangle_border_top { width:0; height:0; border-width:6px 6px 6px 0; border-style:solid; border-color:transparent transparent #fff transparent; position:absolute; left: 30px; top: -12px; z-index: 9;}
.triangle_border_top span{ display:block; width:0; height:0; border-width:6px 6px 6px 0; border-style:solid; border-color:transparent #fc0 transparent transparent; position:absolute; top:0px; left:0px; }

/*三级导航02*/
.cx-product-center01 .slidebar-list-down>span.cur:before, 
.cx-product-center01 .slidebar-list-down>span.cur:after {  border-left: 6px transparent dashed; border-top: 6px #ff6c00 solid; border-bottom: 6px transparent dashed; border-right: 6px transparent dashed; top:15px; }
.cx-product-center01 .slidebar-list-down>span.cur:after { top:12px; right: 30px; border-top-color: #f7f7f7; }
.cx-product-center01 .slidebar-list-down>span { height: auto; }
.cx-product-center01 .y-product-three-downnav { width: 107%; background-color: #fff; padding: 8px 0; margin-top: 10px; position: relative; display: none;}
.cx-product-center01 .y-product-three-downnav>a { display: block; font-size: 14px; padding: 0 20px 0 30px; color: #333; position: relative; width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; box-sizing: border-box;}
.cx-product-center01 .y-product-three-downnav>a:hover, 
.cx-product-center01 .y-product-three-downnav>a.cur { color: #ff6c00; }
.cx-product-center01 .y-product-three-downnav>a:hover:before,
.cx-product-center01 .y-product-three-downnav>a.cur:before { content: ''; display: block; width: 1px; height: 14px; background-color: #ff6c00; position: absolute; left: 15px; top: 11px; z-index: 9; }

/*侧边栏联系热线*/
.cx-product-center01 .y-sidebar-hotline { width: 100%; padding: 20px 10px; background-color: #fff; border: solid 1px #e6e6e6; box-sizing: border-box; margin-bottom: 30px; text-align: center; position: relative;}
.cx-product-center01 .y-sidebar-hotline:before { content: ''; display: block; width: 54px; height: 54px; background: url(../images/icon_msk.png) no-repeat; position: absolute; left: 0; top: 0; z-index: 1; }
.cx-product-center01 .y-sidebar-hotline p { font-size: 14px; color: #333; }
.cx-product-center01 .y-sidebar-hotline strong { display: block; font-weight: 400; color: #ff6c00; font-size: 24px; }
.cx-product-center01 .y-sidebar-hotline a { display: inline-block; height: 30px; line-height: 30px; color: #fff; padding: 0 18px; background-color: #ff6c00; margin-top: 10px; }

/*右边产品中心顶部内容*/
.cx-product-center01 .y-right-product-topinfo { width: 100%; background-color: #f7f7f7;}
.cx-product-center01 .y-right-product-topinfo .y-img-box { display: block; width: 58%; height: auto; }
.cx-product-center01 .y-right-product-topinfo .y-img-box img { display: block; width: 100%; height: auto; }
.cx-product-center01 .y-right-product-topinfo .y-top-txts { width: 32%; margin-left: 5%;}
.cx-product-center01 .y-right-product-topinfo .y-top-txts h3 { font-size: 24px; color: #333; font-weight: 400; padding: 12% 0 5%; }
.cx-product-center01 .y-right-product-topinfo .y-top-txts p { font-size: 14px; color: #999; line-height: 22px; position: relative;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5;-webkit-box-orient: vertical;}
.cx-product-center01 .y-right-product-topinfo .y-top-txts p:after { content: ''; display: block; width: 25px; height: 1px; background-color: #d0d0d0; position: absolute; bottom: -30px; left: 0; z-index: 2; }

/*右边产品内容*/
.cx-product-center01 .cx-product-center01 .y-right-product-main { width: 100%; margin-top: 25px; padding-bottom: 30px; background-color: #fff;}
.cx-product-center01 .y-right-product-action { width: 100%; height: 40px; position: relative; overflow: hidden;}
.cx-product-center01 .y-right-product-action span { display: block; float: left; height: 16px; font-size: 14px; color: #acacac; position: relative; border-left: dashed 1px #ddd; margin-top: 12px; padding: 0 12px; cursor: pointer;}
.cx-product-center01 .y-right-product-action span:first-child { border-left: none 0; margin-left: -12px; }
.cx-product-center01 .y-right-product-action span.rq,
.cx-product-center01 .y-right-product-action span.zx { padding-right: 30px; }
.cx-product-center01 .y-right-product-action span.rq:after,
.cx-product-center01 .y-right-product-action span.zx:after { content: ''; display: block; width: 11px; height: 13px; background-repeat: no-repeat; position: absolute; right: 12px; top: 2px; z-index: 2; }
.cx-product-center01 .y-right-product-action span.rq:after { background-image: url(../images/sort_arrow01.png); }
.cx-product-center01 .y-right-product-action span.zx:after { background-image: url(../images/sort_arrow02.png); }
.cx-product-center01 .y-right-product-action span:hover,
.cx-product-center01 .y-right-product-action span.cur { color: #333; }
.cx-product-center01 .y-right-product-action span.rq:hover:after,
.cx-product-center01 .y-right-product-action span.rq.cur:after { background-image: url(../images/sort_arrow01_cur.png);}
.cx-product-center01 .y-right-product-action span.zx:hover:after,
.cx-product-center01 .y-right-product-action span.zx.cur:after { background-image: url(../images/sort_arrow02_cur.png);}
.cx-product-center01 .y-right-product-action span.multi-line { width: 14px; padding-top: 3px; }
.cx-product-center01 .y-right-product-action span.multi-line em, .y-right-product-action span.single-line em { display: block; float: left; width: 3px; height: 3px; border: solid 1px #acacac; margin: 0 0 3px 2px; }
.cx-product-center01 .y-right-product-action span.multi-line em:nth-child(2n-1) { margin-left: 0; }
.cx-product-center01 .y-right-product-action span.single-line { width: 17px; padding-top: 3px; }
.cx-product-center01 .y-right-product-action span.single-line i { display: block; float: left; width: 8px; height: 5px;  margin: 0 0 3px 2px;}
.cx-product-center01 .y-right-product-action span.single-line i:before { content: ''; display: block; width: 100%; height: 1px; background-color: #acacac; margin-top: 2px; }
.cx-product-center01 .y-right-product-action span.multi-line.cur em,
.cx-product-center01 .y-right-product-action span.multi-line:hover em,
.cx-product-center01 .y-right-product-action span.single-line.cur em,
.cx-product-center01 .y-right-product-action span.single-line:hover em{
  border-color: #ff6c00;
}
.cx-product-center01 .y-right-product-action span.single-line.cur i:before,
.cx-product-center01 .y-right-product-action span.single-line:hover i:before {
  background-color: #ff6c00;
}
.cx-product-center01 .y-product-search-box { width: 263px; height: 38px; border: solid 1px #e6e6e6; background-color: #fff; position: absolute; right: 0; top: 0; z-index: 9; }
.cx-product-center01 .y-product-search-box input { border: none 0; background: none; outline: 0; width: 100%; height: 38px; padding: 0 35px 0 15px; box-sizing: border-box; }
.cx-product-center01 .y-product-search-box a { display: block; width: 35px; height: 38px; position: absolute; right: 0; top: 0; z-index: 9; text-indent: -9999px;}
.cx-product-center01 .y-product-search-box a:before { content: ''; display: block; width: 15px; height: 15px; background: url(../images/y-search-btn.png) no-repeat; position: relative; left: 10px; top: 12px; }

.cx-product-center01 .y-right-product-main .y-right-product-list { margin-top: 15px;}
.cx-product-center01 .y-right-product-list .details-cont { width: 48%; border: solid 1px #e6e6e6; box-sizing: border-box; padding: 1.5% 1.5% 3%; margin-bottom: 30px; text-align: center; background-color: #fff; transition:all .3s ease-out; }
.cx-product-center01 .y-right-product-list h4 { font-weight: 400; font-size: 18px; color: #333; padding: 5% 0 2%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.cx-product-center01 .y-right-product-list .details-cont .y-img-box { display: block; width: 100%; height: auto; }
.cx-product-center01 .y-right-product-list .details-cont img { display: block; width: 100%; height: auto; }
.cx-product-center01 .y-right-product-list .details-cont p { font-size: 15px; color: #666; }
.cx-product-center01 .y-right-product-list .y-btns { display: block; width: 180px; margin: 7% auto 0; }
.cx-product-center01 .y-right-product-list .y-btns a { display: block; font-size: 15px; color: #333; width: 50%; box-sizing: border-box;}
.cx-product-center01 .y-right-product-list .y-btns a:first-child { border-right: dashed 1px #999; }
.cx-product-center01 .y-right-product-list .y-btns a:hover { color: #ff6c00; }

.cx-product-center01 .y-right-product-list .details-cont:nth-child(2n-1),
.cx-product-center01 .y-right-product-list .details-cont.mr4 { margin-right: 4%; }
.cx-product-center01 .y-right-product-list .details-cont:hover { box-shadow: 5px 5px 40px rgba(0,0,0,.2);}
.cx-product-center01 .y-right-product-list .details-cont:hover h4 { color: #ff6c00;}
.cx-product-center01 .details-cont .p-txts { /*height: 20px; overflow: hidden;*/ }
.cx-product-center01 .details-cont .p-txts p { max-height: 42px; margin-top: 2%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.cx-product-center01 .y-right-product-single .details-cont { width: 100%; height: auto; margin-right: 0; text-align: left; padding-bottom: 10px; }
.cx-product-center01 .y-right-product-single .details-cont .y-img-box { width: 46%; float: left; }
.cx-product-center01 .y-right-product-single .details-cont .y-infos { float: left; width: 46%; margin-left: 5%;}
.cx-product-center01 .y-right-product-single .details-cont .p-txts { height: auto; padding-top: 3%; line-height: 22px; color: #666;}
.cx-product-center01 .y-right-product-single .y-btns { margin-left: -15px; margin-top: 36px; text-align: center; }

/*翻页*/
.y-fanye-box { width: 100%; margin-top: 30px; position: relative;}
.y-page-nums { width: 500px; margin: 0 auto; text-align: center; }
.y-page-nums a { display: inline-block; width: 40px; height: 40px; border: solid 1px #e6e6e6; font-size: 18px; color: #999; line-height: 40px; text-align: center; margin-right: 8px;}
.y-page-nums a.cur, .y-page-nums a:hover { background-color: #ff6c00; color: #fff; border-color: #ff6c00; }
.y-fanye-box>span { display: block; width: 40px; height: 40px; border:solid 1px #e6e6e6; background-color: #fff; position: absolute; top: 0; z-index: 9; cursor: pointer;}
.y-fanye-box>span.y-left-btn { left: 0; }
.y-fanye-box>span.y-right-btn { right: 0; }
.y-fanye-box>span:before,
.y-fanye-box>span:after { content: ''; width: 0; height: 0; display: block; position: absolute; left: 0; top: 8px; z-index: 5; border-top: 12px transparent dashed; border-left: 12px transparent dashed; border-bottom: 12px transparent dashed; border-right: 12px #ccc solid; overflow: hidden; margin-left: 0px;}
.y-fanye-box>span:after { left:3px; border-right-color: #fff; }
.y-fanye-box>span:before { border-right-color: #999;}
.y-fanye-box>span.y-right-btn:before, 
.y-fanye-box>span.y-right-btn:after { border-right: 12px transparent dashed; border-left: 12px #ccc solid; margin-left: 15px; }
.y-fanye-box>span.y-right-btn:after { left:-3px; border-left-color: #fff;}
.y-fanye-box>span.y-right-btn:before { border-left-color: #999;}

/*产品详情*/
.cx-product-details01 .product-imgs { width: 50%; position: relative;}
.cx-product-details01 .product-imgs .swiper-pagination-bullet { opacity: 1; background-color: #b9b9b9; }
.cx-product-details01 .product-imgs .swiper-pagination-bullet-active { background-color: #df1f29; }
.cx-product-details01 .product-imgs .pro-prev-btn,
.cx-product-details01 .product-imgs .pro-next-btn { display: block; width: 45px; height: 45px; background-color: #181818; position: absolute; top: 50%; margin-top: -22.5px; z-index: 5; cursor: pointer;}
.cx-product-details01 .product-imgs .pro-prev-btn { left: 0; }
.cx-product-details01 .product-imgs .pro-next-btn { right: 0; }
.cx-product-details01 .product-imgs .pro-prev-btn:before,
.cx-product-details01 .product-imgs .pro-next-btn:before { content: ''; display: block; width: 9px; height: 16px; background: url(../images/switch_icon.png) no-repeat; position: absolute; left: 50%; top: 50%; margin: -8px 0 0 -4.5px; }
.cx-product-details01 .product-imgs .pro-next-btn:before { 
  -webkit-transform:rotate(180deg); 
  -moz-transform:rotate(180deg); 
  -ms-transform:rotate(180deg); 
  transform:rotate(180deg); 
}
.cx-product-details01 .product-infos { width: 46%; padding-top: 31.25%; position: relative;}
.cx-product-details01 .product-infos>div{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; }
.cx-product-details01 .product-infos h1 { font-size: 20px; font-weight: bold; color: #333; padding: 3% 0; border-bottom: solid 1px #fff; margin-bottom: 3%; position: relative;}
.cx-product-details01 .product-infos h1:after { content: ''; display: block; width: 100%; height: 1px; background-color: #d2d2d2; position: absolute; bottom: 0; left: 0; z-index: 2; }
.cx-product-details01 .product-infos .edit-box { font-size: 14px; color: #666; line-height: 26px; max-height: 40%; overflow: hidden;}
.cx-product-details01 .product-infos .btm-box { width: 100%; position: absolute; bottom: 0; left: 0; z-index: 3; }
.cx-product-details01 .product-infos .btm-box a { display: block; width: 35%; font-size: 18px; color: #fff; background-color: #df1f29; padding: 2.5% 0 2.5% 6%; border-radius: 50px; margin-right: 5%; position: relative;}
.cx-product-details01 .product-infos .btm-box a img { display: inline-block; width: 12%; position: absolute; right: 18%; top: 50%; z-index: 2; -webkit-transform:translateY(-50%); transform:translateY(-50%);}
.cx-product-details01 .product-infos .tel { width: 60%; margin-top: 0.5%; }
.cx-product-details01 .product-infos .tel span:first-child { display: block; width: 46px; height: 46px; background-color: #df1f29; border-radius: 50%; margin-right: 12px;}
.cx-product-details01 .product-infos .tel span:last-child em { display: block; font-size: 13px; color: #353535; }
.cx-product-details01 .product-infos .tel span:last-child strong { color: #df1f29; font-size: 24px; }

.cx-product-details01 .product-details-box,
.cx-product-details01 .product-order,
.cx-related-pro01,
.cx-related-news01 { margin: 2.5% 0; }
.cx-product-details01 .product-details-box>div { background-color: #fff; }
.cx-product-details01 .product-details-box .details-nav { width: 100%; font-size: 20px; background-color: #e5e5e5; text-align: center; overflow: hidden;}
.cx-product-details01 .product-details-box .details-nav>span { display: block; float: left; width: 50%; 
  padding: 1.5% 0;}
.cx-product-details01 .product-details-box .details-nav>span.cur,
.cx-product-details01 .product-details-box .details-nav>span:hover { background-color: #df1f29; color: #fff;}
.cx-product-details01 .product-details-box .edit-box { width: 100%; padding: 2%; }
.cx-product-details01 .product-order h3,
.cx-related-pro01 h3,
.cx-related-news01 h3 { font-weight: bold; font-size:20px; color: #000; padding-bottom: 18px; border-bottom: solid 1px #eaeaea; position: relative;}
.cx-product-details01 .product-order h3 em,
.cx-related-news01 h3 em,
.cx-related-pro01 h3 em { color: #df1f29; }
.cx-product-details01 .product-order h3:before,
.cx-related-news01 h3:before,
.cx-related-pro01 h3:before { content: ''; display: block; width: 30px; height: 1px; background-color: #df1f29; position: absolute; bottom: 0; left: 0; z-index: 2; }
.cx-product-details01 .product-order .pro-form { width: 100%; padding: 4%; background-color: #fff; font-size: 16px;}
.cx-product-details01 .product-order .pro-form>div { width: 49%; height: 60px; line-height: 60px; border: solid 1px #eaeaea; margin-bottom: 2%; position: relative;}
.cx-product-details01 .product-order .pro-form>div span { display: block; float: left; width: 30%; color: #999; padding-left: 5%; border-right: solid 1px #eaeaea; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.cx-product-details01 .product-order .pro-form input { width: 70%; height: 100%; padding: 0 8% 0 5%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.cx-product-details01 .product-order .pro-form .remarks { width: 100%; height: 150px;}
.cx-product-details01 .product-order .pro-form textarea { width: 100%; height: 100%; resize: none; padding: 1.5% 2%; font-family: '微软雅黑';}
.cx-product-details01 .pro-form>div:after { content: ''; display: block; width: 27px; height: 27px; background-repeat: no-repeat; position: absolute; right: 2%; top: 50%; margin-top: -13.5px; z-index: 5; }
.cx-product-details01 .pro-form .pro-name:after { background-image: url(../images/proDetailsLy_icon06.png); }
.cx-product-details01 .pro-form .name:after { background-image: url(../images/proDetailsLy_icon01.png); }
.cx-product-details01 .pro-form .phone:after { background-image: url(../images/proDetailsLy_icon02.png); }
.cx-product-details01 .pro-form .email:after { background-image: url(../images/proDetailsLy_icon04.png); }
.cx-product-details01 .pro-form .remarks:after { background-image: url(../images/proDetailsLy_icon03.png); right: 1%; top: 10%; margin-top: 0;}
.cx-product-details01 .pro-form .abtns { width: 100%; text-align: center; }
.cx-product-details01 .pro-form .abtns a { display: inline-block; font-size: 18px; width: 18%; padding: 1% 0; border: solid 1px #eaeaea; border-radius: 50px; }
.cx-product-details01 .pro-form .abtns a:first-child { margin-right: 2%; }
.cx-product-details01 .pro-form .abtns a:hover { background-color: #df1f29; color: #fff; }

/*相关产品*/
.cx-related-pro01 { position: relative;}
.cx-related-pro01 .related-pro-cont { width: 24%; }
.cx-related-pro01 .related-pro-cont:not(:first-child) { margin-left: 1.33333%; }
.cx-related-pro01 .related-pro-cont a { display: block; text-align: center; font-size: 14px; color: #333; }
.cx-related-pro01 .related-pro-cont .img-box { margin: 6% 0 4%; border: solid 1px #eaeaea;}
.cx-related-pro01 .related-pro-cont p { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.cx-related-pro01 a.more,
.cx-related-news01 a.more { position: absolute; right: 0; top: 5%; z-index: 9;}

/*相关新闻*/
.cx-related-news01 .related-news-box { width: 100%; background-color: #fff; padding: 3%; }
.cx-related-news01 .related-news-box .left-cont { width: 55%; position: relative;}
.cx-related-news01 .related-news-box .right-cont { width: 45%; position: relative;}
.cx-related-news01 .left-cont .img-box { display: block; width: 36%; }
.cx-related-news01 .left-cont .infos { width: 55%; margin-left: 4%; }
.cx-related-news01 .left-cont .infos h4 { font-size: 16px; padding-bottom: 3%;}
.cx-related-news01 .left-cont .infos h4 a { display: block; color: #000; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.cx-related-news01 .left-cont .infos p { font-size: 14px; color: #666; max-height: 72px; line-height: 24px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.cx-related-news01 .left-cont .time { color: #999; font-size: 13px; position: absolute; left: 41%; bottom: 0; z-index: 2; }
.cx-related-news01 .left-cont a.enter-icon { display: block; width: 38px; height: 38px; border: solid 1px #eaeaea; border-radius: 50%; position: absolute; right: 5%; bottom: -8px; z-index: 5; }
.cx-related-news01 .left-cont a.enter-icon:before,
.cx-related-news01 .left-cont a.enter-icon:after { 
  content: ''; 
  width: 0;
  height: 0;
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  z-index: 5;
  /*兼容ie8-*/
  border-top: 8px transparent dashed;
  border-right: 8px transparent dashed;
  border-bottom: 8px transparent dashed;
  border-left: 8px #ccc solid;
  overflow: hidden;
  margin-right: 5px;
  margin-top: -8px;
}
.cx-related-news01 .left-cont a.enter-icon:after { 
  right: 3px;
  border-left-color: #fff;
}
.cx-related-news01 .left-cont a.enter-icon:hover:before {
  border-left-color: #fff;
}
.cx-related-news01 .left-cont:hover h4 a { color: #df1f29; }
.cx-related-news01 .left-cont:hover a.enter-icon { background-color: #df1f29; }
.cx-related-news01 .left-cont:hover a.enter-icon:after { border-left-color: #df1f29;  }
.cx-related-news01 .left-cont:hover a.enter-icon:before { border-left-color: #fff;  }
.cx-related-news01 .right-cont { padding: 0 0 0 3%; border-left: dashed 1px #eaeaea;}
.cx-related-news01 .right-cont li { margin-top: 3%; font-size: 13px; overflow: hidden;}
.cx-related-news01 .right-cont li:first-child { margin-top: 0; }
.cx-related-news01 .right-cont li a { display: block; float: left; width: 75%; color: #333; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.cx-related-news01 .right-cont li span { float: right; color: #999;}
.cx-related-news01 .right-cont li a:hover { color: #df1f29; }

@media screen and (max-width: 1200px) {
  .width1200 { width: 100%; }
.cx-product-center01 .cx-product-sidebar,
.cx-product-center01 .cx-product-cont { width: 100%; }
}

@media screen and (max-width: 800px) {
  .cx-inpage-header01 { display: block; }
.cx-product-center01 .y-sidebar-hotline,
.header01 .pc-header,
.cx-product-center01 .y-sidebar-product .sidebar-tt,
.cx-product-center01 .y-right-product-topinfo,
.cx-product-center01 .y-right-product-list .y-btns,
.cx-product-details01 .product-infos .btm-box,
.cx-inpage-banner01, 
.cx-mianbaoxue01 { display: none; }
.cx-product-center01 .y-sidebar-product { margin-bottom: 0; }
.cx-product-center01 .y-right-product-main .y-right-product-list { margin-top: 0; }
.cx-product-center01 .y-right-product-list .details-cont { background:none; border: none 0; padding: 0; text-align: left;}
.cx-product-center01 .y-right-product-list .details-cont:hover { box-shadow: none; }
.cx-product-center01 .y-right-product-list .details-cont .y-img-box { border: solid 1px #e6e6e6; }
.cx-product-center01 .sidebar-nav-box li.cur>span i:before { background-color: #d7d7d7; }
.cx-product-center01 .y-right-product-list .details-cont { margin-bottom: 18px; }
}

@media screen and (max-width: 750px) {
  /*产品中心*/
  .cx-product-cont { padding: 3%; }
.cx-product-center01 .y-sidebar-product .sidebar-nav-box li>span,
.cx-product-center01 .y-right-product-topinfo .y-top-txts h3,
.cx-product-center01 .y-right-product-list h4 { font-size: 16px; }
.cx-product-center01 .y-right-product-list .details-cont p,
.cx-product-center01 .y-right-product-list .y-btns a { font-size: 14px; }
.y-fanye-box { margin-top: 2%; }
.y-page-nums { width: 70%; }
.y-fanye-box>span,
.y-page-nums a { width: 30px; height: 30px; font-size: 14px; line-height: 30px;}
.y-fanye-box>span:before,
.y-fanye-box>span:after,
.y-fanye-box>span.y-right-btn:before,
.y-fanye-box>span.y-right-btn:after { border-width: 8px; top: 20%; }
.y-fanye-box>span.y-right-btn:before,
.y-fanye-box>span.y-right-btn:after { margin-left: 10px; }
.cx-product-center01 .sidebar-nav-box li.cur>span, 
.cx-product-center01 .sidebar-nav-box li:hover>span { color: #333; border-color: #e6e6e6; background-color: #fff; }

/*产品详情*/
.cx-product-details01 .product-imgs,
.cx-product-details01 .product-infos { width: 100%;}
.cx-product-details01 .product-infos { padding: 0 3% 3%; background-color: #fff;}
.cx-product-details01 .product-infos>div { position: relative; }
.cx-product-details01 .product-infos .edit-box { max-height: none; }
.cx-product-details01 .product-details-box { background-color: #fff; }
.cx-product-details01 .product-details-box .details-nav,
.cx-product-details01 .product-infos h1,
.cx-product-details01 .product-details-box h3,
.cx-product-details01 .product-order h3,
.cx-related-pro01 h3,
.cx-related-news01 h3 { font-size: 15px; }
.cx-product-details01 .product-infos .edit-box { font-size: 13px; }
.cx-product-details01 .product-order,
.cx-related-pro01,
.cx-related-news01 { margin: 5% 0;}
.cx-product-details01 .product-details-box .details-nav>span { padding: 2% 0; }
.cx-product-details01 .product-order .pro-form>div { width: 100%; }
.cx-product-details01 .product-order .pro-form { font-size: 14px; }
.cx-product-details01 .pro-form .abtns a { width: 40%; padding: 2% 0; font-size: 14px; }
.cx-related-pro01 .related-pro-cont { width: 49%; }
.cx-related-pro01 .related-pro-cont:nth-child(2n-1) { margin-left: 0; }
.cx-related-news01 .related-news-box .left-cont { display: none; }
.cx-related-news01 .related-news-box .right-cont { width: 100%; border-left: none 0; padding: 0; }
.cx-product-details01 .product-infos h1 { border-bottom: none 0; margin-bottom: 0; padding: 2% 0;}
.cx-product-details01 .product-infos h1:after { display: none; }
.cx-product-details01 .product-order h3, 
.cx-related-pro01 h3, 
.cx-related-news01 h3 { font-weight: 400; text-align: center; background-color: #e5e5e5; padding: 2% 0;}
.cx-product-details01 .product-order h3 em,
.cx-related-news01 h3 em, 
.cx-related-pro01 h3 em { color: #000; }
.cx-product-details01 .pro-form>div:after,
.cx-product-details01 .product-order .pro-form>div span,
.cx-related-pro01 a.more,
.cx-related-news01 a.more,
.cx-product-details01 .product-order h3:before,
.cx-related-news01 h3:before,
.cx-related-pro01 h3:before { display: none; }
.cx-product-details01 .product-order .pro-form input { width: 100%; }
.cx-product-details01 .product-order .pro-form>div { height: 46px; line-height: 46px; }
.cx-product-details01 .product-order .pro-form textarea { padding: 2% 5%; }
.cx-product-details01 .product-details-box .edit-box { padding: 4% 5%; }
}


/*新闻中心*/
.cx-news-center01 .news-cen-tt { width: 100%; text-align: center; font-size: 36px; margin-bottom: 25px; position: relative; }
.cx-news-center01 .news-cen-tt h2 { display: inline-block; padding: 0 15px; font-weight: bold; background-color: #fff; position: relative; z-index: 2; }
.cx-news-center01 .news-cen-tt h2 a { color: #1f1f1f;}
.cx-news-center01 .news-cen-tt h2 em { color: #df1f29; }
.cx-news-center01 .news-cen-tt span { display: block; color: #999; font-size: 14px; margin-top: 5px; }
.cx-news-center01 .news-cen-tt:after { content: ''; display: block; width: 100%; height: 1px; background-color: #e5e5e5; position: absolute; top: 40%; left: 0; z-index: 1;}
.cx-news-center01 .news-cen-tt a.more { display: none; font-size: 14px; position: absolute; right: 0; top: 2px; z-index: 3; }
.cx-news-center01 .news-nav { width: 100%; text-align: center; font-size: 14px; color: #333; margin-bottom: 30px;}
.cx-news-center01 .news-nav a { display: inline-block; padding: 15px 40px; background-color: #fff; border-radius: 50px; background-color: #fff; border: solid 1px #e5e5e5; margin: 0 10px;}
.cx-news-center01 .news-nav a:hover,
.cx-news-center01 .news-nav a.cur { background-color: #df1f29; border-color: #df1f29; color: #fff; }

.cx-news-center01 .company-news { width: 100%; background-color: #fff; padding: 40px 0; margin-bottom: 30px;}
.cx-news-center01 .company-news ul li { width: 31.33333%; font-size: 14px;}
.cx-news-center01 .company-news ul li:nth-child(2) { margin-left: 3%; margin-right: 3%; }
.cx-news-center01 .company-news li h3 { font-size: 18px; margin: 10px 0 5px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.cx-news-center01 .company-news li h3 a { color: #333; }
.cx-news-center01 .company-news li .date span { font-size: 13px; color: #999; padding-right: 15px;}
.cx-news-center01 .company-news li p { height: 72px; color: #666; margin: 10px 0; line-height: 24px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.cx-news-center01 .company-news li a.more { display: block; width: 130px; height: 40px; line-height: 40px; text-align: center; color: #999; border: solid 1px #d1d1d1; border-radius: 50px; }

.cx-news-center01 .company-news ul li a { display: block; padding: 8px 0; position: relative;}
.cx-news-center01 .company-news li a span { display: block; width: 76%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.cx-news-center01 .company-news li a em { position: absolute; right: 0; top: 8px; z-index: 5; }
.cx-news-center01 .company-news ul li a:hover { color: #e80000; }

.cx-news-center01 .company-news li:hover h3 a { color: #df1f29; }
.cx-news-center01 .company-news li:hover a.more { background-color: #df1f29; color: #fff; border-color: #df1f29; }
.cx-news-center01 .common-problem { width: 100%; background-color: #f4f4f4; padding: 40px 0;}
.cx-news-center01 .common-problem .news-cen-tt h2 { background-color: #f4f4f4; }
.cx-news-center01 .common-problem ul { width: 100%; font-size: 14px; background-color: #fff; border: solid 1px #e5e5e5; }
.cx-news-center01 .common-problem ul li { width: 100%; margin-bottom: 3%; padding-top: 3%; position: relative;}
.cx-news-center01 .common-problem ul li:not(:first-child) { border-top: solid 1px #e5e5e5; }
.cx-news-center01 .common-problem ul li .img-box { width: 18%; height: auto; margin-left: 3%; }
.cx-news-center01 .common-problem ul li .right-cont { width: 73%; margin-left: 3%; position: relative;}
.cx-news-center01 .common-problem li h3 { width: 76%; font-size: 18px; margin-bottom: 12px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.cx-news-center01 .common-problem li h3 a { color: #333; }
.cx-news-center01 .common-problem li p { height: 48px; color: #666; line-height: 24px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;}

.cx-news-center01 .common-problem li .pc-date { color: #ccc; position: absolute; right: 0; top: 0; z-index: 5; }
.cx-news-center01 .common-problem li .look { display: block; margin-left: 15px; }
.cx-news-center01 .common-problem li .look:before { content: ''; display: inline-block; width: 17px; height: 11px; background: url(../images/icon_look.png) no-repeat; margin-right: 5px;}
.cx-news-center01 .common-problem li .label { position: absolute; left: 24%; bottom: 0; z-index: 5; }
.cx-news-center01 .common-problem li .label a { color: #999; padding-right: 10px;}
.cx-news-center01 .common-problem li .label:before { content: ''; display: inline-block; width: 16px; height: 16px; background: url(../images/icon_label.png) no-repeat; margin-right: 3px; position: relative; top: 2px;}
.cx-news-center01 .common-problem li a.enter-btn { display: block; width: 36px; height: 36px; border-radius: 50%; border: solid 1px #e5e5e5; position: absolute; right: 3%; bottom: 0; z-index: 9; }
.cx-news-center01 .common-problem li a.enter-btn:before { content: ''; display: block; width: 8px; height: 8px; border-top: solid 2px #e5e5e5; border-right: solid 2px #e5e5e5; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); position: absolute; left: 50%; top: 50%; margin: -5px 0 0 -7px; }
.cx-news-center01 .common-problem li:hover h3 a { color: #df1f29; }
.cx-news-center01 .common-problem li .label a:hover { color: #df1f29; }
.cx-news-center01 .common-problem li:hover a.enter-btn,
.cx-news-center01 .common-problem li:hover a.enter-btn:before { border-color: #df1f29; }
.cx-news-center01 .common-problem li:hover { 
  -webkit-transform:translateX(-6px); 
  -moz-transform:translateX(-6px); 
  -ms-transform:translateX(-6px); 
  transform:translateX(-6px); 
}

.cx-news-center01 ul li {
  -webkit-transition:all .5s ease-out;
  -moz-transition:all .5s ease-out;
  transition:all .5s ease-out;
}



/*新闻列表*/
.cx-news-list01 .news-list-box { padding: 0; margin-bottom: 40px; }
.cx-news-list01 .news-list-box .date { display: none; color: #999; font-size: 13px; position: absolute; left: 0; bottom: 0; z-index: 3;}
.cx-news-list01 .news-list-box .date span { padding-right: 10px; }

/*翻页样式*/
.cx-fanye-box01 { width: 100%; text-align: center; height: 40px; margin-top: 40px; font-size: 16px;}
.cx-fanye-box01 span { display: inline-block; height: 100%; margin: 0 15px; }
.cx-fanye-box01 a { display: inline-block; width: 40px; height: 40px; line-height: 40px; text-align: center; color: #999; border-radius: 50%; border: solid 1px #e5e5e5; }
.cx-fanye-box01 span a { margin: 0 5px; }
.cx-fanye-box01 a.prev-btn,
.cx-fanye-box01 a.next-btn { text-indent: -9999px; position: relative;}
.cx-fanye-box01 a.prev-btn:after,
.cx-fanye-box01 a.next-btn:after { content: ''; display: block; width: 8px; height: 8px; border-top: solid 2px #999; border-right: solid 2px #999; position: absolute; left: 50%; top: 50%; z-index: 2;}
.cx-fanye-box01 a.prev-btn:after { 
  margin: -5px 0 0 -4px;
  -webkit-transform:rotate(-135deg); 
  -moz-transform:rotate(-135deg); 
  -ms-transform:rotate(-135deg); 
  transform:rotate(-135deg); 
}
.cx-fanye-box01 a.next-btn:after { 
  margin: -5px 0 0 -7px;
  -webkit-transform:rotate(45deg); 
  -moz-transform:rotate(45deg);
  -ms-transform:rotate(45deg);
  transform:rotate(45deg);
}
.cx-fanye-box01 a:hover,
.cx-fanye-box01 a.cur { background-color: #df1f29; color: #fff; border-color: #df1f29; }
.cx-fanye-box01 a.prev-btn:hover:after,
.cx-fanye-box01 a.next-btn:hover:after { border-color: #fff; }
.fanye-box .searchnums a.cur{ background-color: transparent; color: #999; border-color: #e5e5e5; }
.fanye-box .searchnums a,
.fanye-box .searchnums a:hover { background-color: #df1f29; color: #fff; border-color: #df1f29; }
/*新闻详情*/
.cx-news-details01 a.back-btn { display: block; width: 56px; height: 56px; background-color: #ccc; font-size: 14px; color: #fff; text-align: center; padding-top: 10px; position: absolute; left: -56px; top: 0;}
.cx-news-details01 a.back-btn:hover { background-color: #df1f29; }
.cx-news-details01 .news-details-box { width: 100%; }
.cx-news-details01 .news-article-cont { width: 890px; background-color: #fff; margin-bottom: 10px;}
.cx-news-details01 .news-article { width: 100%; padding: 40px 30px 0; margin-bottom: 10px;}
.cx-news-details01 .news-article .tt { border-bottom: solid 1px #e7e7e7; padding-bottom: 15px; }
.cx-news-details01 .news-article .tt h1 { font-size: 28px; color: #333; padding-bottom: 20px; }
.cx-news-details01 .news-article .tt span { font-size: 12px; color: #999; }
.cx-news-details01 .news-article .tt em { padding-right: 25px; position: relative;}
.cx-news-details01 .news-article .tt em:before { content: ''; display: block; width: 1px; height: 12px; border-left: dashed 1px #999; position: absolute; left: -13px; top: 3px; z-index: 2; }
.cx-news-details01 .news-article .tt span em:first-child { padding-left: 0; }
.cx-news-details01 .news-article .tt span em:first-child:before { display: none; }
.cx-news-details01 .news-article .label { margin: 20px 0; }
.cx-news-details01 .news-article .label a { font-size: 12px; color: #666; padding: 0 5px; }
.cx-news-details01 .news-article .label:before { content: ''; display: inline-block; width: 16px; height: 16px; background: url(../images/icon_label.png) no-repeat; position: relative; top: 3px; }
.cx-news-details01 .news-article .news-txts { font-size: 14px; color: #333; line-height: 26px; }
.cx-news-details01 .news-article .news-txts p { padding: 10px 0; }
.cx-news-details01 .news-article .news-txts img { width: auto; max-width: 100%; margin: 0 auto;}
.cx-news-details01 .news-recommend-box { width: 300px; }
.cx-news-details01 .news-recommend-box>div { width: 100%; background-color: #fff; margin-bottom: 10px; padding: 30px; }
.cx-news-details01 .news-recommend-box h2 { display: inline-block; font-size: 18px; color: #333; padding-bottom: 15px; position: relative;}
.cx-news-details01 .news-recommend-box h2:after { content: ''; display: block; width: 100%; height: 1px; background-color: #df1f29; position: absolute; bottom: -1px; left: 0; z-index: 9; }
.cx-news-details01 .news-recommend-box h2 strong { color: #df1f29; }
.cx-news-details01 .news-recommend-box ul { padding-top: 5px; border-top: solid 1px #e7e7e7; }
.cx-news-details01 .news-recommend-box ul li { font-size: 14px; margin-top: 12px; white-space: nowrap; text-overflow: ellipsis; overflow:hidden;}
.cx-news-details01 .news-recommend-box ul li a { color: #333; }
.cx-news-details01 .news-recommend-box li a:hover { color: #df1f29; }

.cx-company-details01 { margin-bottom: 30px; }
.cx-news-details01 .news-recommend-box .about-us { padding: 0; }
.cx-news-details01 .news-recommend-box .about-us h2 { display: block; font-size: 24px; padding: 15px 30px; background-color: #df1f29; }
.cx-news-details01 .news-recommend-box .about-us h2 a { color: #fff; }
.cx-news-details01 .news-recommend-box .about-us ul { padding: 30px; }
.cx-news-details01 .news-recommend-box .about-us ul li { border: solid 1px #eaeaea; margin-top: 0; margin-bottom: -1px; position: relative;}
.cx-news-details01 .news-recommend-box .about-us ul li a { display: block; padding: 15px 25px; padding-right: 60px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.cx-news-details01 .news-recommend-box .about-us ul li i { display: block; width: 24px; height: 24px; border: solid 1px #eaeaea; border-radius: 50%; position: absolute; right: 25px; top: 50%; margin-top: -12px; z-index: 5; }
.cx-news-details01 .news-recommend-box .about-us ul li i:before { content: ''; display: block; width: 5px; height: 5px; border-top: solid 2px #eaeaea; border-right: solid 2px #eaeaea; position: absolute; left: 30%; top: 37%; -webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}
.cx-news-details01 .news-recommend-box .about-us li.cur a { color: #df1f29; }
.cx-news-details01 .news-recommend-box .about-us li.cur a i,
.cx-news-details01 .news-recommend-box .about-us li a:hover i { border-color: #df1f29; background-color: #df1f29; }
.cx-news-details01 .news-recommend-box .about-us li.cur a i:before,
.cx-news-details01 .news-recommend-box .about-us li a:hover i:before { border-color: #fff; }

.cx-news-details01 .m-back-box { display: none; text-align: center; }
.cx-news-details01 a.mobile-back-btn { display: inline-block; padding: 2% 6%; font-size: 14px; border: solid 1px #e7e7e7; border-radius: 50px; margin: 20px auto;}
.cx-news-details01 .news-article-cont .prev-next-cont { width: 100%; height: 70px; line-height: 70px; border-top: solid 1px #e7e7e7; margin-top: 50px; }
.cx-news-details01 .news-article-cont .prev-next-cont a { width: 50%; padding: 0 15px; padding: 0 50px; position: relative; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.cx-news-details01 .news-article-cont .prev-next-cont a.next { text-align: right; border-left: solid 1px #e7e7e7; }
.cx-news-details01 .news-article-cont .prev-next-cont a.prev:before,
.cx-news-details01 .news-article-cont .prev-next-cont a.next:after { content: ''; display: inline-block; float: left; width: 6px; height: 6px; border-top: solid 2px #bcbcbc; border-right: solid 2px #bcbcbc; position: absolute; top: 50%; margin-top: -3px;}
.cx-news-details01 .news-article-cont .prev-next-cont a.prev:before { left: 30px; 
  -webkit-transform:rotate(-135deg);
  -moz-transform:rotate(-135deg);
  -ms-transform:rotate(-135deg);
  transform:rotate(-135deg);
}
.cx-news-details01 .news-article-cont .prev-next-cont a.next:after { 
  right: 30px; 
  -webkit-transform:rotate(45deg); 
  -moz-transform:rotate(45deg); 
  -ms-transform:rotate(45deg); 
  transform:rotate(45deg); 
}
.cx-news-details01 .news-article-cont .prev-next-cont a span { display: block; float: left; width: 90%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.cx-news-details01 .news-article-cont .prev-next-cont a.next span { text-align: right; }

@media screen and (max-width: 1200px){
  .cx-news-details01 .news-article,
    .cx-news-details01 .news-article-cont,
    .cx-news-details01 .news-recommend-box { width: 100%;}
.cx-news-details01 a.back-btn { display: none; }
}

@media screen and (max-width: 750px) {
 .cx-news-details01 .news-article-cont .prev-next-cont{margin-top:0px;}
 .cx-news-center01 { margin-top: 3%; }
.cx-news-center01 .news-cen-tt { font-size: 18px; text-align: left; padding-bottom: 10px; margin-bottom: 10px; border-bottom: solid 1px #e5e5e5;}
.cx-news-center01 .news-nav,
.cx-news-center01 .company-news li p,
.cx-news-center01 .company-news li a.more,
.cx-news-center01 .news-cen-tt:after,
.cx-news-center01 .news-cen-tt span { display: none; }
.cx-news-center01 .news-cen-tt a.more { display: block; }
.cx-news-center01 .news-cen-tt h2 { padding: 0; }
.cx-news-center01 .company-news,
.cx-news-center01 .common-problem { padding: 3%; margin-bottom: 3%;}
.cx-news-center01 .company-news ul li { width: 100%; margin-bottom: 20px; position: relative;}
.cx-news-center01 .company-news ul li:nth-child(2) { margin-left: 0; margin-right: 0; }
.cx-news-center01 .company-news li h3 { width: 80%; margin-top: 10px; font-size: 16px;}
.cx-news-center01 .industry-news li .img-box { width: 30%; float: right; }
.cx-news-center01 .industry-news li h3 { width: 68%; margin-top: 0; white-space: normal; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical }
.cx-news-center01 .industry-news li .date { position: absolute; left: 0; bottom: 0; z-index: 2;}
.cx-news-center01 .common-problem { background-color: #fff; }
.cx-news-center01 .common-problem .news-cen-tt h2 { background: none; }
.cx-news-center01 .common-problem ul li .img-box,
.cx-news-center01 .common-problem li .label,
.cx-news-center01 .common-problem li a.enter-btn { display: none; }
.cx-news-center01 .common-problem ul,
.cx-news-center01 .common-problem ul li { border: none 0!important; }
.cx-news-center01 .common-problem ul li { padding-top: 0; }
.cx-news-center01 .common-problem ul li .right-cont { width: 100%; margin-left: 0;}
.cx-news-center01 .common-problem li h3 { font-size: 16px; margin-bottom: 5px; }
.cx-news-center01 ul.news-list-box { display: none; }

/*新闻列表*/
.cx-news-list01 .news-list-box ul li .img-box { display: block; width: 30%; float: right; margin-left: 0;}
.cx-news-list01 .news-list-box ul li .right-cont { width: 68%; }
.cx-news-list01 .news-list-box .date { display: block; }
.cx-news-list01 .news-list-box li p,
.cx-news-list01 .news-list-box li .look { display: none; }
.cx-news-list01 .news-list-box li h3 { white-space: normal; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical; }
.cx-fanye-box01 { font-size: 14px; }
.cx-fanye-box01 a { width: 30px; height: 30px; line-height: 30px; }
.cx-fanye-box01 span { margin: 0 8px; }
.cx-fanye-box01 span a { margin: 0 2px; }
.cx-fanye-box01 a.prev-btn:after,
.cx-fanye-box01 a.next-btn:after { width: 6px; height: 6px; }
.cx-fanye-box01 a.prev-btn:after { margin: -4px 0 0 -3px; }
.cx-fanye-box01 a.next-btn:after { margin: -4px 0 0 -6px; }

/*新闻详情*/
.cx-news-details01 .news-article .tt span em:first-child,
.cx-news-details01 .news-article .tt span em:nth-child(2),
.cx-news-details01 .news-article .tt span em:before,
.cx-news-center01 .common-problem li .pc-date,
.cx-news-details01 .news-recommend-box { display: none; }
.cx-news-details01 .m-back-box { display: block; }
.cx-news-details01 .news-article { padding: 3%; }
.cx-news-details01 .news-article .tt h1 { font-size: 18px; padding: 10px 0;}
.cx-news-details01 .news-article .label { margin: 3% 0; }
.cx-news-center01 .common-problem li h3 { width: 100%; }

/*企业详情*/
.cx-company-details01 { margin-bottom: 3%; }
.cx-company-details01 .news-recommend-box { display: block; }
.cx-news-details01 .news-recommend-box .about-us h2 { font-size: 16px; padding: 4% 5%; }
.cx-news-details01 .news-recommend-box .about-us ul { padding: 5%; }
.cx-news-details01 .news-recommend-box .about-us ul li a { padding: 4% 20% 4% 5%; }
.cx-news-details01 .news-recommend-box>div { padding: 5%; }
.cx-news-details01 .news-recommend-box h2 { font-size: 16px; }
}

/*关于我们*/
.cx-about-us01 .company-profile { width: 100%; padding: 40px 0;}
.cx-about-us01 .about-tt { width: 100%; text-align: center; font-size: 36px; margin-bottom: 40px; position: relative;}
.cx-about-us01 .about-tt:before { content: ''; display: block; width: 100%; height: 1px; background-color: #e5e5e5; position: absolute; left: 0; top: 28px; z-index: 1;}
.cx-about-us01 .about-tt h2 { display: inline-block; font-weight: bold; padding: 0 20px; background-color: #f4f4f4; position: relative; z-index: 2;}
.cx-about-us01 .about-tt a { color: #1f1f1f; }
.cx-about-us01 .about-tt h2 em { color: #df1f29; }
.cx-about-us01 .about-tt span { display: block; font-size: 14px; color: #999; margin-top: 5px;}
.cx-about-us01 .cmy-profile-cont { position: relative; }
.cx-about-us01 .cmy-profile-cont .img-box { width: 45%; margin-right: 5%;}
.cx-about-us01 .cmy-profile-cont .cmy-info { width: 50%; }
.cx-about-us01 .cmy-profile-cont .cmy-info h3 { font-size: 30px; color: #333; padding-bottom: 12px; }
.cx-about-us01 .cmy-profile-cont .cmy-info p { color: #666; font-size: 14px; line-height: 24px; padding-bottom: 16px; }
.cx-about-us01 .cmy-profile-cont:before { content: ''; display: block; width: 35px; height: 2px; background-color: #df1f29; position: absolute; left: 50%; bottom: 0; z-index: 1; }
.cx-about-us01 .company-profile a.more { display: none; font-size: 14px; padding: 2% 7%; border-radius: 50px; border: solid 1px #ccc; margin-bottom: 10px; position: relative; left: 50%; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); }

.cx-about-us01 .company-style { background-color: #fff; padding: 40px 0; }
.cx-about-us01 .company-style .about-tt h2 { background-color: #fff; }
.cx-about-us01 .company-style .cmy-style-box { position: relative; }
.cx-about-us01 .company-style li { width: 590px; }
.cx-about-us01 .company-style li p { text-align: center; font-size: 14px; color: #333; padding-top: 10px; }
.cx-about-us01 .prev-btn,
.cx-about-us01 .next-btn { display: block; width: 42px; height: 42px; border: solid 1px #d7d7d7; border-radius: 5px; position: absolute; top: 50%; margin-top: -35px; z-index: 9; cursor: pointer;}
.cx-about-us01 .prev-btn { left: -60px; }
.cx-about-us01 .next-btn { right: -60px; }
.cx-about-us01 .prev-btn:before,
.cx-about-us01 .next-btn:before { content: ''; display: block; width: 10px; height: 10px; border-top: solid 2px #939393; border-right: solid 2px #939393;}
.cx-about-us01 .prev-btn:before { margin: 14px 0 0 15px; 
  -webkit-transform:rotate(-135deg); 
  -moz-transform:rotate(-135deg); 
  -ms-transform:rotate(-135deg); 
  transform:rotate(-135deg); 
}
.cx-about-us01 .next-btn:before { margin: 14px 0 0 11px; 
  -webkit-transform:rotate(45deg);
  -moz-transform:rotate(45deg);
  -ms-transform:rotate(45deg);
  transform:rotate(45deg);
}
.cx-about-us01 .company-honor { background-color: #1e1e1e; padding: 40px 0; }
.cx-about-us01 .company-honor .about-tt h2 { background-color: #1e1e1e; }
.cx-about-us01 .company-honor .about-tt a,
.cx-about-us01 .company-honor .about-tt span { color: #fff; }
.cx-about-us01 .company-honor .cmy-honor-box { position: relative; }
.cx-about-us01 .company-honor .prev-btn,
.cx-about-us01 .company-honor .prev-btn,
.cx-about-us01 .company-honor .prev-btn:before,
.cx-about-us01 .company-honor .prev-btn:before { border-color: #fff; }
.cx-about-us01 .company-honor li { width: 279px;}
.cx-about-us01 .company-honor li p { text-align: center; font-size: 14px; color: #333; padding-top: 10px; color: #fff;}
.cx-about-us01 .development-path { background-color: #fff; padding: 40px 0; }
.cx-about-us01 .development-path-box { width: 100%; overflow: hidden;} 
.cx-about-us01 .development-path .about-tt h2 { background-color: #fff; }
.cx-about-us01 .development-path .img-box { width: 45%; margin-right: 2%;}
.cx-about-us01 .development-path-box .right-cont { width: 53%; padding-top: 28.125%; position: relative;}
.cx-about-us01 .development-path-box .right-cont:before { content: ''; display: block; width: 16px; height: 356px; background: url(../images/development_img.png) no-repeat; position: absolute; left: 0; top: 0; z-index: 2;}
.cx-about-us01 .development-path-box .right-cont>div { width: 100%; height: 100%; max-height: 337px; padding-left: 40px; padding-bottom: 10px; overflow-y: auto; position: absolute; right: 0; top: 0; z-index: 1; }
.cx-about-us01 .development-path-box .info { padding: 20px 0; border-bottom: solid 1px #e5e5e5; }
.cx-about-us01 .development-path-box .info:first-child { padding-top: 0; }
.cx-about-us01 .development-path-box .info strong { display: block; width: 20%; font-size: 22px; color: #df1f29; }
.cx-about-us01 .development-path-box .info p { width: 80%; font-size: 14px; color: #333; padding-right: 5%; line-height: 24px;}

/*滚动条样式*/
.menu::-webkit-scrollbar {/*滚动条整体样式*/
  width: 4px;     /*高宽分别对应横竖滚动条的尺寸*/
  height: 4px;
}
.menu::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
  border-radius: 5px;
  -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
  background: #df1f29;
}
.menu::-webkit-scrollbar-track {/*滚动条里面轨道*/
  -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
  border-radius: 0;
  background: rgba(0,0,0,0.1);
}
.cx-about-us01 .company-culture { width: 100%; padding: 40px 0;}
.cx-about-us01 .company-culture-box { width: 100%; }
.cx-about-us01 .company-culture-cont { width: 22%; text-align: center;}
.cx-about-us01 .company-culture-cont>div { width: 100%; padding-top: 100%; border-radius: 50%; overflow: hidden; position: relative; box-shadow: 3px 3px 30px rgba(0,0,0,.2);}
.cx-about-us01 .company-culture-cont .img-box { border: solid 5px #fff; position: absolute; left: 0; top: 0; z-index: 2; border-radius: 50%;}
.cx-about-us01 .company-culture-cont h3 { font-size: 20px; color: #df1f29; margin: 15px 0 5px;}
.cx-about-us01 .company-culture-cont p { font-size: 14px; line-height: 24px; color: #333; }
.cx-about-us01 .company-culture-cont:not(:first-child) { margin-left: 4%; }

@media screen and (max-width: 750px){
  .cx-about-us01 .about-tt span,
    .cx-about-us01 .development-path-box .right-cont:before,
    .cx-about-us01 .cmy-profile-cont:before,
    .cx-about-us01 .about-tt:before { display: none; }
.cx-about-us01 .company-profile a.more { display: inline-block; }
.cx-about-us01 .company-profile,
.cx-about-us01 .company-honor,
.cx-about-us01 .development-path,
.cx-about-us01 .company-culture,
.cx-about-us01 .company-style { padding: 3%; background-color: #fff; margin: 10px 0;}
.cx-about-us01 .about-tt { font-size: 18px; margin: 5px 0 15px; text-align: left;}
.cx-about-us01 .about-tt h2 { padding: 0; background-color: #fff!important;}
.cx-about-us01 .about-tt h2 a { color: #1f1f1f!important; }
.cx-about-us01 .cmy-profile-cont .cmy-info h3 { font-size: 18px; padding: 10px 0;}
.cx-about-us01 .cmy-profile-cont .img-box,
.cx-about-us01 .cmy-profile-cont .cmy-info { width: 100%; }
.cx-about-us01 .prev-btn,
.cx-about-us01 .next-btn { background-color: rgba(0,0,0,.5); border:none 0; }
.cx-about-us01 .prev-btn:before, 
.cx-about-us01 .next-btn:before { border-color: #fff; }
.cx-about-us01 .prev-btn { left: 0;}
.cx-about-us01 .next-btn { right: 0;}
.cx-about-us01 .development-path .img-box { width: 100%; margin-right: 0; }
.cx-about-us01 .development-path-box .right-cont { width: 100%; padding-top: 0; margin-top: 10px; }
.cx-about-us01 .development-path-box .right-cont>div { padding: 0; position: relative; }
.cx-about-us01 .development-path-box .info strong { font-size: 16px; width: 100%;}
.cx-about-us01 .development-path-box .info p { width: 100%; padding-right: 2%; margin-top: 5px; }
.cx-about-us01 .company-culture-cont { width: 100%; margin-bottom: 10px; margin-left: 0!important; border: solid 1px #ccc; padding: 3%;}
.cx-about-us01 .company-culture-cont>div { float: left; width: 20%; padding-top: 20%; box-shadow: none;}
.cx-about-us01 .company-culture-cont h3,
.cx-about-us01 .company-culture-cont p { float: left; width: 78%; margin-left: 2%; text-align: left;}
.cx-about-us01 .company-culture-cont h3 {font-size: 16px;}
}

/*联系我们*/
.cx-inpage-nav01 { width: 100%; text-align: center; margin-bottom: 30px;}
.cx-inpage-nav01 a { display: inline-block; padding: 15px 40px; background-color: #fff; border-radius: 50px; background-color: #fff; border: solid 1px #e5e5e5; margin: 0 10px 15px; }
.cx-inpage-nav01 a:hover,
.cx-inpage-nav01 a.cur { background-color: #df1f29; color: #fff; }
.cx-inpage-nav01 span.more { display: none; width: 13%; height: 100%; text-align: center; position: absolute; right: 0; top: 0; z-index: 9; border-left: solid 1px #e5e5e5;background-color: #fff;}
.cx-inpage-nav01 span.more em { display: inline-block; position: relative; top: 50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); }
.cx-contact-us01 { margin-bottom: 30px; }
.cx-contact-us01 .bgfff { background-color: #fff; }
.cx-contact-edit01 .contact-cmy-infos,
.cx-contact-edit01 .map { width: 50%; height: 550px;}
.cx-contact-edit01 .contact-cmy-infos { padding: 50px 60px;}
.cx-contact-edit01 .contact-cmy-infos h2 { font-size: 24px; color: #df1f29; font-weight: bold; }
.cx-contact-edit01 .contact-cmy-infos ul { margin-top: 40px; }
.cx-contact-edit01 .contact-cmy-infos li { font-size: 16px; color: #666; padding: 20px 0; border-bottom: solid 1px #e5e5e5; overflow: hidden;}
.cx-contact-edit01 .contact-cmy-infos li:first-child { border-top: solid 1px #e5e5e5; }
.cx-contact-edit01 .contact-cmy-infos li span { display: block; float: left; width: 32px; height: 32px; background-color: #df1f29; border-radius: 50%; position: relative;}
.cx-contact-edit01 .contact-cmy-infos li span:before { content: ''; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; background-repeat: no-repeat; background-size: 100% 100%; }
.cx-contact-edit01 .contact-cmy-infos li:first-child span:before { background-image: url(../images/linkUs_icon01.png); }
.cx-contact-edit01 .contact-cmy-infos li:nth-child(2) span:before { background-image: url(../images/linkUs_icon02.png); }
.cx-contact-edit01 .contact-cmy-infos li:nth-child(3) span:before { background-image: url(../images/linkUs_icon03.png); }
.cx-contact-edit01 .contact-cmy-infos li:nth-child(4) span:before { background-image: url(../images/linkUs_icon04.png); }
.cx-contact-edit01 .contact-cmy-infos li:last-child span:before { background-image: url(../images/linkUs_icon05.png); }
.cx-contact-edit01 .contact-cmy-infos li p { float: left; width: 80%; line-height: 32px; margin-left: 15px; }

.cx-contact-us01 .online-message { width: 100%; height: 520px; margin-top: 10px; }
.cx-contact-us01 .online-message>div { width: 50%; height: 100%; position: relative; }
.cx-contact-us01 .online-message .tt { position: relative; left: 72px; top: 63px; z-index: 2; }
.cx-contact-us01 .online-message .tt h2 { font-size: 24px; color: #df1f29; font-weight: bold; }
.cx-contact-us01 .online-message .tt span { font-size: 20px; color: #b8b8b8;}
.cx-contact-us01 .online-message .left-img img { width: 64%; height: auto; position: absolute; left: 24%; bottom: 0; z-index: 1;}
.cx-contact-us01 .liuyan-form { padding: 60px 0 0 20px; font-size: 16px; }
.cx-contact-us01 .liuyan-form .name,
.cx-contact-us01 .liuyan-form .phone { width: 85%; border: solid 1px #e0e0e0; margin-bottom: 20px;}
.cx-contact-us01 .liuyan-form .msg { width: 85%; height: 110px; border: solid 1px #e0e0e0; margin-bottom: 20px;}
.cx-contact-us01 .liuyan-form input,
.cx-contact-us01 .liuyan-form textarea { width: 100%; height: 100%; padding: 20px; }
.cx-contact-us01 .liuyan-form textarea { resize: none; }
.cx-contact-us01 .liuyan-form a.smt { display: block; width: 85%; padding: 20px 0; text-align: center; background-color: #df1f29; color: #fff; }
.cx-contact-us01 .liuyan-form .yzm { width: 85%; margin-bottom: 20px; }
.cx-contact-us01 .liuyan-form .yzm .yzm-info { display: block; width: 50%; border: solid 1px #e0e0e0;}
.cx-contact-us01 .liuyan-form .yzm .img-code { width: 25%; margin: 0 2.5%; position: relative; top: 8px;}
.cx-contact-us01 .liuyan-form .yzm a.refresh { display: block; width: 20%; font-size: 14px; line-height: 60px;}
.cx-contact-us01 .liuyan-form .yzm input { width: 68%; border-left: solid 1px #e0e0e0; }
.cx-contact-us01 .liuyan-form .yzm .yzm-info em { padding: 0 5%; }

.liuyan-tk-box { width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 999; background-color: rgba(0,0,0,.8); }
.liuyan-tk-box .tk-cont { width: 450px; padding: 20px; text-align: center; background-color: #fff; position: absolute; left: 50%; top: 50%; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%); }
.liuyan-tk-box .tk-info { border: solid 1px #e5e5e5; }
.liuyan-tk-box .tk-cont h4 { font-size: 24px; font-weight: bold; color: #df1f29; padding: 20px 0 10px;}
.liuyan-tk-box .tk-cont p { font-size: 16px; color: #4d4d4d; padding-bottom: 8px; }
.liuyan-tk-box .tk-cont a.close-btn { display: block; width: 150px; height: 50px; line-height: 50px; text-align: center; background-color: #df1f29; color: #fff; font-size: 16px; margin: 20px auto 0;}


@media screen and (max-width: 1200px){
  .cx-contact-edit01 .contact-cmy-infos,
    .cx-contact-edit01 .map,
    .cx-contact-us01 .online-message { width: 100%; height: auto; margin-top: 0; margin-bottom: 10px;}
.cx-contact-us01 .online-message .left-img img,
.cx-contact-us01 .online-message .tt span { display: none; }
.cx-contact-us01 .online-message>div { width: 100%; }
.cx-contact-us01 .online-message .tt { padding: 2%; text-align: center; background-color: #ccc; left: 0; top: 0; }
.cx-contact-us01 .online-message .tt h2 { color: #fff; }
.cx-contact-us01 .liuyan-form { padding: 30px 3%; }
.cx-contact-us01 .liuyan-form .name,
.cx-contact-us01 .liuyan-form .phone,
.cx-contact-us01 .liuyan-form .msg,
.cx-contact-us01 .liuyan-form a.smt { width: 100%; }
.cx-contact-us01 .liuyan-form .yzm .img-code { top: 0; }
}

@media screen and (max-width: 800px){
  .cx-contact-us01 { padding-bottom: 3%;}
.cx-contact-edit01 .contact-cmy-infos,
.cx-contact-edit01 .map { padding: 3%; }
.cx-contact-edit01 .contact-cmy-infos h2,
.liuyan-tk-box .tk-cont h4,
.cx-contact-us01 .online-message .tt h2 { font-size: 18px; }
.cx-contact-edit01 .contact-cmy-infos h2 { padding: 3% 0 1%; }
.cx-contact-edit01 .contact-cmy-infos ul { margin-top: 3%; }
.cx-contact-edit01 .contact-cmy-infos li { padding: 3% 0; font-size: 14px; }
.cx-contact-us01 .liuyan-form input,
.cx-contact-us01 .liuyan-form textarea,
.cx-contact-us01 .liuyan-form a.smt { padding: 3%; font-size: 14px;}
.cx-contact-us01 .liuyan-form .msg { height: 100px; }
.cx-contact-us01 .liuyan-form .msg,
.cx-contact-us01 .liuyan-form .name,
.cx-contact-us01 .liuyan-form .phone { margin-bottom: 10px; }
.cx-contact-us01 .liuyan-form .yzm .yzm-info em { display: none; }
.cx-contact-us01 .liuyan-form .yzm input { width: 100%; padding: 7%; border-left: none 0; }
.cx-contact-us01 .liuyan-form .yzm a.refresh { line-height: 40px; }
.liuyan-tk-box { width: 100%; }
.liuyan-tk-box .tk-cont { width: 90%; }
.liuyan-tk-box .tk-cont p,
.liuyan-tk-box .tk-cont a.close-btn { font-size: 14px; }
.liuyan-tk-box .tk-cont a.close-btn { width: 40%; height: 40px; line-height: 40px; margin-top: 10px; }
}


/*图片列表*/
.cx-picture-list01 { margin-bottom: 30px; margin-top:30px;}
.cx-picture-list01 .pic-nav { width: 100%; text-align: center; margin-bottom: 30px;}
.cx-picture-list01 .pic-nav a { display: inline-block; padding: 15px 40px; background-color: #fff; border-radius: 50px; background-color: #fff; border: solid 1px #e5e5e5; margin: 0 10px; }
.cx-picture-list01 .pic-nav a:hover,
.cx-picture-list01 .pic-nav a.cur { background-color: #df1f29; border-color: #df1f29; color: #fff; }
.cx-picture-list01 .pic-list-box li { width: 24%; margin-left: 1.3333333%; text-align: center; margin-bottom: 1.33333333%; background-color: #fff; padding-bottom: 2%;}
.cx-picture-list01 .pic-list-box li:nth-child(4n-3) { margin-left: 0; }
.cx-picture-list01 .pic-list-box li p { padding: 5% 5% 0; }
.cx-picture-list01 .pic-list-box li p.tt { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.cx-picture-list01 .pic-list-box li p.jj { height: 74px; text-align: left; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3;-webkit-box-orient: vertical; }

@media screen and (max-width: 800px){
  .cx-inpage-nav01 { margin-bottom: 15px; background-color: #fff; border-bottom: solid 1px #e5e5e5; position: relative; overflow: hidden; }
.cx-inpage-nav01 a { float: left; width: 21.75%; padding: 3% 0; text-align: center;float: left; margin: 0; border: none 0; border-radius: 0; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.cx-inpage-nav01 span.more { display: block; }
.cx-picture-list01 .pic-list-box { padding: 3%; }
.cx-picture-list01 .pic-list-box li { width: 49%; margin-left: 2%; margin-bottom: 4%; padding-bottom: 4%;}
.cx-picture-list01 .pic-list-box li:nth-child(2n-1) { margin-left: 0; }
.cx-picture-list01 .pic-list-box li p.jj { height: 48px; -webkit-line-clamp: 2; }
}

/*404*/
.cx-error-box01 { width: 620px; margin: 8% auto; text-align: center;}
.cx-error-box01 .sorry { font-size: 16px; color: #df1f29; margin-bottom: 3%; }
.cx-error-box01 .err-img { display: block; width: 68%; height: auto; margin: 0 auto; }
.cx-error-box01 .lines { display: block; width: 100%; height: 1px; background-color: #e2e2e2; margin-top: 7%; position: relative;}
.cx-error-box01 .lines:after { content: ''; display: block; width: 100%; height: 1px; background-color: #ffffff; position: absolute; bottom: -1px; left: 0; z-index: 2; }
.cx-error-box01 .tips { font-size: 16px; color: #999; margin: 7% 0; }
.cx-error-box01 .abtns { width: 100%; text-align: center; }
.cx-error-box01 .abtns a { display: inline-block; width: 28%; font-size: 18px; color: #666; padding: 2% 0; background-color: #fff; border-radius: 50px; margin: 0 2%; box-shadow: 5px 5px 30px rgba(0,0,0,.1);}
.cx-error-box01 .abtns a:after { content: ''; display: inline-block; width: 0; height: 0; border-top: solid 6px transparent; border-bottom: solid 6px transparent; border-left: solid 6px #666; margin-left: 8%;  }
.cx-error-box01 .abtns a:hover { background-color: #df1f29; color: #fff; }
.cx-error-box01 .abtns a:hover:after { border-left-color: #fff; }

@media screen and (max-width: 750px){
  .cx-error-box01 { width: 84%; margin-top: 15%;}
.cx-error-box01 .abtns a { width: 42%; font-size: 16px; padding: 3% 0;}
}

/*搜索结果*/
.cx-search-result01 { margin-top: 5%; margin-bottom: 30px;}
.cx-search-result01 .search-form { width: 600px; height: 58px; background-color: #fff; border-radius: 50px; border: solid 1px #e2e2e2; margin: 0 auto; position: relative;}
.cx-search-result01 .search-form input { width: 100%; height: 58px; border-radius: 50px; padding: 0 10% 0 5%; font-size: 16px; }
.cx-search-result01 .search-form button { display: block; width: 47px; height: 47px; background-color: #df1f29; border-radius: 50%; position: absolute; right: 5px; top: 5px; z-index: 5; cursor:pointer;}
.cx-search-result01 .search-form button:before { content: ''; display: block; width: 100%; height: 100%; background: url(../images/icon_search.png) no-repeat; background-size: 100% 100%; }
.cx-search-result01 .search-list { margin-top: 3%; padding: 3% 5%; background-color: #fff; }
.cx-search-result01 .search-list h3 { font-size: 24px; color: #333; padding-bottom: 2%;}
.cx-search-result01 .search-cont { padding: 18px 0; border-bottom: solid 1px #e5e5e5; position: relative;}
.cx-search-result01 .search-cont:nth-of-type(1) { border-top: solid 1px #e5e5e5; }
.cx-search-result01 .search-cont>a { display: block; width: 20%; overflow: hidden;} 
.cx-search-result01 .search-cont .txts { width: 78%; }
.cx-search-result01 .search-cont .txts h4 { font-size: 16px; margin: 1.6% 0; }
.cx-search-result01 .search-cont .txts h4 a { color: #333; }
.cx-search-result01 .search-cont .txts p { color: #666; font-size: 14px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.cx-search-result01 .search-cont .time { width: 78%; font-size: 14px; position: absolute; left: 22%; bottom: 18px; z-index: 9; }
.cx-search-result01 .search-cont .time span { color: #999; padding-right: 25px; display:none;}
.cx-search-result01 .search-cont .time a { color: #666; padding-left: 25px; position: relative; }
.cx-search-result01 .search-cont .time a:before { content: ''; display: block; width: 16px; height: 16px; background: url(../images/icon_link.png) no-repeat; position: absolute; left: 0; top: 1px; z-index: 2; }
.cx-search-result01 .search-cont:hover h4 a { color: #df1f29; }
.cx-search-result01 .search-cont:hover .txts p { color: #333; }
.cx-search-result01 .search-cont .time a:hover { color: #df1f29; text-decoration: underline; }
.cx-search-result01 .search-cont:hover { 
  -webkit-transform:translateX(-5px); 
  -moz-transform:translateX(-5px); 
  -ms-transform:translateX(-5px); 
  transform:translateX(-5px); 
}

.cx-search-result01 .search-cont {
  -webkit-transition: all .5s ease-out;
  -moz-transition: all .5s ease-out;
  transition: all .5s ease-out;
}


@media screen and (max-width: 900px){
  .cx-search-result01 .search-list h3 { display: none; }
.cx-search-result01 .search-form { width: 80%; height: 50px; }
.cx-search-result01 .search-form input { height: 50px; }
.cx-search-result01 .search-form button { width: 40px; height: 40px; }
.cx-search-result01 .search-list { padding: 0 0 6% 0; margin-top: 5%;}
.cx-search-result01 .search-cont>a{ width: 35%; }
.cx-search-result01 .search-cont .txts,
.cx-search-result01 .search-cont .time { width: 61%; }
.cx-search-result01 .search-cont .time { left: 39%; }
.cx-search-result01 .search-cont { padding: 4% 3%; }
.cx-search-result01 .search-cont .time { bottom: 12%; }

}
@media screen and (max-width: 750px){
  .cx-search-result01 .search-cont .time a { display: none; }
.cx-search-result01 .search-cont .txts p { display: none; }
}

/*网站地图*/
.cx-sitemap01 { margin-top: 5%; }
.cx-inpage-mbx02 { font-size: 15px; color: #666; }
.cx-inpage-mbx02 .maplink a:first-child { margin-right: 16px; padding-right: 20px; border-right: solid 1px #ccc; }
.cx-inpage-mbx02 a:hover { color: #df1f29; text-decoration: underline; }
.cx-sitemap01 .sitemap-box { padding: 3% 4%; background-color: #fff; margin-top: 20px;}
.cx-sitemap01 .sitemap-cont { background-color: #fff; margin-bottom: 4%;}
.cx-sitemap01 .sitemap-cont h3 { font-size: 20px; padding-bottom: 2%; border-bottom: solid 1px #f2f2f2; position: relative;}
.cx-sitemap01 .sitemap-cont h3 a { color: #000; }
.cx-sitemap01 .sitemap-cont h3:after { content:''; display: block; width: 18px; height: 1px; background-color: #df1f29; position: absolute; bottom: -1px; left: 0; z-index: 9; } 
.cx-sitemap01 .sitemap-cont .list a { display: block; float: left; width: 32.333333%; font-size: 16px; color: #666; margin-top: 2%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.cx-sitemap01 .sitemap-cont .list a:nth-child(3n-1) { margin-left: 1.5%; margin-right: 1.5%; }
.cx-sitemap01 .sitemap-cont a:hover { color: #df1f29; }

@media screen and (max-width: 750px){
  .cx-sitemap01 { margin-top: 6%; }
.cx-inpage-mbx02 { padding: 0 5%; font-size: 13px;}
.cx-sitemap01 .sitemap-box { padding: 5%; }
.cx-sitemap01 .sitemap-cont { margin-bottom: 8%; }
.cx-sitemap01 .sitemap-cont h3 { font-size: 16px; padding-bottom: 4%; }
.cx-sitemap01 .sitemap-cont .list a { width: 100%; margin-top: 5%; font-size: 14px;}
.cx-sitemap01 .sitemap-cont .list a:nth-child(3n-1) { margin-left: 0; }
.cx-inpage-mbx02 .maplink a:first-child { margin-right: 8px; padding-right: 12px; }
}

/*友情链接申请*/
.cx-friendLink01 { margin-top: 5%; }
.cx-friendLink01 .friendLink-box { width: 100%; margin-top: 20px; background-color: #fff;}
.cx-friendLink01 .friendLink-cont { width: 45%; padding: 3% 0 3% 4%;  }
.cx-friendLink01 .friendLink-cont h2 { font-size: 24px; color: #111; margin-bottom: 5%; }
.cx-friendLink01 .friendLink-cont .form-box>div { border: solid 1px #e5e5e5; font-size: 18px; margin-bottom: 3%; position: relative; }
.cx-friendLink01 .friendLink-cont .form-box input { width: 100%; padding: 3% 10% 3% 3%; }
.cx-friendLink01 .friendLink-cont .form-box textarea { width: 100%; height: 120px; padding: 3% 10% 3% 3%; color: #111; resize: none; font-family: '微软雅黑';}
.cx-friendLink01 .friendLink-cont .form-box button { width: 100%; padding: 3%; font-size: 18px; color: #fff; background-color: #df1f29; cursor: pointer;}
.cx-friendLink01 .friendLink-cont .form-box img { width: 4%; position: absolute; right: 3%; top: 50%; z-index: 5; -webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);}
.cx-friendLink01 .friendLink-cont .siteov img { top: 25%; }
.cx-friendLink01 .friendlink-img { width: 55%; }
@media screen and (max-width: 900px){
  .cx-friendLink01 { margin-top: 6%; }
.cx-friendLink01 .friendlink-img { display: none; }
.cx-friendLink01 .friendLink-cont { width: 100%; padding: 5% 5% 8%; }
.cx-friendLink01 .friendLink-cont h2 { font-size: 18px; }
.cx-friendLink01 .friendLink-cont .form-box button,
.cx-friendLink01 .friendLink-cont .form-box>div { font-size: 16px; }
.cx-friendLink01 .friendLink-cont .form-box input,
.cx-friendLink01 .friendLink-cont .form-box textarea { padding: 4% 10% 4% 4%; }
.cx-friendLink01 .friendLink-cont .form-box textarea { height: 100px; }
.cx-friendLink01 .friendLink-cont .form-box img { width: 6%; }
}

/*标签管理*/
.cx-label-management01 { margin-top: 5%; }
.cx-label-management01 .label-box { background-color: #fff; padding: 3% 4%; margin-top: 20px;}
.cx-label-management01 .label-box h2 { font-size: 24px; color: #111; margin-bottom: 2%; }
.cx-label-management01 .label-cont a { display: inline-block; font-size: 16px; padding: 8px 15px; background-color: #f5f5f5; color: #666; margin-right: 5px; margin-bottom: 10px;}
.cx-label-management01 .label-cont a:hover { background-color: #df1f29; color: #fff; }

@media screen and (max-width: 750px){
  .cx-label-management01 { margin-top: 6%; }
.cx-label-management01 .label-box { padding: 5%; }
.cx-label-management01 .label-box h2 { font-size: 18px; margin-bottom: 5%; }
.cx-label-management01 .label-cont a { font-size: 14px; }
}

/*关闭网站*/
.cx-closeSite01 { width: 100%; height: 100%; background: url(../images/close_site_img.jpg) no-repeat center top; background-size: cover; }
.cx-closeSite01 .close-cont { width: 750px; padding: 4% 0 5%; background-color: #fff; text-align: center; position: absolute; left: 50%; top: 50%; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%); }
.cx-closeSite01 .close-cont h2 { font-size: 36px; color: #333; margin-bottom: 2%; }
.cx-closeSite01 .close-cont p { font-size: 20px; color: #666; margin-bottom: 8%;}
.cx-closeSite01 .close-cont em.line { display: block; width: 86%; height: 1px; background-color: rgba(0,0,0,.1); margin: 0 auto 8%; }
.cx-closeSite01 .close-cont p strong { color: #df1f29; }
.cx-closeSite01 .close-cont a { display: inline-block; padding: 1.5% 8%; background-color: #df1f29; color: #fff; font-size: 20px; position: relative; z-index: 2;}
.cx-closeSite01 .close-cont:after { content: ''; display: block; width: 100%; height: 100%; border: solid 1px #fff; position: absolute; right: -12px; top: 12px; z-index: 1; }

@media screen and (max-width: 800px){
  .cx-closeSite01 .close-cont { width: 90%; padding: 8% 0 10%; }
.cx-closeSite01 .close-cont:after { display: none; }
.cx-closeSite01 .close-cont h2 { font-size: 22px; }
.cx-closeSite01 .close-cont p,
.cx-closeSite01 .close-cont a { font-size: 16px; }
.cx-closeSite01 .close-cont p.sry { font-size: 15px; }
}

/*文档下载*/
.cx-download01 { margin: 30px 0;}
.cx-download01 .tt span { display: block; font-size: 12px; color: #999; }
.cx-download01 .tt h2 { font-size: 24px; color: #000; margin-top: 1%;}
.cx-download01 .download-list { margin-top: 2%; }
.cx-download01 .download-list table { width: 100%; border: solid 1px #eee; text-align: center; font-size: 15px;}
.cx-download01 .download-list table td { border: solid 1px #eee; padding: 2%; }
.cx-download01 table tr { background-color: #fff; color: #999; }
.cx-download01 table td.title { width: 70%; text-align: left;} 
.cx-download01 table td.date { width: 15%; }
.cx-download01 table td.download { width: 15%; }
.cx-download01 table td a { color: #666; }
.cx-download01 table tr:hover { background-color: #e80000; color: #fff;}
.cx-download01 table tr:hover a { color: #fff; }


@media screen and (max-width: 750px){
  .cx-download01 { margin: 3% 0; }
.cx-download01 .tt { padding: 0 3%; }
.cx-download01 .tt h2 { font-size: 18px; }
.cx-download01 .download-list table { font-size: 14px; }
.cx-download01 .download-list table td { padding: 4% 2%; }
.cx-download01 table td.title { width: 44%;} 
.cx-download01 table td.date { width: 28%; padding-left: 1%; padding-right: 1%;}
.cx-download01 table td.download { width: 28%; }
}


/*-----------------------------------------自定义样式-----------------------------------------*/


.yyal-box .txts .line:before,
.news-box .news-cont .txts,
.qdxz-wrap .qdxz-box ul li,
.jxsp-box ul li span.line:before,
.jswd-box .jsfw-cont a:before,
.jswd-box .jsfw-cont span.line:after,
.wbfw-box .wbfw-infos a.zixun,
.wbfw-box .wbfw-infos {
  -webkit-transition:all .5s ease-out;
  -moz-transition:all .5s ease-out;
  transition:all .5s ease-out;
}

/*编辑器重置样式*/
.cx-editor-box { font-size: 14px!important; color: #333!important; line-height: 26px!important;  padding: 2%; }
.cx-editor-box p { padding: 10px 0!important; line-height: inherit!important;}
.cx-editor-box img { width: auto!important; max-width: 100%!important; height: auto!important; margin: 0 auto!important;}
.cx-editor-box>div { width: 50%; padding: 2%; }
.cx-editor-box table { display: block; width: 100%!important; min-width: 800px;}
.cx-editor-box table tr,
.cx-editor-box table td {/*width: auto!important; */}
.cx-editor-box .tableDiv { width: 100%; padding: 0; }
@media screen and (max-width: 800px){
  .cx-editor-box .tableDiv { overflow-x: scroll; }
}

/*下载中心*/
.download-center { width: 100%; background-color: #f7f7f7; }
.inpage-banner { width: 100%; height: 630px; color: #fff; padding-top: 250px; }
.inpage-banner h1 { font-size: 42px;}
.inpage-banner span { display: block; font-size: 24px; margin-top: 10px; padding-bottom: 60px; position: relative;}
.inpage-banner span:after { content: ''; display: block; width: 30px; height: 2px; background-color: #dd0c14; position: absolute; bottom: 0; left: 0; z-index: 2; }
.inpage-nav-links { margin-top: -70px; }
.inpage-nav-links .inpage-nav { width: 100%; height: 70px; line-height: 70px;}
.inpage-nav-links .inpage-nav a { display: block; width: 33.333333%; font-size: 16px; color: #666; text-align: center; background-color: #fff; position: relative;}
.inpage-nav-links .inpage-nav a.cur,
.inpage-nav-links .inpage-nav a:hover { background-color: #dd0c14; color: #fff; }
.inpage-nav-links .inpage-nav a.cur:after,
.inpage-nav-links .inpage-nav a:hover:after { content: ''; display: block; width: 0; height: 0; border-left: solid 8px transparent; border-right: solid 8px transparent; border-top: solid 8px #dd0c14; position: absolute; bottom: -6px; left: 50%; margin-left: -8px;}
.mianbaoxie { width: 100%; font-size:14px; padding: 25px 0; border-bottom: solid 3px #e1e1e1; color: #999;}
.mianbaoxie a { color: #999; }
.mianbaoxie a:hover { color: #dd0c14; text-decoration: underline; }
.mianbaoxie:before { content: ''; display: inline-block; width: 16px; height: 15px; background: url(../images/inpage/icon_home.png) no-repeat; position: relative; top: 1px; margin-right: 5px; }
.noline .mianbaoxie{border-bottom:0;}
.download-box .download-cont { padding: 50px 0; }
.download-box .download-cont li { width: 21%; padding-top: 27%; position: relative;}
.download-box .download-cont li:not(:first-child) { margin-left: 5.333333%; }
.download-box .download-cont li:before { content: ''; display: block; width: 100%; height: 100%; background: url(../images/inpage/pro_manual_bg.png) no-repeat; background-size: cover; position: absolute; left: 10px; top: 10px; z-index: 1;}
.download-box .download-cont li>div { width: 100%; height: 100%; padding: 15%; background-color: #fff; color: #333; position: absolute; left: 0; top: 0; z-index: 5;}
.download-box .download-cont li span { display: block; font-size: 36px; }
.download-box .download-cont li p { font-size: 20px; margin-bottom: 15%; }
.download-box .download-cont li i { display: block; width: 100%; height: 25px; background: url(../images/inpage/music_img.png) no-repeat; background-size: 100% auto; }
.download-box .download-cont li a { display: block; width: 60%; padding: 5% 0; text-align: center; background-color: #e7e7e7; color: #666; font-size: 14px; position: absolute; bottom: 12%; left: 15%; z-index: 5;}
.download-box .download-cont li a:after { content: ''; display: inline-block; width: 14px; height: 14px; background: url(../images/inpage/icon_download.png) no-repeat; margin-left: 10px; position: relative; top: 1px;}
.download-box .download-cont li:hover:before { background-image: url(../images/inpage/pro_manual_bg02.png); }
.download-box .download-cont li:hover i { background-image: url(../images/inpage/music_img02.png); }
.download-box .download-cont li:hover a { background-color: #dd0c14; color: #fff; }
.download-box .download-cont li:hover a:after { background-image: url(../images/inpage/icon_download_cur.png); }

@media screen and (max-width: 1024px){
  .download-box .download-cont li { width: 46%; padding-top: 62.5%; margin-bottom: 6%}
.download-box .download-cont li:not(:first-child) { margin-left: 0; }
.download-box .download-cont li:nth-child(even) { margin-left: calc(8% - 10px); }
.download-box .download-cont li i { background-size: 100% 100%; }
}

@media screen and (max-width: 750px){
  .mianbaoxie,
    .inpage-banner { display: none; }
.inpage-nav-links { margin-top: 0 !important; padding-top: 3%;}
.inpage-nav-links .inpage-nav { height: auto; line-height: normal;display: flex; flex-wrap: wrap;}
.inpage-nav-links .inpage-nav a { padding: 3% 0; font-size: 14px;}
.download-box .download-cont { padding: 5% 0; }
.download-box .download-cont li span { font-size: 20px; }
.download-box .download-cont li p { font-size: 15px; }
.download-box .download-cont li:before { left: 5px; top: 5px; }
.download-box .download-cont li:nth-child(even) { margin-left: calc(8% - 5px); }
}

/*创新科研*/
.cxky-center { width: 100%; background-color: #f2f2f2; }
.cxky-center .cxky-cont { padding: 4% 0; }
.cxky-center .cxky-cont .cxky-infos { width: 100%; margin-bottom: 3%; position: relative; }
.cxky-center .cxky-cont .img-box { width: 50%; }
.cxky-center .cxky-cont .txts { width: 53%; padding-top: 32%; background-color: #fff; position: absolute; right: 0; top: 50%; z-index: 5; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);}
.cxky-center .cxky-cont .txts>div { width: 100%; height: 100%; padding: 7% 6%; position: absolute; left: 0; top: 0; z-index: 5; }
.cxky-center .cxky-cont .txts h3 { font-size: 32px; color: #1f1f1f; padding-bottom: 7%; border-bottom: solid 3px #e8e8e8; margin-bottom: 7%;}
.cxky-center .cxky-cont .txts p { height: 50%; font-size: 15px; color: #666; line-height: 26px; overflow: hidden; }

.cxky-honor-box { width: 100%; padding: 80px 0 50px; background-color: #fff; }
.index-tt { width: 100%; text-align: center; padding-bottom: 25px; margin-bottom: 50px; position: relative; }
.index-tt h2 { font-size: 32px; color: #111; }
.index-tt h2 a { color: #111; }
.index-tt span { display: block; font-size: 24px; color: #999; }
.index-tt:after { content: ''; display: block; width: 20px; height: 3px; background-color: #dd0c14; position: absolute; bottom: 0; left: 50%; margin-left: -10px; }

.all-btn { width: 100%; font-size: 16px; text-align: center; margin-top: 4%;}
.all-btn a:after { content: ''; display: inline-block; width: 20px; height: 9px; background: url(../images/icon_jt02.png) no-repeat; margin-left: 10px; }
.all-btn a:hover { font-weight: bold; }

.cxky-honor-box .cxky-honor-info { width: 19%; padding-top: 25%; position: relative;}
.cxky-honor-box .cxky-honor-info a { width: 100%; height: 100%; background-color: #fff; position: absolute; left: 0; top: 0; z-index: 9; }
.cxky-honor-box .cxky-honor-info a span { display: block; overflow: hidden; }
.cxky-honor-box .cxky-honor-info:not(:first-child) { margin-left: 8%; }
.cxky-honor-box .cxky-honor-info p { width: 100%; height: 15.8%; font-size: 14px; color: #666; text-align: center; border-top: solid 1px #f1f1f1;}
.cxky-honor-box .cxky-honor-info p em { display: block; position: relative; top: 50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.cxky-honor-box .cxky-honor-info:before { content:''; display: block; width: 100%; height: 100%; background: url(../images/inpage/pro_manual_bg.png) no-repeat; background-size: cover; position: absolute; left: 10px; top: 10px; z-index: 1; }
.cxky-honor-box .cxky-honor-info:hover p { background-color: #dd0c14; color: #fff; }
.research-results-box { width: 100%; background-color: #f2f2f2; padding: 80px 0 50px; }
.research-results-box .research-results-cont a { width: 22%; background-color: #fff; }
.research-results-box .research-results-cont a:not(:first-child) { margin-left: 4%; }
.research-results-box .research-results-cont a>span { display: block; overflow: hidden; }
.research-results-box .research-results-cont .txts { border-top: solid 1px #e5e5e5; padding: 8% 10%; position: relative;}
.research-results-box .research-results-cont .txts h4 { font-size: 20px; color: #111; margin-bottom: 3%;}
.research-results-box .research-results-cont .txts em { font-size: 14px; color: #666;     white-space: nowrap;text-overflow: ellipsis;overflow: hidden;display: block;}
.research-results-box .research-results-cont .txts:after { content: ''; display: block; width: 20px; height: 9px; background: url(../images/icon_jt02.png) no-repeat; position: absolute; right: 10%; top: 30%; z-index: 5; }

@media screen and (max-width: 1200px){
  .cxky-center .cxky-cont .txts h3 { font-size: 24px; padding-bottom: 5%; margin-bottom: 5%; }
}

@media screen and (max-width: 900px){
  .cxky-center .cxky-cont .img-box,
    .cxky-center .cxky-cont .txts { width: 100%; }
.cxky-center .cxky-cont .txts { padding-top: 0; height: auto; position: relative; top: 0; -webkit-transform:translateY(0);transform:translateY(0); }
.cxky-center .cxky-cont .txts>div { padding: 5%; position: relative; }
}

@media screen and (max-width: 750px){
  .cxky-honor-box,
    .research-results-box { padding: 6% 0; }
.index-tt h2 { font-size: 20px; }
.index-tt span { font-size: 16px; }
.index-tt { padding-bottom: 5%; margin-bottom: 6%;}
.all-btn { margin-top: 3%; font-size: 15px;}
.cxky-center .cxky-cont { padding:0;}
.cxky-center .cxky-cont .txts h3 { font-size: 20px; border-width: 2px; }
.cxky-honor-box .cxky-honor-info { width: 46%; padding-top: 60.6%; margin-bottom: 6%;}
.cxky-honor-box .cxky-honor-info:not(:first-child) { margin-left: 0; }
.research-results-box .research-results-cont a:not(:first-child) { margin-left: 0!important; }
.cxky-honor-box .cxky-honor-info:before { left: 5px; top: 5px; }
.cxky-honor-box .cxky-honor-info:nth-child(even) { margin-left: calc(8% - 5px); }
.research-results-box .research-results-cont a { width: 48%; margin-bottom: 4%;}
.research-results-box .research-results-cont a:nth-child(odd) { margin-right: 4%; }
}

/*关于我们*/
.jsfw-wrap,
.about-wrap { width: 100%; background-color: #f7f7f7; }
.about-wrap .inpage-nav a { width: 25%;}
.about-intro { width: 100%; padding: 4% 0; }
.about-intro .left-cont { width: 49%; }
.about-intro .left-cont h3 { font-size: 32px; color: #1f1f1f; padding-bottom: 3%; border-bottom: solid 3px #e1e1e1;}
.about-intro .left-cont h3 strong { display: block; color: #dd0c14; }
.about-intro .left-cont p { font-size: 16px; color: #666; margin-top: 2%; line-height: 28px;text-align: justify; }
.about-intro .right-cont { width: 48%; padding-top: 41.5%; margin-top: 12%; background-color: #dd0c14; position: relative;}
.about-intro .right-cont>span { width: 92%; height: auto; position: absolute; right: 0; top: -8%; z-index: 2; }
.about-intro .right-cont .num { width: 92%; color: #fff; position: absolute; left: 8%; bottom: 3%; z-index: 1;}
.about-intro .right-cont .num em { display: block; font-size: 20px; }
.about-intro .right-cont .num span { display: block; width: 100%; position: relative;}
.about-intro .right-cont .num strong { display: inline-block; font-size: 36px; font-weight: 400; background-color: #dd0c14; padding-right: 8%; position: relative; z-index: 5;}
.about-intro .right-cont .num span:before { content: ''; display: block; width: 95%; height: 1px; background-color: #fff; position: absolute; left: 0; top: 50%; z-index: 1; }
.about-intro .right-cont:before { content: ''; display: block; width: 30px; height: 2px; background-color: #dd0c14; position: absolute; left: -108%; bottom: 0; z-index: 5; }

.about-team { width: 100%; height: 610px; background-image: url(../images/inpage/about_bg01.jpg); }
.about-team>div { height: 100%; }
.about-team-cont { width: 48%; padding: 4%; background-color: #fff; position: absolute; right: 0; top: 50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);}
.about-team-cont h3 { font-size: 26px; color: #000; }
.about-team-cont p {font-size: 15px; color: #666; padding: 4% 0 10%; line-height: 26px; position: relative;}
.about-team-cont p:after { content: ''; display: block; width: 30px; height: 2px; background-color: #dd0c14; position: absolute; left: 0; bottom: 0; z-index: 2; }
.about-wrap .qyll-box,
.about-honor-box,
.fazhan-box { padding: 70px 0; }
.about-wrap .qyll-cont .qyll-infos { width: 30%; background-color: #fff; position: relative;}
.about-wrap .qyll-cont .qyll-infos:not(:first-child) { margin-left: 5%; }
.about-wrap .qyll-cont .label { width: 30%; text-align: center; color: #000; position: absolute; top: 50%; left: 0; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); }
.about-wrap .qyll-cont .label>div { width: 70%; padding: 20% 0; margin: 0 auto; border-top: solid 2px #000; border-bottom: solid 1px #000;}
.about-wrap .qyll-cont .label p { font-size: 24px; }
.about-wrap .qyll-cont .label em { font-size: 12px; }
.about-wrap .qyll-cont span { display: block; width: 70%; overflow: hidden; }
.fazhan-box { width: 100%; background-color: #fff; }
.fazhan-box .fazhan-cont { width: 100%; border-bottom: solid 1px #f7f7f7;}
.fazhan-box .fazhan-cont>div { padding: 10px 0;}
.fazhan-box .fazhan-cont ul li { padding: 2.6% 3% 4%; border-top: solid 3px #f7f7f7;}
.fazhan-box .fazhan-cont ul li:before { content: ''; display: block; width: 10px; height: 10px; background-color: #dd0c14; border-radius: 50%; position: absolute; top: -7px; left: 10%; }
.fazhan-box .fazhan-cont li strong { font-size: 36px; color: #dd0c14; }
.fazhan-box .fazhan-cont li p { width: 100%; font-size: 15px; color: #333; line-height: 26px; margin-top: 3%; }
.fazhan-box .fazhan-cont .prev-btn,
.fazhan-box .fazhan-cont .next-btn { width: 12px; height: 12px; border-left: solid 2px #666; border-top: solid 2px #666; position: absolute; top: 50%; margin-top: -6px; z-index: 5; cursor: pointer;}
.fazhan-box .fazhan-cont .prev-btn { left: 5px; -webkit-transform:rotate(-45deg); }
.fazhan-box .fazhan-cont .next-btn { right: 5px; -webkit-transform:rotate(135deg); }
.about-honor-box { width: 100%; background-color: #f7f7f7; }
.about-honor-box .cxky-honor-info { margin-left: 8%; margin-bottom: 5%;}
.about-honor-box .cxky-honor-info:nth-child(4n-3) { margin-left: 0; }
.about-honor-box .all-btn { margin-top: 0; }
.about-honor-box .all-btn a:after { width: 14px; height: 16px; background-image: url(../images/inpage/icon_more.png); position: relative; top: 2px; }

@media screen and (max-width: 1024px){
  .about-intro { padding: 3%; }
.about-intro .left-cont h3 { font-size: 26px; }
.about-intro .right-cont:before { display: none; }
}

@media screen and (max-width: 900px){
  .about-intro .left-cont,
    .about-intro .right-cont { width: 100%; }
.about-intro .right-cont { padding-top: 0; margin-top: 0;}
.about-intro .right-cont>span { width: 100%; position: relative; top: 0; }
.about-intro .left-cont h3 { padding: 3% 0; }
.about-intro .left-cont p { margin-top: 3%; }
.about-wrap .qyll-box, .about-honor-box, .fazhan-box { padding: 5% 0; }
.about-wrap .qyll-cont .qyll-infos { width: 100%; margin-bottom: 3%; }
.about-wrap .qyll-cont .qyll-infos:not(:first-child) { margin-left: 0; }
}

@media screen and (max-width: 750px){
  .about-intro .left-cont h3 { font-size: 20px; border-width: 2px;}
.about-intro .left-cont p { font-size: 15px; margin-top: 2%; line-height: 24px; }
.about-team { height: auto; padding: 10% 0;}
.about-team-cont { width: 80%; margin: 0 auto; position: relative; top: 0; opacity: .9; -webkit-transform:translateY(0);transform:translateY(0); }
.about-team-cont h3,
.about-wrap .qyll-cont .label p { font-size: 20px; }
.about-team-cont p { color: #333; }
.about-honor-box .all-btn { margin-top: 2%; }
.fazhan-box .fazhan-cont ul li { padding: 6% 8%; }
.fazhan-box .fazhan-cont li strong { font-size: 20px; }
}

/*技术服务*/
.pd70 { padding: 70px 0; }
.wbfw-box .wbfw-infos { width: 31%; background-color: #fff; padding: 2% 3% 3%; }
.wbfw-box .wbfw-infos:not(:first-child) { margin-left: 3.5%; }
.wbfw-box .wbfw-infos .tt { padding-bottom:5%; border-bottom: solid 3px #e1e1e1; margin-bottom: 10%; }
.wbfw-box .wbfw-infos .tt em { display: block; font-size: 72px; color: #e1e1e1; }
.wbfw-box .wbfw-infos .tt>div { position: relative; top: 15px; margin-left: 6%; }
.wbfw-box .wbfw-infos .tt h4 { font-size: 24px; color: #111; margin-bottom: 5%; }
.wbfw-box .wbfw-infos .tt p { font-size: 18px; color: #666; }
.wbfw-box .wbfw-infos a.zixun { display: block; width: 100%; text-align: center; padding: 5% 0; background-color: #e1e1e1; color: #111; font-size: 14px; margin-top: 12%; }
.wbfw-box .wbfw-infos:hover { box-shadow: 8px 8px 60px rgba(0,0,0,.2); }
.wbfw-box .wbfw-infos:hover a.zixun { background-color: #dd0c14; color: #fff; }
.zypx-box { width: 100%; background-image: url(../images/inpage/zypx_bg.jpg); background-size: 100% auto; }
.zypx-box .index-tt h2 a,
.zypx-box .index-tt span { color: #fff; }
.zypx-box .zypx-cont { width: 100%;}
.zypx-box .zypx-cont .zypx-infos { background-color: #fff; position: relative;}
.zypx-box .zypx-cont .img-box { width: 50%;}
.zypx-box .zypx-cont .txts { width: 50%; padding-top: 35.7142%; position: absolute; right: 0; top: 0; z-index: 5; }
.zypx-box .zypx-cont .txts>div { width: 100%; height: 100%; padding: 10% 8% 8%; position: absolute; left: 0; top: 0; z-index: 5; }
.zypx-box .zypx-cont .txts h3 { color: #333; font-size: 30px; margin-bottom: 6%; }
.zypx-box .zypx-cont .txts p { font-size: 15px; color: #666; line-height: 26px; }
.zypx-box .zypx-cont .txts .nums { color: #666; font-size: 15px; position: absolute; bottom: 10%; right: 8%; }
.zypx-box .zypx-cont .txts .nums em:first-child { font-size: 20px; padding-right: 18px; position: relative;}
.zypx-box .zypx-cont .txts .nums em:first-child:after { content: ''; display: block; width: 1px; height: 15px; background-color: #666; position: absolute; right: 9px; top: 7px; z-index: 2; -webkit-transform:rotate(20deg); }
.zypx-box .prev-btn,
.zypx-box .next-btn { width: 4%; padding-top: 3.86%; border: solid 1px #d2d2d2; border-radius: 50%; position: absolute; left: 54%; bottom: 6%; z-index: 9; cursor: pointer; }
.zypx-box .next-btn { left: 60%; }
.zypx-box .prev-btn:before,
.zypx-box .next-btn:before { content: ''; display: block; width: 18%; height: 18%; border-left: solid 2px #999; border-top: solid 2px #999; position: absolute; top: 40%;}
.zypx-box .prev-btn:before { left: 45%; -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg); }
.zypx-box .next-btn:before { left: 35%; -webkit-transform:rotate(135deg); -moz-transform:rotate(135deg); -ms-transform:rotate(135deg); transform:rotate(135deg);}
.jswd-box { padding-bottom: 50px; }
.jswd-box .jsfw-cont a { display: block; width: 47%; margin-bottom: 3%; position: relative;}
.jswd-box .jsfw-cont a:nth-child(odd) { margin-right: 6%; }
.jswd-box .jsfw-cont span.time { font-size: 14px; color: #ccc; }
.jswd-box .jsfw-cont h3 { font-size: 18px; color: #111; margin: 1% 0 3%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.jswd-box .jsfw-cont p { height: 48px; font-size: 14px; color: #666; line-height: 24px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.jswd-box .jsfw-cont span.line { display: block; width: 100%; height: 3px; background-color: #eaeaea; margin-top: 4%;}
.jswd-box .jsfw-cont span.line:after { content: ''; display: block; width: 0; height: 100%; background-color: #dd0c14; }
.jswd-box .jsfw-cont a:before { content: ''; display: block; width: 20px; height: 9px; background: url(../images/icon_jt02.png) no-repeat; position: absolute; right: 0; top: 32px; z-index: 5;}
.jswd-box .jsfw-cont a:hover:before { background-image: url(../images/icon_jt04.png); }
.jswd-box .jsfw-cont a:hover span.line:after { width: 100%; }
.jswd-box .all-btn { margin-top: 1%; }

@media screen and (max-width: 1024px){
  .wbfw-box .wbfw-infos .tt em { font-size: 60px; }
.wbfw-box .wbfw-infos .tt h4 { font-size: 20px; margin-bottom: 3%; }
.wbfw-box .wbfw-infos .tt p { font-size: 16px; }
.jswd-box .jsfw-cont { padding: 0 2%; }
}

@media screen and (max-width: 900px){
  .wbfw-box .wbfw-infos .tt em { font-size: 42px; }
.wbfw-box .wbfw-infos .tt h4 { font-size: 18px; margin-bottom: 1%; margin-top: -8%; }
.wbfw-box .wbfw-infos .tt p { font-size: 15px; }
.zypx-box .zypx-cont .txts>div { padding-top: 8%; }
.zypx-box .zypx-cont .txts h3 { font-size: 24px; }
.zypx-box .zypx-cont .txts p { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4;-webkit-box-orient: vertical; }
}

@media screen and (max-width: 750px){
  .pd70 { padding: 5% 0; }
.wbfw-box .wbfw-infos { width: 100%; padding: 5%; margin-bottom: 3%;}
.wbfw-box .wbfw-infos:not(:first-child) { margin-left: 0; }
.wbfw-box .wbfw-infos .tt { margin-bottom: 7%; }
.wbfw-box .wbfw-infos .tt>div { margin-left: 5%; }
.wbfw-box .wbfw-infos .tt em { font-size: 40px; }
.wbfw-box .wbfw-infos .tt h4 { font-size: 18px; margin-bottom: 1%; margin-top: -8%; }
.wbfw-box .wbfw-infos .tt p { font-size: 14px; }
.wbfw-box .wbfw-infos a.zixun { padding: 4% 0; margin-top: 8%; }
.zypx-box .zypx-cont .img-box { width: 100%; }
.zypx-box .zypx-cont .txts { width: 100%; padding-top: 0; position: relative; }
.zypx-box .zypx-cont .txts>div { position: relative; padding: 5% 5% 15%; }
.zypx-box .zypx-cont .txts h3 { font-size: 18px; margin-bottom: 3%; }
.zypx-box .zypx-cont .txts p { height: 104px; }
.zypx-box .prev-btn,
.zypx-box .next-btn { width: 10%; padding-top: 9.7%; left: 0; bottom: 70%; border-color: #fff; }
.zypx-box .prev-btn:before,
.zypx-box .next-btn:before { border-color: #fff; }
.zypx-box .next-btn { left: calc(100% - 10%); }
.zypx-box { background-size: 120% 20%; }
.jswd-box .jsfw-cont a { width: 100%; margin-bottom: 5%;}
.jswd-box .jsfw-cont span.line { height: 2px; }
.jswd-box .jsfw-cont h3 { font-size: 16px; }
.jswd-box .jsfw-cont { padding: 0 5%; }
.jswd-box { padding-bottom: 6%; }
}

/*教学视频*/
.yyal-wrap,
.pro-details-wrap,
.pro-center-wrap,
.rczp-wrap,
.news-wrap,
.contact-us-wrap,
.qdxz-wrap,
.jxsp-wrap { background-color: #f7f7f7; }
.jxsp-wrap .jxsp-box { margin-top: 2%; padding-bottom: 4%; }
.jxsp-wrap .jxsp-box ul li { width: 31%; margin-left: 3.5%; margin-bottom: 2.5%;}
.jxsp-wrap .jxsp-box ul li:nth-child(3n-2) { margin-left: 0; }
.jxsp-box ul li a span { display: block; overflow: hidden; position: relative;}
.jxsp-box ul li p { padding: 4% 0; font-size: 16px; color: #333; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.jxsp-box ul li a span:before { content: ''; display: block; width: 12%; padding-top: 12%; background: url(../images/inpage/icon_play.png) no-repeat; background-size: 100% 100%; position: absolute; left: 50%; top: 50%; z-index: 9; -webkit-transform:translate(-50%,-50%); }
.jxsp-box ul li span.line { display: block; width: 100%; height: 3px; background-color: #e1e1e1; }
.jxsp-box ul li span.line:before { content: ''; display: block; width: 0; height: 100%; background-color: #dd0c14; }
.jxsp-box ul li:hover span.line:before { width: 100%; }
.jxsp-box ul li:hover p { color: #dd0c14; } 

/*翻页*/
.fanye-box { width: 100%; text-align: center; height: 40px; margin-top: 2%; font-size: 16px;}
.fanye-box span { display: inline-block; height: 100%; margin: 0 15px; }
.fanye-box a { display: inline-block; width: 40px; height: 40px; line-height: 40px; text-align: center; color: #999; border-radius: 50%; border: solid 1px #e5e5e5; }
.fanye-box span a { margin: 0 8px; }
.fanye-box a.prev-btn,
.fanye-box a.next-btn { text-indent: -9999px; position: relative;}
.fanye-box a.prev-btn:after,
.fanye-box a.next-btn:after { content: ''; display: block; width: 8px; height: 8px; border-top: solid 2px #999; border-right: solid 2px #999; position: absolute; left: 50%; top: 50%; z-index: 2;}
.fanye-box a.prev-btn:after { 
  margin: -5px 0 0 -4px;
  -webkit-transform:rotate(-135deg); 
  -moz-transform:rotate(-135deg); 
  -ms-transform:rotate(-135deg); 
  transform:rotate(-135deg); 
}
.fanye-box a.next-btn:after { 
  margin: -5px 0 0 -7px;
  -webkit-transform:rotate(45deg); 
  -moz-transform:rotate(45deg);
  -ms-transform:rotate(45deg);
  transform:rotate(45deg);
}
.fanye-box a:hover,
.fanye-box a.cur { background-color: #df1f29; color: #fff; border-color: #df1f29; }
.fanye-box a.prev-btn:hover:after,
.fanye-box a.next-btn:hover:after { border-color: #fff; }

@media screen and (max-width: 750px){
  .jxsp-wrap .jxsp-box { margin-top: 4%; padding: 0 3% 6%;}
.jxsp-wrap .jxsp-box ul li { width: 48.5%; margin-left: 0; margin-bottom: 4%;}
.jxsp-wrap .jxsp-box ul li:nth-child(odd) { margin-right: 3%; }
.jxsp-box ul li span.line { height: 2px; }
.jxsp-box ul li p { font-size: 14px; }
.jxsp-box ul li a span:before { width: 20%; padding-top: 20%; }
.fanye-box { font-size: 14px; margin-top: 3%; }
.fanye-box span { margin: 0 10px; }
.fanye-box a { width: 30px; height: 30px; line-height: 30px; }
.fanye-box span a { margin: 0 5px; }
}

/*驱动下载*/
.qdxz-wrap .qdxz-box { padding: 3% 0; }
.qdxz-wrap .qdxz-box ul li { width: 100%; height: 80px; line-height: 80px; background-color: #fff; margin-bottom: 1%; }
.qdxz-wrap .qdxz-box ul li a { display: block; width: 100%; height: 100%; overflow: hidden; }
.qdxz-wrap .qdxz-box li i { display: block; float: left; width: 8%; height: 100%; position: relative; }
.qdxz-wrap .qdxz-box li i:before { content: ''; display: block; width: 31px; height: 24px; background: url(../images/inpage/icon_qudong.png) no-repeat; position: absolute; left: 50%; top: 50%; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}
.qdxz-wrap .qdxz-box li p { float: left; width: 68%; font-size: 20px; color: #333; padding-left: 2%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; position: relative;}
.qdxz-wrap .qdxz-box li p:before { content: ''; display: block; width: 1px; height: 24px; background-color: #ccc; position: absolute; left: 0; top: 50%; margin-top: -12px; }
.qdxz-wrap .qdxz-box li span { display: block; float: right; width: 15%; text-align: center; border-left: solid 1px rgba(0,0,0,.1);}
.qdxz-wrap .qdxz-box li span:after { content: ''; display: inline-block; width: 14px; height: 14px; background: url(../images/inpage/icon_download.png) no-repeat; margin-left: 10px; }
.qdxz-wrap .qdxz-box ul li:hover { box-shadow: 8px 8px 50px rgba(0,0,0,.2); }
.qdxz-wrap .qdxz-box ul li:hover i:before { background-image: url(../images/inpage/icon_qudong_cur.png); }
.qdxz-wrap .qdxz-box ul li:hover span { background-color: #dd0c14; color: #fff; }
.qdxz-wrap .qdxz-box ul li:hover span:after { background-image: url(../images/inpage/icon_download_cur.png); }

@media screen and (max-width: 750px){
  .qdxz-wrap .qdxz-box { padding: 5% 0; }
.qdxz-wrap .qdxz-box ul li { height: 60px; line-height: 60px; margin-bottom: 3%; }
.qdxz-wrap .qdxz-box li p { width: 55%; font-size: 15px; padding-left: 4%; }
.qdxz-wrap .qdxz-box li p:before { height: 16px; margin-top: -8px; }
.qdxz-wrap .qdxz-box li i { width: 15%; }
.qdxz-wrap .qdxz-box li i:before { width: 25px; height: 19px; background-size: 100% 100%; }
.qdxz-wrap .qdxz-box li span { width: 30%; }
.qdxz-wrap .qdxz-box li span:after { width: 12px; height: 12px; margin-left: 5px; background-size: 100% 100%; }
}

/*联系我们*/
.contact-us-box { width: 100%; }
.contact-us-box .company-cont { margin-bottom: 5%; }
.contact-us-box .company-cont .item { width: 46%; height: 130px; padding-top: 2%; margin-top: 3%; border-bottom: solid 3px #dedede; position: relative;}
.contact-us-box .company-cont .item:nth-child(odd) { margin-right: 8%; }
.contact-us-box .company-cont .item>span { display: block; font-size: 16px; color: #666; margin-bottom: 1%; }
.contact-us-box .company-cont .item strong { display: block; font-size: 32px; color: #dd0c14;}
.contact-us-box .company-cont .item:nth-child(3) strong { font-size: 18px; color: #333; }
.contact-us-box .company-cont .item p { font-size: 18px; color: #333; }
.contact-us-box .company-cont .item:after { content: ''; display: block; position: absolute; right: 0; top: 24%; z-index: 9; background-repeat: no-repeat;}
.contact-us-box .company-cont .item:first-child:after { width: 27px; height: 24px; background-image: url(../images/inpage/icon_tel.png); }
.contact-us-box .company-cont .item:nth-child(2):after { width: 23px; height: 30px; background-image: url(../images/inpage/icon_ads.png); }
.contact-us-box .company-cont .item:nth-child(3):after { width: 26px; height: 26px; background-image: url(../images/inpage/icon_cz.png); }
.contact-us-box .company-cont .item:last-child:after { width: 25px; height: 24px; background-image: url(../images/inpage/icon_ewm.png); }
.contact-us-box .company-cont .item:last-child>span { width: 13%; height: auto; margin-right: 4%; }
.contact-us-box .company-cont .item .txts p { font-size: 14px; color: #999; line-height: 24px; }
.contact-us-box .company-map { width: 100%; margin-bottom: 5%; position: relative;  overflow: hidden; }
.contact-us-box .company-map:before { content: ''; display: block; width: 100%; height: 100%; border: solid 15px #fff; position: absolute; left: 0; top: 0; z-index: 9; box-sizing: border-box;}
.online-message { width: 100%; height: 546px; padding-top: 76px; background-image: url(../images/inpage/form_bg.jpg);}
.online-message .index-tt h2,
.online-message .index-tt span { color: #fff; }
.online-message .msg-form { width: 70%; height: 240px; margin: 0 auto; font-size: 16px; }
.online-message .msg-form .left { width: 40%; height: 100%; }
.online-message .msg-form .left>div { width: 100%; height: 60px; line-height: 60px; background-color: #fff; position: relative;}
.online-message .msg-form .left>div:not(:first-child) { margin-top: 30px; }
.online-message .msg-form .left input { width: 100%; height: 100%; padding:0 5%;}
.online-message .msg-form .yzm { padding-right: 30%; }
.online-message .msg-form .yzm img { width: 112px; height: 60px; position: absolute; right: 0; top: 0; z-index: 5; }
.online-message .msg-form .right { width: 56%; height: 100%;}
.online-message .msg-form .liuyan { width: 100%; height: 150px; margin-bottom: 30px; background-color: #fff; }
.online-message .msg-form .liuyan textarea { width: 100%; height: 100%; padding: 3% 4%; font-family: '微软雅黑'; font-size: 16px; }
.online-message .msg-form button { width: 100%; height: 60px; line-height: 60px; text-align: center; color: #fff; font-size: 16px; background-color: #dd0c14; cursor: pointer; }

@media screen and (max-width: 1024px){
  .contact-us-box .company-cont { padding: 0 3%; }
.online-message .msg-form { width: 90%; }
}

@media screen and (max-width: 900px){
  .contact-us-box .company-cont .item { width: 100%; height: auto; padding-bottom: 2%; }
.contact-us-box .company-cont .item:nth-child(odd) { margin-right: 0;}
}

@media screen and (max-width: 750px){
  .contact-us-box .company-cont .item { padding: 5% 0; }
.contact-us-box .company-cont .item>span { font-size: 15px; margin-bottom: 2%;}
.contact-us-box .company-cont .item strong { font-size: 18px; }
.contact-us-box .company-cont .item p { font-size: 16px;}
.contact-us-box .company-cont .item:after { -webkit-transform:scale(.8);}
.contact-us-box .company-cont .item:last-child>span { width: 25%; }
.online-message { height: auto; padding: 8% 0; }
.online-message .msg-form { height: auto; font-size: 15px; }
.online-message .msg-form .left,
.online-message .msg-form .right { width: 100%; }
.online-message .msg-form .left>div { height: auto; line-height: normal; }
.online-message .msg-form .left input { padding: 5%; }
.online-message .msg-form .left>div:not(:first-child) { margin-top: 5%; }
.online-message .msg-form .right { margin-top: 5%; }
.online-message .msg-form .liuyan { height: 100px; font-size: 15px; }
.online-message .msg-form button { height: auto; line-height: normal; padding: 4% 0; font-size: 15px; }
.online-message .msg-form .yzm { padding-right: 0; overflow: hidden; }
.online-message .msg-form .yzm input { width: 60%; }
.online-message .msg-form .yzm img { width: 26%; height: auto; }
.contact-us-box .company-map img { width: 200%; position: relative; left: -50%; }
.contact-us-box .company-map:before { border-width: 10px; }
}

/*品牌动态*/
.news-wrap .news-box { padding: 3% 0 4%; }
.news-box .news-cont { margin-bottom: 4%; }
.news-box .news-cont .news-cont-div { position:relative; }
.news-box .news-cont .news-cont-div .label { position:absolute;right:0;top:18%; z-index:9;}
.news-box .news-cont .news-cont-div .label>a{padding:5px 10px;color:#333;background-color:#eee;border-radius:3px;}
.news-box .news-cont .news-cont-div .label>a:hover{text-decoration:underline;}
.news-box .news-cont .news-cont-div .label>a:before { display:none;}
.news-box .news-cont a.img-box { padding: 3% 0; border-bottom: solid 1px rgba(0,0,0,.1); position: relative;}
.news-box .news-cont span { display: block; }
.news-box .news-cont span.time { width: 9%; color: #999; font-size: 14px; }
.news-box .news-cont span.time em:first-child { font-size: 48px; border-bottom: solid 1px rgba(0,0,0,.1); }
.news-box .news-cont span.time em:last-child { display: block; margin-top: 6%; }
.news-box .news-cont span.img { width: 20%; overflow: hidden; }
.news-box .news-cont .txts { width: 67%; }
.news-box .news-cont .txts h3 { width:62%; font-size: 18px; color: #000; margin-bottom: 1.6%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.news-box .news-cont .txts p { font-size: 14px; color: #666; line-height: 24px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.news-box .news-cont a:before { content: ''; display: block; width: 20px; height: 9px; background: url(../images/icon_jt02.png) no-repeat; position: absolute; bottom: 15%; left: 34%; z-index: 5; }
.news-box .news-cont a:hover h3 { color: #dd0c14; }
.news-box .news-cont a:hover p { color: #333; }
.news-box .news-cont a:hover:before { background-image: url(../images/icon_jt04.png); }
.news-box .news-cont a:hover .txts { 
  -webkit-transform: translateX(-10px);
  -moz-transform: translateX(-10px);
  -ms-transform: translateX(-10px);
  transform: translateX(-10px);
}

@media screen and (max-width: 1024px){
  .news-box .news-cont .txts p { -webkit-line-clamp: 3; }
.news-box .news-cont a:before { display: none; }
}

@media screen and (max-width: 900px){
  .news-wrap .news-box { padding: 3% 3% 4%; }
.news-box .news-cont span.time { width: auto; position: absolute; right: 0; top: 12%; z-index: 9; }
.news-box .news-cont span.time em:last-child { display: inline; }
.news-box .news-cont span.time em:first-child { font-size: 14px; border-bottom: none 0; display: none; }
.news-box .news-cont span.img { width: 30%; }
.news-box .news-cont .txts { width: 66%; }
.news-box .news-cont .txts h3 { width: 80%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.news-box .news-cont .news-cont-div .label { display:none;}
}

@media screen and (max-width: 750px){
  .news-box .news-cont { margin-bottom: 6%; }
.news-box .news-cont a { padding: 5% 0; }
.news-box .news-cont .txts h3 { width: 100%; font-size: 16px; margin-bottom: 2%; }
.news-box .news-cont .txts p { -webkit-line-clamp: 2; line-height: normal;}
.news-box .news-cont span.img { width: 35%; }
.news-box .news-cont .txts { width: 61%; }
.news-box .news-cont span.time { font-size: 12px; top: 80%;}
}

/*人才招聘*/
.rczp-cont { padding: 3% 0; }
.rczp-cont .tt { width: 100%; background-color: #fff; padding: 2% 0; margin-bottom: 1.6%;}
.rczp-cont .tt p { float: left; padding-left: 3%; font-size: 16px; color: #666; }
.rczp-cont .tt p:first-child { width: 35%; }
.rczp-cont .tt p:nth-child(2) { width: 18%; }
.rczp-cont .tt p:nth-child(3) { width: 35%; }
.rczp-cont .tt p:last-child { width: 12%; }
.rczp-cont ul li { width: 100%; background-color: #fff; border-top: solid 1px rgba(0,0,0,.05);}
.rczp-cont ul li .job { padding:  3% 0; cursor: pointer;}
.rczp-cont ul li .zhiwei { width: 35%; padding-left: 3%;}
.rczp-cont li h3 { font-size: 24px; color: #000; margin-bottom: 2%;}
.rczp-cont li .zhiwei em { font-size: 13px; color: #999; }
.rczp-cont li span { padding-left: 3%; }
.rczp-cont li .nums { display: block; width: 18%; font-size: 18px; color: #666; }
.rczp-cont li .yaoqiu { display: block; width: 35%; font-size: 18px; color: #666; }
.rczp-cont li .btn { display: block; width: 12%; padding-left: 3%;}
.rczp-cont li .btn em { display: block; width: 36px; height: 36px; border: solid 1px #e1e1e1; border-radius: 50%; background-color: #fff; position: relative; }
.rczp-cont li .btn em:before { content: ''; display: block; width: 22%; height: 22%; border-left: solid 2px #bcbcbc; border-top: solid 2px #bcbcbc; position: absolute; left: 30%; top: 35%; -webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg);}
.rczp-cont .details-box { display: none; width: 100%; background-color: #e5e5e5; padding: 0 3%;}
.rczp-cont .details-box>div { padding-bottom: 3%; }
.rczp-cont .details-box h4 { font-size: 20px; color: #333; padding-bottom: 1%; }
.rczp-cont .details-box p { font-size: 14px; color: #666; margin-top: 1%;}
.rczp-cont li.cur .job,
.rczp-cont li:hover .job { background-color: #e5e5e5; }
.rczp-cont li.cur .btn em { -webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); -ms-transform:rotate(90deg); transform:rotate(90deg); }

@media screen and (max-width: 900px){
  .rczp-cont li h3 { font-size: 20px; }
.rczp-cont .details-box h4 { font-size: 18px; }
}

@media screen and (max-width: 750px){
  .rczp-cont li h3 { font-size: 16px; }
.rczp-cont .tt p,
.rczp-cont .details-box h4,
.rczp-cont li .yaoqiu,
.rczp-cont li .nums { font-size: 14px; }
.rczp-cont ul li .job { padding: 5% 0; }
.rczp-cont li .btn em { width: 26px; height: 26px; }
}

/*产品详情*/
.pro-details-box { margin-top: -23%; }
.pro-details-box .mianbaoxie { border-bottom: none 0; }
.pro-details-box .mianbaoxie,
.pro-details-box .mianbaoxie a { color: #fff; }
.pro-details-box .mianbaoxie:before { background-image: url(../images/inpage/icon_home02.png); }
.pro-details-box .pro-infos { width: 100%; background-color: #fff; }
.pro-details-box .pro-infos>div { width: 50%; }
.pro-details-box .pro-infos .pro-txts { padding-top: 35%; position: relative; }
.pro-details-box .pro-infos .pro-txts>div { width: 100%; height: 100%; padding: 6% 8%; position: absolute; left: 0; top: 0; z-index: 9; }
.pro-details-box .pro-infos .pro-txts h2 { font-size: 26px; color: #111; padding-bottom: 5%; border-bottom: solid 1px rgba(17,17,17,.1); }
.pro-details-box .pro-infos .pro-txts p { font-size: 15px; color: #666; line-height: 26px;}
.pro-details-box .pro-infos .pro-txts .edit-cont { width: 100%; height: 85%; margin-top: 3%; overflow: hidden; }
.pro-details-box .pro-infos .circle-btns { width: 100%; position: absolute; left: 0; bottom: 20px; z-index: 9; text-align: center; }
.pro-details-box .swiper-pagination-bullet-active { background-color: #dd0c14; }
.pro-edit-box { margin-top: 2.6%; background:#fff;}
.pro-details-wrap .research-results-box { background-color: #f7f7f7; }
.pro-details-wrap .research-results-box a.back-list { display: block; width: 100%; padding: 1% 0; background-color: #dd0c14; text-align: center; color: #fff; font-size: 14px; margin-top: 4%; }
.pro-details-wrap .research-results-box a.back-list:before { content: ''; display: inline-block; width: 20px; height: 9px; background: url(../images/icon_jt01.png) no-repeat; margin-right: 10px; }
.pro-details-box .swiper-pagination-bullet { background-color:#ccc;}
.pro-details-box .swiper-pagination-bullet-active {background-color: #dd0c14;}
.pro-details-box .pro-infos .prev-btn,
.pro-details-box .pro-infos .next-btn { width: 50px; height: 50px; background-color: rgba(0,0,0,.2); position: absolute; top: 50%; margin-top: -25px; z-index: 99; cursor: pointer; }
.pro-details-box .pro-infos .prev-btn { left: 0; }
.pro-details-box .pro-infos .next-btn { right: 0; } 
.pro-details-box .pro-infos .prev-btn:before,
.pro-details-box .pro-infos .next-btn:before { content: ''; display: block; width: 20%; height: 20%; border-left: solid 2px #fff; border-top: solid 2px #fff; position: absolute; top: 40%;  }
.pro-details-box .pro-infos .prev-btn:before { left: 40%; -webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
.pro-details-box .pro-infos .next-btn:before { left: 30%; -webkit-transform:rotate(135deg);transform:rotate(135deg);}

@media screen and (max-width: 900px){
  .pro-details-box .pro-infos>div { width: 100%; }
.pro-details-box .pro-infos .pro-txts { padding-top: 0; }
.pro-details-box .pro-infos .pro-txts>div { position: relative; padding: 3%; }
.pro-details-box .pro-infos .pro-txts h2 { padding-bottom: 3%; }
}
@media screen and (max-width: 750px){
  .pro-details-box { margin-top: 0; }
.pro-details-box .pro-infos .pro-txts h2 { font-size: 18px; }
.pro-details-box .pro-infos .pro-txts p { font-size: 14px; }
.pro-details-wrap .research-results-box a.back-list { width: 90%; margin: 5% auto; padding: 2.5% 0; }
.research-results-box .research-results-cont .txts h4 { font-size: 16px; }
.pro-details-box .pro-infos .pro-txts>div {  padding: 5%; }
.pro-details-box .pro-infos .prev-btn,
.pro-details-box .pro-infos .next-btn { width: 40px; height: 40px; margin-top: -20px;}
}

/*产品中心*/
.pro-center-wrap .search-form { width: 400px; background-color: #fff; font-size: 16px; position: absolute; right: 0; top: 25px; z-index: 9; }
.pro-center-wrap .search-form input { width: 100%; padding: 4% 10% 4% 5%; }
.pro-center-wrap .search-form button { display: block; width: 15px; height: 15px; background: url(../images/icon_search02.png) no-repeat; position: absolute; right: 3%; top: 50%; margin-top: -7.5px; cursor: pointer; }
.pro-center-box { margin-top: -70px; }
.pro-center-box .pro-nav { width: 100%; height: 70px; line-height: 70px; background-color: #fff; font-size: 16px; text-align: center; }
.pro-center-box .pro-nav>div { padding-bottom: 10px; }
.pro-center-box .pro-nav a { display: block; color: #666; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.pro-center-box .pro-nav .item:hover:before,
.pro-center-box .pro-nav .item.cur:before { content: ''; display: block; width: 0; height: 0; border-left: solid 8px transparent; border-right: solid 8px transparent; border-top: solid 8px #dd0c14; position: absolute; left: 50%; bottom: -5px; margin-left: -8px; }
.pro-center-box .pro-nav .cur a,
.pro-center-box .pro-nav .item:hover a { background-color: #dd0c14; color: #fff; }
.pro-center-box .pro-second-nav { width: 100%; margin-top:1%; font-size: 16px; text-align: center; position: relative; }
.pro-center-box .pro-second-nav:after { content: ''; display: block; width: 100%; height: 3px; background-color: #dedede; position: absolute; bottom: 0; left: 0; z-index: 1; }
.pro-center-box .pro-second-nav>div { z-index: 9; }
.pro-center-box .pro-second-nav a { display: block; padding: 8% 20px; position: relative; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.pro-center-box .pro-second-nav a:before { content: ''; display: block; width: 1px; height: 18px; background-color: rgba(0,0,0,.15); position: absolute; left: 0; top: 50%; margin-top: -9px; z-index: 5; }
.pro-center-box .pro-second-nav .item:first-child a:before { display: none; }
.pro-center-box .pro-second-nav .item:hover:before,
.pro-center-box .pro-second-nav .item.cur:before { content: ''; display: block; width: 10%; height: 3px; background-color: #dd0c14; position: absolute; left: 45%; bottom: 0; z-index: 9; }
.pro-center-box .pro-second-nav .prev-btn,
.pro-center-box .pro-second-nav .next-btn { width: 20px; height: 50px; background-color: #f7f7f7; position: absolute; top: 50%; margin-top: -25px; z-index: 99;}
.pro-center-box .pro-second-nav .prev-btn { left: 0; }
.pro-center-box .pro-second-nav .next-btn { right: 0; }
.pro-center-box .pro-second-nav .prev-btn:before,
.pro-center-box .pro-second-nav .next-btn:before { content: ''; display: block; width: 12px; height: 12px; border-left: solid 2px #999; border-top: solid 2px #999; position: absolute; top: 50%; margin-top: -6px; z-index: 5; cursor: pointer; }
.pro-center-box .pro-second-nav .prev-btn:before { left: 5px; -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg); }
.pro-center-box .pro-second-nav .next-btn:before { right: 5px; -webkit-transform:rotate(135deg); -moz-transform:rotate(135deg); -ms-transform:rotate(135deg); transform:rotate(135deg); }
.pro-center-box .pro-third-nav { margin-top: 20px; }
.pro-center-box .pro-third-nav a { display: inline-block; padding: 0 20px 20px; font-size: 14px;}
.pro-center-box .pro-third-nav a.cur { color: #dd0c14; }
.pro-center-box .pro-big-box { margin-top: 3%; background-color: #fff; }
.pro-center-box .pro-big-box>a.img-box { width: 50%; }
.pro-center-box .pro-big-box .pro-big-txts { width: 50%; padding-top: 35%; position: relative;}
.pro-center-box .pro-big-txts>div { width: 100%; height: 100%; padding: 6% 8%; position: absolute; left: 0; top: 0; z-index: 5; }
.pro-center-box .pro-big-txts h2 { font-size: 26px; color: #111; padding-bottom: 5%; border-bottom: solid 1px rgba(17,17,17,.1); margin-bottom: 5%;}
.pro-center-box .pro-big-txts h2 a { color: #111; }
.pro-center-box .pro-big-txts p { max-height: 50%; font-size: 15px; color: #666; line-height: 30px; overflow: hidden;}
.pro-center-box .pro-big-txts a.see-more { display: inline-block; font-size: 14px; color: #999; padding: 2% 6%; background-color: #f3f3f3; position: absolute; bottom: 9%; left: 8%; z-index: 9;}
.pro-center-box .pro-big-txts a.see-more:after { content: ''; display: inline-block; width: 20px; height: 9px; background: url(../images/icon_jt02.png) no-repeat; margin-left: 8px; }
.pro-center-box .pro-big-txts a.see-more:hover { background-color: #dd0c14; color: #fff; }
.pro-center-box .pro-big-txts a.see-more:hover:after,
.pro-center-wrap .research-results-cont .txts:after { background-image: url(../images/icon_jt01.png); -webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}
.pro-center-wrap .research-results-box { background-color: #f7f7f7; padding: 3% 0 4%; }
.research-results-box .research-results-cont a { margin-bottom: 4%; }
.research-results-box .research-results-cont a:not(:first-child) { margin-left: 4%; }
.research-results-box .research-results-cont a:nth-child(4n-3) { margin-left: 0; }
.pro-center-wrap .research-results-cont a:hover .txts { background-color: #dd0c14;}
.pro-center-wrap .research-results-cont a:hover .txts h4,
.pro-center-wrap .research-results-cont a:hover .txts em { color: #fff; }
.pro-center-wrap .fanye-box { margin-top: 0; }

@media screen and (max-width: 1024px){
  .pro-center-box .pro-second-nav a { padding: 6% 18px; }
.pro-center-box .pro-big-txts h2 { font-size: 22px; }
.pro-center-box .pro-big-txts p { line-height: 24px; }
}

@media screen and (max-width: 900px){
  .pro-center-box .pro-big-box>a.img-box { width: 100%; }
.pro-center-box .pro-big-box .pro-big-txts { width: 100%; padding-top: 0; }
.pro-center-box .pro-big-txts>div { position: relative; padding: 5%; }
.pro-center-box .pro-big-txts h2 { padding-bottom: 3%; margin-bottom: 3%; }
.pro-center-box .pro-big-txts a.see-more { position: relative; left: 0; margin-top: 5%; padding: 3% 6%; }
.pro-center-box .pro-second-nav .item { border-width: 2px; }
.pro-center-box .pro-third-nav { margin-top: 3%; }
.pro-center-box .pro-third-nav a { padding: 0 3% 3%; }
}

@media screen and (max-width: 750px){
  .pro-center-box { margin-top: 0; }
.pro-center-box .pro-nav { height: auto; line-height: normal; background-color: transparent; }
.pro-center-box .pro-nav a { padding: 6% 0; background-color: #fff; }
.pro-center-box .pro-second-nav { font-size: 15px; }
.pro-center-box .pro-second-nav .prev-btn,
.pro-center-box .pro-second-nav .next-btn { width: 18px; height: 36px; margin-top: -18px; }
.pro-center-box .pro-second-nav .prev-btn:before,
.pro-center-box .pro-second-nav .next-btn:before { width: 8px; height: 8px; }
.pro-center-box .pro-big-txts h2 { font-size: 18px; }
.pro-center-box .pro-big-txts p { font-size: 14px; line-height: 24px; }
.pro-center-wrap .research-results-box { padding: 4% 0 6%; }
.pro-center-wrap .fanye-box { margin-top: 3%; }
.pro-center-box .pro-big-box { display:none; }
}

/*应用案例*/
.yyal-wrap .inpage-nav-links .inpage-nav a { width: 25%;}
.yyal-box { padding: 3% 0; }
.yyal-box a.img-box { width: 31.33333%; background-color: #fff; margin-left: 3%; margin-bottom: 3%; }
.yyal-box a.img-box:nth-child(3n-2) { margin-left: 0; }
.yyal-box a.img-box>span { display: block; overflow: hidden; }
.yyal-box a.img-box .txts { padding: 8% 10% 10%; position: relative; z-index: 9;}
.yyal-box a.img-box .txts:before { content: ''; display: block; width: 0; height: 0; border-left: solid 6px transparent; border-right: solid 6px transparent; border-bottom: solid 6px #fff; position: absolute; left: 10%; top: -5px; z-index: 5; }
.yyal-box .txts h3 { font-size: 20px; color: #111; padding-bottom: 5%; white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.yyal-box .txts p { height: 88px; font-size: 14px; color: #666; line-height: 22px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4;-webkit-box-orient: vertical; }
.yyal-box .txts .line { display: block; width: 100%; height: 3px; background-color: #f3f3f3; margin-top: 10%; }
.yyal-box .txts .line:before { content: ''; display: block; width: 0; height: 100%; background-color: #dd0c14; }
.yyal-box a.img-box:hover .txts h3 { color: #dd0c14; }
.yyal-box a.img-box:hover .txts p { color: #333; }
.yyal-box a.img-box:hover .txts .line:before { width: 100%; }

@media screen and (max-width: 750px){
  .yyal-box a.img-box { width: 48.5%; margin-left: 0;}
.yyal-box a.img-box:nth-child(even) { margin-left: 3%; }
.yyal-box .txts h3 { font-size: 16px; }
.inpage-nav-links .inpage-nav a { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.yyal-wrap .inpage-nav-links .inpage-nav a { width: 25%!important;}
}

.edit-line { width: 100%; padding-bottom: 6px; position: relative; }
.edit-line span { display: inline-block; position: relative;z-index: 2;}
.edit-line span:before { content: ''; display: block; width: 100%; height: 1px; background-color: #dd0c14; position: absolute; left: 0; bottom: -10px; }
.edit-line:before { content: ''; display: block; width: 100%; height: 1px; background-color: #e5e5e5; position: absolute; bottom: 0; left: 0; z-index: 1;}