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

body{ font-family:'syht'; 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:'syht';font-size:12px;}
input{font-family:'syht'; border:0; outline:medium;}
.container{ margin-left: 15px; margin-right: 15px;}

@media (min-width:1340px){
.container{ width: 1320px; margin: 0px auto;}
}


/*region 头部*/
.header{ position: absolute;  left: 0px; right: 0px; top: 30px; z-index: 99; padding-left: 15px; padding-right: 15px;}
.header.fis_show{ position: fixed; background: rgba(0,0,0,0.7); top:0px; padding: 5px 15px;}
@media (min-width:992px){
.header{padding-left: 167px; padding-right: 167px;}
.header.fis_show{padding: 10px 167px;}
}
@media (min-width:1px) and  (max-width:991px){
	.header{ top: 0px; background: rgba(0,0,0,0.7);}
}
.header .logo{ display: inline-block; float: left;}
.header .logo>a>img{ height: 60px; -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{ margin-top: 5px; margin-bottom: 5px;}
	.header .logo>a>img{ height: 40px;}
}
.header .top{ display: inline-block; float: right; color: #fff; padding: 13px 0;}

.header .top>span{ background: #fff; color: #333;  border-radius: 50%; width: 26px; height: 26px; line-height: 26px; text-align: center; display: inline-block; font-size: 12px; margin-right: 10px;}

.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; color: #fff;}
.header .top>.searchform button{ background: none; border: 0;  text-align: center; line-height: 30px; cursor: pointer; outline: none;}
.header .top>.searchform button>i{ color: #fff; font-size: 16px; font-weight: bold; }
@media (min-width:1px) and  (max-width:991px){
	.header .top{ display: none;}
}
/*导航*/
.header .jdmenu{ display: inline-block; padding-left: 80px; float: left;}
.header .jdmenu #jdmenu{ display: inline-block;}
.header #jdmenu>li{ display: inline-block; z-index: 9; font-size: 20px; position: relative;}
.header #jdmenu>li>a{ display: block; color: #fff; padding: 13px 30px; position: relative; }

@media (min-width:992px){
.header #jdmenu>li:nth-child(1){ display: none;}
}
@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; padding-left: 0px;}
    .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: 0px 0px 0px 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: 0; 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; padding-bottom: 10px;}
    .header .jdmenu>#jdmenu>li>a:after{ display: none;}

}
/*二级导航*/
.header #jdmenu>li>.dropdown{ width: 100%; float: left; height: auto; position: absolute; left: 0px; top: 53px; right: 0px; background: #ED9026; padding: 15px; display: none; z-index: 9;}
.header #jdmenu>li>.dropdown>li{ width: 100%; float: left; position: relative; text-align: left; margin-bottom: 10px; padding-right: 15px;}
.header #jdmenu>li>.dropdown>li>a{ font-size: 14px; color: #fff; padding-left: 15px; text-transform: capitalize;}
.header #jdmenu>li>.dropdown>li:after{ content: ""; position:absolute; left:0px; top:12px; bottom:0; z-index:10; width:0; height:0; border-width:5px 5px; border-style:solid; border-color:transparent transparent transparent #E14040;/*灰 透明 透明 */ opacity: 0;}
.header #jdmenu>li>.dropdown>li:hover a{ color: #E14040;}
.header #jdmenu>li>.dropdown>li:hover:after{ opacity: 1;}

@media (min-width:992px){

}
@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;}
}


