@charset "utf-8";
@font-face {
  font-family: 'iconfont';  /* project id 1864671 */
  src: url('//at.alicdn.com/t/font_1864671_hw091ujpr5.eot');
  src: url('//at.alicdn.com/t/font_1864671_hw091ujpr5.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_1864671_hw091ujpr5.woff2') format('woff2'),
  url('//at.alicdn.com/t/font_1864671_hw091ujpr5.woff') format('woff'),
  url('//at.alicdn.com/t/font_1864671_hw091ujpr5.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_1864671_hw091ujpr5.svg#iconfont') format('svg');
}
@font-face {
  font-family: 'ariblk';
  src: url('../fonts/ariblk.eot'); /* IE9*/
  src: url('../fonts/ariblk.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/ariblk.woff2') format('woff2'),
  url('../fonts/ariblk.woff') format('woff'), /* chrome、firefox */
  url('../fonts/ariblk.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('../fonts/ariblk.svg') format('svg'); /* iOS 4.1- */
}
@font-face {
  font-family: 'calibri';
  src: url('../fonts/calibri.eot'); /* IE9*/
  src: url('../fonts/calibri.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/calibri.woff2') format('woff2'),
  url('../fonts/calibri.woff') format('woff'), /* chrome、firefox */
  url('../fonts/calibri.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('../fonts/calibri.svg') format('svg'); /* iOS 4.1- */
}
@font-face {
  font-family: 'FZYTK';
  src: url('../fonts/FZYTK.eot'); /* IE9*/
  src: url('../fonts/FZYTK.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/FZYTK.woff2') format('woff2'),
  url('../fonts/FZYTK.woff') format('woff'), /* chrome、firefox */
  url('../fonts/FZYTK.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('../fonts/FZYTK.svg') format('svg'); /* iOS 4.1- */
}
@font-face {
  font-family: 'AGENCYR';
  src: url('../fonts/AGENCYR.eot'); /* IE9*/
  src: url('../fonts/AGENCYR.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/AGENCYR.woff2') format('woff2'),
  url('../fonts/AGENCYR.woff') format('woff'), /* chrome、firefox */
  url('../fonts/AGENCYR.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('../fonts/AGENCYR.svg') format('svg'); /* iOS 4.1- */
}
@font-face {
  font-family: 'simhei';
  src: url('../fonts/simhei.eot'); /* IE9*/
  src: url('../fonts/simhei.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/simhei.woff2') format('woff2'),
  url('../fonts/simhei.woff') format('woff'), /* chrome、firefox */
  url('../fonts/simhei.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('../fonts/simhei.svg') format('svg'); /* iOS 4.1- */
}

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:#333;}
img,li{ vertical-align:top; border:0px}
img{ max-width:100%;}
.clear{clear: both;}
.iconfont{font-family:iconfont!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.container{ margin: 0px auto; clear: both;}
*{margin:0px;padding:0px;}
ul{ list-style-type:none;}
b{ font-weight: inherit; font-weight: normal;}
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; font-weight: normal;}
body,td,th{ font-family:'Arial';font-size:12px;}
input{font-family:'Arial'; border:0; outline:medium;}
@media (min-width:1px) and  (max-width:1230px){
	.container{ margin-left: 15px; margin-right: 15px;}
}
@media (min-width:1230px){
	.container{ width: 1200px; }
}


/*region 头部*/
.header{}
.header.fis_show{ position: fixed; width: 100%; left: 0px top:0px; z-index: 99; background: rgba(255,255,255,0.9);}

.header .logo{ display: inline-block;}
.header .logo>a>img{ height: 82px; -webkit-transition:all 0.7s; -moz-transition:all 0.7s; -o-transition:all 0.7s; transition:all 0.7s;}
@media (min-width:1px) and  (max-width:991px){
	.header .logo>a>img{ height: 60px;}
}
.header .top{ text-align: right;}
.header .top>p{ display: inline-block;}
.header .top>p>a{  border: 1px solid #f2f2f2; margin-right: 10px;}
.header .top>p>a>i{ color:#9e9e9e; font-weight: bold; font-size: 12px; width: 10px; height: 10px; padding: 2px;}
.header .top>.searchform{ display: inline-block; margin-right: 10px;}
.header .top>.searchform input{ width: 0px; float: left; height: 30px; line-height: 30px; text-indent: 10px; -webkit-transition:all 0.7s; -moz-transition:all 0.7s; -o-transition:all 0.7s; transition:all 0.7s; border-bottom: 1px solid #ccc; background: none;}
.header .top>.searchform button{ background: none; border: 0;  text-align: center; line-height: 30px; cursor: pointer; outline: none;}
.header .top>.searchform button>i{ color: #333; font-size: 16px; font-weight: bold; }
.header .top>span{ display: inline-block; font-weight: bold; margin-right: 10px;}
.header .top>span>a{ color: #a59c9e;}
.header .top>span.active>a{ color: #08d7bb;}

@media (min-width:992px){
.header .top>span:last-child{ margin-right: 0;}
}
@media (min-width:1px) and  (max-width:991px){
   
	.header .top{ display: none;}
}
/*导航*/
.header .jdmenu{ display: inline-block; float: right;}
.header .jdmenu #jdmenu{ display: inline-block; font-family: 'calibri';}
.header #jdmenu>li{ display: inline-block; z-index: 9;font-size: 19px; }
.header #jdmenu>li>a{ display: block; color: #000; padding: 10px 20px 18px 20px; position: relative; text-transform: uppercase;}

@media (min-width:992px){
.header #jdmenu>li:nth-child(1){ display: none;}
.header #jdmenu>li:last-child>a{ padding-right: 0px;}
}
@media (min-width:1px) and  (max-width:991px){
   
	.header .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; padding-bottom: 50px; }
    .header .jdmenu>#jdmenu{ display: block; padding: 0px; text-align: left;}
    .header .jdmenu>#jdmenu>li{ width: calc(100% - 20px); float: left; height: auto; vertical-align:top; padding: 5px 0px 5px 20px; margin-bottom: 0px;}
    .header .jdmenu>#jdmenu>li:nth-child(1){ width: 100%; background: #ffff; padding: 0; margin-bottom: 10px; text-align: center; overflow: hidden;}
    .header .jdmenu>#jdmenu>li:nth-child(1)>a{ padding: 0px; background: #fff;}
    .header .jdmenu>#jdmenu>li:nth-child(1)>a>img{ height: 50px;}
    .header .jdmenu>#jdmenu>li>a{ color: #f5f5f5; font-size: 16px; padding: 0px; font-weight: bold;}
    .header .jdmenu>#jdmenu>li>a:after{ display: none;}

}
/*二级导航*/
.header #jdmenu>li>ul{ display: none;}
.header #jdmenu>li>.dropdown li{ width: calc(20% - 15px); float: left; position: relative; text-align: left; margin-bottom: 10px; padding-right: 15px;}
.header #jdmenu>li>.dropdown li>a{ font-size: 14px; color: #4f4f4f; padding-left: 15px; text-transform: capitalize;}
.header #jdmenu>li>.dropdown li>ul{ margin-top: 10px;}
.header #jdmenu>li>.dropdown li>ul>li{ width: 100%; margin-bottom: 3px;}


@media (min-width:1px) and  (max-width:991px){
   
    .header .jdmenu>#jdmenu>li>ul{ width: calc(100% - 40px); background: none; float: inherit; padding:0px 15px 0px 15px; display: block; position: inherit; top: auto;}
    .header .jdmenu>#jdmenu>li>ul>li{ width: 100%; min-width: inherit; height: auto; line-height: 30px; background: none; text-align: left; margin: 0px;}
    .header .jdmenu>#jdmenu>li>ul>li>a{ color: #fff; font-size: 14px; text-transform: capitalize;}
    .header .jdmenu>#jdmenu>li>ul>li>ul{ width: calc(100% - 40px); background: none; padding:0px 15px 0px 15px; display: block; }
    .header .jdmenu>#jdmenu>li>ul>li>ul>li{ width: 100%; min-width: inherit; height: auto; line-height: 30px; background: none; text-align: left; margin: 0px;}
    .header .jdmenu>#jdmenu>li>ul>li>ul>li>a{ color: #fff; font-size: 14px; text-transform: capitalize;}

}
.header .category{ overflow: hidden; border-top: 1px solid #cecece; font-family: 'calibri'; vertical-align: middle;}
.header .category>div>ul>li{ text-transform: uppercase; float: left; padding: 10px 0;  font-size: 14px; color: #000; vertical-align: middle; display: inline-block; vertical-align: middle;}
.header .category>div>ul>li>span{ display: inline-block; margin: auto 10px; vertical-align: middle;}
.header .category>div>ul>li:hover>a{ color: #08d7bb;}
.header .category>div>ul>li>.dropdown{ width: 100%; float: left; height: auto; position: absolute; left: 0px; top: 121px; right: 0px; background: rgba(255,255,255,0.97); display: none; z-index: 9; padding: 20px 0;}
.header .category>div>ul>li>.dropdown li{ width: 100%; float: left; position: relative; text-align: left; margin-bottom: 10px; }
.header .category>div>ul>li>.dropdown li>a{ font-size: 14px; color: #4f4f4f;  text-transform: capitalize;}
.header .category>div>ul>li>.dropdown li>ul{ margin-top: 10px;}
.header .category>div>ul>li>.dropdown li>ul>li{ width: 100%; margin-bottom: 3px;}

@media (min-width:1px) and  (max-width:991px){
.header .category{ display: none;}
}

/*手机导航*/
.header .menu_btn{ width: 28px; height: 30px; float: right; margin-top: 16px; cursor: pointer; position: relative; display: none;}
.header .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 .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 .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 .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 .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 .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:1px) and  (max-width:991px){

    .fis_show>.menu_btn{ margin-top: 15px;}
    .header .menu_btn{ display: block;}

}

/*endregion*/

/*region*/
.bframe{ overflow: hidden; position: relative;}
/*flexslider*/
.bframe .flexslider{ width: 100%; position:relative;height:auto;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat;}
.bframe .slides{  position:relative;z-index:1; width:100%;}
.bframe .slides li{height:auto; width:100%;background-position:center top; background-repeat:repeat-x;}
.bframe .slides li img{ width:100%;}
.bframe .flex-control-nav{position:absolute; left: 30px; bottom: 160px; z-index: 2;}
.bframe .flex-control-nav li{ list-style-type: none; width: 20px; height: 20px; text-align: center; margin-bottom: 5px;}
.bframe .flex-control-nav a{ display: block; width: 20px; height: 20px; line-height: 20px; background: #005bac; cursor: pointer; color: #fff; opacity: 0.5; border-radius: 50%;}
.bframe .flex-control-nav .flex-active{ opacity: 1;} 
.bframe .flex-direction-nav{position:absolute;z-index:88;width:100%;top:45%;}
.bframe .flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.bframe .flex-direction-nav li a.flex-prev{left:40px;}
.bframe .flex-direction-nav li a.flex-next{right:40px;}

/*endregion*/

.location{ overflow: hidden; padding: 20px 0 0 0; font-size: 13px; color: #000; text-transform: uppercase; background: #fff;} 
.location>div{ border-bottom: 1px solid #eee; padding-bottom: 20px;}
.location>div>a{ color: #000;}
@media (min-width:768px) and (max-width:991px){
.location{ padding: 10px 0 0 0;}
.location>div{ padding-bottom: 10px;}
}
@media (min-width:1px) and (max-width:767px){
.location{ padding: 10px 0 0 0;}
.location i{ font-size: 10px;}
.location>div{ padding-bottom: 10px;}
}

/*region*/
.divframe{ padding: 30px 0 30px 0; text-align: center; overflow: hidden;}
.divframe>div>h3{ font-size: 60px; color: #000; font-family: 'FZYTK'; font-weight: bold; text-transform: uppercase; position: relative; padding-bottom: 30px; margin-bottom: 30px;}
.divframe>div>h3:before{ content: ""; position: absolute; left: 45%; right: 45%; height: 1px; border-bottom: 8px solid #00d7b9; bottom: 0;}
.divframe>div>p:nth-child(2){ font-family: 'Bodoni Bd BT'; font-size: 19px; font-weight: bold; padding: 15px 80px; position: relative; margin-bottom: 30px; color: #000;}
.divframe>div>p:nth-child(2)>i:first-child{ position: absolute; left: 0px; top: 0px;}
.divframe>div>p:nth-child(2)>i:last-child{ position: absolute; right: 0px; bottom: 0px;}
.divframe>div>p{ font-size: 16px; font-weight: bold; color: #878787;}
.divframe>div>a.link-more{ display: inline-block; background: #00c4a6; font-family: 'calibri'; font-size: 27px; color: #fff; text-transform: uppercase; margin-top: 60px; padding: 6px 35px;}

@media (min-width:1px) and  (max-width:991px){
.divframe>div>h3{ font-size: 30px; padding-bottom: 15px; margin-bottom: 15px;}
.divframe>div>h3:before{ border-bottom: 4px solid #00d7b9;}
.divframe>div>p:nth-child(2){ padding: 15px 0px; font-size: 14px; line-height: 24px; margin-bottom: 0px;}
.divframe>div>p:nth-child(2)>i:first-child{ display: none;}
.divframe>div>p:nth-child(2)>i:last-child{ display: none;}
.divframe>div>p{ font-size: 14px; font-weight: bold; color: #878787; line-height: 24px;}
.divframe>div>a.link-more{ font-size: 18px; margin-top: 30px;}
}
/*endregion*/

/*region*/
.divframe1{ overflow: hidden;}
.divframe1 .left{ width: 50%; float: left; overflow: hidden;}
.divframe1 .right{ width: calc(50% - 200px); float: right;  overflow: hidden; padding: 100px 100px 0 100px; text-align: center;}
.divframe1 .right>h3{ font-family: 'AGENCYR'; font-size: 28px; color: #010101; font-weight: bold; margin-bottom: 20px; letter-spacing: 15px; text-transform: uppercase;}
.divframe1 .right>p{ font-size: 16px; line-height: 23px; color: #8b8b8b; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 7; overflow: hidden; padding: 0 80px;}
.divframe1 .right>.link-more{vertical-align: middle;}
.divframe1 .right>.link-more>a{ display: inline-block; background: #00c4a6; font-size: 16px; color: #fff; margin-top: 60px; padding: 16px 41px;}
.divframe1 .right>.link-more>a>i{ font-size: 24px;  display: inline-block; vertical-align: middle; line-height: 24px;}

.divframe1:nth-child(2n) .left{ float: right;}
.divframe1:nth-child(2n) .right{ float: left;}

@media (min-width:1300px) and  (max-width:1658px){
.divframe1 .right{ width: calc(50% - 100px); padding: 50px 50px 0 50px;}
.divframe1 .right>.link-more>a{ display: inline-block; background: #00c4a6; font-size: 16px; color: #fff; margin-top: 30px; padding: 16px 41px;}
.divframe1 .right>p{ padding: 0 40px;}
}
@media (min-width:992px) and  (max-width:1299px){
.divframe1 .right{ width: calc(50% - 60px); padding: 0px 30px 0 30px;}
.divframe1 .right>.link-more>a{ display: inline-block; background: #00c4a6; font-size: 16px; color: #fff; margin-top: 15px; padding: 16px 41px;}
.divframe1 .right>p{ padding: 0 0px;}
}
@media (min-width:1px) and  (max-width:991px){
.divframe1{ overflow: hidden; margin-bottom: 15px; border-bottom: 5px solid #000; padding-bottom: 15px;}
.divframe1 .left{ width: 100%;}
.divframe1 .right{ width: calc(100% - 30px); padding: 0 15px;}
.divframe1 .right>h3{ font-size: 20px; margin-top: 15px;}
.divframe1 .right>p{ padding: 0px;}
.divframe1 .right>.link-more>a{ display: inline-block; background: #00c4a6; font-size: 16px; color: #fff; margin-top: 15px; padding: 16px 41px;}
}
/*endregion*/


/*region*/
.divframe2{ overflow: hidden; padding: 30px 0 0 0;}
.divframe2>div>h3{ font-size: 60px; font-weight: bold; text-transform: uppercase; color: #000; text-align: center; margin-bottom: 30px;}

@media (min-width:1px) and  (max-width:991px){
.divframe2>div>h3{ font-size: 30px;}
}
/*endregion*/




/*region底部*/
.footer{  padding: 60px 0; overflow: hidden; border-top: 1px solid #a1a1a1;}

.footer>div>.footnav{ width: 33.33%; float: left; height: auto; position: relative; }
.footer>div>.footnav>h3{ font-size: 25px; font-weight: bold; color: #4e4e4e; position: relative; padding-bottom: 30px; margin-bottom: 30px; text-transform: capitalize;}
.footer>div>.footnav>h3:before{ content: ""; position: absolute; left: 0px; right: 80%; height: 1px; border-bottom: 5px solid #00d7b9; bottom: 0;}
.footer>div>.footnav>ul{}
.footer>div>.footnav>ul>li{ font-size: 16px; line-height: 35px;;}
.footer>div>.footnav>ul>li>a{ color: #333; text-transform: capitalize; font-weight: normal!important;}
.footer>div>.footnav>ul>li:hover>a{ padding-left: 5px;}

.footer>div>.footnav.f1{}
.footer>div>.footnav.f1>ul>li{ margin-bottom: 10px;}
.footer>div>.footnav.f1>ul>li>i{ font-size: 24px; color: #6a6a6a; margin-right: 10px; }
.footer>div>.footnav.f1>ul>li:first-child>i{ font-size: 20px;}
.footer>div>.footnav.f1>p{ margin-top: 30px;}
.footer>div>.footnav.f1>p>a{width: 24px; float: left; height: 24px; border:1px solid #727272; text-align: center; line-height: 24px; margin-right: 5px;}
.footer>div>.footnav.f1>p>a>i{ font-size: 18px; color: #727272; display: inline-block; vertical-align: middle;}

.footer>div>.footnav.f1>p>a:hover{ background: #00c4a6; border-color: #00c4a6;}
.footer>div>.footnav.f1>p>a:hover>i{ color: #fff;}

@media (min-width:992px) {

}
@media (min-width:1px) and (max-width:991px){
.footer{ display: none;}
}
/*endregion*/

/*region语种工具*/
.footer_language{ padding: 20px 0;}
.footer_language>.container>ul{ display: table;}
.footer_language>.container>ul>li{margin-right:22px; 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{ padding: 20px 0;}
.copy>.container>p{ display: inline-block; font-size: 15px; color: #4e4e4e;}
.copy>.container>p:last-child{ float: right;}
.copy>.container>p>a{ color: #4e4e4e;}
@media (min-width:1px) and (max-width:991px){
    .copy{ margin-bottom: 50px; margin-top: 0px;}
    .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;}
.mobMenu>.foot_nav{width:25%;float:left;text-align:center;color:#898989;font-size:14px}
.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{ }
@media (min-width:1px) and (max-width:991px){
.body{ padding: 0px;}
}
.bframe .cont{ position: absolute; left: 50%; top:50%; transform: translate(-50%,-50%); text-align: center;}
.bframe .cont>h3{ font-family: 'GOTHICB'; font-size: 48px; color: #fff; font-weight: bold; margin-bottom: 30px;}
.bframe .cont>p{ font-size: 20px; line-height: 36px; color: #fff;}

@media (min-width:1px) and (max-width:992px){
.bframe .cont>h3{ font-size: 14px; margin-bottom: 15px;}
.bframe .cont>p{ font-size: 12px; line-height: 14px; display: none;}
}


/*.body>.toolbar{ padding: 15px 0px;  font-size: 18px; background: #f5f5f5; border-bottom: 1px solid #d1d1d1;}*/

@media (min-width:1px) and (max-width:991px){

}

.body .left{ width: 238px; float: right; height: auto; margin-bottom: 30px; margin-top: 30px;}
.body .left>.lbt{ }
.body .left>.lbt>h3{ text-align: center; position: relative; font-family: 'calibri'; font-size: 30px; padding-bottom: 10px; margin-bottom: 20px; font-weight: bold; text-transform: uppercase;}
.body .left>.lbt>h3:before{ content:""; position: absolute; left: 3px; right: 3px; bottom: 2px; height: 1px; border-bottom: 2px solid #005bac;}
.body .left>.lbt>h3:after{ content: ""; position:absolute; left:calc(50% - 10px); bottom:-17px;  z-index:10; width:0; height:0; border-width:10px 10px; border-style:solid; border-color:#005bac transparent transparent transparent ;/*灰 透明 透明 */ }
.body .left>.lbt>ul{}
.body .left>.lbt>ul>li{ font-family: 'calibri'; }
.body .left>.lbt>ul>li>a{ display: block; background: #fafafa; color: #020202; font-weight: bold; border: 2px solid transparent; margin-bottom: 3px; padding: 10px 20px; font-size: 18px; }
.body .left>.lbt>ul>li:hover>a{ color: #3e558f; border-color: #0971cd;}
.body .left>.lbt>ul>li.active>a{ color: #3e558f; border-color: #0971cd;}
.body .left>.lbt>ul>li>ul>li{ display: block; color: #656565; margin-bottom: 3px; padding: 10px 22px; font-size: 15px; position: relative;}
.body .left>.lbt>ul>li>ul>li:after{ content: ""; position:absolute; left:7px; top:13px;  z-index:10; width:0; height:0; border-width:7px 7px; border-style:solid; border-color: transparent transparent transparent #005bac; opacity: 0;}
.body .left>.lbt>ul>li>ul>li:hover>a{ color: #0971cd;}
.body .left>.lbt>ul>li>ul>li:hover:after{ opacity: 1;}
.body .left>.lbt>ul>li>ul>li.active>a{ color: #0971cd;}
.body .left>.lbt>ul>li>ul>li.active:after{ opacity: 1;}

.body .left>.ltb{ margin-top: 30px;}
.body .left>.ltb>h3{ text-align: center; position: relative; font-family: 'calibri'; font-size: 30px; padding-bottom: 10px; margin-bottom: 20px; font-weight: bold; text-transform: uppercase;}
.body .left>.ltb>h3:before{ content:""; position: absolute; left: 3px; right: 3px; bottom: 2px; height: 1px; border-bottom: 2px solid #005bac;}
.body .left>.ltb>h3:after{ content: ""; position:absolute; left:calc(50% - 10px); bottom:-17px;  z-index:10; width:0; height:0; border-width:10px 10px; border-style:solid; border-color:#005bac transparent transparent transparent ;/*灰 透明 透明 */ }
.body .left>.ltb>.cont{}
.body .left>.ltb>.cont>b{ font-size: 18px; padding: 10px 5px; display: block;}
.body .left>.ltb>.cont>p{ font-size: 14px; padding: 10px 5px; display: block; line-height: 24px;}

@media (min-width:1px) and (max-width:991px){
   .body .left{ position: relative; width: 100%; top: inherit; margin-bottom: 0px;}
   .body .left>.lbt>ul>li{ display: none;}
   .body .left>.lbt>ul>li.active>ul>li{ display: block!important;}
}

.body .right{ width: calc(100% - 268px); float: left; height: auto; margin-bottom: 30px;}
@media (min-width:1px) and (max-width:991px){
    .body .right{ width: 100%;}
}

.body .aframe{ overflow: hidden; padding: 60px 0 60px 0;}
.body .aframe>div>h3{ font-family: 'calibri'; color: #000; font-size: 50px; text-align: center;  margin-bottom: 20px; font-weight: bold; text-transform: uppercase;}
.body .aframe>div>p{ font-size: 18px; line-height: 30px; color: #000;}
@media (min-width:1px) and (max-width:991px){
    .body .aframe{ padding: 30px 0 30px 0;}
    .body .aframe>div>h3{ font-size: 20px; margin-bottom: 10px;}
    .body .aframe>div>p{ font-size: 14px;}
}

.aframe1{ overflow: hidden; padding-bottom: 60px;}
.aframe1 .img{ width: 40%; float: left; height: auto;}
.aframe1 .txt{ width: calc(60% - 100px); float: right; text-align: right;}
.aframe1 .txt>h3{ font-size: 36px; color: #6e6e6e; font-family: 'calibri'; font-weight: bold; text-transform: uppercase; position: relative; padding-bottom: 30px; margin-bottom: 30px;}
.aframe1 .txt>h3:before{ content: ""; position: absolute; left: 90%; right: 0px; height: 1px; border-bottom: 8px solid #00d7b9; bottom: 0;}
.aframe1 .txt>p{ font-size: 16px;line-height: 27px; color: #6d6c69; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; overflow: hidden;}
.aframe1 .txt>a.link-more{ display: inline-block; background: #00c4a6; font-family: 'calibri'; font-size: 27px; color: #fff; text-transform: uppercase; margin-top: 30px; padding: 6px 35px;}

@media (min-width:1px) and (max-width:991px){
    .aframe1{ overflow: hidden; padding-bottom: 30px;}
    .aframe1 .img{ width: 100%;}
    .aframe1 .txt{ width: 100%;}
    .aframe1 .txt>h3{ font-size: 24px; padding-bottom: 15px; margin-bottom: 15px; margin-top: 15px;}
    .aframe1 .txt>h3:before{ border-bottom: 4px solid #00d7b9;}
}

.history{position:relative; background: #f8f8f7; padding: 60px 0;}
.history:before{content:"";position:absolute;height:5px;background-color:#e5e5e2;left:0;right:0;top:calc(50% - 2.5px)}
.history-item{text-align:center;float:left;width:100%;cursor:pointer; position:relative; padding:330px 0;}
.history-item time{color:#009048;font-size:20px;transition:all .3s; display:block; }
.history-item span{width:30px; display: inline-block; height:30px;border-radius:50%; border:solid 1px #6ae5d3;transition:all .3s; position: relative;}
.history-item span:before{content: ""; position: absolute; left: 5px; top: 5px; right: 5px; bottom: 5px; background:#00d7b9; border-radius: 50%;}
.content{display:inline-block; position:absolute; padding:10px; width:350px; left:calc(50% - 185px);transition:all .3s;}
.content img{ visibility:hidden;opacity:0;}
.content .content-text { visibility:hidden;opacity:0;}
.history-item.t1 .content{top:0;}
.history-item.t2 .content{bottom:0;}
.history-item.t1 .content time{margin-top:20px;}
.history-item.t2 .content time{margin-bottom:10px;}
.content-text { position:absolute;left:10px; top:70px; right: 10px; padding: 10px; text-align:left; background: rgba(0,215,185,0.79); text-align: center;}
.content-text>b{ color: #fff; font-size: 14px;}
.content-text>p{ color: #d3d3d3;}
.swiper-slide-active .history-item span{border:solid 1px #6ae5d3;}
.swiper-slide-active .history-item span:before{content: ""; position: absolute; left: 5px; top: 5px; right: 5px; bottom: 5px; background:#00d7b9; border-radius: 50%;}
.swiper-slide-active .history-item .content{visibility:visible;opacity:1;}
.swiper-slide-active .history-item .content img{visibility:visible;opacity:1;}
.swiper-slide-active .history-item .content .content-text {visibility:visible;opacity:1; top:70px}
.swiper-slide-active .history-item time{color:#00d7b9}
.swiper-slide-prev .history-item span{border:solid 1px #6ae5d3;}
.swiper-slide-prev .history-item span:before{content: ""; position: absolute; left: 5px; top: 5px; right: 5px; bottom: 5px; background:#00d7b9; border-radius: 50%;}
.swiper-slide-prev .history-item .content{ color: #333; visibility:visible;opacity:1;}
.swiper-slide-prev .history-item .content img{visibility:visible;opacity:1;}
.swiper-slide-prev .history-item .content .content-text {visibility:visible;opacity:1;}
.swiper-slide-prev .history-item time{color:#00d7b9}

@media (min-width:1px) and (max-width:767px){
.history{  display: none;}

}

.partners{ overflow: hidden; padding: 60px 0;}
.partners>div>h3{ font-size: 50px; color: #000; font-family: 'calibri'; font-weight: bold; text-transform: uppercase; position: relative; padding-bottom: 30px; margin-bottom: 30px; text-align: center;}
.partners>div>h3:before{ content: ""; position: absolute; left: 45%; right: 45%; height: 1px; border-bottom: 8px solid #00d7b9; bottom: 0;}
.swiper-partners{width:100%;height:auto;color:#fff;text-align:center; overflow: hidden;}
.swiper-partners .swiper-slide{ box-shadow: 0 0 10px 0px #f5f5f5; }
.swiper-pagination-switch{display:inline-block;margin-right:5px;width:8px;height:8px;border:1px solid #fff;border-radius:8px;background:#222;opacity:.8;cursor:pointer;}
.swiper-visible-switch{background:#aaa;}
.swiper-active-switch{background:#fff;}
@media (min-width:1px) and (max-width:767px){
.partners{padding: 30px 0;}
.partners>div>h3{ font-size: 25px; padding-bottom: 15px; margin-bottom: 15px;}
.partners>div>h3:before{ border-bottom: 4px solid #00d7b9; }
}

.body .singlepage{ overflow: hidden; padding: 30px 0px;}
.body .singlepage>h1{ text-align: center; font-family: 'calibri'; font-size: 38.78px; color: #000; position: relative; text-transform: capitalize;}
.body .singlepage>p{ text-align: center; margin-top: 20px; position: relative;}
.body .singlepage>p:before{ content: ""; position: absolute; left: 0px; top: 50%; right: 0px; border-bottom: 1px solid #181818; z-index: -1;}
.body .singlepage>p>i{ font-size: 40px; color: #005bac;}
.body .singlepage>.cont{ overflow: hidden;}
.body .singlepage>.cont img[align=left]{ padding-right: 15px;}
.body .singlepage>.cont img[align=right]{ padding-left: 15px;}

.body .singlepage>.cont ol{ padding-left: 20px; }

.body .singlepage>.cont .pupz{ width: calc(25% - 10px); border:3px solid transparent; float: left; margin-right: 5px; height: 270px; margin-bottom: 5px;}
.body .singlepage>.cont .pupz>b{ font-family: 'SOURCEHANSANSCN-BOLD'; display: block; font-size: 20.17px; color: #fff; font-weight: bold; padding: 10px 0; text-align: center;}
.body .singlepage>.cont .pupz>p{ font-family: 'SOURCEHANSANSCN-REGULAR'; font-size: 15.78px; color: #666; line-height: 22.79px; padding: 10px; vertical-align: middle;}

.body .singlepage>.cont .pupz:nth-child(1n){ border-color: #fadc19;}
.body .singlepage>.cont .pupz:nth-child(1n)>b{ background: #fadc19;}
.body .singlepage>.cont .pupz:nth-child(2n){ border-color: #fb9224;}
.body .singlepage>.cont .pupz:nth-child(2n)>b{ background: #fb9224;}
.body .singlepage>.cont .pupz:nth-child(3n){ border-color: #f45905;}
.body .singlepage>.cont .pupz:nth-child(3n)>b{ background: #f45905;}
.body .singlepage>.cont .pupz:nth-child(4n){border-color: #2a1a5e;} 
.body .singlepage>.cont .pupz:nth-child(4n)>b{ background: #2a1a5e;}

@media (min-width:992px) {

.body .singlepage>.cont .pupz:nth-child(4n){ margin-right: 0px;} 
.body .singlepage>.cont .pupz:nth-child(4n+1){ clear: both;}
}
@media (min-width:992px) and (max-width:1142px){
.body .singlepage>.cont .pupz{ height: 330px;}
}
@media (min-width:1px) and (max-width:991px){
.body .singlepage>h1{ font-size: 24px;}
.body .singlepage>h1>span{ display: block; position: inherit; margin-top: 10px; text-align: center;}
.body .singlepage>h1>span #ProShare{ display: inline-block;}

.body .singlepage>.cont{ padding: 0px 5px 5px 5px ;}


.body .singlepage>.cont .table1>tbody>tr>td.colspan{ width: 100%; margin: 0;}

.body .singlepage>.cont .pupz{ width: calc(50% - 9px); height: auto;}
.body .singlepage>.cont .pupz:nth-child(2n){ margin-right: 0px;} 
.body .singlepage>.cont .pupz:nth-child(2n+1){ clear: both;}
}
/*endregion*/

/*产品筛选*/
.body .filter{  padding: 30px 0 0 0;}

.body .filter .Majorclass{ width: 300px; float: left;  background: #005bac; color: #fff;  border: 0; font-size: 16px; margin-right: 15px; height: 50px; line-height: 50px; position: relative;}
.body .filter .Majorclass>dl{ width: calc(100% - 20px); float: left; height: 50px; line-height: 50px; cursor: pointer; padding: 0 10px; text-transform: capitalize;}
.body .filter .Majorclass>dl>i.iconfont{ float: right;}
.body .filter .Majorclass>ul{ width: 100%; position: absolute; top: 100%; left: 0px; z-index: 9; display: none; background: #005BAC; border-radius: 5px;}
.body .filter .Majorclass>ul>li{ display: block; height: 50px; line-height: 50px; cursor: pointer; padding: 0 10px;}
.body .filter .Majorclass>ul>li:hover{ background: #666;}
.body .filter .Majorclass>ul>li.active{ background: #666;}

.body .filter .Small2{ font-size: 16px; color: #7a7a7a; line-height: 39px;}
.body .filter .Small2 em{ font-style: italic; color: #005BAC; padding-right: 5px;}
@media screen and (min-width:1px) and (max-width:767px) 
{
    .body .filter{ padding: 15px 0;}
    .body .filter .Majorclass{ margin-bottom: 15px; width: 100%;}
}

/*产品简介*/
.body .synopsis{ padding-top: 30px; border-top: 1px solid #ebebeb;}
.body .synopsis>h3{ text-transform: capitalize; font-size: 17px; color: #282828; text-align: center; font-weight: bold;}
.body .synopsis>.synopsis_cont{ overflow: hidden; padding-top: 30px;}
.body .synopsis>.synopsis_contlist{ overflow: hidden; padding: 30px 0;}
.body .synopsis>.synopsis_contlist>a{ font-size: 14px; margin-right: 15px; text-transform: capitalize;}
.body .synopsis>.synopsis_contlist>a:hover{ color: #6EB92B;}
@media (min-width:1px) and (max-width:991px){
.body .synopsis>h3{ font-size: 24px;}
}
/*region 产品中心*/

.body{}
.body .output{ overflow: hidden; padding-top: 30px ;}
.body .output>.ipto{ width: calc(25% - 12px); margin-right: 15px; float: left; margin-bottom: 30px;}
.body .output>.ipto>.ipti{}
.body .output>.ipto>a>.iptz{ padding-top: 15px; text-align: center;}
.body .output>.ipto>a>.iptz>b{ display: block; font-family: '黑体'; font-size: 18px; color: #828282; font-weight: bold;}
.body .output>.ipto>a>.iptz>p{ font-size: 15px; color: #292929; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; margin-top: 5px;}
@media (min-width:992px){
.body .output>.ipto:nth-child(4n){ margin-right: 0px;}
}
@media (min-width:1px) and (max-width:991px){
.body .output{ overflow: hidden; padding-top: 30px;}
.body .output>.ipto{ width: calc(50% - 7.5px); margin-right: 15px;}
.body .output>.ipto:nth-child(2n){ margin-right: 0px;}
}

.body .output>.ipto>.iptz{ width: 100%; }
.body .output>.ipto>.iptz>b>a{ font-size: 24px; padding-bottom: 10px; margin-bottom: 30px;}
.body .output>.ipto>.iptz>b>a:before{ content: ""; border-bottom: 3px solid #005bac; position: absolute; right: 70%; left: 0px; bottom: 0px; height: 1px;}
.body .output>.ipto>.iptz>strong{ font-size: 16px; line-height: 20px; margin-bottom: 30px;}
.body .output>.ipto>.iptz>p{ font-size: 12px; line-height: 18px; }
.body .output>.ipto>.iptz>.link-more{ margin-top: 30px;}
.body .output>.ipto>.iptz>.link-more>a{ font-size: 14px; }
.body .output>.ipto>.iptz>.link-more>a>i{ font-size: 18px;}

.body .output>.ipto>.ipti{ width: calc(100%); margin-top: 30px; display: none;}
.body .output>.ipto>.ipti>a>img{ max-width: 100%;}
}
.body .outRelated{ background: #f8f8f7; overflow:hidden; text-align: center;}
.body .outRelated>div>.ipto{ width: 230px; display: inline-block; position: relative; margin: auto 40px;}
.body .outRelated>div>.ipto>a>.ipti{}
.body .outRelated>div>.ipto>a>.iptz{ position: absolute; left: 0px; right: 0px; bottom: -100%; background: rgba(0,91,172,1); padding: 5px 0; -webkit-transition:all 0.7s; -moz-transition:all 0.7s; -o-transition:all 0.7s; transition:all 0.7s;}
.body .outRelated>div>.ipto>a>.iptz>b{ font-size: 14px; color: #fff;}
.body .outRelated>div>.ipto:hover>a>.iptz{ bottom: 0px; }

.body .outList{ background: #f8f8f7; overflow:hidden; padding: 60px 0 30px;}
.body .outList>div>.ipto{ position: relative; width: calc(25% - 23px); float: left; margin-right: 30px; margin-bottom: 30px;}
.body .outList>div>.ipto>a>.ipti{}
.body .outList>div>.ipto>a>.iptz{ position: absolute; left: 0px; right: 0px; bottom: 0px; background: rgba(0,91,172,1); padding: 5px; -webkit-transition:all 0.7s; -moz-transition:all 0.7s; -o-transition:all 0.7s; transition:all 0.7s; text-align: center}
.body .outList>div>.ipto>a>.iptz>b{ font-size: 14px; color: #fff;}

@media (min-width:992px) {
.body .outList>div>.ipto:nth-child(4n){ margin-right: 0px;}
.body .outList>div>.ipto:nth-child(4n+1){ clear: both;}
}
@media (min-width:1px) and (max-width:991px){

.body .outRelated>div>.ipto{ width: calc(33.33% - 20px); margin: auto 10px;}
.body .outRelated>div>.ipto>a>.iptz{ position: relative; left: inherit; right: inherit; bottom: inherit; background: rgba(0,91,172,1); padding: 5px 0; }
.body .outRelated>div>.ipto>a>.iptz>b{ font-size: 10px; color: #fff;}


.body .outList{ padding: 30px 0 0 0;}
.body .outList>div>.ipto{ width: calc(50% - 17px);}
.body .outList>div>.ipto>a>.iptz{ position: relative; left: inherit; right: inherit; bottom: inherit; background: rgba(0,91,172,1); padding: 5px 0; }

.body .outList>div>.ipto:nth-child(2n){ margin-right: 0px;}
.body .outList>div>.ipto:nth-child(2n+1){ clear: both;}
}


.body .output>.detail{}
.body .output>.detail #colorhtml{ overflow: hidden; vertical-align: middle; text-align: center;}
.body .output>.detail .detail_big{ width: 600px; margin-left: 60px; display: inline-block; height: auto; text-align: center; position: relative; border: 1px solid #c1c4c6; vertical-align: middle;}
.body .output>.detail .detail_big>a>img{ width: 100%;}
@media (min-width:1px) and (max-width:991px){
.body .output>.detail .detail_big{ width: calc(100% - 112px); margin-left: 30px; float: left;}
}
.body .output>.detail .rtp_small_img{ width: 120px; display: inline-block; position: relative; margin-bottom: 10px; vertical-align: top;}
.body .output>.detail .rtp_small_img .swiper-small{position:relative;z-index:10;width:100%;height:720px;;color:#fff;text-align:center; overflow: hidden;}
.body .output>.detail .rtp_small_img .swiper-small .swiper-slide{ width: 100%; height: 180px; cursor: pointer;}
.body .output>.detail .rtp_small_img .swiper-small .swiper-slide.on>img{ border-bottom: 2px solid #000; margin-bottom: 18px;}
.body .output>.detail .rtp_small_img a.arrow-left,.body .output>.detail .rtp_small_img a.arrow-right{ width: 30px; display: inline-block; height: 30px; line-height: 30px; text-align: center; background: #231815; border-radius: 50%; margin: 30px 5px 0 5px;}
.body .output>.detail .rtp_small_img a.arrow-left>i,.body .output>.detail .rtp_small_img a.arrow-right>i{ font-size: 14px; color: #fff;}

@media (min-width:1px) and (max-width:991px){
.body .output>.detail .rtp_small_img{ float: left; width: 80px;}
.body .output>.detail .rtp_small_img .swiper-small{  height: 234px;}
.body .output>.detail .rtp_small_img .swiper-small .swiper-slide{ height: 117px}

.body .output>.detail .rtp_small_img a.arrow-left,.body .output>.detail .rtp_small_img a.arrow-right{ width: 20px; height: 20px; line-height: 20px;  border-radius: 50%; margin: 15px 5px 0 5px;}
}

.body .output>.detail>.xgeffect{ overflow: hidden; padding: 30px 0 0 0; text-align: center;}

.body .output>.detail>.xgeffect>.item{ display: inline-block; width: 420px; overflow: hidden; vertical-align: top;}
.body .output>.detail>.xgeffect>.item>.txt{ font-family: 'calibri'; font-size: 14px; font-weight: bold; color: #212121; cursor: pointer; vertical-align: top;}
.body .output>.detail>.xgeffect>.item>.txt>i{ font-size: 14px; margin-left: 15px; display: inline-block; -webkit-transition:all 0.7s; -moz-transition:all 0.7s; -o-transition:all 0.7s; transition:all 0.7s;}
.body .output>.detail>.xgeffect>.item>.cont{ overflow: hidden; margin-top: 20px; font-family: 'calibri'; font-size: 14px; line-height: 24px; height: 0px; -webkit-transition:all 0.7s; -moz-transition:all 0.7s; -o-transition:all 0.7s; transition:all 0.7s; }

.body .output>.detail>.xgeffect>.item.active>.txt>i{ transform:rotate(180deg); -webkit-transition:all 0.7s; -moz-transition:all 0.7s; -o-transition:all 0.7s; transition:all 0.7s;}
.body .output>.detail>.xgeffect>.item.active>.cont{ height: auto; -webkit-transition:all 0.7s; -moz-transition:all 0.7s; -o-transition:all 0.7s; transition:all 0.7s;}


@media (min-width:992px){
.body .output>.detail>.xgeffect>.item:first-child{ display: block;}
}
@media (min-width:1px) and (max-width:991px){
.body .output>.detail>.xgeffect>.item{ width: 100%; text-align: left;}
.body .output>.detail>.xgeffect>.item.active>.cont{ margin-bottom: 20px;}
}

.body .output>.detail>.xgeffect>.detailtop{ text-align: left; overflow: hidden;  display: block;  font-size: 18px; color: #333; text-align: left; position: relative; font-weight: bold;}
.body .output>.detail>.xgeffect>.detailtop>strong{ cursor: pointer; margin-right: 5px; font-size: 18px; float: left; display: inline-block; color: #212121; padding: 6px 50px; }
.body .output>.detail>.xgeffect>.detailtop>strong.active{ border-bottom: 2px solid #00c4a6;}
.body .output>.detail>.xgeffect>.detailtop:before{ content: ""; position: absolute; left: 0px; right: 0px; bottom: 0px; height: 1px; border-bottom: 2px solid #e2e2e2; z-index: -1;}
.body .output>.detail>.xgeffect>.detailtop>span{ float: right; background: #fff; display: inline-block; padding-left: 15px; cursor: pointer;}
.body .output>.detail>.xgeffect>.detalist{padding-top:30px; overflow: hidden;}

.body .output>.detail>.xgeffect:nth-child(n+3)>.detailtop:before{ display: none;}
@media (min-width:1px) and (max-width:991px){
.body .output>.detail{ margin-top: 0px; overflow: hidden;}

.body .output>.detail>.xgeffect>.detailtop{ font-size: 20px;}
.body .output>.detail>.xgeffect>.detailtop>strong{ width: 30%; padding: 0px; text-align: center; padding: 5px 0; font-size: 12px;}
}
/*询盘*/
.body .output>.detail #onlineInquiry{ padding-top: 30px; padding-bottom: 30px; }
.body .output>.detail #onlineInquiry .detalist{ margin: 30px; box-shadow: 0 0 30px 2px #eee;}
.body .output>.detail .onlineInquiry{ overflow: hidden;  width: 60%; padding: 80px;}
.body .output>.detail .onlineInquiry>.input-form{ overflow: hidden;  margin-bottom: 30px; border-bottom: 2px solid #939393; font-size: 14px; color: #939393;}
.body .output>.detail .onlineInquiry>.input-form.three{ width: calc(33.33% - 20px); float: left; margin-right: 20px;}
.body .output>.detail .onlineInquiry>.input-form.two{ width: calc(50% - 10px); float: left; margin-right: 20px;}
.body .output>.detail .onlineInquiry>.input-form.one{ width: calc(100%); float: left; }
.body .output>.detail .onlineInquiry>.input-form.end{ margin-right: 0px;}
.body .output>.detail .onlineInquiry>.input-form>span{ display: inline-block; float: left; font-size: 14px; line-height: 40px; vertical-align: top;}
.body .output>.detail .onlineInquiry>.input-form>input{ float: left; height: auto; line-height: 40px; text-indent: 10px; border: 0px; background: none;}
.body .output>.detail .onlineInquiry>.input-form>textarea{ float: left; border: 0; background: none; outline: medium; resize:none; line-height: 30px; min-width: 70%; height: 90px;}
.body .output>.detail .onlineInquiry>.hidden{ display: none;}
.body .output>.detail .onlineInquiry>.input-button{ text-align: left;}
.body .output>.detail .onlineInquiry>.input-button>button{ background: none; border: 0; border-radius: 30px; padding: 12px 30px; cursor: pointer; vertical-align: middle; font-size: 16px; color: #111111; outline: medium; text-transform: uppercase; position: relative;}
.body .output>.detail .onlineInquiry>.input-button>button:before{ content: ""; position: absolute; left: 0px; top: 0px; bottom: 0px; width: 0px; background: #dbdbdb; z-index: -1; -webkit-transition:all 0.7s; -moz-transition:all 0.7s; -o-transition:all 0.7s; transition:all 0.7s;}
.body .output>.detail .onlineInquiry>.input-button>button>i{ color: #11111; font-size: 20px; padding-left: 10px;}
.body .output>.detail .onlineInquiry>.input-button>button:hover:before{ width: 100%; -webkit-transition:all 0.7s; -moz-transition:all 0.7s; -o-transition:all 0.7s; transition:all 0.7s;}

@media (min-width:1px) and (max-width:991px){
.body .output>.detail #onlineInquiry{ padding-top: 0px;}
.body .output>.detail #onlineInquiry .detalist{ margin: 0;}
.body .output>.detail .onlineInquiry{  width: auto; padding: 15px;}
.body .output>.detail .onlineInquiry>.input-form.two{ width: 100%; margin-right: 0;}
.body .output>.detail .onlineInquiry>.input-form.three{ width: calc(100%); margin-right: 0px;}
}
/*相关产品*/
.body .output>.detail .detalist>.ipto{ width: calc(25% - 25px); float: left; height: auto; background: #fff;  margin-right: 30px; margin-bottom: 30px;}
.body .output>.detail .detalist>.ipto>a>.ipti{ display: block; text-align: center;}
.body .output>.detail .detalist>.ipto>a>.ipti>img{}
.body .output>.detail .detalist>.ipto>a>.iptz{ display: block; text-align: left;}
.body .output>.detail .detalist>.ipto>a>.iptz>b{  display: block; height: auto; font-size: 16px; color: #fa6851; margin-top: 10px; font-weight: bold;}
.body .output>.detail .detalist>.ipto>a>.iptz>p{ font-size: 14px; font-weight: bold; color: #474747; margin-top: 5px;}

@media (min-width:992px) {
.body .output>.detail .detalist>.ipto:last-child{ margin-right: 0px;}
}
@media (min-width:1px) and (max-width:991px){
.body .output>.detail .detalist>.ipto{ width: calc(50% - 27px); padding: 5px;}
.body .output>.detail .detalist>.ipto:nth-child(2n){ margin-right: 0px;}
.body .output>.detail .detalist>.ipto>a>.iptz>b{ font-size: 12px;}
}
/*endregion*/

/*region 新闻中心*/
.body .nleft{ overflow: hidden; padding-top: 50px; padding-bottom: 30px; text-align: center;}
.body .nleft>ul>li{ display: inline-block; border: 2px solid #00c4a6; margin: auto 5px; padding: 8px 40px; font-family: 'calibri'; font-size: 18px; text-transform: uppercase;}
.body .nleft>ul>li>a{ display: block;}
.body .nleft>ul>li:hover{ background: #00c4a6;}
.body .nleft>ul>li:hover>a{ color: #fff;}
.body .nleft>ul>li.active{ background: #00c4a6;}
.body .nleft>ul>li.active>a{ color: #fff;}
@media (min-width:1px) and (max-width:991px){
.body .nleft>ul>li{ font-size: 12px; padding: 5px 10px; float: left;}
}

.body .newslist{ padding-bottom: 30px; overflow: hidden;}
.body .newslist .news_right{ margin-top: 30px; }
.body .newslist .news_right>.ipto{ width: calc(33.33% - 23px); float: left; margin-right: 30px; margin-bottom: 30px; }
.body .newslist .news_right>.ipto>.ipti{ display: block; border: 1px solid #e0e0e0; border-bottom: 0;}
.body .newslist .news_right>.ipto>.iptz{ display: block; padding: 10px; background: #f8f8f7;}
.body .newslist .news_right>.ipto>.iptz>b{ display: block; font-family: 'calibri'; font-size: 22px; margin-bottom: 15px;}
.body .newslist .news_right>.ipto>.iptz>b>a{ color: #180e04;} 
.body .newslist .news_right>.ipto>.iptz>p{ font-size: 14px; color: #4b4b4b; height: 48px; line-height: 24px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.body .newslist .news_right>.ipto>.iptz>.time{ padding: 10px 0; color: #777; overflow: hidden;}


.body .newslist .news_right>.ipto:hover{ border-color: #ffb400;}

@media (min-width:992px){
.body .newslist .news_right>.ipto:nth-child(3n){ margin-right: 0px;}
.body .newslist .news_right>.ipto:nth-child(3n+1){ clear: both;}
}
@media (min-width:1px) and (max-width:991px){
.body .newslist .news_right>.ipto{ width: calc(50% - 17px);}
.body .newslist .news_right>.ipto>.ipti>a>img{ width: 100%;}
.body .newslist .news_right>.ipto>.iptz>b{ font-size: 14px; margin-bottom: 5px;}
.body .newslist .news_right>.ipto>.iptz>p{ display: none;}
.body .newslist .news_right>.ipto>.iptz>.time>.share-buttons{ display: block!important; float: inherit; clear: both; margin-top: 10px;}

.body .newslist .news_right>.ipto:nth-child(2n){ margin-right: 0px;}
.body .newslist .news_right>.ipto:nth-child(2n+1){ clear: both;}
}

.body .newslist{ }
.body .newslist>.newsdetail{ margin-top: 30px;}
.body .newslist>.newsdetail>h1{ text-align: center; font-family: 'GOTHICB'; font-size: 38.78px; color: #666; position: relative;}

.body .newslist>.newsdetail>p{ text-align: center; margin-top: 20px; position: relative;}
.body .newslist>.newsdetail>p:before{ content: ""; position: absolute; left: 0px; top: 50%; right: 0px; border-bottom: 1px solid #181818; z-index: -1;}
.body .newslist>.newsdetail>.detailed_tit{ display: block; text-align: center; padding: 15px 0; font-size: 16px; vertical-align: middle; overflow: hidden; border-bottom: 1px solid #a2a2a2;}

.body .newslist>.newsdetail>.detailed_tit>p{ display: inline-block;}
.body .newslist>.newsdetail>.detailed_tit>#ProShare{ display: inline-block; }
@media (min-width:1px) and (max-width:991px){
.body .newslist .news_right{ width: calc(100% );}

.body .newslist>.newsdetail>h1{ font-size: 20px;}
.body .newslist>.newsdetail>.detailed_tit{ text-align: center;}
.body .newslist>.newsdetail>.detailed_tit>p{ display: block; float: inherit; margin-bottom: 10px;}
.body .newslist>.newsdetail>.detailed_tit>#ProShare{ float: inherit;}


}
.body .newslist>.newsdetail>#prevnext{ display: block; margin-top: 30px; border-top: 1px solid #a2a2a2; padding-top: 30px;}
.body .newslist>.newsdetail>#prevnext>span{ color: #00c4a6; margin-right: 30px;}
.body .newslist>.newsdetail>#prevnext>span>a>i{ font-size: 20px; margin-right: 5px; margin-left: 5px;}
.body .newslist>.newsdetail>#prevnext>span>a{ color: #00c4a6;}
.body .newslist>.newsdetail>#prevnext>span:nth-child(1){ margin-right: 60px;}
.body .newslist>.newsdetail>#prevnext>span:nth-child(n+2)>a>i{ width: 30px; height: 30px; display: inline-block; border-radius: 50%; background: #00c4a6; color: #fff; text-align: center; line-height: 30px;}
@media (min-width:1px) and (max-width:991px){
.body .newslist>.newsdetail>#prevnext{ text-align: center;}
.body .newslist>.newsdetail>#prevnext>span:nth-child(1){ display: block; margin-right: 0px; margin-bottom: 30px;}

}
.body .newslist>.newsdetail>.detailed_Related{ display: block; margin-top: 30px;}
.body .newslist>.newsdetail>.detailed_Related>.cont{ display: block;}
.body .newslist>.newsdetail>.detailed_Related>.cont>.ipto{ width: calc(100% - 24px); float: left; border: 2px dashed #d6d6d6; padding: 10px; margin-bottom: 10px;}
.body .newslist>.newsdetail>.detailed_Related>.cont>.ipto>a>.ipti{ width: 75px; padding: 7px 0; background: #e8e8e8; display: inline-block; text-align: center; color: #6c6c6c; font-size: 15px; font-family: 'SOURCEHANSANSCN-REGULAR'; position: relative;}
.body .newslist>.newsdetail>.detailed_Related>.cont>.ipto>a>.ipti::after{ content: ""; position:absolute; left:-10px; top:-10px; bottom:0; z-index:10; width:0; height:0; border-width:10px 10px; border-style:solid; border-color:transparent  transparent transparent #fff;/*灰 透明 透明 */ transform:rotate(-137deg);}
.body .newslist>.newsdetail>.detailed_Related>.cont>.ipto>a>.ipti>strong{  display: block; font-size: 33.12px; font-family: 'Arial'; margin-bottom: 5px;}
.body .newslist>.newsdetail>.detailed_Related>.cont>.ipto>a>.iptz{ width: calc(100% - 105px); float: right;}
.body .newslist>.newsdetail>.detailed_Related>.cont>.ipto>a>.iptz>b{ display: block; font-size: 16px; color: #6c6c6c; font-weight: bold; margin-bottom: 10px;}
.body .newslist>.newsdetail>.detailed_Related>.cont>.ipto>a>.iptz>p{  font-size: 14px; color: #6c6c6c; line-height: 24px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}


@media (min-width:1px) and (max-width:991px){

.body .newslist>.newsdetail>.detailed_Related>.cont>.ipto{ width: calc(100% - 25px); margin-bottom: 30px;}
.body .newslist>.newsdetail>.detailed_Related>.cont>.ipto:nth-child(2n){ margin-right: 0px;}
.body .newslist>.newsdetail>.detailed_Related>.cont>.ipto:nth-child(2n+1){ clear: both;}
.body .newslist>.newsdetail>.detailed_Related>.cont>.ipto>a>.iptz{ padding: 10px;}
.body .newslist>.newsdetail>.detailed_Related>.cont>.ipto>a>.iptz>b{ margin-bottom: 10px; font-size: 14px;}
.body .newslist>.newsdetail>.detailed_Related>.cont>.ipto>a>.iptz>em{ font-size: 12px; margin-bottom: 0px}
.body .newslist>.newsdetail>.detailed_Related>.cont>.ipto>a>.iptz>p{ display: none;}

}
/*endregion*/

/*region 下载中心*/
.body .dframe{ width: 100%; float: left; height: auto;}
.body .dframe .downlist{ width: 100%; float: left; height: auto; margin-bottom: 60px;}
.body .dframe .downlist h3{ font-size: 30px; color: #333; text-align: left; position: relative;}
.body .dframe .downlist h3>span{ background: #fff; display: inline-block; padding-right: 20px; text-transform: capitalize;}
.body .dframe .downlist h3:before{ content: ""; position: absolute; left: 0px; right: 0px; top: 50%; height: 1px; border-bottom: 2px solid #e2e2e2; z-index: -1;}
.body .dframe .downlist>.cont{ display: block; margin-top: 60px;}
.body .dframe .downlist>.cont>#downtable{ width: 100%; float: left; height: auto;}
.body .dframe .downlist>.cont>#downtable tr{ width: 100%; float: left; border-bottom: 2px solid #eaeaea; padding-bottom: 10px;}
.body .dframe .downlist>.cont>#downtable tr>td:nth-child(1){ width: 80%; float: left; font-size: 18px; color: #333;}
.body .dframe .downlist>.cont>#downtable tr>td:nth-child(1)>i.iconfont{ color: #ff575e; font-size: 30px; padding-right: 10px;}
.body .dframe .downlist>.cont>#downtable tr>td:nth-child(2){ width: 20%; float: left; font-size: 18px; color: #333; text-align: right}
.body .dframe .downlist>.cont>#downtable tr>td:nth-child(2)>a>i.iconfont{ color: #333; font-size: 30px; padding-right: 10px;}

@media (min-width:1px) and (max-width:991px){
.body .dframe .downlist h3{ font-size: 20px;}
.body .dframe .downlist{ margin-top: 30px; margin-bottom: 30px;}
.body .dframe .downlist>.cont{ margin-top: 30px;}
.body .dframe .downlist>.cont>#downtable tr>td:nth-child(1){ width: 70%!important; font-size: 12px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.body .dframe .downlist>.cont>#downtable tr>td:nth-child(1)>i.iconfont{ font-size: 16px; }
.body .dframe .downlist>.cont>#downtable tr>td:nth-child(2){ width: 20%!important; font-size: 12px;}
.body .dframe .downlist>.cont>#downtable tr>td:nth-child(2)>a>i.iconfont{ font-size: 16px; }
}
/*endregion*/


/*region 联系我们*/
.body .cframe{ overflow: hidden;}
.body .cframe .lxfs{ background: #fff; padding: 30px;}
.body .cframe .lxfs>h3{ font-size: 50px; color: #000; font-family: 'calibri'; font-weight: bold; text-transform: uppercase; position: relative; padding-bottom: 30px; margin-bottom: 30px; text-align: center;}
.body .cframe .lxfs>h3:before{ content: ""; position: absolute; left: 45%; right: 45%; height: 1px; border-bottom: 8px solid #00d7b9; bottom: 0;}
.body .cframe .lxfs>ul>li{ line-height: 40px; font-size: 16px;}
.body .cframe .lxfs>ul>li>i{ font-size: 18px; margin-right: 5px;}
.body .cframe .lxfs>ul>li>a{font-weight: normal!important;}

@media (min-width:1px) and (max-width:991px){

}

.body .leavea{ overflow: hidden; padding-bottom: 60px;}
.body .leavea>div>h3{ font-family: 'calibri'; font-size: 48px; font-weight: bold; color: #1d1e1f; margin-bottom: 10px;}
.body .leavea>div>p{ font-size: 18px; color: #939393;}
.body .leavea .cont{  background: #fff; overflow: hidden; padding: 30px;}
.body .leavea .cont>.from-input{ float: left; margin-bottom: 30px; font-size: 20px; color: #6b6b6b;}
.body .leavea .cont>.from-input.one{ width: calc(100%);}
.body .leavea .cont>.from-input.two{ width: calc(50% - 15px); margin-right: 30px; float: left;}
.body .leavea .cont>.from-input.three{ width: calc(33.33% - 20px); margin-right: 30px;}
.body .leavea .cont>.from-input.end{ margin-right: 0px;}
.body .leavea .cont>.from-input>label{ font-size: 18px; color: #afafaf; display: block; line-height: 30px;}
.body .leavea .cont>.from-input>label>span{ float: right;}
.body .leavea .cont>.from-input>input[type=text]{ width: 100%; background: #f5f8fa; border: 1px solid #eaeaea; height: 38px; line-height: 38px; font-size: 12px;}
.body .leavea .cont>.from-input>span{ width: 20%; float: left; font-size: 14px; color: #999;}
.body .leavea .cont>.from-input>textarea{ width: 100%; border: 1px solid #eaeaea; outline: none;}
.body .leavea .cont>.from-button{ text-align: left; overflow: hidden; float: left;}
.body .leavea .cont>.from-button>button{ background: none; border: 0; border-radius: 30px; padding: 12px 30px; cursor: pointer; vertical-align: middle; font-size: 16px; color: #111111; outline: medium; text-transform: uppercase; position: relative; }
.body .leavea .cont>.from-button>button>span{ position: relative; z-index: 1;}
.body .leavea .cont>.from-button>button:before{ content: ""; position: absolute; left: 0px; top: 0px; bottom: 0px; width: 0px; background: #dbdbdb; z-index: 0; -webkit-transition:all 0.7s; -moz-transition:all 0.7s; -o-transition:all 0.7s; transition:all 0.7s;}
.body .leavea .cont>.from-button>button>i{ color: #11111; font-size: 20px; padding-left: 10px;}
.body .leavea .cont>.from-button>button:hover:before{ width: 100%; -webkit-transition:all 0.7s; -moz-transition:all 0.7s; -o-transition:all 0.7s; transition:all 0.7s;}

@media (min-width:1px) and (max-width:991px){
.body .leavea{ padding: 0 0 30px 0; }
.body .leavea>div>h3{ font-size: 24px;}
.body .leavea>div>p{ font-size: 14px;}

.body .leavea .cont>.from-input{ margin-bottom: 15px;}
.body .leavea .cont>.from-input.two{ width: calc(100%); margin-right: 0px; }
.body .leavea .cont>.from-input.three{ width: calc(100%); margin-right: 0px;}

.body .leavea .cont>.from-input>label>span{ float: left;}

.body .leavea .cont>.from-input>span{ width: 50%;}
}


/*endregion*/

/*region 案列*/
.body .caseslist{ margin-top: 30px;}
.body .caseslist>.ipto{ width: calc(25% - 23px); float: left; height: auto; cursor: pointer; margin-right: 30px; margin-bottom: 30px;}
.body .caseslist>.ipto>a>.ipti{ display: block; border: 1px solid #f5f5f5; overflow: hidden;}
.body .caseslist>.ipto>a>.ipti>img{ opacity:.7; -webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s;-webkit-transform:scale(1,1);transform:scale(1,1)}
.body .caseslist>.ipto>a>.iptz{ display: block; text-align: center; font-family: 'SOURCEHANSANSCN-LIGHT';}
.body .caseslist>.ipto>a>.iptz>b{ display: block; font-size: 14px; color: #333; margin-top: 20px;}
.body .caseslist>.ipto>a>.iptz>em{ display: none}
.body .caseslist>.ipto>a>.iptz>p{ display: none}
.body .caseslist>.ipto:hover>a>.ipti>img{ opacity:1; -webkit-transform:scale(1.05,1.05); transform:scale(1.05,1.05)}

@media (min-width:992px){
  .body .caseslist>.ipto:nth-child(4n){ margin-right: 0px;}
  .body .caseslist>.ipto:nth-child(4n+1){ clear: both;}
}
@media (min-width:1px) and (max-width:991px){
 .body .caseslist>.ipto{ width: calc(50% - 15px);}
   .body .caseslist>.ipto:nth-child(2n){ margin-right: 0px;}
  .body .caseslist>.ipto:nth-child(2n+1){ clear: both;}
}
/*endregion*/


/*region 网站地图*/
.body .sframe{ padding: 30px 0px;}
.body .sframe .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 .sitemaps.fontbig {	width:100% !important;}
.body .sframe .sitemaps .bigli{float:left;	width:100%;  line-height:35px;font-size:18px;}
.body .sframe .sitemaps .bigli a { font-weight:bold;text-transform:capitalize;}
.body .sframe .sitemaps .bigli a:hover {text-decoration:underline;}
.body .sframe .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 .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{ padding: 30px 0px;}
	.body .sframe .sitemaps .abli_02{width:44%;}
}
.body .sframe .sitemaps .probigclass {padding-left:50px;}
.body .sframe .sitemaps .PROclass_01 { float:left;width:95%;margin-left:5%; font-size:16px; line-height:30px; display:inline;font-weight:bold; }
.body .sframe .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 .sitemaps .PROclass_01 a{  }
.body .sframe .sitemaps .PROclass_02 a{ }
.body .sframe .sitemaps .PROclass_01 a:hover{ text-decoration:underline;}
.body .sframe .sitemaps .PROclass_02 a:hover{ text-decoration:underline;}
.body .sframe .sitemaps .PROclass_03 { float:left;width:40%;margin-left:10%;color:#666666;font-size:14px;display:inline; line-height:20px;}
.body .sframe .sitemaps .PROclass_03 a:hover{ text-decoration:underline;}
.body .sframe .sitemaps .PROclass_04 { float:left;width:40%;margin-left:10%;display:inline;}
/*endregion*/

/*region 图片展示*/
.body .gallery{  margin-top: 15px; overflow: hidden;}
.body .gallery>.ipto{ width: calc(25% - 25px); float: left; height: auto; margin-right: 30px; margin-bottom: 30px; position: relative; overflow: hidden; border: 1px solid #f5f5f5;}
.body .gallery>.ipto>a>.ipti{  display: block;}
.body .gallery>.ipto>a>.ipti>img{ width: 100%; opacity:.7; -webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s;-webkit-transform:scale(1,1);transform:scale(1,1)}
.body .gallery>.ipto>a>.iptz{ position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; background: rgba(0,0,0,0.6);}
.body .gallery>.ipto>a>.iptz>b{position:absolute;top:50%;left:50%;transform: translate(-50%,-50%); color: #fff; font-weight: bold; font-family: 'OpenSans'; font-size: 14px; text-transform: uppercase; padding-bottom: 30px;}
.body .gallery>.ipto>a>.iptz>b:before{ content: ""; position: absolute; left: -15px; bottom: 0px; right: -15px; height: 1px; border-bottom: 2px solid #fff;}
.body .gallery>.ipto:hover>a>.ipti>img{ opacity:1; -webkit-transform:scale(1.05,1.05); transform:scale(1.05,1.05)}
.body .gallery>.ipto:hover>a>.iptz{ background: rgba(0,0,0,0.1);}

.body .gallery>.text-center{ text-align: center;}
@media screen and (min-width:992px ) 
{
.body .gallery>.ipto:nth-child(4n){ margin-right: 0px;}
.body .gallery>.ipto:nth-child(4n+1){ clear: both;}
}
@media screen and (min-width:1px ) and (max-width:991px)
{
.body .gallery>.ipto{ width: calc(50% - 17px);}
.body .gallery>.ipto:nth-child(2n){ margin-right: 0px;}
.body .gallery>.ipto:nth-child(2n+1){ clear: both;}
.body .gallery>.ipto>a>.iptz>b{ font-size: 12px;}
}
/*endregion*/


/*region 感谢页面*/
.thankyou{ padding: 30px; line-height: 40px; font-size: 16px;}
#thk_nav{ text-align: center;}
#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;}
/*endregion*/


/*region 分页*/
.page{ display: block; text-align: center;}
.pagination{display:inline-block;margin:20px 0;padding-left:0;border-radius:4px;}
.pagination>li{display:inline;}
.pagination>li>a,.pagination>li>span{position:relative;float:left;margin-left:-1px;padding:6px 12px;border:1px solid #ddd;background-color:#fff;color:#ffb400;text-decoration:none;line-height:1.42857143;}
.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-bottom-left-radius:4px;border-top-left-radius:4px;}
.pagination>li:last-child>a,.pagination>li:last-child>span{border-top-right-radius:4px;border-bottom-right-radius:4px;}
.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{z-index:3;border-color:#ddd;background-color:#eee;color:#23527c;}
.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{z-index:2;border-color:#ffb400;background-color:#ffb400;color:#fff;cursor:default;}
.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover{border-color:#ddd;background-color:#fff;color:#777;cursor:not-allowed;}
.pagination-lg>li>a,.pagination-lg>li>span{padding:10px 16px;font-size:18px;line-height:1.3333333;}
.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{border-bottom-left-radius:6px;border-top-left-radius:6px;}
.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{border-top-right-radius:6px;border-bottom-right-radius:6px;}
.pagination-sm>li>a,.pagination-sm>li>span{padding:5px 10px;font-size:12px;line-height:1.5;}
.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{border-bottom-left-radius:3px;border-top-left-radius:3px;}
.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{border-top-right-radius:3px;border-bottom-right-radius:3px;}
/*endregion*/

/*region 其他*/
.body .videolist{  margin-top: 60px;}
.body .videolist>.ipto{ width: calc(25% - 23px); float: left; height: auto; margin-right: 30px; margin-bottom: 30px; position: relative; overflow: hidden;}
.body .videolist>.ipto>a>.ipti{  display: block;}
.body .videolist>.ipto>a>.ipti>img{ width: 100%; opacity:.7; -webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s;-webkit-transform:scale(1,1);transform:scale(1,1)}
.body .videolist>.ipto>a>.iptz{ position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; background: rgba(0,0,0,0.6);}
.body .videolist>.ipto>a>.iptz>b{position:absolute;top:50%;left:50%;transform: translate(-50%,-50%); color: #fff; font-weight: bold; font-family: 'OpenSans'; font-size: 14px; text-transform: uppercase; padding-bottom: 30px;}
.body .videolist>.ipto>a>.iptz>b:before{ content: ""; position: absolute; left: -15px; bottom: 0px; right: -15px; height: 1px; border-bottom: 2px solid #fff;}
.body .videolist>.ipto:hover>a>.ipti>img{ opacity:1; -webkit-transform:scale(1.05,1.05); transform:scale(1.05,1.05)}
.body .videolist>.ipto:hover>a>.iptz{ background: rgba(0,0,0,0.1);}
.body .videolist>.ipto:nth-child(4n){ margin-right: 0px;}
.body .videolist>.ipto:nth-child(4n+1){ clear: both;}
.body .videolist>.text-center{ text-align: center;}

.searchfor2{ width: 100%; float: left; height: auto; text-align: center;}
.searchfor2 #keyForm2{ display: inline-block; border: 2px solid #000;}
.searchfor2 #keyForm2 input{ width: 200px; border: 0; background: none; text-indent: 10px; line-height: 34px;}
.searchfor2 #keyForm2 button{ background: #000; width: 60px; line-height: 34px; border: 0px; color: #fff; cursor: pointer;}

#mapslist{ width: 100%; float: left; height: 488px; position: relative;}
@media (min-width:1px) and (max-width:991px){
#mapslist{  height: 240px;}
}
.taglist{ width: 100%; float: left; height: auto; padding: 20px 0;border-top: 1px solid #ececec; margin-top: 20px;}
.taglist>a{ padding: 5px 15px; display: inline-block; border: 1px solid #ececec; margin-right: 10px;}
/*endregion*/