@charset "utf-8";

/*全局初始化样式*/
html,
body { overflow-x: hidden; }
body { padding: 0; margin: 0 auto; font-size: 14px; line-height: 1.42857143; font-family: arial, Microsoft YaHei, '微软雅黑', '宋体'; color: #666460; width: 100%; min-width: 320px; zoom: 1;/*禁用Webkit内核浏览器的文字大小调整功能*/ -webkit-text-size-adjust: none;/*取出点击出现半透明的灰色背景*/ -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-tap-highlight: rgba(0, 0, 0, 0);/*控制文本可选性*/ -webkit-user-select: none; -ms-user-select: none; -moz-user-select: none; -khtml-user-select: none; user-select: none;/*设置字体的抗锯齿或者说光滑度*/ -webkit-font-smoothing: antialiased; }
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
*:before,
*:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

/*默认去除ul、li的默认样式*/
.p,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 { margin: 0; padding: 0; }
.dl,
.dl dd,
.ul,
.ul li { list-style: none; margin: 0; padding: 0; }

/*初始化下拉菜单、单行输入框、多行输入框的样式*/
select,
input,
textarea { border-radius: 0; -webkit-border-radius: 0; color: #666460; font-family: '微软雅黑'; }

/*表单元素获得焦点时不显示虚线框*/
input:focus { outline: none; }
input,
button,
select,
textarea { outline: none;/*-webkit-appearance:none;*//*强制去除表单自带的样式*/ }

/*不允许多行输入文本框有滚动条*/
textarea { resize: none;/*-webkit-appearance:none;*//*强制去除textarea自带的样式*/ }

/*初始化表单元素样式*/
textarea,
input,
select { background: none; border: none; margin: 0; padding: 0; }

/*初始化HTML5标签样式*/
audio,
canvas,
progress,
video { display: inline-block; vertical-align: baseline; }
article,
aside,
footer,
header,
hgroup,
nav,
section,
figure,
figcaption { display: block; }

/*去除figure边距*/
figure,
figcaption { margin: 0px; padding: 0px; }

/*初始化图片样式*/
img { border: none; border: 0; max-width: 100%; vertical-align: top; }

/*初始化a的样式和字体样式*/
a { color: #666460; text-decoration: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
a:focus { outline: none; -moz-outline: none; }
a:hover { color: #FF5800; }

/*清除浮动*/
.clear { clear: both; height: 0px; overflow: hidden; }
.clearfix:after { content: "."; display: block; height: 0; visibility: hidden; clear: both; font-size: 0px; }
.clearfix { zoom: 1; }
.container,
.w1200 { margin: 0 auto; max-width: 1200px; padding: 0 15px; }
@media screen and (min-width:1200px) {
  .container,
  .w1200 { width: 98%; margin: 0 auto; padding: 0; }
}

/*全局样式*/

/*页面框架结构*/
.contain { }

/*页面主体内容*/
.slidebar { }

/*边侧菜单*/
.maincontent { }

/*主要内容*/
.content { }

/*内容*/
.txtBoxCenter,
.singlepage { /*单片 设置文字两端对齐*/ text-justify: inter-ideograph; text-align: justify; word-wrap: break-word; overflow: hidden; }
.current { /*当前位置*/ }

/*分页*/
.pages { }

/*分页*/

/*头部*/
.top { }
.mainnav { }

/*头部*/

/*底部*/
.bottom { }

/*底部*/

/*页面二级/左侧/右侧菜单*/
.slidebar { }

/*页面二级/左侧/右侧菜单*/

/*网站地图*/
.ul_sitemap li { border-bottom: dotted 1px #ddd; padding: 5px 0px; }
.ul_sitemap li strong { width: 90px; display: inline-block; }

/* top */
body { min-height: 100vh; }

.Top { position: relative; z-index: 888; background: #fff; }
.TopView { padding: 15px 0; text-align: center; height: 55px; position: relative; }
.Top .logo { display: inline-block; max-width: 150px; }
.Top .logo img { vertical-align: middle; }
.Top .logo .img01 { display: none; }
.Top .Language { display: none; }
.Top .Search .SearchBtn { display: block; position: absolute; right: 2%; top: 8px; height: 40px; width: 40px; background: url('../images/searchbtnon.png') no-repeat center; }
.Top .Search .SearchBtn.SearchBtnOn { background-image: url('../images/searchclose.png'); -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.SearchBg { position: fixed; display: none; width: 100%; left: 0; top: 0; z-index: 800; background: rgba(0, 0, 0, 0.5); height: 100%; }
.mianNavBg { position: fixed; display: block; width: 100%; left: -100%; top: 0; z-index: 800; background: #fff; height: 100%; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.mianNavBg.mianNavBgOn { left: 0; }
.Top .navBtn { display: block; position: absolute; left: 2%; top: 8px; height: 40px; width: 35px; overflow: hidden; cursor: pointer; }
.Top .navBtn span { display: block; width: 80%; height: 2px; background: #0093dd; border-radius: 2px; position: absolute; left: 10%; transition: all .3s; }
.Top .navBtn span.span1 { top: 70%; }
.Top .navBtn span.span2 { top: 50%; margin-top: -1px; width: 50%; }
.Top .navBtn span.span3 { bottom: 70%; }
.Top .navBtnon span.span1 { transform: rotate(-45deg); top: 50%; }
.Top .navBtnon span.span2 { background-color: transparent; }
.Top .navBtnon span.span3 { transform: rotate(45deg); top: 50%; }
.Top .Search .SearchBtn { }
.Top .Search .SearchView { position: absolute; left: 0; top: 100%; padding: 0 2%; background: #fff; width: 100%; display: none; border-top: 1px solid rgba(0, 0, 0, 0.5); }
.Top .Search .SearchView .SearchBox { position: relative; padding-right: 40px; }
.Top .Search .SearchView .SearchBox input { display: block; width: 100%; height: 40px; line-height: 38px; }
.Top .Search .SearchView .SearchBox .btn { display: block; position: absolute; right: 0; top: 0px; height: 100%; width: 40px; background: url('../images/searchbtnon.png') no-repeat center; }
.mainnav { position: absolute; left: -100%; width: 100%; top: 100%; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; text-align: left; }
.mainnav.mainNavShow { left: 0; }
.mainnav .navA { display: block; width: 100%; line-height: 40px; padding: 0 2%; }
.mainnav ul { border-top: 1px solid #ddd; }
.mainnav ul li { border-bottom: 1px solid #ddd; }
.mainnav ul li .navA { position: relative; padding-right: 40px; color: #333; }
.mainnav ul li .navA .icon { position: absolute; right: 0; width: 40px; height: 100%; background: url('../images/navbtn.png') no-repeat center; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.mainnav ul li.lion .navA .icon { transform: rotate(45deg); }
.mainnav ul li .xl { display: none; }
.mainnav ul li .xl .dda { display: block; padding: 0 4%; line-height: 35px; border-top: 1px dashed #ddd; }
.mainnav .MLanguage { padding: 5px 2%; font-size: 0; margin: 0 -5px; }
.mainnav .MLanguage .item { display: inline-block; font-size: 14px; padding: 5px; }
.mainnav .MLanguage a { display: inline-block; line-height: 30px; padding: 0 15px; background: #0093dd; color: #fff; border-radius: 3px; }
.Language { padding-top: 38px; position: relative; }
.Language .lanspan { display: block; line-height: 34px; background: #fff; padding-right: 12px; cursor: pointer; color: #333; position: relative; padding: 0 26px 0 10px; }
.Language .lanspan:after { width: 0; display: block; content: ''; height: 0; border-top: 7px solid #fff; border-left: 5px solid transparent; border-right: 5px solid transparent; position: absolute; right: 10px; top: 15px; }
.Language .lanxl { position: absolute; top: 100%; left: 0; width: 100%; background: #fff; display: none; }
.Language .lanxl a { color: #333; padding: 0 10px; display: block; line-height: 34px; background: #0f91f0; color: #fff; text-align: center; }
.Language .lanspan a { color: #333; }
.Language .lanspan { background: #cd2522; }
.Language .lanspan a { color: #fff; }
.mainnav ul li .liProductRight { display: none; }
@media screen and (min-width:1200px) {
  .TopBox .Top{box-shadow: 0 0 5px rgba(0,0,0,0.2);}
  .TopBoxDown .Top{top: -200px;}
  .TopBox.TopBoxIndex{position:fixed; left: 0; top:0; width: 100%; z-index: 99;}

  .Top { position: fixed; left: 0; top: 0; width: 100%; z-index: 888; background: #fff; -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s; }
  .Top.TopIndex { position: absolute; left: 0; top: 0; width: 100%; background: rgba(0, 0, 0, 0.3); }
  .TopBoxDown .Top.TopIndex{top: -200px;}

  .Top.TopIndex .logo .img01 { display: inline-block; }
  .Top.TopIndex .logo .img02 { display: none; }
  .Top .navBtn { display: none; }
  .TopView { height: auto; padding: 0; height: 104px; text-align: left; }
  .Top .logo { max-width: 270px; height: 104px; line-height: 104px; float: left; }
  .mainnav .MLanguage { display: none; }
  .mainnav { display: block !important; width: auto; float: right; position: static; padding-right: 30px; }
  .mainnav ul { border: none; }
  .mainnav ul li { float: left; }
  .mainnav ul li .navA { padding: 0; line-height: 104px; font-size: 18px; position: relative; }
  .mainnav ul li .navA .i { position: absolute; left: 50%; height: 2px; bottom: 0; width: 0; background: #e50012; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
  .mainnav ul li.on .navA .i,
  .mainnav ul li .navA:hover .i { left: 0; width: 100%; }
  .mainnav ul li.on .navA,
  .mainnav ul li .navA:hover { color: #e50012; }
  .mainnav ul li { border-bottom: none; padding: 0 15px; }
  .mainnav ul li .navA .icon { display: none; }
  .Top .Language { display: block; float: right; }
  .Top .Search { float: right; margin-right: 30px; }
  .Top .Search .SearchBtn { display: none; }
  .Top .Search .SearchView { display: block; position: static; width: 200px; margin-top: 32px; border-bottom: 1px solid #ddd; border-top: none; }
  .mainnav ul li .xl { position: absolute; border-top: 1px solid #ddd; left: 0; top: 100%; width: 100%; background: #fff; padding: 20px 0; }
  .mainnav ul li.liProduct .xl { padding: 0; }
  .mainnav ul li .xl .dl { max-width: 1400px; padding: 0 2%; width: 100%; text-align: center; }
  .mainnav ul li.liProduct .xl .bg { width: 100%; height: 100%; z-index: 4; position: absolute; right: 100%; margin-right: -24.28%; background: #004098; }
  .mainnav ul li.liProduct .xl .xl1400 { max-width: 1400px; position: relative; padding: 0; width: 100%; text-align: left; }
  .mainnav ul li .xl .dl dd { display: inline-block; padding: 0 20px; }
  .mainnav ul li .xl .dda { border-top: none; padding: 0; font-size: 16px; }
  .mainnav ul li.liProduct .xl .dl { width: 24.28%; padding: 0; margin: 0 auto; float: left; }
  .mainnav ul li.liProduct .xl .xlbox { position: relative; z-index: 8; padding: 40px 0; }
  .mainnav ul li.liProduct .xl .dl dd { width: 100%; padding: 0; padding-left: 20px; text-align: left; }
  .mainnav ul li.liProduct .xl .dl dd a { color: #fff; padding: 0 50px 0 20px; line-height: 58px; position: relative; }
  .mainnav ul li.liProduct .xl .dl dd.ddon { }
  .mainnav ul li.liProduct .xl .dl dd.ddon a { background: #3366ad; }
  .mainnav ul li.liProduct .xl .dl dd.ddon .i { display: block; }
  .mainnav ul li.liProduct .xl .dl dd .i { position: absolute; display: none; width: 3px; left: 0; top: 0; height: 100%; background-color: #e50012; }
  .mainnav ul li.liProduct .xl .dl dd .ia { position: absolute; right: 0; top: 0; height: 100%; width: 50px; background: url('../images/navjtbg.png') no-repeat center; }
  .mainnav ul li .liProductRight { display: block; float: right; width: 75.72%; }
  .mainnav ul li.liProduct .liProductRight .itemList { display: none; padding-left: 40px; padding-right: 20px; }
  .mainnav ul li.liProduct .liProductRight .itembox { font-size: 0; margin: 0 -20px; }
  .mainnav ul li.liProduct .liProductRight .itembox .itemleft { display: inline-block; width: 71.57%; vertical-align: top; padding: 0 20px; }
  .mainnav ul li.liProduct .liProductRight .itembox .itemRight { display: inline-block; width: 28.43%; font-size: 14px; vertical-align: top; padding: 0 20px; }
  .mainnav ul li.liProduct .liProductRight .itembox .itemRight .imga { display: block; border: 3px solid #e6e6e6; }
  .mainnav ul li.liProduct .liProductRight .itembox .itemRight img { width: 100%; }
  .mainnav ul li.liProduct .liProductRight .itembox .itemleft .viewWrap { margin: 0 -10px; }
  .mainnav ul li.liProduct .liProductRight .itembox .itemleft .view { margin-bottom: 20px; display: inline-block; width: 33.33%; font-size: 14px; vertical-align: top; padding: 0 10px; }
  .mainnav ul li.liProduct .liProductRight .itembox .itemleft .view .h3 { font-size: 16px;  color: #333; text-overflow: ellipsis; line-height: 32px; overflow: hidden; white-space: nowrap; max-width: 100%; }
  .mainnav ul li.liProduct .liProductRight .itembox .itemleft .view .viewitem a { }
  .mainnav ul li.liProduct .liProductRight .itembox .itemleft .view .viewitem { text-overflow: ellipsis; line-height: 32px; overflow: hidden; white-space: nowrap; max-width: 100%; }
  .Top .Search .SearchView .SearchBox .btn { background-image: url('../images/searchbtnon01.png'); }
  .Top.TopIndex .mainnav ul li .navA { color: #fff; }
  .Top.TopIndex .Search .SearchView { background: transparent; }
  .Top.TopIndex .Search .SearchView input { color: #fff; }

  .Top.TopIndex .Search .SearchView input::-webkit-input-placeholder {color: #fff;}
  .Top.TopIndex .Search .SearchView input:-moz-placeholder {color: #fff;}
  .Top.TopIndex .Search .SearchView input::-moz-placeholder {color: #fff;}
  .Top.TopIndex .Search .SearchView input:-ms-input-placeholder {color: #fff;}

  .Top.TopIndex .Search .SearchView .SearchBox .btn { background-image: url('../images/searchbtn.png'); }
  .Top.TopIndex .Language .lanspan { background: #fff; }
  .Top.TopIndex  .Language .lanspan:after { border-top-color: #333; }
  .Top.TopIndex .Language .lanspan a { color: #333; }
  .Top.TopIndex .Language .lanxl { background: #fff; }
}
@media screen and (min-width:1300px) {
  .mainnav ul li { padding: 0 20px; }
}
@media screen and (min-width:1401px) {
  .mainnav ul li { padding: 0 34px; }
  .mainnav ul li .navA { font-size: 20px; }
  .mainnav ul li .xl .dl { max-width: 1400px; padding: 0; margin: 0 auto; }
  .mainnav ul li.liProduct .xl .xl1400 { max-width: 1400px; padding: 0; margin: 0 auto; }
  .mainnav ul li.liProduct .liProductRight .itemList { padding-right: 0; }
  .mainnav ul li.liProduct .xl .dl dd { padding-left: 0; }
}

/* top */

/* banner */

.HomeBan { position: relative; }
.HomeBan .list { position: relative; z-index: 7; }
.HomeBan .list .bx-prev { background: #0093dd; position: absolute; left: 15px; top: 50%; width: 40px; height: 40px; margin-top: -20px; line-height: 40px; text-align: center; }
.HomeBan .list .bx-next { background: #0093dd; position: absolute; right: 15px; top: 50%; width: 40px; height: 40px; margin-top: -20px; line-height: 40px; text-align: center; }
.HomeBan .list .bx-prev img,
.HomeBan .list .bx-next img { max-width: 12px; vertical-align: middle; }
.HomeBan .list .pc { display: none; }
.HomeBan .banmask { position: absolute; left: 0; width: 100%; bottom: 0; z-index: 8; }
.HomeBan .banmask img { width: 100%; vertical-align: bottom; }

.HomeBan .bx-pager{position: absolute; width: 100%;bottom: 40px; text-align: center;}
.HomeBan .bx-pager .bx-pager-item{display: inline-block;padding: 0 5px;}
.HomeBan .bx-pager .bx-pager-item a{display: block; width: 10px;height: 10px; border-radius: 100%; line-height: 999px; overflow: hidden;background: rgba(0,0,0,0.5)}
.HomeBan .bx-pager .bx-pager-item a.active{ background: #e50012;}
@media screen and (min-width:768px) {
  .HomeBan .list .wap { display: none; }
  .HomeBan .list .pc { display: block; }
  .HomeBan .bx-pager{bottom: 60px;}
  .HomeBan .bx-pager .bx-pager-item a{width: 12px;height: 12px;}
}
@media screen and (min-width:1600px) {
  .HomeBan .list .bx-prev,
  .HomeBan .list .bx-next { width: 62px; height: 62px; margin-top: -31px; line-height: 62px; }
  .HomeBan .list .bx-prev:hover,
  .HomeBan .list .bx-next:hover { background-color: #e50012; }
  .HomeBan .bx-pager{bottom: 80px;}
}


/* banner */

/* 首页 */


.HomeMain { }
.HomeF1 { padding: 25px 0; }
.HomeTitle { text-align: center; color: #333; }
.HomeTitle .h3 { font-size: 18px; }
.HomeTitle .h4 { font-weight: normal; font-size: 16px; color: #666; }
.HomeTitle .i { display: block; width: 30px; height: 3px; background: #e50012; margin: 5px auto; }
@media screen and (min-width:768px) {
  .HomeTitle .h3 { font-size: 26px; }
  .HomeTitle .h4 { font-size: 18px; font-family: 'Oswald'; }
}
@media screen and (min-width:1200px) {
  .HomeTitle .h3 { font-size: 30px; }
  .HomeTitle .i { height: 5px; margin: 10px auto; }
  .HomeTitle .h4 { font-size: 22px; }
}
@media screen and (min-width:1400px) {
  .HomeTitle .h3 { font-size: 38px; }
  .HomeTitle .h4 { font-size: 28px; }
}
.HomeF { padding: 30px 0; }
@media screen and (min-width:1400px) {
  .HomeF { padding: 80px 0; }
}
.HomeF1 { background: url('../images/homebg.jpg') repeat-y center top; }
.HomeF1 .auto{position: relative}
.HomeF1 .list { padding-top: 30px; position: relative; }
.HomeF1 .list .item { display: block; }
.HomeF1 .list .itemA { padding: 10px; display: block; color: #333; }
.HomeF1 .list .itemA .txt { text-align: center; padding-top: 15px; }
.HomeF1 .list .img { position: relative; width: 100%; padding-top: 100%; height: 0; overflow: hidden; border-radius: 100%; box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); }
.HomeF1 .list .img .imgbox { position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 15px; }
.HomeF1 .list .img .tb { display: table; width: 100%; height: 100%; }
.HomeF1 .list .img .tbc { display: table-cell; vertical-align: middle; width: 100%; height: 100%; }
.HomeF1 .list .img img { max-width: 100%; }
.HomeF1 .list .spanbtn img { vertical-align: middle; }
.HomeF1 .list .spanbtn { width: 40px; height: 40px; display: block; text-align: center; line-height: 40px; background: rgba(0, 0, 0, 0.5); }
.HomeF1 .list .owl-prev { position: absolute; top: 50%; height: 40px; margin-top: -20px; left: 0;border: 0}
.HomeF1 .list .owl-next { position: absolute; top: 50%; height: 40px; margin-top: -20px; right: 0;border: 0 }

.HomeF1 .new-nav .owl-prev { position: absolute; top: 50%; height: 40px; margin-top: -20px; left: 0;border: 0;background: rgba(0, 0, 0, 0.5);cursor: pointer}
.HomeF1 .new-nav .owl-next { position: absolute; top: 50%; height: 40px; margin-top: -20px; right: 0;border: 0;background: rgba(0, 0, 0, 0.5);cursor: pointer}  }

.HomeF1 .HomeTitleF2 { padding-top: 20px; }
@media screen and (min-width:1200px) {
  .HomeF1 .list .itemA { padding: 25px; display: block; opacity: 0.5; }
  .HomeF1 .list .Firstactive { -webkit-transform: translateX(-22px); -ms-transform: translateX(-22px); -o-transform: translateX(-22px); transform: translateX(-22px); }
  .HomeF1 .list .Lastactive { -webkit-transform: translateX(22px); -ms-transform: translateX(22px); -o-transform: translateX(22px); transform: translateX(22px); }
  .HomeF1 .list .center .itemA { padding: 0px; opacity: 1; }
  .HomeF1 .list .center .img { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); }
  .HomeF1 .owl-carousel .owl-stage-outer { padding: 20px 0; }
  .HomeF1 .list .itemA .txt { display: none; }
  .HomeF1 .list .center .itemA .txt { display: block; font-size: 16px; padding-top: 25px; }
  .HomeF1 .list .center .img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
  .HomeF1 .list .owl-prev {top: 43%; }
  .HomeF1 .list .owl-next {top: 43%; }
  .HomeF1 .list .owl-item .img .imgbk { border: 4px solid transparent; z-index: 3; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 100%; }
  .HomeF1 .list .owl-item:hover .img .imgbk { border: 4px solid #f7b2b7; }
}
@media screen and (min-width:1400px) {
  .HomeF1 .list { margin-top: 40px;padding: 0 50px }
  .HomeF1 .list .owl-prev { left: -30px; top: 45%; }
  .HomeF1 .list .owl-next { right: -30px; top: 45%; }
  .HomeF1 .list .center .itemA .txt { display: block; font-size: 18px; padding-top: 45px; }
  .HomeF1 .HomeTitleF2 { padding-top: 80px; }
}
@media screen and (min-width:1600px) {
  .HomeF1 .list .spanbtn { width: 62px; height: 62px; line-height: 62px; }
  .HomeF1 .list .owl-prev { height: 62px; margin-top: -31px; left: -80px; }
  .HomeF1 .list .owl-next { height: 62px; margin-top: -31px; right: -80px; }
}
.HomeF2 { padding: 0; }
.HomeF2 .list { position: relative; }
.HomeF2 .list .bg { width: 100%; height: 0; padding-top: 100%; overflow: hidden; position: relative; background: no-repeat center; background-size: cover; }
.HomeF2 .list .bgmask { position: absolute; left: 0; top: 0; z-index: 2; width: 100%; height: 100%; opacity: 0.5; background: url('../images/maskbg01.png') repeat-x left bottom; }
.HomeF2 .list .bg .viewCon { display: none; z-index: 5; position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.HomeF2 .list .Ctitle { position: absolute; left: 0; bottom: 0; width: 100%; padding: 20px; z-index: 3; }
.HomeF2 .list .Ctitle .CtitleBox { display: block; color: #fff; position: relative; padding-left: 10px; }
.HomeF2 .list .Ctitle .CtitleBox .i { left: 0; top: 0; position: absolute; width: 3px; display: block; height: 100%; background-color: #0093dd; }
.HomeF2 .list .Ctitle .h3 { font-weight: normal; font-size: 14px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.HomeF2 .list .Ctitle .h4 { font-weight: normal; font-size: 14px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.HomeF2 .list .spanbtn img { vertical-align: middle; }
.HomeF2 .list .spanbtn { width: 40px; height: 40px; display: block; text-align: center; line-height: 40px; background: rgba(255, 255, 255, 0.5); }
.HomeF2 .list .owl-prev { position: absolute; top: 50%; height: 40px; margin-top: -20px; left: 0; }
.HomeF2 .list .owl-next { position: absolute; top: 50%; height: 40px; margin-top: -20px; right: 0; }


@media screen and (min-width:1200px) {
  .HomeF2 .list .Ctitle .h3 { font-size: 18px; }
  .HomeF2 .list .Ctitle .h4 { font-size: 16px; }
  .HomeF2 .list .Ctitle { padding: 40px; }
  .HomeF2 .list .bg { background: no-repeat left center; }
  .HomeF2 .list .bg { height: 460px; padding-top: 0;background-size: cover; }
  .HomeF2 .list .item .view:hover .bgmask { background-color: rgba(0, 64, 152, 0.5); opacity: 1; }
  .HomeF2 .list .item .view:hover .Ctitle { display: none; }
  .HomeF2 .list .item .view:hover .viewCon { display: block; }
  .HomeF2 .list .viewCon .tb { display: table; width: 100%; height: 100%; }
  .HomeF2 .list .viewCon .tbc { display: table-cell; vertical-align: middle; color: #fff; text-align: center; width: 100%; height: 100%; }
  .HomeF2 .list  .Vtitle .h3 { font-size: 24px; font-weight: normal; }
  .HomeF2 .list  .Vtitle .h4 { font-size: 22px; font-weight: normal; }
  .HomeF2 .list  .Vtitle .i { width: 30px; height: 4px; background: #fff; margin: 10px auto 20px; display: block; }
  .HomeF2 .list .viewCon .dl { width: 80%; max-width: 250px; margin: 0 auto; min-height: 125px; }
  .HomeF2 .list .viewCon .dl a { display: block; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: left; line-height: 44px; color: #fff; position: relative; padding-right: 40px; }
  .HomeF2 .list .viewCon .dl a .icon { position: absolute; right: 0; top: 0; width: 40px; height: 100%; background: url('../images/btnright03.png') no-repeat center; }
}
@media screen and (min-width:1600px) {
  .HomeF2 .list .spanbtn { width: 62px; height: 62px; line-height: 62px; }
  .HomeF2 .list .owl-prev { height: 62px; margin-top: -31px; left: 80px; }
  .HomeF2 .list .owl-next { height: 62px; margin-top: -31px; right: 80px; }
}
.HomeF3 { background: url('../images/homebg02.jpg') repeat-y bottom center; }
.HomeF3 .list { padding-top: 10px; }
.HomeF3 .list li { margin-top: 20px; }
.HomeF3 .list .libox { }
.HomeF3 .list .imgBox { position: relative; background: #fff; border-radius: 100%; overflow: hidden; margin: 0 auto; padding: 15px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.3) }
.HomeF3 .list .imgView { width: 220px; height: 220px; margin: 0 auto; padding: 20px; border-radius: 100%; position: relative; border-radius: 100%; }
.HomeF3 .list .imgView .txtBoxhover { display: none; }
.HomeF3 .list .imgBox .img { border-radius: 100%; border: 1px solid #ddd; padding: 15px; }
.HomeF3 .list .libox .txt { text-align: center; }
.HomeF3 .list .libox .txt .i { display: block; width: 2px; height: 20px; margin: 0 auto; background: #7abfe7; }
.HomeF3 .list .libox .txt .num { font-size: 28px; color: #333; font-family: 'Oswald'; font-weight: bold; padding-top: 10px; }
.HomeF3 .list .libox .txt .title { font-size: 18px; padding: 10px 0; }
.HomeF3 .pc{display: none;}
.HomeF3 .wap .owl-carousel .owl-dots {width: 100%; text-align: center; font-size: 0; padding-top: 15px; }
.HomeF3 .wap .owl-carousel .owl-dot { margin: 0 3px; display: inline-block; width: 10px; height: 10px; border-radius: 100%; background: rgba(0,0,0,0.5); border-radius: 100%; }
.HomeF3 .wap .owl-carousel .owl-dot.active { background: #e50012; }

@media screen and (min-width:640px) {

}
@media screen and (min-width:1024px) {
  .HomeF3 .pc{display: block;}
  .HomeF3 .wap{display: none;}
  .HomeF3 .list ul { font-size: 0; margin: 0 -10px; }
  .HomeF3 .list li { font-size: 14px; padding: 0 10px; display: inline-block; width: 50%; vertical-align: top; }

  .HomeF3 .list .imgView { width: 230px; height: 230px; }
  .HomeF3 .list { padding-top: 50px; }
  .HomeF3 .list li { width: 25%; margin-top: 0; cursor: pointer; }
  .HomeF3 .list li .txtBoxWap { display: none; }
  .HomeF3 .list .libox .txt .num { font-size: 38px; }
  .HomeF3 .list li .txtBoxhover { display: none; position: absolute; color: #fff; left: 0; top: 0; width: 100%; height: 100%; border-radius: 100%; background: url('../images/libg.png') no-repeat center; background-size: cover; }
  .HomeF3 .list li .txtBoxhover .tbbox { position: absolute; width: 80%; height: 80%; left: 10%; top: 10%; }
  .HomeF3 .list li .txtBoxhover .tb { display: table; width: 100%; height: 100%; }
  .HomeF3 .list li .txtBoxhover .tbc { display: table-cell; width: 100%; height: 100%; vertical-align: middle; }
  .HomeF3 .list li .txtBoxhover .txtView { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; line-height: 24px; max-height: 144px; font-size: 16px}
  .HomeF3 .list li:hover .txtBoxhover { display: block; }
  .HomeF3 .list li:hover .libox .txt .num { color: #0093dd; }
  .HomeF3 .list li:hover .libox .txt .title { font-weight: bold; }
}
@media screen and (min-width:1300px) {
  .HomeF3 .list .imgView { width: 320px; height: 320px; }
  .HomeF3 .list { padding-top: 70px; }
}
.HomeF4 { background: url('../images/homebg03.jpg') repeat-y top center; }
@media screen and (max-width:1500px){
.HomeF4 .auto{padding: 0 2%}    
}

.HomeF4 .HomeTitle .h3{color:#004ca3; }
.HomeF4 .list { margin-top: 30px; }
.HomeF4 .list .libox { display: block; }
.HomeF4 .list .imgView { padding-top: 15px; position: relative; }
.HomeF4 .list .imgView .time { width: 60px; padding: 10px 0; background-color: #0093dd; text-align: center; font-family: 'Oswald'; color: #fff; position: absolute; left: 15px; top: 0;z-index: 1; }
.HomeF4 .list .imgView .time b { font-weight: normal; display: block; font-size: 28px; }
.HomeF4 .list .imgView .time span { font-weight: normal; display: block; font-size: 14px; }
.HomeF4 .list .img { overflow: hidden;width: 100%;height: 0;padding-bottom: 54.5%;position: relative; }
.HomeF4 .list .img img { width: 100%; position: absolute;left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);transform:translate(-50%,-50%);}
.HomeF4 .list .txtbox { padding: 15px 0; }
.HomeF4 .list .txtbox .h3 { color: #333; font-weight: normal; font-size: 16px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; margin-bottom: 10px; }
.HomeF4 .list .txtbox .txt { color: #999; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 24px; height: 48px; }
.HomeF4 .list .spanbtn img { vertical-align: middle; }
.HomeF4 .list .spanbtn { width: 40px; height: 40px; display: block; text-align: center; line-height: 40px; background: #0093dd; }
.HomeF4 .list .spanbtn:hover { background-color: #e50012; }
.HomeF4 .list .owl-nav { padding-top: 20px; text-align: center; font-size: 0; }
.HomeF4 .list .owl-nav .owl-prev { display: inline-block; margin: 0 5px; }
.HomeF4 .list .owl-nav .owl-next { display: inline-block; margin: 0 5px; }
@media screen and (min-width:1200px) {
  .HomeF4 .list .txtbox { padding: 30px 0 15px; }
  .HomeF4 .list .imgView .time { width: 68px; }
  .HomeF4 .list .txtbox .h3 { margin-bottom: 20px; }
}
@media screen and (min-width:1600px) {
  .HomeF4 .list .owl-nav { padding-top: 40px; }
  .HomeF4 .list .spanbtn { width: 62px; height: 62px; line-height: 62px; }
}
.HomeF5 { background: url('../images/homebg04.jpg') repeat-y top center; }
.HomeF5 .list { margin-top: 20px; }
.HomeF5 .list .owl-stage-outer { border-right: 1px solid #e6e6e6; }
.HomeF5 .list .Vitem { border: 1px solid #e6e6e6; border-right: none; }
.HomeF5 .list .Vitem .img { display: block; }
.HomeF5 .list .Vitem .imgView { overflow: hidden; }
.HomeF5 .list .Vitem.odd { border-top: none; }
.HomeF5 .list .Vitem .bg { display: none; }
@media screen and (min-width:768px) {
  .HomeF5 .list { margin-top: 40px; }
}
@media screen and (min-width:1200px) {
  .HomeF5 .list { margin-top: 60px; }
}

@media screen and (min-width:1400px) {
  .HomeF5 { padding-top: 135px; }
}

.HomeF5 .list .spanbtn img { vertical-align: middle; }
.HomeF5 .list .spanbtn { width: 40px; height: 40px; display: block; text-align: center; line-height: 40px; background: #0093dd; }
.HomeF5 .list .spanbtn:hover { background-color: #e50012; }
.HomeF5 .list .owl-nav { padding-top: 20px; text-align: center; font-size: 0; }
.HomeF5 .list .owl-nav .owl-prev { display: inline-block; margin: 0 5px; }
.HomeF5 .list .owl-nav .owl-next { display: inline-block; margin: 0 5px; }
.HomeF5 .list .owl-carousel .owl-nav {display: block}
@media screen and (min-width:1200px) {
  .HomeF5 .list .owl-stage-outer { padding: 20px 0; }
  .HomeF5 .list .Vitem { position: relative; z-index: 2; }
  .HomeF5 .list .Vitem .img .bg { display: block; opacity: 0; width: 100%; height: 100%; position: absolute; z-index: 3; left: 0; top: 0; background: url('../images/libg.png') no-repeat center; background-size: cover; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
  .HomeF5 .list .Vitem .img .bg .tbbox { width: 80%; margin: 0 auto; text-align: center; height: 100%; color: #fff; }
  .HomeF5 .list .Vitem .img .bg .tb { display: table; width: 100%; height: 100%; }
  .HomeF5 .list .Vitem .img .bg .tbc { display: table-cell; vertical-align: middle; width: 100%; height: 100%; }
  .HomeF5 .list .Vitem .img:hover .bg { opacity: 1; -webkit-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); }
  .HomeF5 .list .Vitem .img .imgView img { -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
  .HomeF5 .list .Vitem .img:hover .imgView img { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); }
}

/* 首页 */

/* 底部响应处理 */

.Bottom002626 .icon.gettop { position: fixed; z-index: 88; top: auto; bottom: 160px; margin-bottom: -45px; }
@media screen and (min-width:1600px) {
  .HomeF5 .list .owl-nav { padding-top: 40px; }
  .HomeF5 .list .spanbtn { width: 62px; height: 62px; line-height: 62px; }
}
.Floor001946 { overflow: hidden; }
@media screen and (max-width:640px) {
  /* .Floor001946 .contact { display: block; } */
  /* .Floor001946 .contact a { display: block; width: 100%; } */
  .Floor001946 .contact dd span{display: none;}
  .Floor001946 .contact dd { padding: 20px 0; padding-left: 62px; }
  .Floor001946 .auto_1400 { padding: 0; }

  .Floor001946 .contact dd{padding-left: 0; text-align: center;}
  .Floor001946 .contact dd::before{position: static; margin: 0px auto 15px; display: block;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }


}
@media screen and (max-width:1024px) {
  .Bottom002626 { padding: 10px 0; }
  .Bottom002626 .bottom { display: none; }
  .Bottom002626 footer { padding: 15px 0; border-top: none; }
}
@media screen and (max-width:768px) {
  .Bottom002626 .copyright dt { float: none; text-align: center; }
  .Bottom002626 .copyright dd { float: none; text-align: center; }
}
@media screen and (max-width:768px) {
  .Banner002167 aside { max-width: 1400px; padding: 0 2%; line-height: 24px; font-size: 18px; margin-top: 0; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
  .Banner002167 aside span { font-size: 20px; }
  .Menu002188 .Menu li { padding: 0 20px 0 0; }
  .Menu002188 .Menu li a { font-size: 16px; padding: 10px 0; }
}

/* 底部响应处理 */

/* 产品过滤 */
.ProFilter {padding: 15px 0; background: #f8f9fb; }
.ProFilter .FilterItem{margin-top: 10px;}
.ProFilter .FilterItem .Itemh3{font-size:16px; padding: 10px ;}
.ProFilter .FilterItem .Fsearch{position: relative; padding:8px 0; padding-right: 40px; border:1px solid #e6e6e6;}
.ProFilter .FilterItem .Fsearch input{height: 24px;display: block; width: 100%; padding: 0 10px;}
.ProFilter .FilterItem .Fsearch .btn{ position: absolute; display:block; right: 0;top: 0; height: 100%; width: 40px; background: url('../images/searchbtnon01.png') no-repeat center; }

.ProFilter .FilterItem .Fscrollbtn{line-height: 45px; background-color:#f8fdff; padding: 0 45px 0 15px; position: relative;}
.ProFilter .FilterItem .Fscrollbtn .icon{display: block; position: absolute; right: 0;top:0;width: 45px;height: 100%;background:url('../images/btndown.png') no-repeat center;}

.ProFilter .FilterItem .Fscroll{display: none;}
.ProFilter .FilterItem .Fscroll{max-height: 280px;height: 200px; overflow: hidden;background-color:#f8fdff;}
.ProFilter .FilterItem .Fscroll li.liall{display: none;}
.ProFilter .FilterItem .Fscroll li a{display: block; color: #333; padding: 8px 15px;line-height:20px; background-color:#f8fdff;}
.ProFilter .FilterItem .Fscroll li a:hover,.ProFilter .FilterItem .Fscroll li a.on{background-color:#0093dd; color: #fff;}
.ProFilter .FilterItem .Fscroll .mCSB_inside > .mCSB_container{margin-right:10px;}
.ProFilter .FilterItem .Fscroll .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background:#004ca3;width:10px; border-radius: 0;}
.ProFilter .FilterItem .Fscroll .mCSB_scrollTools .mCSB_draggerRail{background:#deebf0;width:10px; border-radius: 0;}

.ProFilter .FilterItem .Fscroll  .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y{margin-right: 0;}


.ProFilter  .ProFilterRes{padding: 20px 0; font-size:0; overflow: hidden; margin:0 -5px;}
.ProFilter  .ProFilterRes a{display: inline-block; font-size:14px;color: #333; text-align: center; margin:5px; border:1px solid #e6e6e6; position: relative; padding: 10px 25px;}
.ProFilter  .ProFilterRes a .i{position: absolute; right: 0;top:0; background:#ccc url('../images/close.png') no-repeat center; width: 18px;height:18px; }

.ProFilter .ProFilterResClear{font-size:0; padding-top: 0px;padding-bottom: 20px;margin: 0 15px}
.ProFilter .ProFilterResClear .btn{font-size: 16px; margin-right: 20px; display: inline-block; padding: 10px 25px; border:1px solid #0093dd; color: #0093dd;}
.ProFilter .ProFilterResClear .btn:hover,
.ProFilter .ProFilterResClear .btn.btnOn{background:#004ca3; border-color: #004ca3; color: #fff;}


@media screen and (min-width:768px) {
.ProFilter .FilterItemView{font-size:0; margin:0 -5px;}
.ProFilter .FilterItem{ font-size: 14px;vertical-align: top; display: inline-block; width: 50%; padding:0 5px; }
.ProFilter .FilterItem .Fscrollbtn{display: none;}

.ProFilter .FilterItem .Fscroll,.ProFilter .FilterItem .Fscroll li.liall{display: block;}
}

@media screen and (min-width:1024px) {
  .ProFilter{padding: 20px 0 60px;}
  .ProFilter .FilterItem{margin-top: 0;}
  .ProFilter .FilterItemView{margin:0 -15px;}
  .ProFilter .FilterItem{width: 25%; padding: 0 15px;}
  .ProFilter .ProFilterRes{padding: 15px 0;}

}

.ProTable{padding: 15px; background:#fff;}
.ProTable .ProTableTop{padding: 10px; background:#0093dd;}
.ProTable .ProTableTopView{ position: relative; padding-right: 120px; }
.ProTable .ProTableTopView .Inputbox{height: 35px;width: 100%;max-width:380px; position: relative; padding-right: 30px; background:#fff;}
.ProTable .ProTableTopView .Inputbox input{height: 35px;line-height: 35px;display: block; width: 100%; padding: 0 10px;}
.ProTable .ProTableTopView .Inputbox .btn{ position: absolute; display:block; right: 0;top: 0; height: 100%; width: 35px; background: url('../images/searchbtnon01.png') no-repeat center; }
.ProTable .ProTableTopView .Downbtn{background: #fff;color:#666; width: 110px; padding: 0 5px; text-align: center;height: 35px; display:block; line-height:35px; position: absolute; right: 0; top: 0; }
.ProTable .ProTableTopView .Downbtn img{vertical-align: middle;}


.ProTable .TableCon .list{width:100%;position:relative;}
.ProTable .TableCon .list table{border-collapse:collapse;}
.ProTable .TableCon .list table th{color: #333;font-weight: normal; vertical-align: top; }
.ProTable .TableCon .list table th .thtxt{margin-top: 20px;}
.ProTable .TableCon .list table th,
.ProTable .TableCon .list table td{width: 200px; border:1px solid #e6e6e6;padding:5px 15px;height: 70px; text-align:center;background:#fff;white-space:nowrap;}
.ProTable .TableCon .list .table-right table th:nth-child(1),
.ProTable .TableCon .list .table-right table tr td:nth-child(1){width: 120px;}
.ProTable .TableCon .list table tr:hover td{background:#f5f5f5;}
.ProTable .TableCon .list .table-right table{ width:3780px;}
.ProTable .TableCon .list table th{height: 80px; background:#ececec;}
.ProTable .TableCon .table-left{position:absolute;top:0; left:0}
.ProTable .TableCon .table-right{overflow:hidden;}
.ProTable .TableCon .tablescoll{overflow:hidden; }
.ProTable .TableCon .list table{width: 100%}
.ProTable .mCSB_horizontal.mCSB_inside > .mCSB_container{margin-bottom: 0;}

.ProTable .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{background:#004ca3; height: 10px; border-radius: 0;}
.ProTable .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{height: 10px;background:#deebf0; border-radius: 0;}
.ProTable .TableCon .img{display: inline-block;}
.ProTable .TableCon .img img{border:1px solid #ddd; height: 45px;}
.ProTable .TableCon .img .btn{padding-top: 10px; display: block; line-height: 24px; color: #004ca3;  vertical-align: middle;display: none}
.ProTable .TableCon .img .btn .fdicon{vertical-align: middle; display: inline-block; width:24px;height: 24px;background: url('../images/fdicon.png') no-repeat center;}
.ProTable .TableCon .thtxt .icon{display: none;}

 

@media screen and (min-width:768px) {
  .ProTable .ProTableTopView .Inputbox{height: 50px;}
  .ProTable .ProTableTopView .Inputbox input{height: 50px;line-height: 50px;}
  .ProTable .ProTableTopView .Inputbox .btn{width: 50px;}
  .ProTable .ProTableTopView .Downbtn{height: 50px; line-height: 50px;}
  .ProTable .ProTableTop{padding: 15px 20px;}
   .ProTable .TableCon .thtxt{display: inline-block; padding-right: 30px;position: relative;}
  .ProTable .TableCon .thtxt.pr{padding-right: 0;}
  .ProTable .TableCon .thtxt .icon{display: block; position: absolute; width: 20px; right:0;top:5px;}
.ProTable .TableCon .list .table-right table th:nth-child(1) .thtxt{padding-right: 0;}

}


@media screen and (min-width:1024px) {
  .ProTable{padding: 40px; }
}




/* 产品过滤 */



.MainView { padding: 30px 0; }

@media screen and (min-width:768px) {
  .MainView { padding: 60px 0; }
}

@media screen and (min-width:1400px) {
  .MainView { padding: 85px 0; }
}

/* 产品应用指南  */
.TotApp{}
.TotAppNav {position: relative;}

.TotAppNav .item {padding-bottom: 15px;}
.TotAppNav .item .libox{position: relative; display: block; padding: 20px 10px; background-color:#0093dd; color: #fff; font-size: 0;}
.TotAppNav .item .libox .i{display: none; width: 0;height: 0; position: absolute; left: 50%; top: 100%; border-left: 10px solid transparent; border-right:10px solid transparent;
    border-top: 10px solid #004ca3;
}

.TotAppNav .item.itemon .libox .i{display: block;}
.TotAppNav .item.itemon .libox{background:#004ca3; }

.TotAppNav .item .libox .img{width:50%;display: inline-block; padding: 0 10px; vertical-align: middle; font-size: 14px; text-align: center; }
.TotAppNav .item .libox .img img{display: inline-block; width:100%; max-width:100px;}
.TotAppNav .item .libox .txt{width:50%;display: inline-block; vertical-align: middle; font-size: 14px;}

.TotAppNav .spanbtn img { vertical-align: middle; }
.TotAppNav .spanbtn { width: 30px; height: 30px; display: block; text-align: center; line-height: 30px; background: rgba(255, 255, 255, 0.5); }
.TotAppNav .owl-prev { position: absolute; top: 50%; height: 30px; margin-top: -25px; left: 0; }
.TotAppNav .owl-next { position: absolute; top: 50%; height: 30px; margin-top: -25px; right: 0; }

.TotAppCon{padding-top:20px;}
.TotAppCon .ul li{margin-bottom: 15px;}
.TotAppCon ul li .litop{background-color:#f8f8f8; color: #333; padding:15px; position: relative; padding-right: 40px; }
.TotAppCon ul li.lion .litop{background-color:#e5edf6; color:#0093dd; }
.TotAppCon ul li .litop .icon{position: absolute; cursor: pointer; right: 0; top: 0; width: 40px;height: 100%;background:url('../images/jia.png') no-repeat center center;}
.TotAppCon ul li.lion .litop .icon{background-image: url('../images/jia1.png');}
.TotAppCon ul li .liCon{display: none; padding: 15px; border:1px solid #ddd; border-top: none;}

.TotAppCon ul li .liCon dl{ font-size: 0; margin: 0 -8px;}
.TotAppCon ul li .liCon dd{text-align: center; font-size: 14px; width: 33.33%; display: inline-block; padding: 8px;vertical-align: top;}
.TotAppCon ul li .liCon dd .txt{padding-top: 5px;}
.TotAppCon ul li .liCon dd .ddA{}
.TotAppCon ul li .liCon dd .ddA .img{}
.TotAppCon ul li .liCon dd .ddA .img img{ width: 100%; }

@media screen and (min-width:768px) {
  .TotAppCon ul li .liCon dd{width:20%; }
}

@media screen and (min-width:1024px) {
  .TotAppCon ul li .liCon dd{width:12.5%; }
  .TotAppNav .spanbtn { width: 40px; height: 40px; line-height: 40px;}
  .TotAppNav .owl-prev { position: absolute; top: 50%; height: 40px; margin-top: -30px; left: 0; }
  .TotAppNav .owl-next { position: absolute; top: 50%; height: 40px; margin-top: -30px; right: 0; }
  .TotAppCon ul li .litop{font-size: 18px;}
  .TotAppCon ul li .liCon{padding:20px;}
  .TotAppCon ul li .liCon dd .txt{font-size: 16px; padding-top: 10px;}
  .TotAppCon .ul li{margin-bottom: 24px;}
}

@media screen and (min-width:1600px) {
  .TotAppNav .spanbtn { width: 62px; height: 62px; line-height: 62px; background:#0093dd; }
  .TotAppNav .owl-prev { height: 62px; margin-top: -41px; left: -80px;}
  .TotAppNav .owl-next { height: 62px; margin-top: -41px; right: -80px; }
}

/* 产品应用指南  */



/*20201120*/
.ProTable.fix .fixth {
  position: fixed;
  top: 0;
  z-index: 20;
}
.ProTable .TableCon .table-left{
  z-index: 100;
}

.ProTable .TableCon .list table th, .ProTable .TableCon .list table td {
  padding: 0;
  min-width: 200px;
  max-width: 200px;
  vertical-align: middle;
}
.ProTable .TableCon .list table th .thtxt{
  margin-top: 0;
}
@media screen and (max-width:640px) {
  .ProTable .TableCon .list table th,
  .ProTable .TableCon .list table td{ min-width:100px; max-width:100px;}
  .ProTable .TableCon .list .table-right table{ width:2100px;}
  .ProTable.fix .fixth{ position: relative;}
}