@charset "utf-8";
@font-face {
  font-family: 'iconfont';  /* project id 1681644 */
  src: url('//at.alicdn.com/t/font_1681644_n9bsmab9fv.eot');
  src: url('//at.alicdn.com/t/font_1681644_n9bsmab9fv.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_1681644_n9bsmab9fv.woff2') format('woff2'),
  url('//at.alicdn.com/t/font_1681644_n9bsmab9fv.woff') format('woff'),
  url('//at.alicdn.com/t/font_1681644_n9bsmab9fv.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_1681644_n9bsmab9fv.svg#iconfont') format('svg');
}
@font-face {
  font-family: 'GraphikWeb'; 
  src: url('../fonts/GraphikWeb.eot');
  src: url('../fonts/GraphikWeb.eot?#iefix') format('embedded-opentype'),
  url('../fonts/GraphikWeb.woff2') format('woff2'),
  url('../fonts/GraphikWeb.woff') format('woff'),
  url('../fonts/GraphikWeb.ttf') format('truetype'),
  url('../fonts/GraphikWeb.svg#iconfont') format('svg');
}

body{ font-family:"Arial"; background-color:#fff;  overflow-x:hidden;}
a{ color:#333; text-decoration:none; outline: medium none;}
a:link,a:visited{text-decoration: none;}
a:hover{text-decoration:none;color:#002870;}
img,li{ vertical-align:top; border:0px}
img{ max-width:100%;}
address{ font-style: normal;}
.clear{clear:both;}
.iconfont{font-family:iconfont!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
*{margin:0px;padding:0px;}
ul{ list-style-type:none;}
b{ font-weight: inherit; font-weight: normal; color: #333;}
ul,li,h5,dt,dd,img{margin:0px;padding:0px;}
html,body,b,div,dl,dt,dd,ul,li,h1,h2,h3,h4,h5,h6,img,pre,form,p,input,td {margin:0px auto;padding:0;}
body,td,th{ font-family:"Arial";font-size:12px;}
input{font-family:"Arial"; border:0; outline:medium;}
.container{  margin: 0px auto; clear: both; position: relative;}

@media (min-width:1200px){
	.container{ width: 1200px;}
}
@media (min-width:1400px){
	.container{ width: 1400px;}
}
@media (min-width:1px) and  (max-width:1199px){
	.container{ margin-left: 15px; margin-right: 15px;}
}
*{margin:0px;padding:0px;}
ul{ list-style-type:none;}
b{ font-weight: inherit; font-weight: normal; color: #362f2f;}
ul,li,h5,dt,dd,img{margin:0px;padding:0px;}
html,body,b,div,dl,dt,dd,ul,li,h1,h2,h3,h4,h5,h6,img,pre,form,p,input,td {margin:0px auto;padding:0;}
body,td,th{ font-family:'Arial';font-size:12px;}
input{font-family:'Arial'; border:0; outline:medium;}

/*region 头部*/
.header{ width: 100%; float: left; height: auto;}
.fis_show{ position: fixed; left: 0px; top: 0px; right: 0px; z-index: 99; background: rgba(255,255,255,0.9);}
@media (min-width:1400px){
	.header>.container{ width: 1300px; padding-left: 50px; padding-right: 50px;}
}
@media (min-width:1200px) and  (max-width:1399px){
	.header>.container{ width: 1100px; padding-left: 50px; padding-right: 50px;}
}
/*Logo*/
.header>.container>.logo{ width: 241px; float: left; height: auto; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;}
.header>.container>.logo>a>img{ height: 108px; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;}
.fis_show>.container>.logo>a>img{ height: 90px}
/*导航*/
.header>.container>.jdmenu{ width: calc(100% - 241px); float: right; text-align: right; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;}
.header>.container>.jdmenu>#jdmenu{ display: inline-block; padding-top: 60px; position: relative; z-index: 99;}
.header>.container>.jdmenu>#jdmenu>li{ display: inline-block; position: relative;}
.header>.container>.jdmenu>#jdmenu>li:before{ content: ""; position: absolute; left: 0px; top: 0px; height: 0px; border-left: 1px solid #0d0d0d; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;}
.header>.container>.jdmenu>#jdmenu>li>a{ color: #000; display: block; font-family: 'GraphikWeb'; font-size: 20px; font-weight: bold; padding: 0px 18px 20px 18px;}
.header>.container>.jdmenu>#jdmenu>li:nth-child(3):hover:before,.header>.container>.jdmenu>#jdmenu>li:nth-child(6):hover:before{ height: 170px;}

.fis_show>.container>.jdmenu>#jdmenu{ padding-top: 30px;}

@media (min-width:991px){
	.header>.container>.jdmenu>#jdmenu>li:nth-child(1){ display: none;}
}
/*二级导航*/
.header>.container>.jdmenu>#jdmenu>li>.dropdown{ min-width: 420px; position: absolute; left: -205px; top: 40px; right: 0px; z-index: 99; display: none;}
.header>.container>.jdmenu>#jdmenu>li>.dropdown>ul{ float: left;}
.header>.container>.jdmenu>#jdmenu>li>.dropdown>ul>li{ width: 176px; float: left; height: 130px;line-height: 130px; border-radius: 5px; background: #959595; text-align: center; margin: auto 15px; position: relative; overflow: hidden;}
.header>.container>.jdmenu>#jdmenu>li>.dropdown>ul>li>img{ width: 100%; height: 100%; opacity:.9; -webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s; -webkit-transform:scale(1,1);transform:scale(1,1)}
.header>.container>.jdmenu>#jdmenu>li>.dropdown>ul>li>a{ position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; font-size: 16px; font-family: 'GraphikWeb'; color: #000; z-index: 99;}
.header>.container>.jdmenu>#jdmenu>li>.dropdown>ul>li:hover>img{ opacity:0.2; scale(1.05,1.05); transform:scale(1.05,1.05)}
/*导航图标*/
.header>.container>.jdmenu>.navicon{ display: inline-block; letter-spacing: 2px; float: right; padding-top: 60px; color: #000; font-weight: bold; font-size: 20px; font-family: 'GraphikWeb'; position: relative;}
.header>.container>.jdmenu>.navicon>.iconfont{ color: #000; font-weight: bold; font-size: 20px; padding-right: 5px;}
.header>.container>.jdmenu>.navicon>a{ font-size: 20px; color: #000;}
.header>.container>.jdmenu>.navicon>.searchfor{ cursor: pointer;}
.header>.container>.jdmenu>.navicon>.searchform{ width: 200px; position: absolute; bottom: -40px; right: 0px; background: #1f838d; z-index: 10; display: none;}
.header>.container>.jdmenu>.navicon>.searchform>form>input{ background: none; width: 85%; float: left; border: 0; line-height: 30px; text-indent: 10px; color: #fff;}
.header>.container>.jdmenu>.navicon>.searchform>form>button{ background: none; width: 15%; line-height: 30px float: left;  border: 0;  padding-right: 5px; color: #fff; cursor: pointer;}
.header>.container>.jdmenu>.navicon>.searchform>form>input::-webkit-input-placeholder{ color:#fff;}
.header>.container>.jdmenu>.navicon>.searchform>form>input:-moz-placeholder{ color:#fff;}
.header>.container>.jdmenu>.navicon>.searchform>form>input::moz-placeholder{ color:#fff;}
.header>.container>.jdmenu>.navicon>.searchform>form>input:-ms-input-placeholder{ color:#fff;}
.fis_show>.container>.jdmenu>.navicon{ padding-top: 30px;}
#keyForm{ position: relative;}
#keyForm .fuzzykeywords{ position: absolute; top: 27px; left: 0px; right: 0px; z-index: 9; background: #fff; box-shadow: 0px 0px 20px 2px #f5f5f5; max-height: 350px; overflow-y: auto; display: none; text-align: center;}
#keyForm .fuzzykeywords li{ width: calc(100% - 30px); float: left; height: auto; text-align: left; line-height: 30px; cursor: pointer; padding: 0px 15px; font-size: 16px; font-family: 'GraphikWeb'; color: #000;}
#keyForm .fuzzykeywords li:hover{ background: #c72416; color: #fff;}
/*手机导航*/
.header>.container>.menu_btn{ width: 28px; height: 30px; float: right; margin-top: 30px; cursor: pointer; position: relative; display: none;}
.header>.container>.menu_btn>.menu_btn_top{ position:absolute; top:5px; left:50%; width:28px; height:3px; border-radius:1.5px; background:#1f1f1f; -webkit-transition:top .3s,background-color .3s,transform .3s cubic-bezier(.5,.2,.6,1.4),-o-transform .3s cubic-bezier(.5,.2,.6,1.4),-ms-transform .3s cubic-bezier(.5,.2,.6,1.4),-moz-transform .3s cubic-bezier(.5,.2,.6,1.4),-webkit-transform .3s cubic-bezier(.5,.2,.6,1.4);transition:top .3s,background-color .3s,transform .3s cubic-bezier(.5,.2,.6,1.4),-o-transform .3s cubic-bezier(.5,.2,.6,1.4),-ms-transform .3s cubic-bezier(.5,.2,.6,1.4),-moz-transform .3s cubic-bezier(.5,.2,.6,1.4),-webkit-transform .3s cubic-bezier(.5,.2,.6,1.4);-webkit-transform:translate(-50%,-50%) rotate(0);-moz-transform:translate(-50%,-50%) rotate(0);-o-transform:translate(-50%,-50%) rotate(0);transform:translate(-50%,-50%) rotate(0);-ms-transform:translate(-50%,-50%) rotate(0);}
.header>.container>.menu_btn>.menu_btn_med{ position:absolute; top:15px; left:50%; width:28px; height:3px; border-radius:1.5px; background:#1f1f1f; -webkit-transition:top .3s,background-color .3s,transform .3s cubic-bezier(.5,.2,.6,1.4),-o-transform .3s cubic-bezier(.5,.2,.6,1.4),-ms-transform .3s cubic-bezier(.5,.2,.6,1.4),-moz-transform .3s cubic-bezier(.5,.2,.6,1.4),-webkit-transform .3s cubic-bezier(.5,.2,.6,1.4);transition:top .3s,background-color .3s,transform .3s cubic-bezier(.5,.2,.6,1.4),-o-transform .3s cubic-bezier(.5,.2,.6,1.4),-ms-transform .3s cubic-bezier(.5,.2,.6,1.4),-moz-transform .3s cubic-bezier(.5,.2,.6,1.4),-webkit-transform .3s cubic-bezier(.5,.2,.6,1.4);-webkit-transform:translate(-50%,-50%) rotate(0);-moz-transform:translate(-50%,-50%) rotate(0);-o-transform:translate(-50%,-50%) rotate(0);transform:translate(-50%,-50%) rotate(0);-ms-transform:translate(-50%,-50%) rotate(0);}
.header>.container>.menu_btn>.menu_btn_bot{ position:absolute; top:25px; left:50%; width:28px; height:3px; border-radius:1.5px; background-color:#1f1f1f; -webkit-transition:top .3s,background-color .3s,transform .18s cubic-bezier(.5,.2,.6,1.4) .12s,-o-transform .18s cubic-bezier(.5,.2,.6,1.4) .12s,-ms-transform .18s cubic-bezier(.5,.2,.6,1.4) .12s,-moz-transform .18s cubic-bezier(.5,.2,.6,1.4) .12s,-webkit-transform .18s cubic-bezier(.5,.2,.6,1.4) .12s;transition:top .3s,background-color .3s,transform .18s cubic-bezier(.5,.2,.6,1.4) .12s,-o-transform .18s cubic-bezier(.5,.2,.6,1.4) .12s,-ms-transform .18s cubic-bezier(.5,.2,.6,1.4) .12s,-moz-transform .18s cubic-bezier(.5,.2,.6,1.4) .12s,-webkit-transform .18s cubic-bezier(.5,.2,.6,1.4) .12s;-webkit-transform:translate(-50%,-50%) rotate(0);-moz-transform:translate(-50%,-50%) rotate(0);-o-transform:translate(-50%,-50%) rotate(0);transform:translate(-50%,-50%) rotate(0);-ms-transform:translate(-50%,-50%) rotate(0);}
.header>.container>.menu_btn[type=close]>.menu_btn_top{ top:50%; background:#1f1f1f; -webkit-transform:translate(-50%,-50%) rotate(135deg); -moz-transform:translate(-50%,-50%) rotate(135deg); -o-transform:translate(-50%,-50%) rotate(135deg); transform:translate(-50%,-50%) rotate(135deg); -ms-transform:translate(-50%,-50%) rotate(135deg);}
.header>.container>.menu_btn[type=close]>.menu_btn_med{ top:50%; background:#1f1f1f; -webkit-transform:translate(-50%,-50%) rotate(135deg); -moz-transform:translate(-50%,-50%) rotate(135deg); -o-transform:translate(-50%,-50%) rotate(135deg);transform:translate(-50%,-50%) rotate(135deg); -ms-transform:translate(-50%,-50%) rotate(135deg);}
.header>.container>.menu_btn[type=close]>.menu_btn_bot{ top:50%; background:#1f1f1f; -webkit-transform:translate(-50%,-50%) rotate(45deg); -moz-transform:translate(-50%,-50%) rotate(45deg); -o-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg); -ms-transform:translate(-50%,-50%) rotate(45deg);}

@media (min-width:992px) and  (max-width:1199px){
	.header>.container>.jdmenu>#jdmenu>li>a{ padding: 10px 14px;}
}
@media (min-width:1px) and  (max-width:991px){
    .header>.container>.logo{ width: 50%;}
    .header>.container>.logo>a>img{ height: 90px;}
    .fis_show>.container>.logo>a>img{ height: 60px}
    .fis_show>.container>.menu_btn{ margin-top: 15px;}
    .header>.container>.menu_btn{ display: block;}
	.header>.container>.jdmenu{ width: 220px; position: fixed; left: -220px; top: 0px; bottom: 0px; background: #1f838d; z-index: 99; overflow-x:hidden;overflow-y:auto;transition:all .5s ease;}
    .header>.container>.jdmenu>#jdmenu{ display: block; padding: 0px; text-align: left;}
    .header>.container>.jdmenu>#jdmenu>li{ width: calc(100% - 20px); float: left; height: auto; vertical-align:top; padding-left: 20px; margin-bottom: 15px;}
    .header>.container>.jdmenu>#jdmenu>li:nth-child(1){ width: 100%; background: #ffff!important; padding: 0; margin-bottom: 10px; text-align: center;}
    .header>.container>.jdmenu>#jdmenu>li:nth-child(1)>a{ padding: 0;}
    .header>.container>.jdmenu>#jdmenu>li:nth-child(1)>a>img{ height: 90px;}
    .header>.container>.jdmenu>#jdmenu>li>a{ color: #f5f5f5; font-size: 16px; padding: 0px; font-weight: bold;}
    .header>.container>.jdmenu>#jdmenu>li>.dropdown{ width: 100%; float: left; position: inherit; display: block; top: inherit; left: inherit!important; min-width: inherit;}
    .header>.container>.jdmenu>#jdmenu>li>.dropdown>ul{ width: calc(100% - 15px); float: inherit; padding-left: 15px;}
    .header>.container>.jdmenu>#jdmenu>li>.dropdown>ul>li{ width: 100%; min-width: inherit; height: auto; line-height: 30px; background: none; text-align: left; margin: 0px;}
    .header>.container>.jdmenu>#jdmenu>li>.dropdown>ul>li>img{ display: none;}
    .header>.container>.jdmenu>#jdmenu>li>.dropdown>ul>li>a{ position: inherit; color: #fff; font-size: 14px;}
    .header>.container>.jdmenu>.navicon{ float: left; padding: 15px 0px 0 9px; font-size: 16px; text-align: left; text-indent: 9px; color: #f5f5f5;}
    .header>.container>.jdmenu>.navicon>a{ color: #f5f5f5; font-size: 16px;}
    .header>.container>.jdmenu>.navicon>.Language{ color: #fff; font-size: 16px;}
    .header>.container>.jdmenu>.navicon>.searchfor{ display: none;}
    .header>.container>.jdmenu>.navicon>.searchform{ display: table; position:inherit; width: calc(100% - 30px); padding: 5px; border: 1px solid #f5f5f5; bottom: -20px;}
    .header>.container>.jdmenu>.navicon>.searchform>form>input{ width: 85%; float: left; line-height: 24px;}
    .header>.container>.jdmenu>.navicon>.searchform>form>button{ width: 15%; float: left; line-height: 24px; padding: 0px;}
}
/*endregion*/

/*region*/
.bframe{ width: 100%; float: left; height: auto;}
.bframe>.container{position: relative; overflow: hidden;}
.bframe>.container>img{ opacity:.9; -webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s;-webkit-transform:scale(1,1);transform:scale(1,1)}
.bframe>.container>.cont{ position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; background: rgba(0,0,0,0.8); text-align: center; opacity: 0; -webkit-transition:opacity .5s,-webkit-transform .5s;transition:opacity .5s,transform .5s;-webkit-transform:scale(1,1);transform:scale(1,1)}
.bframe>.container>.cont>a>.context{ position:absolute;top:50%;left:50%;transform: translate(-50%,-50%);}
.bframe>.container>.cont>a>.context>h3{ font-size: 30px; font-weight: bold; text-transform: uppercase; font-family: 'GraphikWeb'; margin-bottom: 30px; color: #fff;}
.bframe>.container>.cont>a>.context>p{ font-size: 16px; line-height: 25px; color: #fff;}
.bframe>.container:hover>img{-webkit-transform:scale(1.05,1.05);transform:scale(1.05,1.05)}
.bframe>.container:hover>.cont{ opacity:1;-webkit-transform:scale(1.05,1.05);transform:scale(1.05,1.05)}
@media (min-width:1px) and  (max-width:991px){
    .bframe>.container>.cont>a>.context>h3{ font-size: 16px; margin-bottom: 15px;}
    .bframe>.container>.cont>a>.context>p{ display: none;}
}

/*endregion*/

/*region*/
.divframe{ width: 100%; float: left; height: auto; padding-top: 25px; padding-bottom: 25px;}
.divframe>.container{position: relative; overflow: hidden;}
.divframe>.container>img{ opacity:.9; -webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s;-webkit-transform:scale(1,1);transform:scale(1,1)}
.divframe>.container>.cont{ position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px;  text-align: center; opacity: 0; -webkit-transition:opacity .5s,-webkit-transform .5s;transition:opacity .5s,transform .5s;-webkit-transform:scale(1,1);transform:scale(1,1)}
.divframe>.container>.cont>a>.context{ position:absolute;top:50%;left:50%;transform: translate(-50%,-50%);}
.divframe>.container>.cont>a>.context>h3{ font-size: 30px; font-weight: bold; text-transform: uppercase; font-family: 'GraphikWeb'; margin-bottom: 30px; color: #333;}
.divframe>.container>.cont>a>.context>p{ font-size: 16px; line-height: 25px; color: #333;}
.divframe>.container:hover>img{ opacity:0.2; scale(1.05,1.05); transform:scale(1.05,1.05)}
.divframe>.container:hover>.cont{ opacity:1;-webkit-transform:scale(1.05,1.05);transform:scale(1.05,1.05)}
@media (min-width:1px) and  (max-width:991px){
    .divframe>.container>.cont>a>.context>h3{ font-size: 16px; margin-bottom: 15px;}
    .divframe>.container>.cont>a>.context>p{ display: none;}
}
/*endregion*/

/*region*/
.divframe1{ width: 100%; float: left; height: auto; background: #f5f5f5; padding: 30px 0; margin-top: 25px; text-align: center;}
.divframe1>.container>h3{ font-size: 30px; font-weight: bold; text-transform: uppercase; font-family: 'GraphikWeb'; margin-bottom: 20px;}
.divframe1>.container>p{ font-size: 16px; line-height: 25px; margin-bottom: 30px;}
.divframe1>.container>input{ width: 490px; line-height: 40px; background: #fff; border: 0; box-shadow: 0px 0px 25px 1px #e1e1e1; text-align: center; font-size: 16px; margin-bottom: 20px;}
.divframe1>.container>button{ width: 170px; line-height: 36px; background: #fff; border: 0; box-shadow: 0px 0px 25px 1px #e1e1e1; text-align: center; font-size: 16px; border-radius: 20px; cursor: pointer; outline: medium;}
@media (min-width:1px) and  (max-width:991px){
    .divframe1>.container>h3{ font-size: 24px; margin-bottom: 10px;}
    .divframe1>.container>input{ width: 100%;}
}
/*endregion*/

/*region 底部*/
.footer{ width: 100%; float: left; height: auto; padding: 40px 0  40px 0;}
.footer>.container>.ipto{ width: calc(16.666% - 50px); float: left; height: auto; position: relative; margin-right: 60px;}
.footer>.container>.ipto:before{ content: ""; position: absolute; top: 0px; right: 0px; height: 100%; border-right: 1px solid #000;}
.footer>.container>.ipto>.ipti{ display: block; font-size: 20px; font-family: 'GraphikWeb'; color: #000; position: relative; margin-bottom: 24px; padding-bottom: 24px;}
.footer>.container>.ipto>.ipti:before{ content: ""; position: absolute; left: 0px; bottom: 0px; right: 75%; height: 1px; border-bottom: 1px solid #000;}
.footer>.container>.ipto>.iptz{ display: block; font-size: 14px; color: #000; line-height: 25px;}
.footer>.container>.ipto:last-child{ margin-right: 0px;}
.footer>.container>.ipto:last-child:before{ display: none;}
@media (min-width:1200px) and  (max-width:1399px){
    .footer>.container>.ipto{ width: calc(16.666% - 34px); margin-right: 40px;}
}
@media (min-width:992px) and  (max-width:1199px){
    .footer>.container>.ipto{ width: calc(33.33% - 34px); margin-right: 50px;}
    .footer>.container>.ipto:nth-child(3){ margin-right: 0px; }
    .footer>.container>.ipto:nth-child(3):before{ display: none;}
}
@media (min-width:1px) and (max-width:991px){
.footer{ display: none;}
}
/*endregion*/

/*region 语种工具*/
.footer_language{width: 100%; float: left; height: auto; padding-bottom: 20px;}
.footer_language>.container>ul{ display: table;}
.footer_language>.container>ul>li{margin-right:45px; display: inline-block;}
.footer_language>.container>ul>li>a{font-size:18px; line-height:2em;}
.footer_language>.container>ul>li>a>img{border:solid 1px #eaeaea; margin-top:5px;}
.footer_language>.container>ul>li>a>span{font-size:18px; line-height:2em;}
.footer_language>.container>ul>li:last-child{ margin-right: 0px;}
@media (min-width:1200px) and  (max-width:1399px){
    .footer_language>.container>ul>li{ margin-right: 22px;}
}
@media (min-width:992px) and  (max-width:1199px){
    .footer_language>.container>ul>li{ margin-right: 12px;}
    .footer_language>.container>ul>li>a{ font-size: 14px;}
    .footer_language>.container>ul>li>a>span{ font-size: 14px;}
}
@media (min-width:1px) and (max-width:991px){
.footer_language{ display: none;}
}
/*endregion*/

/*region 版权*/
.copy{ width: 100%; float: left; height: auto; padding: 20px 0  20px 0; background: #333;}
.copy>.container>p{ display: inline-block; font-size: 14px; color: #fff;}
.copy>.container>p:last-child{ float: right;}
.copy>.container>p>a{ color: #fff;}
@media (min-width:1px) and (max-width:991px){
    .copy{ margin-bottom: 50px;}
    .copy>.container>p{ display: block; text-align: center; float: inherit!important; margin-bottom: 10px;}
}
/*endregion*/

/*region 手机底部导航*/
.mobMenu{ position: fixed; left: 0px; right: 0px; bottom: 0px; z-index: 99; background: #fff; display: none; box-shadow: 0px 0px 20px #f5f5f5;}
.mobMenu>.foot_nav{width:25%;float:left;text-align:center;color:#898989;font-size:14px; padding: 10px 0;}
.mobMenu>.foot_nav>a>i.iconfont{display:block;padding:3px 0 0 0;font-size:18px;line-height:24px}
.mobMenu>.foot_nav>a>.hamburger{position:inherit;float:none;margin:0 auto;width:100%}
@media (min-width:1px) and (max-width:991px){
    .mobMenu{ display: block;}
}
/*endregion*/


.body{ width: 100%; float: left; height: auto; padding: 30px 0;}

/*region 关于我们*/
.barpicture{ width: 100%; float: left; height: auto; position: relative;}
.barpicture>.context{ position:absolute;top:50%;left:50%;transform: translate(-50%,-50%);}
.barpicture>.context>h2{ font-family: 'GraphikWeb'; font-size: 5em; text-align: center;}
@media (min-width:1px) and (max-width:991px){
    .barpicture>.context>h2{ font-size: 16px;}
}
.body .aframe{ width: 100%; float: left; height: auto;}
.body .aframe>.container>.aframe_tit{ width: 100%; float: left; height: auto; text-align: center; font-family: 'GraphikWeb'; border-bottom: 1px solid #e5e5e5;}
.body .aframe>.container>.aframe_tit>h3{ font-size: 30px; font-weight: bold; color: #333; margin-bottom: 30px;}
.body .aframe>.container>.aframe_tit>p{ font-size: 18px; color: #333; margin-bottom: 60px;}
.body .aframe>.container>.aframe_cont{ width: 100%; float: left; height: auto; padding-top: 30px;}
@media (min-width:1px) and (max-width:991px){
    .body .aframe>.container>.aframe_tit>h3{ font-size: 24px; margin-bottom: 15p;x}
    .body .aframe>.container>.aframe_tit>p{ font-size: 14px; margin-bottom: 30px;}
}
/*endregion*/

/*region 联系我们*/
.body .cframe{ width: 100%; float: left; height: auto;}
.body .cframe>.container>.cframe_tit{ width: 100%; float: left; height: auto; text-align: center; font-family: 'GraphikWeb'; border-bottom: 1px solid #e5e5e5;}
.body .cframe>.container>.cframe_tit>h3{ font-size: 30px; font-weight: bold; color: #333; margin-bottom: 60px;}
.body .cframe>.container>.cframe_cont{ width: calc(100% - 60px); float: left; height: auto; padding: 30px; background: #f5f5f5; margin-top: 30px;}
.body .cframe>.container>.cframe_cont>.ipto{ width: 100%; float: left; height: auto; padding-bottom: 20px; margin-bottom: 30px; border-bottom: 1px solid #e5e5e5;}
.body .cframe>.container>.cframe_cont>.ipto>.ipti{ display: block; font-family: 'GraphikWeb'; font-size: 18px; font-weight: bold; color: #ff0000; margin-bottom: 30px;}
.body .cframe>.container>.cframe_cont>.ipto>.iptz{ display: block;}
.body .cframe>.container>.cframe_cont>.ipto:last-child{ margin-bottom: 0px;}
@media (min-width:1px) and (max-width:991px){
    .body .cframe>.container>.cframe_tit>h3{ margin-bottom: 30px;}
    .body .cframe>.container>.cframe_cont>.ipto>.ipti{ padding-bottom: 10px; margin-bottom: 15px;}
}

.body .leaveamessage{ width: 100%; float: left; height: auto; }
.body .leaveamessage>.container>.cframe_tit{ width: 100%; float: left; height: auto; margin-top: 70px; padding-top: 30px; border-top: 1px solid #e5e5e5; font-family: 'GraphikWeb'; text-transform: uppercase;}
.body .leaveamessage>.container>.cframe_tit>h3{ font-size: 30px; font-weight: bold; color: #333; margin-bottom: 60px;}
.body .leaveamessage>.container>.cframe_cont{ width: 100%; float: left; height: auto;}
.body .leaveamessage>.container>.cframe_cont>.input-form{ float: left; height: auto; display: table; background: #f7f7f7; padding:10px 30px; margin-bottom: 30px;}
.body .leaveamessage>.container>.cframe_cont>.input-form>span{ display: table-cell; width: 8%; font-size: 14px; line-height: 34px; font-family: 'GraphikWeb'; vertical-align: top;}
.body .leaveamessage>.container>.cframe_cont>.input-form>input{ width:100%; float: left; height: auto; display: table-cell; line-height: 34px; text-indent: 10px; background: none; border: 0;}
.body .leaveamessage>.container>.cframe_cont>.input-form>textarea{ width: 100%; float: left; height: auto; display: table-cell; line-height: 34px; text-indent: 10px; background: none; border: 0; outline: medium;}
.body .leaveamessage>.container>.cframe_cont>.half{ width: calc(50% - 75px);}
.body .leaveamessage>.container>.cframe_cont>.half1{ float: right;}
.body .leaveamessage>.container>.cframe_cont>.All{ width: calc(100% - 60px);}
.body .leaveamessage>.container>.cframe_cont>.All>span{ width: 5%;}
.body .leaveamessage>.container>.cframe_cont>.hidden{ display: none;}
.body .leaveamessage>.container>.cframe_cont>.input-group{ width: 100%; float: left; height: auto; }
.body .leaveamessage>.container>.cframe_cont>.input-group>button{ background: #f7f7f7; padding: 10px 25px; border: 0; border-radius: 5px; cursor: pointer; outline: medium; -webkit-transition:all 0.7s ease-in-out; -moz-transition:all 0.7s ease-in-out; -o-transition:all 0.7s ease-in-out; transition:all 0.7s ease-in-out; position: relative; z-index:2;}
.body .leaveamessage>.container>.cframe_cont>.input-group>button:after{background-color:#e60012;transform-origin:0 50%;left:0;top:0;right:0;bottom:0;position:absolute;z-index:-1;content:" ";transform:scaleX(0);transition-property:transform;transition-duration:.5s;transition-timing-function:ease-out;-webkit-transition-timing-function:ease-out;-webkit-transition-duration:.5s;-webkit-transition-property:transform;-webkit-transform:scaleX(0);-webkit-transform-origin:0 50%;}
.body .leaveamessage>.container>.cframe_cont>.input-group>button:hover{ color: #fff;}
.body .leaveamessage>.container>.cframe_cont>.input-group>button:hover:after{transform:scaleX(1);transition-timing-function:cubic-bezier(.52,1.64,.37,.66);-webkit-transition-timing-function:cubic-bezier(.52,1.64,.37,.66);-webkit-transform:scaleX(1); border-radius: 5px;}
@media (min-width:1px) and (max-width:991px){
    .body .leaveamessage>.container>.cframe_tit{ margin-top: 35px; padding-top: 15px;}
    .body .leaveamessage>.container>.cframe_tit>h3{ font-size: 24px; margin-bottom: 30px;}
    .body .leaveamessage>.container>.cframe_cont>.input-form{ padding: 5px 15px; margin-bottom: 15px;}
    .body .leaveamessage>.container>.cframe_cont>.input-form>span{ width: 14%;}
    .body .leaveamessage>.container>.cframe_cont>.half{ width: calc(100% - 30px);}
    .body .leaveamessage>.container>.cframe_cont>.All{ width: calc(100% - 30px);}
}
/*endregion*/


/*region 消息*/
.body .nframe{ width: 100%; float: left; height: auto;}
.body .nframe>.container>.left{ width: 230px; float: left; height: auto; top: 100px; position: sticky; position: -webkit-sticky; z-index:99; }
.body .nframe>.container>.left>h3{ font-family: 'GraphikWeb'; font-size: 18px; text-transform: uppercase; font-weight: bold; border: 1px solid #141e43; border-radius: 5px; text-align: center; padding: 10px 0;}
.body .nframe>.container>.left>ul{ display: block; margin-top: 20px;}
.body .nframe>.container>.left>ul>li{ width: 100%; float: left; height: auto; font-family: 'GraphikWeb'; text-transform: capitalize; margin-bottom: 20px;}
.body .nframe>.container>.left>ul>li>a{ display: block; font-size: 14px; font-weight: bold;}
.body .nframe>.container>.left>ul>li>ul{ margin: 5px auto; display: none;}
.body .nframe>.container>.left>ul>li.on>ul{ display: block;}
.body .nframe>.container>.left>ul>li>ul>li{  width: calc(100% - 20px); float: left; height: auto; font-family: 'GraphikWeb'; text-transform: capitalize; display: table;}
.body .nframe>.container>.left>ul>li>ul>li>i.iconfont{ font-size: 20px; display: table-cell; color: #bf2b27; opacity: 0;}
.body .nframe>.container>.left>ul>li>ul>li>a{ display: table-cell; font-size: 12px;}
.body .nframe>.container>.left>ul>li>ul>li.on>i.iconfont{ opacity: 1;}
.body .nframe>.container>.left>ul>li>ul>li.on>a{ color: #bf2b27;}

.body .nframe>.container>.right{ width: calc(100% - 330px); float: right; height: auto;}
.body .nframe>.container>.right>.newslist{ width: 100%; float: left; height:auto;}
.body .nframe>.container>.right>.newslist>h3{ width: 100%; float: left; height: auto; font-family: 'GraphikWeb'; font-size: 28px; text-transform: uppercase; padding-bottom: 20px; border-bottom: 1px solid #e7e7e6; margin-top: 30px;}
.body .nframe>.container>.right>.newslist>.newscont>.ipto{ width: 100%; float: left; height: auto; margin-top: 20px;}
.body .nframe>.container>.right>.newslist>.newscont>.ipto>.ipti{ width: 298px; float: left; height: auto; border: 1px solid #f3f3f3;}
.body .nframe>.container>.right>.newslist>.newscont>.ipto>.iptz{ width: calc(100% - 328px); float: right; height: auto; padding: 9.5% 0;}
.body .nframe>.container>.right>.newslist>.newscont>.ipto>.iptz>a>b{ display: block; font-family: 'GraphikWeb'; font-size: 20px; font-weight: bold; color: #333; margin-bottom: 30px;}
.body .nframe>.container>.right>.newslist>.newscont>.ipto>.iptz>p{ font-family: 'GraphikWeb'; font-size: 16px; line-height: 28px; color: #333; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; margin-bottom: 15px;}
.body .nframe>.container>.right>.newslist>.newscont>.ipto>.iptz>a.link{ padding: 10px 25px; color: #333; border: 1px solid #333; border-radius: 5px; display: inline-block; text-transform: capitalize;}
.body .nframe>.container>.right>.newslist>.newscont>.ipto>.iptz>a.link:hover{ background: #bf2b27; color: #ffff; border-color: #fff;}

.body .nframe>.container>.detail_tit{ width: 100%; float: left; height: auto; text-align: center; font-family: 'GraphikWeb'; border-bottom: 1px solid #e5e5e5;}
.body .nframe>.container>.detail_tit>h3{ font-size: 30px; font-weight: bold; color: #333; margin-bottom: 30px;}
.body .nframe>.container>.detail_tit>p{ font-size: 18px; color: #333; margin-bottom: 60px;}
.body .nframe>.container>.detail_cont{ width: 100%; float: left; height: auto; padding-top: 30px;}

@media (min-width:1px) and (max-width:991px){
    .body .nframe>.container>.left{ display: none;}
    
    .body .nframe>.container>.right{ width: 100%;}
    .body .nframe>.container>.right>.newslist>h3{ margin-top: 0px; font-size: 20px; padding-bottom: 10px;}
    .body .nframe>.container>.right>.newslist>.newscont>.ipto>.ipti{ width: 100%; text-align: center;}
    .body .nframe>.container>.right>.newslist>.newscont>.ipto>.ipti>a>img{ width: 100%;}
    .body .nframe>.container>.right>.newslist>.newscont>.ipto>.iptz{ width: 100%; padding: 15px 0;}
    .body .nframe>.container>.right>.newslist>.newscont>.ipto>.iptz>a>b{ margin-bottom: 15px; font-size: 16px;}
    .body .nframe>.container>.right>.newslist>.newscont>.ipto>.iptz>p{ font-size: 14px;}
}
/*endregion*/

/*region 检测报告*/
.body .dframe{ width: 100%; float: left; height: auto;}
.body .dframe>.container>.down_tit{ width: 100%; float: left; height: auto; text-align: center; font-family: 'GraphikWeb'; border-bottom: 1px solid #e5e5e5;}
.body .dframe>.container>.down_tit>h3{ font-size: 30px; font-weight: bold; color: #333; margin-bottom: 30px;}
.body .dframe>.container>.down_cont{ width: 100%; float: left; height: auto;}
.body .dframe>.container>.down_cont>.ipto{ width: calc(100% - 30px); float: left; height: auto; display: table; padding: 23px 15px; border-bottom: 1px solid #e5e5e5;}
.body .dframe>.container>.down_cont>.ipto>.iptz{ display: table-cell; font-family: 'GraphikWeb'; font-size: 16px; color: #000; vertical-align:top;}
.body .dframe>.container>.down_cont>.ipto>.ipti{ display: table-cell; float: right; text-align: center;}
.body .dframe>.container>.down_cont>.ipto>.ipti>a{ display: inline-block; background: #f7f7f7; color: #000; font-size: 16px; padding: 10px 35px; border-radius: 5px;}
.body .dframe>.container>.down_cont>.ipto>.ipti>a:hover{ background: #bf2b27; color: #fff;}
@media (min-width:1px) and (max-width:991px){
.body .dframe>.container>.down_tit>h3{ font-size: 24px; margin-bottom: 15px;}
.body .dframe>.container>.down_cont>.ipto{ padding: 15px;}
.body .dframe>.container>.down_cont>.ipto>.iptz{ width: 100%; float: left;}
.body .dframe>.container>.down_cont>.ipto>.ipti{ width: 100%; float: left; height: auto; margin-top: 15px;}
}
/*endregion*/

/*region 目录*/
.body .pframe{ width: 100%; float: left; height: auto;}
.body .pframe>.container>.left{ width: 240px; float: left; height: auto;}
.body .pframe>.container>.left>.lbt{ width: 100%; float: left; height: auto;}
.body .pframe>.container>.left>.lbt>h3{ font-family: 'GraphikWeb'; font-size: 18px; text-transform: uppercase; font-weight: bold; border: 1px solid #141e43; border-radius: 5px; text-align: center; padding: 10px 0;}
.body .pframe>.container>.left>.lbt>ul{ display: block; margin-top: 30px;}
.body .pframe>.container>.left>.lbt>ul>li{ width: 100%; float: left; height: auto; text-transform: capitalize; margin-bottom: 20px; position: relative;}
.body .pframe>.container>.left>.lbt>ul>li>a{ display: block; font-size: 16px; color: #333;}
.body .pframe>.container>.left>.lbt>ul>li:before{ content: ">"; position: absolute; right: 0px; top: 0px; color: #bf2b27; opacity: 0; font-size: 20px;}
.body .pframe>.container>.left>.lbt>ul>li:hover>a{ color: #bf2b27;}
.body .pframe>.container>.left>.lbt>ul>li:hover:before{ opacity: 1;}
.body .pframe>.container>.left>.lbt>ul>li.active>a{ color: #bf2b27;}
.body .pframe>.container>.left>.lbt>ul>li.active:before{ opacity: 1;}

.body .pframe>.container>.left>.filters{ width: 100%; float: left; height: auto; margin-top: 10px;}
.body .pframe>.container>.left>.filters>h3{ font-family: 'GraphikWeb'; font-size: 18px; text-transform: uppercase; font-weight: bold; border: 1px solid #141e43; border-radius: 5px; text-align: center; padding: 10px 0;}
.body .pframe>.container>.left>.filters>ul{ display: block; margin-top: 30px;}
.body .pframe>.container>.left>.filters>ul>li{ width: 100%; float: left; height: auto; text-transform: capitalize; margin-bottom: 20px;}
.body .pframe>.container>.left>.filters>ul>li>a{ display: block; font-size: 16px; color: #333; margin-bottom: 10px;}
.body .pframe>.container>.left>.filters>ul>li>a>i.iconfont{ float: right;}
.body .pframe>.container>.left>.filters>ul>li>a>.angle{ transform:rotate(90deg); -ms-transform:rotate(90deg); -moz-transform:rotate(90deg); -webkit-transform:rotate(90deg); -o-transform:rotate(90deg);}
.body .pframe>.container>.left>.filters>ul>li.on>ul{ display: block;}
.body .pframe>.container>.left>.filters>ul>li.showbit{ cursor: pointer;}
.body .pframe>.container>.left>.filters>ul>li>ul{ display: none;}
.body .pframe>.container>.left>.filters>ul>li>ul>li{ width: 100%; float: left; height: auto; text-transform: capitalize; font-size: 16px; color: #333; padding: 5px 0;}
.body .pframe>.container>.left>.filters>ul>li>ul>li>input{ display: inline-block; margin-right: 10px;}
.body .pframe>.container>.left>.filters>ul>li>.form-control{display:block;margin:5px 0;padding:6px 0;width:98%;border:1px solid #ccc;border-radius:4px;background-image:none;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);color:#555;text-indent:8px;font-size:14px;line-height:1.42857143;-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;}
.body .pframe>.container>.left>.filters>ul>li>.form-control:focus{outline:0;border-color:#66afe9;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);}


.body .pframe>.container>.right{ width: calc(100% - 340px); float: right; height: auto; position: relative;}
.body .pframe>.container>.right>.output{ width: 100%; float: right; height: auto;}
.body .pframe>.container>.right>.output>.ipto{ width: 100%; float: left; height: auto; text-align: center; margin-bottom: 30px;}
.body .pframe>.container>.right>.output>.ipto>.iptz{ width: 100%; float: left; height: auto; text-align: left; font-size: 20px; color: #333; margin-bottom: 40px;}
.body .pframe>.container>.right>.output>.ipto>.ipti{ width: 100%; float: left; height: auto; display: flex; flex-wrap: wrap; align-items: stretch; gap: 20px;}
.body .pframe>.container>.right>.output>.ipto>.ipti>a{ width: calc((100% - 100px) / 6); flex: 0 0 calc((100% - 100px) / 6); float: none; height: auto; margin: 0; border: 1px solid #f5f5f5; border-radius: 5px; overflow: hidden; display: flex; align-items: center; justify-content: center; box-sizing: border-box;}
.body .pframe>.container>.right>.output>.ipto>.ipti>a>img{ width: 100%; height: auto; display: block; object-fit: contain;}
.body .pframe>.container>.right>.output>.ipto>a.link{ margin-top: 20px; padding: 10px 25px; color: #333; border: 1px solid #333; border-radius: 5px; display: inline-block; text-transform: capitalize;}
.body .pframe>.container>.right>.output>.ipto>a.link:hover{ background: #bf2b27; color: #ffff; border-color: #fff;}


.body .pframe>.container>.put_detail{ width: 100%; float: left; height: auto;}
.body .pframe>.container>.put_detail>.colorhtml_left{ width: calc(100% - 600px); float: left; height: auto; text-align: center;}
.body .pframe>.container>.put_detail>.colorhtml_left>.detail_big{ width: calc(100% - 124px); float: left; height: auto; border: 2px solid #f4f4f4; padding: 60px;}
.body .pframe>.container>.put_detail>.colorhtml_left>.detail_big>a>img{ }
.body .pframe>.container>.put_detail>.colorhtml_left>.detail_bottom{ width: calc(100% - 10px); float: left; height: auto; margin-top: 40px; border: 5px solid #f4f4f4;}
.body .pframe>.container>.put_detail>.colorhtml_left>.detail_bottom>span{ width: calc(25% - 4.5px); float: left; height: auto; text-align: center; padding: 15px 0; border-right: 5px solid #f4f4f4; cursor: pointer;}
.body .pframe>.container>.put_detail>.colorhtml_left>.detail_bottom>span:last-child{ border: 0;}

.body .pframe>.container>.put_detail>.colorhtml_right{ width: 500px; float: right; height: auto;}
.body .pframe>.container>.put_detail>.colorhtml_right>h1{ font-size: 30px; font-weight: bold; font-family: 'GraphikWeb'; color: #bf2b27; margin-bottom: 20px;}
.body .pframe>.container>.put_detail>.colorhtml_right>h2{ font-size: 20px; font-family: 'GraphikWeb'; color: #333; margin-bottom: 10px;}
.body .pframe>.container>.put_detail>.colorhtml_right>h3{ font-size: 16px; font-family: 'GraphikWeb'; color: #333; margin-bottom: 10px;}
.body .pframe>.container>.put_detail>.colorhtml_right>a.link{ width: 100%; float: left; height: auto; border: 1px solid #bf2b27; text-align: center; margin-top: 20px; font-size: 16px; font-family: 'GraphikWeb'; color: #bf2b27; text-transform: uppercase; padding: 16px 0;}
.body .pframe>.container>.put_detail>.colorhtml_right>.colorhtml_right_cont{ width: 100%; float: left; height: auto; text-align: left;}
.body .pframe>.container>.put_detail>.colorhtml_right>.colorhtml_right_cont>table.ke-zeroborder{ width: 100%; float: left; height: auto;}
.body .pframe>.container>.put_detail>.colorhtml_right>.colorhtml_right_cont>table.ke-zeroborder>tbody>tr{ width: 100%; float: left; border-bottom: 2px solid #f0f0f0; display: table; line-height: 2em;}
.body .pframe>.container>.put_detail>.colorhtml_right>.colorhtml_right_cont>table.ke-zeroborder>tbody>tr>th{ width: 50%; font-size: 12px; font-weight: bold; color: #666;}
.body .pframe>.container>.put_detail>.colorhtml_right>.colorhtml_right_cont>table.ke-zeroborder>tbody>tr>td{ width: 50%; font-size: 12px; color: #666;}

.body .pframe>.container>.put_trend{ width: 100%; float: left; height: auto; margin-top: 60px;}
.body .pframe>.container>.put_trend>h3{ font-family: 'GraphikWeb'; font-size: 20px; text-transform: uppercase; padding-bottom: 30px; border-bottom: 1px solid #f0f0f0;}
.body .pframe>.container>.put_trend>.ipto{ width: 25%; float: left; height: auto; margin-top: 40px; position: relative;}
.body .pframe>.container>.put_trend>.ipto>a>.ipti{ display: block; padding: 10px; border: 1px solid #f5f5f5;}
.body .pframe>.container>.put_trend>.ipto>a>.iptz{ position: absolute; left: 0px; right: 0px; bottom: 0px; background: rgba(191,43,39,0.8); font-size: 16px; font-family: 'GraphikWeb'; color: #fff; text-align: center; padding: 15px 0; text-transform: capitalize;}

.body .pframe>.container>.put_related{ width: 100%; float: left; height: auto; margin-top: 40px;}
.body .pframe>.container>.put_related>h3{ font-family: 'GraphikWeb'; font-size: 20px; text-transform: uppercase; color: #333; padding-bottom: 30px; border-bottom: 1px solid #e7e7e6; margin-bottom: 40px;}
.body .pframe>.container>.put_related>h3>span{ float: right;}
.body .pframe>.container>.put_related>.put_related_cont{ width: 100%; float: left; height: auto; display: flex; flex-wrap: wrap; align-items: stretch; gap: 20px;}
.body .pframe>.container>.put_related>.put_related_cont>a{ width: calc((100% - 100px) / 6); flex: 0 0 calc((100% - 100px) / 6); float: none; height: auto; margin: 0; border: 1px solid #f5f5f5; border-radius: 5px; overflow: hidden; display: flex; align-items: center; justify-content: center; box-sizing: border-box;}
.body .pframe>.container>.put_related>.put_related_cont>a>img{ width: 100%; height: auto; display: block; object-fit: contain;}


.body .pframe>.container>.right>.output>.pupt{ width: 100%; float: left; height: auto;}
.body .pframe>.container>.right>.output>.pupt>a{ width: calc(9.090% - 18.2px); float: left; height: auto; margin-right: 20px; margin-bottom: 20px; }
.body .pframe>.container>.right>.output>.pupt>a>b{ font-size: 16px; color: #333; text-align: center; display: block;}
.body .pframe>.container>.right>.output>.pupt>a>img{ width: 100%; border: 1px solid #f5f5f5; border-radius: 5px;}


@media (min-width:992px) {
.body .pframe>.container>.right>.output>.pupt>a:nth-child(11n){ float: right; margin-right: 0px;}
}
@media (min-width:1px) and (max-width:991px){
.body .pframe>.container>.left{ width: 100%; position: inherit; top: 0px;}
.body .pframe>.container>.left>.lbt>ul>li{ display: none;}
.body .pframe>.container>.left>.filters>ul>li{ display: none;}
.body .pframe>.container>.right{ width: 100%;}
.body .pframe>.container>.right>.output>.ipto>.iptz{ font-size: 18px; margin-bottom: 20px;}
.body .pframe>.container>.right>.output>.ipto>.ipti{ gap: 15px;}
.body .pframe>.container>.right>.output>.ipto>.ipti>a{ width: calc((100% - 45px) / 4); flex: 0 0 calc((100% - 45px) / 4);}

.body .pframe>.container>.right .pager{ margin: 30px 0 10px;}
.body .pframe>.container>.right .pager .pagination,
.body .pframe>.container>.right .pager .pager{ gap: 4px; padding: 0;}
.body .pframe>.container>.right .pager .pagination>li>a,
.body .pframe>.container>.right .pager .pagination>li>span,
.body .pframe>.container>.right .pager .pager>li>a,
.body .pframe>.container>.right .pager .pager>li>span{ min-width: 36px; height: 36px; padding: 0 8px; font-size: 13px;}
.body .pframe>.container>.right .pager .pagination>li:first-child>a,
.body .pframe>.container>.right .pager .pagination>li:first-child>span,
.body .pframe>.container>.right .pager .pagination>li:last-child>a,
.body .pframe>.container>.right .pager .pagination>li:last-child>span,
.body .pframe>.container>.right .pager .pager>li:first-child>a,
.body .pframe>.container>.right .pager .pager>li:first-child>span,
.body .pframe>.container>.right .pager .pager>li:last-child>a,
.body .pframe>.container>.right .pager .pager>li:last-child>span{ min-width: 40px; font-size: 16px;}

.body .pframe>.container>.right>.output>.pupt>a{ width: calc(25% - 17px);}
.body .pframe>.container>.right>.output>.pupt>a:nth-child(4n){ margin-right: 0px;}

.body .pframe>.container>.put_detail>.colorhtml_left{ width: 100%;}
.body .pframe>.container>.put_detail>.colorhtml_left>.detail_big{ width: calc(100% - 30px); padding: 15px;}
.body .pframe>.container>.put_detail>.colorhtml_left>.detail_bottom{ margin-top: 20px;}
.body .pframe>.container>.put_detail>.colorhtml_right{ width: 100%; margin-top: 15px;}
.body .pframe>.container>.put_trend{ margin-top: 30px;}
.body .pframe>.container>.put_trend>h3{ padding-bottom: 15px;}
.body .pframe>.container>.put_trend>.ipto{ width: calc(50% - 10px); float: left; margin-top: 20px;}
.body .pframe>.container>.put_related>h3{ width: 100%; float: left; padding-bottom: 15px; margin-bottom: 20px;}
.body .pframe>.container>.put_related>h3>span{ width: 100%; float: left; margin-top: 10px;}
.body .pframe>.container>.put_related>.put_related_cont{ gap: 15px;}
.body .pframe>.container>.put_related>.put_related_cont>a{ width: calc((100% - 45px) / 4); flex: 0 0 calc((100% - 45px) / 4);}

}
/*endregion*/


/*region 概念图*/
.body .tframe{ width: 100%; float: left; height: auto;}
.body .tframe>.container>.left{ width: 230px; float: left; height: auto; top: 100px; position: sticky; position: -webkit-sticky; z-index:99; }
.body .tframe>.container>.left>h3{ font-family: 'GraphikWeb'; font-size: 18px; text-transform: uppercase; font-weight: bold; border: 1px solid #141e43; border-radius: 5px; text-align: center; padding: 10px 0;}
.body .tframe>.container>.left>ul{ display: block; margin-top: 20px;}
.body .tframe>.container>.left>ul>li{ width: 100%; float: left; height: auto; font-family: 'GraphikWeb'; text-transform: capitalize; margin-bottom: 5px;}
.body .tframe>.container>.left>ul>li>a{ display: block; font-size: 14px; font-weight: bold;}
.body .tframe>.container>.left>ul>li>a>i.iconfont{ font-size: 20px; display: inline-block; color: #bf2b27; opacity: 0;}
.body .tframe>.container>.left>ul>li.on>a>i.iconfont{ opacity: 1;}
.body .tframe>.container>.left>ul>li.on>a{ color: #bf2b27;}

.body .tframe>.container>.right{ width: calc(100% - 330px); float: right; height: auto;}
.body .tframe>.container>.right>.trend{ width: 100%; float: left; height: auto;}
.body .tframe>.container>.right>.trend>.ipto{ width: 100%; float: left; height: auto; margin-top: 60px;}
.body .tframe>.container>.right>.trend>.ipto>a>.iptz{ display: block; font-family: 'GraphikWeb'; font-size: 28px; font-weight: bold; text-transform: uppercase; color: #333; text-align: center; padding-bottom: 60px; border-bottom: 1px solid #e7e7e6; margin-bottom: 40px;}

.body .tframe>.container>.trend_detail{ width: 100%; float: left; height: auto;}
.body .tframe>.container>.trend_detail>h1{ font-family: 'GraphikWeb'; font-size: 28px; font-weight: bold; text-transform: uppercase; color: #333; text-align: center; padding-bottom: 60px; border-bottom: 1px solid #e7e7e6; margin-bottom: 40px;}
.body .tframe>.container>.trend_detail img{ width: 100%; height: auto;}

.body .tframe>.container>.trend_output{ width: 100%; float: left; height: auto; margin-top: 40px;}
.body .tframe>.container>.trend_output>h3{ font-family: 'GraphikWeb'; font-size: 20px; text-transform: uppercase; color: #333; padding-bottom: 30px; border-bottom: 1px solid #e7e7e6; margin-bottom: 40px;}
.body .tframe>.container>.trend_output>h3>span{ float: right;}
.body .tframe>.container>.trend_output>.trend_output_cont{ width: 100%; float: left; height: auto;}
.body .tframe>.container>.trend_output>.trend_output_cont>a{ width: calc((100% - 100px) / 6); float: left; height: auto; margin-right: 20px; margin-bottom: 20px;}
.body .tframe>.container>.trend_output>.trend_output_cont>a>img{ width: 100%;}
.body .tframe>.container>.trend_output>.trend_output_cont>a:nth-child(6n){ margin-right: 0px;}

.body .tframe>.container>.trend_output2{ width: 100%; float: left; height: auto; margin-top: 40px;}
.body .tframe>.container>.trend_output2>h3{ font-family: 'GraphikWeb'; font-size: 20px; text-transform: uppercase; color: #333; padding-bottom: 30px; border-bottom: 1px solid #e7e7e6; margin-bottom: 40px;}
.body .tframe>.container>.trend_output2>h3>span{ float: right;}
.body .tframe>.container>.trend_output2>.trend_output_cont{ width: 100%; float: left; height: auto;}
.body .tframe>.container>.trend_output2>.trend_output_cont>.ipto{ width:calc(33.33% - 14px); float:left; height:auto; position:relative; margin-right: 20px;}
.body .tframe>.container>.trend_output2>.trend_output_cont>.ipto>a>.ipti{ display:block;}
.body .tframe>.container>.trend_output2>.trend_output_cont>.ipto>a>.iptz{ position:absolute; left:0px; right:0px; bottom:0px; background:rgba(191,43,39,0.8); text-align:center; padding:15px;}
.body .tframe>.container>.trend_output2>.trend_output_cont>.ipto>a>.iptz>b{ font-size:16px; color:#fff; font-family: 'GraphikWeb';}

@media (min-width:992px){
.body .tframe>.container>.trend_output2>.trend_output_cont>.ipto:nth-child(3n){ margin-right: 0px;}
}
@media (min-width:1px) and (max-width:991px){
.body .tframe>.container>.left{ display: none;}
.body .tframe>.container>.right{ width: 100%;}
.body .tframe>.container>.right>.trend>.ipto{ margin-top: 30px;}
.body .tframe>.container>.right>.trend>.ipto>a>.iptz{ font-size: 20px; padding-bottom: 30px; margin-bottom: 20px;}

.body .tframe>.container>.trend_detail>h1{ font-size: 20px; padding-bottom: 30px; margin-bottom: 20px;}
.body .tframe>.container>.trend_output>h3{ width: 100%; float: left; font-size: 18px; padding-bottom: 15px; margin-bottom: 20px;}
.body .tframe>.container>.trend_output>h3>span{ width: 100%; float: left; margin-top: 10px;}

.body .tframe>.container>.trend_output>.trend_output_cont>a{ width: calc((100% - 60px) / 3);}
.body .tframe>.container>.trend_output>.trend_output_cont>a:nth-child(6n){ margin-right: 20px;}
.body .tframe>.container>.trend_output>.trend_output_cont>a:nth-child(3n){ margin-right: 0px;}

}

/*endregion*/


/*region 最新发布*/
.body .lframe{ width: 100%; float: left; height: auto;}
.body .lframe>.container>.left{ width: 230px; float: left; height: auto; top: 100px; position: sticky; position: -webkit-sticky; z-index:99; }
.body .lframe>.container>.left>h3{ font-family: 'GraphikWeb'; font-size: 18px; text-transform: uppercase; font-weight: bold; border: 1px solid #141e43; border-radius: 5px; text-align: center; padding: 10px 0;}
.body .lframe>.container>.left>ul{ display: block; margin-top: 20px;}
.body .lframe>.container>.left>ul>li{ width: 100%; float: left; height: auto; font-family: 'GraphikWeb'; text-transform: capitalize; margin-bottom: 20px;}
.body .lframe>.container>.left>ul>li>a{ display: block; font-size: 14px; font-weight: bold;}
.body .lframe>.container>.left>ul>li>ul{ margin: 5px auto; display: none;}
.body .lframe>.container>.left>ul>li.on>ul{ display: block;}
.body .lframe>.container>.left>ul>li>ul>li{  width: calc(100% - 20px); float: left; height: auto; font-family: 'GraphikWeb'; text-transform: capitalize;}
.body .lframe>.container>.left>ul>li>ul>li>i.iconfont{ font-size: 20px; display:inline-block; color: #bf2b27; opacity: 0;}
.body .lframe>.container>.left>ul>li>ul>li>a{ display: inline-block; font-size: 12px; text-align:left;}
.body .lframe>.container>.left>ul>li>ul>li.on>i.iconfont{ opacity: 1;}
.body .lframe>.container>.left>ul>li>ul>li.on>a{ color: #bf2b27;}

.body .lframe>.container>.right{ width: calc(100% - 330px); float: right; height: auto;}
.body .lframe>.container>.right>.newlist{ width: 100%; float: left; height:auto;}
.body .lframe>.container>.right>.newlist>h3{ width: 100%; float: left; height: auto; font-family: 'GraphikWeb'; font-size: 28px; text-transform: uppercase; padding-bottom: 20px; border-bottom: 1px solid #e7e7e6; margin-top: 30px; text-align: center;}
.body .lframe>.container>.right>.newlist>.newcont>.ipto{ width: 100%; float: left; height: auto; margin-top: 20px; border-bottom: 1px solid #e7e7e6;}
.body .lframe>.container>.right>.newlist>.newcont>.ipto>h4{ display: block; font-size: 20px; font-weight: bold; color: #333; margin-bottom: 30px;}
.body .lframe>.container>.right>.newlist>.newcont>.ipto>.ipti{ width: 100%; float: left; height: auto; border: 1px solid #f3f3f3;}
.body .lframe>.container>.right>.newlist>.newcont>.ipto>.iptz{ width: calc(100%); float: right; height: auto; margin-top: 40px; padding-bottom: 60px;}
.body .lframe>.container>.right>.newlist>.newcont>.ipto>.iptz>a{ width: calc(9.090% - 18.2px); float: left; height: auto; margin-right: 20px; margin-bottom: 20px;}
.body .lframe>.container>.right>.newlist>.newcont>.ipto>.iptz>a>img{ width: 100%;}
.body .lframe>.container>.right>.newlist>.newcont>.ipto>.iptz>a:nth-child(11n){ float: right; margin-right: 0px;}
@media (min-width:1px) and (max-width:991px){
.body .lframe>.container>.left{ display: none;}
.body .lframe>.container>.right{ width: 100%;}
.body .lframe>.container>.right>.newlist{ margin-bottom: 15px;}
.body .lframe>.container>.right>.newlist>h3{ margin-top: 0px;}
.body .lframe>.container>.right>.newlist>.newcont>.ipto>h4{ margin-bottom: 15px;}
.body .lframe>.container>.right>.newlist>.newcont>.ipto>.iptz{ margin-top: 20px; padding-bottom: 30px;}
.body .lframe>.container>.right>.newlist>.newcont>.ipto>.iptz>a{ width: calc(25%  - 15px);}
.body .lframe>.container>.right>.newlist>.newcont>.ipto>.iptz>a:nth-child(4n){ float: right; margin-right: 0px;}
}
/*endregion*/


/*region 网站地图*/
.body .sframe{ width: 100%; float: left; height: auto;}
.body .sframe>.container>.sitemaps{ width:100%; position:relative;overflow:hidden; border-radius:0; border-top-left-radius:10px; border-top-right-radius:10px; border-bottom-left-radius:10px; border-bottom-right-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px;}
.body .sframe>.container>.sitemaps.fontbig {	width:100% !important;}
.body .sframe>.container>.sitemaps .bigli{float:left;	width:100%;  line-height:35px;font-size:18px;}
.body .sframe>.container>.sitemaps .bigli a { font-weight:bold;text-transform:capitalize;}
.body .sframe>.container>.sitemaps .bigli a:hover {text-decoration:underline;}
.body .sframe>.container>.sitemaps .abli_02{ float:left;width:44%;margin-left:5%;font-size:16px; height:30px; line-height:30px; overflow:hidden; display:inline;font-weight:normal; }
.body .sframe>.container>.sitemaps .abli_02 a:hover{text-decoration:underline;}
.jiange{ float:left; width:100%;  height:2px; border-bottom:dashed 1px #d2d2d2; }
@media screen and (min-width:1px ) and (max-width:767px)
{
	.body .sframe>.container>.sitemaps .abli_02{width:44%;}
}
.body .sframe>.container>.sitemaps .probigclass {padding-left:50px;}
.body .sframe>.container>.sitemaps .PROclass_01 { float:left;width:95%;margin-left:5%; font-size:16px; line-height:30px; display:inline;font-weight:bold; }
.body .sframe>.container>.sitemaps .PROclass_02 { float:left;width:90%;margin-left:8%;font-size:16px; height:22px; line-height:22px;  overflow:hidden;display:inline;font-weight:normal; }
.body .sframe>.container>.sitemaps .PROclass_01 a{  }
.body .sframe>.container>.sitemaps .PROclass_02 a{ }
.body .sframe>.container>.sitemaps .PROclass_01 a:hover{ text-decoration:underline;}
.body .sframe>.container>.sitemaps .PROclass_02 a:hover{ text-decoration:underline;}
.body .sframe>.container>.sitemaps .PROclass_03 { float:left;width:40%;margin-left:10%;color:#666666;font-size:14px;display:inline; line-height:20px;}
.body .sframe>.container>.sitemaps .PROclass_03 a:hover{ text-decoration:underline;}
.body .sframe>.container>.sitemaps .PROclass_04 { float:left;width:40%;margin-left:10%;display:inline;}
/*endregion*/



/*region 感谢页面*/
.thankyou{ width: 100%; float: left; height: auto; padding: 30px; line-height: 40px; font-size: 16px; }
#thk_nav{ text-align: center;}
#thk_nav>h2{margin-bottom:20px;font-weight:bold;}
#thk_nav>p{line-height:24px;}
.btnthank{padding: 5px 10px;margin-top: 15px;display: inline-block;border:1px solid #d00000;color:#ffffff;background-color:#d00000;}
.btnthank:hover{background-color: #ffffff;color: #d00000;}

.return{ width: 100%; float: left; height: auto; text-align: center; position: relative;}
.return>a{ display: none; font-size: 16px; color: #333; }
.return>a:hover{ color: #C2322F;}
.return>a>i.iconfont{ padding-right: 10px;}
.return>a:last-child>i.iconfont{ font-size: 20px;}
.return>a.returnbuuton{ position: absolute; top: 0px; right: 0px; border: 1px solid #333; padding: 10px 20px; text-transform: capitalize; border-radius: 5px;}
.return>ul{ display: block; text-align: left;}
.return>ul>li{ display: inline-block; background: #AFB1B5; color: #fff; padding: 5px 10px; margin-right: 5px; margin-bottom: 10px; cursor: pointer;}
.return>ul>li>i{ font-size: 12px; padding-left: 5px;}

.body .pframe>.container>.right .pager{ width: 100%; float: left; clear: both; margin: 40px 0 20px; text-align: center;}
.body .pframe>.container>.right .pager .pagination,
.body .pframe>.container>.right .pager .pager{ display: inline-flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 6px; margin: 0; padding: 0; list-style: none; background: none; border: none;}
.body .pframe>.container>.right .pager .pagination>li,
.body .pframe>.container>.right .pager .pager>li{ display: block; margin: 0; padding: 0; float: none;}
.body .pframe>.container>.right .pager .pagination>li>a,
.body .pframe>.container>.right .pager .pagination>li>span,
.body .pframe>.container>.right .pager .pager>li>a,
.body .pframe>.container>.right .pager .pager>li>span{ display: inline-flex; align-items: center; justify-content: center; min-width: 42px; height: 42px; padding: 0 12px; border: 1px solid #ddd; border-radius: 5px; color: #333; font-size: 14px; line-height: 1; text-decoration: none; background: #fff; box-sizing: border-box; transition: background .2s ease, border-color .2s ease, color .2s ease;}
.body .pframe>.container>.right .pager .pagination>li:first-child>a,
.body .pframe>.container>.right .pager .pagination>li:first-child>span,
.body .pframe>.container>.right .pager .pagination>li:last-child>a,
.body .pframe>.container>.right .pager .pagination>li:last-child>span,
.body .pframe>.container>.right .pager .pager>li:first-child>a,
.body .pframe>.container>.right .pager .pager>li:first-child>span,
.body .pframe>.container>.right .pager .pager>li:last-child>a,
.body .pframe>.container>.right .pager .pager>li:last-child>span{ min-width: 46px; font-size: 18px; font-weight: bold;}
.body .pframe>.container>.right .pager .pagination>li.active>span,
.body .pframe>.container>.right .pager .pagination>li.active>a{ background: #bf2b27; border-color: #bf2b27; color: #fff; font-weight: bold; cursor: default;}
.body .pframe>.container>.right .pager .pagination>li>a:hover,
.body .pframe>.container>.right .pager .pager>li>a:hover{ background: #bf2b27; border-color: #bf2b27; color: #fff;}
.body .pframe>.container>.right .pager .pagination>li.disabled>span,
.body .pframe>.container>.right .pager .pagination>li.disabled>a,
.body .pframe>.container>.right .pager .pager>li.disabled>span,
.body .pframe>.container>.right .pager .pager>li.disabled>a{ border-color: #e5e5e5; color: #bbb; background: #f5f5f5; cursor: not-allowed; opacity: .85;}
.body .pframe>.container>.right .pager .pagination>li.disabled>span:hover,
.body .pframe>.container>.right .pager .pagination>li.disabled>a:hover,
.body .pframe>.container>.right .pager .pager>li.disabled>span:hover,
.body .pframe>.container>.right .pager .pager>li.disabled>a:hover{ background: #f5f5f5; border-color: #e5e5e5; color: #bbb;}
.body .pframe>.container>.right .pager .pagination>li.active>span:hover,
.body .pframe>.container>.right .pager .pagination>li.active>a:hover{ background: #bf2b27; border-color: #bf2b27; color: #fff;}
/*endregion*/


/*region 展会*/
.exhibition{ overflow: hidden; padding: 30px 0;}
.body .exhibition>.container>.down_tit{ overflow: hidden; text-align: center; font-family: 'GraphikWeb'; border-bottom: 1px solid #e5e5e5;}
.body .exhibition>.container>.down_tit>h3{ font-size: 30px; font-weight: bold; color: #333; margin-bottom: 30px;}
.exhibition .ipto{ overflow: hidden; margin-bottom: 15px; border-bottom: 1px solid #e5e5e5;}
.exhibition .ipto>.iptz{ vertical-align: middle; display: block; overflow: hidden;}
.exhibition .ipto>.iptz>a>b{ display: block; font-family: 'GraphikWeb'; font-size: 16px; color: #000; vertical-align:top; font-weight: bold;}
.exhibition .ipto>.iptz>p{ display: inline-block; line-height: 20px; padding: 10px 0; font-family: 'GraphikWeb';}
.exhibition .ipto>.iptz>a.more{ display: inline-block; vertical-align: middle; float: right;  background: #f7f7f7; color: #000; padding: 10px 20px; font-size: 16px; text-transform: capitalize; line-height: 34px; vertical-align: middle; border-radius: 5px }
.exhibition .ipto>.iptz>a.more:hover{ background: #bf2b27; color: #fff;}

.body .exhibition>.container>.cont{ padding: 30px 0; overflow: hidden; text-align: center;}
.body .exhibition>.container>.cont .register{ display: inline-block; padding: 30px;}
.body .exhibition>.container>.cont .form-input{ padding-bottom:10px; overflow: hidden; line-height: 30px;}
.form-input>label{ font-size: 16px; font-family: 'GraphikWeb';  display: block; text-align: left;}
.form-input>input{ line-height: 30px; border:1px solid #333; display: block; padding: 0 15px; width: 500px;}
.form-input>button{ width: 170px; line-height: 36px; background: #fff; border: 0; box-shadow: 0px 0px 25px 1px #e1e1e1; text-align: center; font-size: 16px; border-radius: 20px; cursor: pointer; outline: medium; margin-top: 15px;}
/*endregion*/