/*手机导航*/
.header>.menu_btn{ width: 28px; height: 30px; float: right; margin-top: 10px; 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:#f1f1f1; -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:#f1f1f1; -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:#f1f1f1; -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:#f1f1f1; -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:#f1f1f1; -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:#f1f1f1; -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: 10px;}
    .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*/


/*region*/
.divframe{ padding: 30px 0 30px 0; overflow: hidden;}
.divframe>.ipto{ width: calc(33.33% - 6px); float: left; margin-right: 9px; position: relative;}
.divframe>.ipto>a>.ipti{}
.divframe>.ipto>a>.iptz{ position: absolute; left: 0px; top: 0; right: 0px; z-index: 9; padding: 30px 52px;}
.divframe>.ipto>a>.iptz>p{ font-size: 23px; color: #fff;}
.divframe>.ipto>a>.iptz>p>span{ font-size: 40px; display: block; margin-bottom: 30px;}

@media (min-width:992px) {
.divframe>.ipto:last-child{ margin-right: 0px;}
}
@media (min-width:1px) and  (max-width:991px){
.divframe{ padding: 15px 0;}
.divframe>.ipto:last-child{ margin-right: 0px;}
.divframe>.ipto>a>.iptz{ padding: 15px 25px;}
.divframe>.ipto>a>.iptz>p{ font-size: 12px;}
.divframe>.ipto>a>.iptz>p>span{ display: none;}
}
/*endregion*/

/*region*/
.divframe1{ overflow: hidden; padding: 30px 0 60px 0; }
.divframe1 .img{ width: 100%; float: left; overflow: hidden; position: relative;}
.divframe1 .img>img{ width: 72%; padding-bottom: 38px;}
.divframe1 .img>.txt{ position: absolute; width: 30%; right: 30px; bottom: 10px; z-index: 9; background: #fff;  padding: 88px 30px 30px 30px; box-shadow: 0px 0px 50px rgba(162,162,162,0.2);}
.divframe1 .img>.txt>h3{ text-align: right; font-size: 28px; color: #1e1a17;}
.divframe1 .img>.txt>h3>b{ display: block; font-weight: normal; font-size: 16px;}
.divframe1 .img>.txt>p{  font-size: 12px; color: #343434; margin-top: 130px; line-height: 21px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; overflow: hidden; margin-bottom: 30px;}

@media (min-width:992px){

}
@media (min-width:1px) and  (max-width:991px){
.divframe1{padding: 0px 0 0px 0; }
.divframe1 .img>img{ width: 100%; padding-bottom: 0px; display: none!important;}
.divframe1 .img>.txt{ position: inherit; width: calc(100% - 30px);  right: inherit; left: inherit; bottom: inherit; padding: 15px;}
.divframe1 .img>.txt>p{ margin-top: 15px; display: inline-block;}
}
/*endregion*/


/*region*/
.divframe2{ overflow: hidden; padding: 30px 70px 30px 70px; background: #f2f2f4;}
.divframe2>h3{ font-size: 35px; text-align: center;  margin-bottom: 30px;}

.divframe2 .swiper-container{ padding-bottom: 70px;}
.divframe2 .ipto{ position: relative; overflow: hidden;}
.divframe2 .ipto>.ipti{}
.divframe2 .ipto>.iptz{ position: absolute; left: -100%; top: 0px; width: 100%; height: 100%; background: rgba(162,162,162,0.31);}
.divframe2 .ipto>.iptz>a{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); text-align: center;}
.divframe2 .ipto>.iptz>a>span{ display: block; position: relative; color: #fff; font-size: 18px; padding-bottom: 10px; margin-bottom: 10px;}
.divframe2 .ipto>.iptz>a>span:before{ content: ""; position: absolute; height: 1px; border-bottom: 1px solid #fff; left: 30%; right: 30%; bottom: 0;}
.divframe2 .ipto>.iptz>a>i{ width: 35px; height: 35px; background: #fff; border-radius: 50%;}

.divframe2 .swiper-pagination{ bottom: 0px!important;}
.divframe2 .swiper-pagination>span{ width: 42px!important; height: 8px!important; background: #666; border-radius: 0px!important; margin: 0!important;}
.divframe2 .swiper-pagination>span.swiper-pagination-bullet-active{ background: #1e1a17!important;}

@media (min-width:992px) {

}
@media (min-width:1px) and  (max-width:991px){
.divframe2{ padding: 15px 20px;}
.divframe2>h3{ font-size: 18px; margin-bottom: 15px;}
.divframe2 .swiper-container{ padding-bottom: 30px;}
.divframe2 .ipto>.iptz>a>span{ font-size: 14px;}
}
/*endregion*/

/*region*/
.divframe3{ overflow: hidden; padding: 60px 0px; }
.divframe3 .left{ width: 55%; float: left;}
.divframe3 .left>.ipto{ position: relative;}
.divframe3 .left>.ipto>.ipti{}
.divframe3 .left>.ipto>.ipti>img{ width: 90%;}
.divframe3 .left>.ipto>.iptz{ position: relative; z-index: 9; margin-top: -55px;}
.divframe3 .left>.ipto>.iptz>center{ width: 30%; float: left; margin-top: 55px; text-align: center; font-size: 13px;}
.divframe3 .left>.ipto>.iptz>center>span{  font-weight: bold; font-size: 52px; display: block; line-height: 70px;}
.divframe3 .left>.ipto>.iptz>datalist{ background: #fff; width: calc(65% - 60px); float: right; display: block; padding: 30px; box-shadow: 0px 0px 50px rgba(162,162,162,0.2); }
.divframe3 .left>.ipto>.iptz>datalist>h3{ font-size: 15px; font-weight: bold;  line-height: 22px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis; margin-bottom: 40px;}
.divframe3 .left>.ipto>.iptz>datalist>p{  font-size: 12px; color: #1a1a1a; line-height: 22px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }

.divframe3 .right{ width: calc(40% - 60px); float: right; background: #f0f0f0; padding: 0 30px;}
.divframe3 .right .ipto{ margin-top: 20px; margin-bottom: 17px; border-bottom: 1px dashed #aeaeae; padding: 0 15px;}
.divframe3 .right .ipto>span{ font-family: 'Arial'; font-size: 12px; color: #1a1a1a; display: block; margin-bottom: 20px;}
.divframe3 .right .ipto>h3{ font-size: 15px; font-weight: bold;  line-height: 22px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis; margin-bottom: 15px;}
.divframe3 .right .ipto>p{ font-size: 12px; color: #1a1a1a; line-height: 22px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}

@media (min-width:992px){

}
@media (min-width:1px) and  (max-width:991px){
.divframe3{ padding: 30px 0px; }
.divframe3 .left{ width: 100%;}
.divframe3 .right{ width: calc(100% - 30px); padding: 0 15px;}
.divframe3 .right .ipto{ display: none;}
.divframe3 .right .ipto:first-child{ display: block;}
}
/*endregion*/


/*region底部*/
.footer{ padding: 40px 0; background: #333;}
.footer p:first-child{ color: #fff; padding-bottom: 24px; border-bottom: 1px solid #525252; font-size: 15px;}
.footer p:first-child>span{ margin-right: 54px;}
.footer p:first-child>span>i{ color: #515151; margin-right: 10px;}
.footer p:first-child>span>a{ color: #fff;}

.footer p:last-child{ padding-top: 24px; text-align: center; color: #9d9d9d; font-size: 14px; line-height: 35px;}
.footer p:last-child>img{ height: 35px; float: left;}

.footer p:last-child>em{ font-style: normal; float: right;}
.footer p:last-child>em>a{ width: 29px; height: 29px; text-align: center; line-height: 29px; float: left; border-radius: 50%; background: #787878; margin-left: 10px;}

@media (min-width:992px) {
.footer p:first-child>span:last-child{ margin-right: 0px;}
}
@media (min-width:1px) and (max-width:991px){
.footer{ padding: 20px 0; margin-bottom: 50px;}
.footer p:first-child{ display: none;}
.footer p:last-child{ padding-top: 0px;}
.footer p:last-child>img{ display: none;}
.footer p:last-child>em{ display: none;}
}
/*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*/


/*region 内页*/
.body{ padding: 30px 0; overflow: hidden;}
.body .left_nav{ overflow: hidden;}
.body .left_nav .lmb{ text-align: center; margin-top: 30px;}
.body .left_nav .lmb>ul>li{ display: inline-block; }
.body .left_nav .lmb>ul>li>a{ display: block; font-size: 16px; padding: 15px 50px; border: 1px solid #000; margin: auto 5px;}
.body .left_nav .lmb>ul>li:hover>a{ background: #000; color: #fff;}
.body .left_nav .lmb>ul>li.active>a{ background: #000; color: #fff;}

.body .rbt{ text-align: center; position: relative;}
.body .rbt>strong{ font-size: 26px; display: inline-block; background: #fff; padding: 0 30px;}
.body .rbt:before{ content: ""; position: absolute; left: 30%; right: 30%; top: 50%; transform: translate(0,-50%); height: 1px; border-bottom: 1px solid #e5e5e5; z-index: -1;}
@media (min-width:992px) {
}
@media (min-width:1px) and (max-width:991px){
   .body .left_nav .lmb>ul>li{ width: calc(25% - 10px); padding: 0; float: left;}
   .body .left_nav .lmb>ul>li>a{ padding: 5px 0px; font-size: 12px;}
} 
/*endregion*/


/*region 公司简介*/
.body .neirnr{ margin-top: 30px;}

@media (min-width:992px) {
}
/*endregion*/

/*region 新闻中心*/
.body .news-list{ margin-top: 30px;}
.body .news-list .ipto{ width: calc(100% - 24px); float: left; border: 2px dashed #d6d6d6; padding: 10px; margin-bottom: 10px;}
.body .news-list .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; float: left;}
.body .news-list .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 .news-list .ipto>a>.ipti>strong{  display: block; font-size: 33.12px; font-family: 'Arial'; margin-bottom: 5px;}
.body .news-list .ipto>a>.iptz{ width: calc(100% - 105px); float: right;}
.body .news-list .ipto>a>.iptz>b{ display: block; font-family: 'SOURCEHANSANSCN-BOLD'; font-size: 16px; color: #6c6c6c; font-weight: bold; margin-bottom: 10px;}
.body .news-list .ipto>a>.iptz>p{ font-family: 'SOURCEHANSANSCN-LIGHT'; font-size: 14px; color: #6c6c6c; line-height: 24px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}

.body .news-list .ipto:hover{ border-color: #ffb400;}
@media (min-width:992px) {
}
/*endregion*/

/*region 新闻详情页*/
.body .news-details{ margin-top: 30px;}
.body .news-details>h1{ font-size: 18px; text-align: center; margin-bottom: 20px;}
.body .news-details>p{ font-size: 14px; color: #333; padding-bottom: 10px; border-bottom: 1px dashed #ccc; overflow: hidden;}
.body .news-details>p>span:first-child{ float: left;}
.body .news-details>p>span:last-child{ float: right;}
.body .news-details>.cont{ margin-top: 30px;}
@media (min-width:992px) {
}
/*endregion*/


/*region 产品列表*/
.body .products-list{}
.body .products-list .ipto{ width: calc(25% - 23px); margin-right: 30px; float: left; position: relative; overflow: hidden; margin-top: 30px;}
.body .products-list .ipto>.ipti{ border: 1px solid #f5f5f5;}
.body .products-list .ipto>.iptz{ position: absolute; left: -100%; top: 0px; width: 100%; height: calc(100% - 30px); background: rgba(162,162,162,0.31);}
.body .products-list .ipto>.iptz>a{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); text-align: center;}
.body .products-list .ipto>.iptz>a>span{ display: block; color: #fff; font-size: 18px; position: relative; padding-bottom: 10px; margin-bottom: 10px;}
.body .products-list .ipto>.iptz>a>span:before{ content: ""; position: absolute; height: 1px; border-bottom: 1px solid #fff; left: 30%; right: 30%; bottom: 0;}
.body .products-list .ipto>.iptz>a>i{ width: 35px; height: 35px; background: #fff; border-radius: 50%;}
.body .products-list .ipto>b{ display: block; text-align: center; height: 30px; line-height: 30px;}

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


/*region 类别简介*/
.body .synopsis{ margin-top: 30px;}
.body .synopsis>.cont{ overflow: hidden;}
.body .synopsis>.small{ font-weight: bold; text-align: center; margin-bottom: 15px;}
.body .synopsis>.small>a{ display: inline-block; font-size: 18px; margin-right: 5px; font-weight: normal;}
.body .synopsis>.small>a:hover{ font-weight: bold;}

@media (min-width:992px) {
}
@media (min-width:1px) and (max-width:991px){
    .body .products-list .ipto:nth-child(2n){ float: right; margin-right: 0px;}
    .body .products-list .ipto:nth-child(2n+1){ clear: both;}
}
/*endregion*/

/*region 产品详情页*/
.body .products-details{ margin-top: 30px;}
.body .products-details .left{ overflow: hidden; text-align: center;}
.body .products-details .left .detail_big{ border: 1px solid #ccc; text-align: center; display: inline-block;}
.body .products-details .left .detail_big img{ width: 600px;}

/*产品详情页小图滚动*/
#rtp_small_img .owl-controls{ display: block!important; position: absolute; top: calc(50% - 40px); transform: translate(0,-calc(50% - 40px)); width: 100%; z-index: 99;}
#rtp_small_img .owl-carousel .owl-controls .owl-buttons{}
#rtp_small_img .owl-carousel .owl-wrapper-outer{ margin-top:5px!important}
#rtp_small_img .owl-controls .owl-buttons>div{background:#0066a8!important;width:20px;height:80px;font-size:40px;top:13px;margin:5px 0;border-radius:0;position:absolute;}
#rtp_small_img .owl-controls .owl-buttons>div>i.iconfont{ color:#fff; display:inline-block;}
#rtp_small_img .owl-controls .owl-buttons>.owl-next{right:0; padding:0 !important;}
#rtp_small_img .owl-controls .owl-buttons>.owl-prev{left:0;  padding:0 !important;}
#rtp_small_img .owl-controls .owl-buttons>div:hover{opacity:1;}
.prosmimg{ display: inline-block; padding:10px 5px;}
.prosmimg img{ border: 1px solid #f0f0f0;}

@media (min-width:1px) and (max-width:991px){
    .body .products-details .left{ width: 100%;}
    #rtp_small_img .owl-controls .owl-buttons>div{ height:40px;font-size:20px;}
}

.body .products-details .right{ overflow: hidden; text-align: center;}
.body .products-details .right>h1{ font-size: 18px; margin-bottom: 15px;}
.body .products-details .right>p{ line-height: 30px;}
.body .products-details .right>content{ line-height: 30px;}
@media (min-width:1px) and (max-width:991px){
    .body .products-details .right{ width: 100%; margin-top: 15px;}
}

.body .products-details .xgeffect{ overflow: hidden; margin-top: 10px; border: 1px solid #DEDFDE; background: #f4f4f4;}
.body .products-details .xgeffect>.detailtop{}
.body .products-details .xgeffect>.detailtop>strong{ border-top: 4px solid #bea87f; padding: 5px 15px; background: #ffff; display: inline-block;}
.body .products-details .xgeffect>.detalist{ overflow: hidden; padding: 10px; background: #fff;}


/*产品订单*/
.Inquiry{ overflow: hidden;}
.Inquiry h2{ font-size: 20px; text-transform: uppercase; margin-bottom: 10px; color: #262626; }
.Inquiry p{overflow: hidden; font-size: 16px; line-height: 1.6em; color: #939393; }
.onlineInquiry{ overflow: hidden;}
.onlineInquiry .input{ overflow: hidden; display: flex; align-items: center; background: #f5f8fa; border: 1px solid #d8d8d8; box-sizing: border-box; padding:0  5px; margin-bottom: 25px;}
.onlineInquiry .input.textarea{ align-items: stretch;}
.onlineInquiry .input.textarea>label{ padding: 5px 15px 5px 0;}
.onlineInquiry .input>label{ font-size: 14px; color: #6b6b6b; white-space: nowrap;text-overflow: ellipsis;}
.onlineInquiry .input>input{ flex: 1; background: none; line-height: 35px; box-sizing: border-box; padding: 0 5px;}
.onlineInquiry .input>textarea{ flex: 1; background: none; border: 0; outline: none; padding: 8px 0; box-sizing: border-box; resize: none}
.onlineInquiry .button{ overflow: hidden; width: 100%; float: left;}
.onlineInquiry .button>button{ border: 0; padding: 0px 30px; line-height: 35px; position: relative; font-size: 17px; display: inline-block; transition: all 0.35s; z-index: 1; cursor: pointer; color: #fff; outline: none;overflow: hidden;}
.onlineInquiry .button>button:before{ content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 100%; background: #1f1f1f; z-index: -2;}
.onlineInquiry .button>button:after{ content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 0; background: #ee1d23; transition: 0.35s; z-index: -1;}
.onlineInquiry .button>button:hover:after{ width: 100%;}

@media (min-width:992px)  {
.onlineInquiry .input.w33{ width: calc(33.33% - 17px); float: left; margin-right: 25px;}
.onlineInquiry .input.w50{ width: calc(50% - 15px); float: left; margin-right: 30px;}
.onlineInquiry .input.end{ margin-right: 0}
.onlineInquiry .input.w67{ width: calc(66.67% - 10px); float: left;}
}

/*endregion*/

/*region 联系我们*/
.body .information{ margin-top: 30px;}
.body .information .lxfs{}
.body .information .lxfs>p>span{ font-size: 16px; margin-right: 24px;}
.body .information .lxfs>p>span>i{ color: #515151; margin-right: 10px;}


@media (min-width:992px) {
.body .information .lxfs>p>span:last-child{ margin-right: 0px;}
}
@media (min-width:1px) and (max-width:991px){
    .body .information .lxfs>p>span{ display: block; margin-right: 0; line-height: 30px;}
}

/*留言*/
.leave{ overflow: hidden;  padding:50px 0}


.feedback{ overflow: hidden; margin-top: 0.3rem;}
.feedback .txt{ font-size: 0.18rem; margin-bottom: 0.15rem; color: #808080;}
.feedback .input_div{ overflow: hidden; position:relative; margin-bottom: 20px; box-sizing: border-box; border: 1px solid #e7e7e7; display: flex; background: #fff; padding: 7px 10px;}
.feedback .input_div>label{ background: none; font-size:15px; font-weight: bold; color: #666; display: flex; box-sizing: border-box; align-items: center; white-space: nowrap;text-overflow: ellipsis;}
.feedback .input_div>input{ flex: 1; background: none; border: 0px solid #d8d8d8; box-sizing: border-box; height: 30px; color: #333;}
.feedback .input_div.textarea{ border: 1px solid #e7e7e7; display: flex; padding: 7px 10px;}
.feedback .input_div.textarea>label{ background: none; font-size:15px; font-weight: bold; color:  #666; display: flex; box-sizing: border-box; align-items: flex-start; white-space: nowrap;text-overflow: ellipsis;}
.feedback .input_div>textarea{ background:none; border: 0px solid #d8d8d8; width: 100%; float: left; outline: none; resize: none; box-sizing: border-box; height: 100px; color: #333;  padding:7px 10px;}
.feedback input::-webkit-input-placeholder, .feedback textarea::-webkit-input-placeholder{ color: #999; }
.feedback input:-moz-placeholder, .feedback textarea:-moz-placeholder{ color: #999;}
.feedback input::-moz-placeholder, .feedback textarea::-moz-placeholder{ color: #999;}
.feedback input:-ms-input-placeholder, .feedback textarea:-ms-input-placeholder{ color: #999;}
.feedback .input_div #ehong-code{ text-align: center;}
.feedback .button{ overflow: hidden; padding: 12px 0;}
.feedback .button button{ background: #ee1d23; border: 0; padding: 10px 30px; overflow: hidden; position: relative; display: inline-block; color: #fff; font-size: 16px; cursor: pointer; margin-top: 0px; outline: none; z-index: 1;  text-transform: uppercase;}
.hidden{ display: none!important;}
@media (min-width:992px)  {
.feedback .w50{ width: calc(50% - 15px); margin-right: 30px;}
.feedback .w33{ width: calc(33.33% - 20px); margin-right: 30px;}
.feedback .w67{ width: calc(66.77% - 12px); }
.feedback .end{ margin-right: 0;}
.feedback .fl{ float: left;}
.feedback .fr{ float: right; }
}
@media (min-width:1030px) {
.leave .container{ width: 1000px;}
}
@media (min-width:1px) and (max-width:991px) {
.leave{ padding: 20px 0;}
.leave h2{ font-size: 16px; margin-bottom: 10px;}
.leave p{ font-size: 12px; margin-bottom: 10px;}
.feedback .input_div>label{ font-size: 14px;}
.feedback{ display: block; margin-top: 15px;}
.feedback .left{ margin-right: 0px;}
.feedback .right{ margin-left: 0px;}
.feedback .w50{ width: auto;}
.feedback .button .submit{ font-size: 14px;}
.feedback .button .submit>i{ font-size: 14px; padding-right: 5px;}
}

/*endregion*/

/*region 其他*/
#allmap{ height: 420px; margin-top: 30px;}
@media (min-width:1px) and (max-width:991px){
    #allmap{ height: 240px;}
}
/*endregion*/

/*region 分页*/
.Pagination{ overflow: hidden; 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:#0066a8;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:#0066a8;background-color:#0066a8;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*/