
/**/
body {

  background: #fff;
  font-size: 14px;
  font-family: "Microsoft Yahei", "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
  color: #333;
  padding: 0px;
  margin: 0px;
}

a {
  text-decoration: none;
  color: #333;
}
a:hover {
  color: #00e9e9;
  text-decoration: none;
}
p{ margin: 0;}
i{ font-style: normal;}

b, strong {
  font-weight: bold;
}
ul { padding: 0; margin: 0;}
ul li {
  list-style: none;
}
img {
  border: 0;
  -ms-interpolation-mode: bicubic;
  vertical-align: middle;
}
/*文字超出隐藏*/
.dot{display: block;white-space: nowrap; text-overflow: ellipsis;overflow: hidden;}
.dot2 {display: -webkit-box;display: block;overflow: hidden;text-overflow: ellipsis;word-break: break-all;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
/*--------------------------------------------------------------
# 头部Header
--------------------------------------------------------------*/
.inmessline{ width:31.3%; float:left; margin:8px 1%;}
.zxlyinp{ width:100%; padding:8px; border:1px solid #ccc;}
.inmesslin{ width:98%; margin:8px 1%;}
.inmessli{ margin:8px 1%; float:left;}
.zxlyyzm{ width:135px; height:35px; border:1px solid #ccc;}
#header {

  transition: all 0.5s;
  z-index: 997;
  transition: all 0.5s;

}

#header.header-transparent {
  background-color: #fff;
 
}
.top-content {background: #f7f7f7;}
.top-content .container{  display: flex; justify-content: space-between; align-items: center; }
.welcome { padding-left: 10px;}
.top_nav a {
	padding:10px 12px;
	display:block;
	color:#666;
	border-right:1px dotted #dedede;
	float: left;
  cursor: pointer;
  position: relative;
}
.top_nav a:first-child {background: #00e9e9; color: #fff;}
.top_nav a:hover { background: #00e9e9; color: #fff;}
.top_nav .wxewm span { font-size: 16px;}
.top_nav .wxewm i { border: 1px solid #eee;
  display: none;
  position: absolute;
  z-index: 9;
  top:40px;
  left:-127px;
  width: 170px;

  color: #666;
  font-size: 13px;
  padding: 8px;
  text-align: center;
  background-color: #fff;
  box-shadow: 0 2px 10px #aaa;
  transition: all 200ms;}
.top_nav .wxewm i img { width:130px; }
.top_nav .wxewm:hover i { display: block;}
.top-box{ display: flex; justify-content: space-between; align-items: center; }
.top-box .logo{ flex: 2; padding-right: 30px; display: flex; align-items: center; justify-content: flex-start; height: 100px;}
.top-box .logo img {
  padding: 0;
  margin: 0;
  max-height: 80px;

}
.language{ flex: 1; display: flex; align-items: center; justify-content: flex-end;height: 100px;}
.language a{color: #999; display: block; width: 40px; height: 40px; margin: 0 5px; border-radius: 20px; line-height: 40px; text-align: center;}
.language .cn{ background: #f1f1f1;}
.language .en{ background: #00e9e9; color:#fff;}
.language .cn:hover, .language .en:hover { background: #00e9e9; color: #fff;}
/*导航菜单 */
.nav-menu, .nav-menu * {
  margin: 0;
  padding: 0;
  list-style: none;
}
.nav-menu{ flex: 8;   height: 100px;}
.nav-menu > ul{display: flex; align-items: center; justify-content: center;}
.nav-menu > ul > li {
  position: relative;
  width: calc((100% - 10px) / 6);
  text-align: center;


}

.nav-menu a {
  display: block;
  color: #333;
  padding: 0 5px;
  height: 100px;
  line-height:100px;
  transition: 0.3s;
  font-size:16px;
  font-weight: bold;

}

.nav-menu a:hover, .nav-menu .active > a, .nav-menu li:hover > a {
  color: #00e9e9;
  text-decoration: none;


}

.nav-menu .drop-down ul {
  display: block;
  position: absolute;
  left: 0;
  top: 100px;
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  width: 130%;
  background: #fff;
  box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
  transition: ease all 0.3s;
}
.nav-menu  .pro-special ul{  width: 210px;}
.nav-menu  .pro-special .arrow{
  position: absolute;
  width: 11px;
  height: 11px;
  top:-5.5px;
  left: 25px;


}
.nav-menu .drop-down:hover > ul {
  opacity: 1;
  top: 100px;
  visibility: visible;
}

.nav-menu .drop-down li {

  position: relative;
}

.nav-menu .drop-down ul a {
  padding: 5px 0;
  font-size: 16px;
  font-weight: 500;
  text-transform: none;
  color: #666;
  line-height: 40px;
  height: 40px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.nav-menu .drop-down ul a:hover, .nav-menu .drop-down ul .active > a, .nav-menu .drop-down ul li:hover > a {
  color: #00e9e9;
  background: none;

}

.nav-menu .drop-down .drop-down ul {
  top: 0;
  left: 100%;
}

.nav-menu .drop-down .drop-down:hover > ul {
  opacity: 1;
  top: 0;
  left:100%;
}



.nav-menu  a i{  display: none;}
.nav-menu .arrow{
  position: absolute;
  width: 11px;
  height: 11px;
  top:-5.5px;
  left:45%;
  background-color: #fff;
  transform: rotate(45deg);
  cursor: pointer;
  transition: .3s;
  z-index: -1;

}
/* 手机菜单样式 */
.mobile-nav {
  position: fixed;
  top: 0;
  bottom: 0;
  z-index: 999;
  overflow-y: auto;
  left: -80%;
  width: 80%;
  padding-top: 18px;
  background: #00e9e9;
  transition: 0.4s;
}

.mobile-nav * {
  margin: 0;
  padding: 0;
  list-style: none;
}

.mobile-nav a {
  display: block;
  position: relative;
  color: #fff;
  font-size: 16px;
  margin: 0 20px;
  height: 55px;
  line-height: 55px;
  font-weight: 500;
  border-bottom: 1px solid rgba(255,255,255,.1);
}

.mobile-nav a:hover, .mobile-nav .active > a, .mobile-nav li:hover > a {
  color: #fff;
  text-decoration: none;
}
.mobile-nav .drop-down > a i{ float: right; display: block; line-height: 55px; width: 38%; text-align: right;  height: 55px;
  line-height: 55px; font-size: 24px; font-weight: bold;}
.mobile-nav .drop-down ul {
  display: none;
  overflow: hidden;
}
.mobile-nav .drop-down .arrow{ display: none;}
.mobile-nav .drop-down li a{
  padding-left: 20px;
}

.mobile-nav-toggle {
  position: fixed;
  right: 15px;
  top: 15px;
  z-index: 998;
  border: 0;
  background: none;
  font-size: 44px;
  transition: all 0.4s;
  outline: none !important;
  line-height: 1;
  cursor: pointer;
  text-align: right;
}

.mobile-nav-toggle i {
  color: #00e9e9;
  background:none;
  display: block;
  width:50px;
  height: 50px;
  text-align: center;
  line-height: 50px;
}

.mobile-nav-overly {
  width: 100%;
  height: 100%;
  z-index: 997;
  top: 0;
  left: 0;
  position: fixed;
  background: rgba(51,51,51, 0.9);
  overflow: hidden;
  display: none;
}

.mobile-nav-active {
  overflow: hidden;
}

.mobile-nav-active .mobile-nav {
  left: 0;
}

.mobile-nav-active .mobile-nav-toggle i {
  color: #fff;
  background: #00e9e9;
}
/*首页banner图*/

#banner .swiper {
  width: 100%;
  height: 100%;
  position: relative;
}

#banner .swiper-slide {
  background-position: center;
  background-size: cover;
}

#banner .swiper-slide img {
  display: block;
  width: 100%;
}
#banner .swiper-button {
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  text-align:center;
  color:#fff;
  background:rgba(0, 0, 0, 0.3);
  border-radius:50%;
  cursor:pointer;
  overflow:hidden;
  z-index:999;
  width: 80px;
  font-size: 30px;
  line-height: 80px;
  height: 80px;
  transition:all .5s ease;
  outline: none;

}
#banner .swiper-button:hover {
  background:#00e9e9;
}

.btn-prev {
  left:5%;
}

.btn-next {
  right:5%;
}

#banner .swiper-pagination-bullet {
  position: relative;
  margin: 0 8px!important;
  display: inline-block;
  width: 20px;
  height:20px;
  border-radius:10px;
  background: #333;

  overflow: hidden;
  z-index: 10;
  outline: none;
  opacity:0.5;
  filter:alpha(opacity=50);
}
#banner .swiper-pagination-bullet-active{ background-color: #00e9e9; border: 1px solid #fff;	opacity:1;filter:alpha(opacity=100);}
#banner .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
  bottom: 20px;
  left: 0;
  width: 100%;
}
.pcimg { display:block;}
.mobimg {display:none;}
@media (max-width: 840px){
.pcimg { display:none;}
.mobimg {display:block;}
}
/*产品服务*/
.tit{ text-align: center; margin-top: 40px;}
.tit p{font-size: 18px;color: #666666;line-height:28px; padding: 0 15px;}
.tit i{display:block;font-size: 28px;line-height:36px;color: #333;margin-bottom: 10px;font-weight: bold;}
.tit2 {display: block;margin-bottom: 20px;width: 100%;}
.tit2 p{font-size: 18px;color: #666666;line-height:28px; text-align: left; padding-left: 0;}
.tit2 i{display:block;font-size: 28px;line-height:36px;color: #333;margin-bottom: 10px;font-weight: bold;text-align: left;}
.tit2 span { float: right; color: #999; font-size: 15px; font-weight: normal;}
.product { display: flex; align-items: stretch; justify-content:space-between; margin-top: 30px;}
.pro_sc {  display: flex; align-items: stretch;  justify-content:space-between; align-content: center;}
.pro_fl { margin-right: 15px;}
.pro_fr { margin-left: 15px;}
.pro_tu { position: relative; flex: 2; }
.pro_tu img { flex: 2; }

.pro_tu p { position: absolute; left: 0; bottom:0; width: 100%; text-align: center; background: rgba(0,0,0,.4);  padding: 15px 0; color: #fff; font-size: 18px;}
.pro_txt { flex: 1; background: #f7f7f7; padding:30px; font-size: 16px; display: flex; align-items: center; }
.pro_txt a { display: block;  color: #333;}
.pro_txt p { line-height: 26px;}
.pro_txt b { font-size: 26px; margin-bottom: 20px; display: block;}
.pro_txt span { display: block; margin: 20px 0;}
.pro_txt a:hover span { color: #00e9e9;}
@media (max-width: 840px){
		.pro_sc {  display:block; align-items: stretch;  justify-content:space-between; align-content: center;}

.tit{ text-align: center; margin-top:0px;}
	
	.tit i{display:block;font-size:18px;line-height:36px;color: #333;margin-bottom: 10px;font-weight: bold;}

.pro_txt { flex: 1; background: #f7f7f7; padding:15px 10px; font-size: 16px; display: flex; align-items: center; }
.pro_txt b { font-size: 12px; margin-bottom:10px; display: block; text-align:center;}
.pro_tu p { position: absolute; left: 0; bottom:0; width: 100%; text-align: center; background: rgba(0,0,0,.4);  padding: 15px 0; color: #fff; font-size: 12px;}
.pro_txt span { display: block; margin:0; font-size:12px;}

}

/*冶金百科*/
.bg { background: url(../images/bg.jpg) no-repeat; background-size:100%;  padding: 60px 0;}
@media (max-width: 840px){
.bg { background: url(../images/bg.jpg) no-repeat; background-size:100%;  padding: 10px 0;}
}

.yjbk { display: flex; align-items:flex-start; justify-content: center; align-content: center;}
.jishu2  { flex: 2; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; padding: 0; }
.jishu2 li{
	
	transition: .3s;
    background: #f7f7f7;
    margin: 10px 20px 10px 0;
    width:calc(33.3% - 20px) ;
    transition: all .3s;

}
.jishu2 li a { display: block;  position: relative;}

.jishu2 li i{color: #999999; font-size: 14px; margin-top: 10px; display: block; }
.jishu2 li p{
	font-size: 14px;
	color: #656565;
	line-height: 26px;
	margin-bottom: 10px;


}
.jishu2 .cont { padding:5px; position: absolute; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,.4);}
.jishu2 li .jishu-title{
	font-size: 16px;
	color: #fff;
	line-height: 37px;
	overflow: hidden;
	margin:5px 0;
	font-weight: bold;
  text-align: center;


}

.jishu2 li .img {  overflow: hidden;}
.jishu2 li .img img{
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
  
.jishu2 li a:hover .img img{transform: scale(1.3);
  transition: all 1s ease 0s;
  -webkit-transform: scale(1.3);  }
  .jishu2 li:hover .cont { background: rgba(0,233,233,.8);}
  .jishu2 li:hover .jishu-title {  color: #fff; }
  .jyly {flex: 1; padding-left: 10px;  }
  .jyly .jyly_list {display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; margin-top:30px;}
  .jyly .jyly_list a { display: block; text-align: center; background: #f7f7f7;   margin: 10px 0 10px 0;
    width:calc(50% - 10px) ; padding: 42px; }
    .jyly .jyly_list a p{ padding: 10px;  font-size: 16px; font-weight: bold;}
    .jyly .jyly_list a img {   display: block;
      transition: all 1s;}
    .jyly .jyly_list a:hover img { transform: rotateY(180deg);}
	@media (max-width: 840px){
    .jyly .jyly_list a p{ padding: 10px 0;  font-size: 12px; font-weight: bold;}
	  .jyly .jyly_list {display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; margin-top:10px;}


}
/*人才招聘*/
.job {  background: #f7f7f7;  padding:10px 0 50px;}
.job .job_con { background: #fff; padding:30px; margin-top: 30px;}
.job_box { width: 48%; float: left;}
.job_box .job_list a{  display: block; width: 100%;  font-size: 16px; line-height: 26px; padding: 8px 0;}
.job_box .job_list a span { color: #999; font-size: 14px; float: right;}
.job_list {
	height:335px;
	overflow: hidden;
}
.job_list ul {
	padding: 0;
  margin: 0;
}

.job_map { width: 48%; float: right;}
@media (max-width: 840px){
.job {  background: #f7f7f7;  padding:10px 0 20px;}

}

/*会议会展*/

.hyhz_tu { float: left; width: 49%;margin-top:30px;}
.hyhz_tu .img { position: relative;}
.hyhz_tu .img p { opacity: 0; position: absolute; left: 0; bottom: 0;line-height: 60px; width: 100%; text-align: center; background: rgba(0,233,233,.4); color: #fff; transition: .3s;}
.hyhz_tu .img a:hover p{padding: 10px 0;  opacity: 1;}
.hyhz_txt { float: right; width: 48%; margin-top:30px;}
.hyhz_tutu { display:none;}
@media (max-width: 840px){
	.hyhz_tutu { display:none;}

.hyhz_tutu { float: right; width: 48%;}
.hyhz_tutu .imgg { position: relative;}
.hyhz_tutu .imgg p { opacity: 0; position: absolute; left: 0; bottom: 0;line-height: 60px; width: 100%; text-align: center; background: rgba(0,233,233,.4); color: #fff; transition: .3s;}
.hyhz_tutu .imgg a:hover p{padding: 10px 0;  opacity: 1;}
.hyhz_txt { float: right; width: 48%; margin-top:30px;}
}

.list_lh {
	height:465px;
	overflow: hidden;
}
.list_lh ul {
	padding: 0;
  margin: 0;
}
.list_lh li {
	padding: 15px 10px;
	height: auto;
	border-bottom: 1px dotted #ccc;
	transition: .3s;
}
.list_lh li:nth-child(2n){ background: #f8f8f8;}

.list_lh li a p{
	color: #333;
  line-height: 24px;
	padding: 5px 0;
  font-size: 15px;
}

.list_lh li span { color: #999;}
.list_lh li a:hover p { color: #00e9e9;}

@media (max-width: 840px){
.list_lh li a p{
	color: #333;
  line-height: 24px;
	padding: 5px 0;
  font-size: 13px;
}
}
/*底部footer*/
.footer {
  background:#F5F5F5 ;
  background-size: 100%;
  padding: 50px 0 0;
  margin-top: 60px;
}
.footer .container {display: flex;  align-items: center;  justify-content:center;}
.renwu {  padding-right: 350px; flex: 1.7; display: flex; align-items: center; justify-content: flex-end; }
.renwu img { padding-right: 60px;}
.footer-nav{ display: flex;
  display: -webkit- box;
  display: -webkit-flex;
  justify-content: center; align-items: center; flex-wrap: wrap;
  padding: 0;
  flex-direction:column;

 
}
 

.footer-nav a { 
  display: block;
  line-height: 42px; color: #333;font-size: 16px; }
.footer-nav a:hover { color: #00e9e9;}
.fot_contact {display: flex; align-items: center; flex-direction: column; padding-left: 20px; align-items: center;}
.fot_contact p { display: flex; flex-direction: column; padding-left: 15px; font-size: 16px;}
.fot_contact b { display: block; font-size: 30px;}
.footer-ewm { flex: 1.7;  flex-wrap: nowrap; display: flex;  align-items: center; justify-content: flex-start;}

.footer-ewm .ewm_img img { width: 130px;}
.footer-ewm p { font-size: 14px; margin: 10px 0;}

.foote-ewm { flex: 1.3;  flex-wrap: nowrap; display:none;  align-items: center; justify-content: flex-start;}

.foote-ewm .ewm_img img { width: 130px;}
.foote-ewm p { font-size: 14px; margin: 10px 0;}

.copyright {
  padding: 20px 10px;
  text-align: center;
  margin-top: 30px;
  color: #fff;

  background: #00e9e9;

}

.copyright a {
  color: #fff;
}
@media (max-width: 840px){
.footer {
  background:#F5F5F5 ;
  background-size: 100%;
  padding: 10px 0 0;
  margin-top: 40px;
}
.copyright {
  padding: 20px 10px;
  text-align: center;
  color: #fff; margin-top:5px;
  background: #00e9e9;

}

}

/*返回顶部*/
.back-to-top {
  position: fixed;
  display: none;
  width: 60px;
  height: 60px;
  text-align: center;
  border-radius: 3px;
  right: 15px;
  bottom: 15px;
  background: #00BABA;
  color: #fff;
  transition: display 0.5s ease-in-out;
  z-index: 999;
}

.back-to-top i {
  font-size: 34px;
  width: 60px;
  height: 60px;
  line-height: 60px;

}

.back-to-top:hover {
  color: #fff;
  background:#00e9e9;
  transition: background 0.2s ease-in-out;
}

.clear{ display:block; clear:both;}
/* 友情链接 */

.links-title{ width:100%; height:40px; line-height:40px; font-size:24px; color:#fff;}
.links{ width:100%; height: auto; background: #313131; clear: both;}
.links ul{ width:100%; max-width:1200px; height:auto; margin:0 auto; padding:10px 0px;clear:both;}
.links ul li{float:left; margin:0px; color: #fff;line-height:23px;}
.links ul li a{color:#fff; padding:0px 8px; font-size:14px; line-height:23px; display:inline-block; }
.links ul li a:hover{ color:#fff; text-decoration:none;}

.innerrtitle{ width:100%; height:50px; line-height:50px; background: #f1f2f4;}
.ncontainer{max-width: 1200px; height: auto; margin: 0 auto; padding: 0px;}
.navpost{width:100%;display:block;color:#555;font-size: 15px;text-transform:uppercase;}

.navpost a{font-size: 15px;color:#555;padding: 0px 3px;}
.navpost a:hover{ color:#F00;text-decoration:none;}
.navover{max-width:300px;white-space:nowrap;vertical-align:top; overflow:hidden; text-overflow:ellipsis; display:inline-block;}

.wal {max-width: 1200px; margin: 0px auto;}
.main-title { text-align: center; margin-top: 40px;}
.main-title b { font-size: 32px; color: #333; line-height: 40px;}
.main-title p { font-weight: 400; color: #666666; font-size: 18px; line-height: 26px;margin-top: 15px;}
.main-title i { display: block;}


.title{ text-align:center;}
.title b{color: #1d1d1d;font-size: 35px;font-weight: bold;}
.title b span{color: #00BABA}
.title i{display: block;color: #b2b2b2;font-family: Arial;font-size: 18px;}
/*产品*/

.products {  margin-top: 30px; }

.pro_nav{ width:100%; float:left;}
.pro_nav ul { margin: 20px auto;  }
.pro_nav li { float: left; width: 31.3%; margin: 1%; position:relative; }
.pro_nav li a{ line-height: 55px; display: block; border: 1px solid #f7f7f7;  background: #f7f7f7; margin: 15px 0; color: #333; font-size: 16px; text-align: center;      -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; transition: all 1s ease 0s;}
.pro_nav li a:hover { border: 1px solid #00BABA;}
.pro_content{ width:100%; float:left;}
.pro_content a { display: block; float: left; width: 31.3%; margin: 1%; }
.pro_content span { display: block; overflow: hidden; margin: 5px;}
.pro_content p { color: #333; text-align: center;  line-height: 40px; font-size: 18px; padding:20px 10px;}
.pro_content a:hover { box-shadow: 0 0 20px #dedede;}

/* 二级菜单 */
/*分页*/
.ipage{height:auto; text-align:center;}
.totalfont{ font-size: 14px; color: #666; display: none;}
.ipage a{ height:35px;line-height:35px;color:#888;font-size: 15px;padding:0px 5px;display: inline-block;margin: 0px 5px; vertical-align: top;}
.ipage a:hover{color:#D10505;border-bottom:2px solid #D10505;text-decoration:none;font-weight:bold;}
.ipage .current{color:#D10505;border-bottom:2px solid #D10505;display:inline-block; height:35px;line-height:35px;padding:0px 5px;margin:0px 5px;font-size:15px;font-weight:bold;}



/*详情页*/
.inrrctainer{ line-height:180%;}

.article_title{ text-align:center; width:100%; font-size:24px; line-height:30px; color:#444; padding: 15px 0px;}
.newsin-c{width:100%; height:30px; line-height: 30px; margin: 15px 0px; color: #666;}
.newsin-c .date{ width: 190px; float: left; text-indent:0px; font-size: 14px;}
.newsin-c .date i{ width:28px;height:30px; display:inline-block; background:url(../images/time.png) no-repeat left center; background-size: 22px 22px; float: left;}
.newsin-c .click{ width: auto; height: 30px; line-height: 30px; text-align: right; float:right;}
.newsin-c .click i{ width: 30px;height:30px; display:inline-block; background:url(../images/eye.png) no-repeat left center; background-size: 25px 25px; float: left;}

/*上页下页*/

.detpnt{height:auto; background:#f1f1f1;overflow: hidden;margin-bottom:20px; padding: 0px 20px;}
.detpnt .detpntline{width:48%;height:35px;line-height:35px;font-size: 15px;font-weight: bold;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.detpnt .detpntline a{color:#666; font-weight: normal;}
.detpnt .detpntline a:hover{ color: #333; }
.detpntl{ float: left;}
.detpntr{text-align:right;float:right;}



/*更多阅读*/
.innerabouttitle{ width:100%; height:auto; border-bottom:3px solid #dedede;}
.innerabouttitle p{color:#e27a1b;font-size:30px; text-align: center; font-weight:bold;height:35px; line-height:35px;}
.fotdetbox{padding:15px; background: #f1f1f1; width:100%; float:left;}

.morearticle{ border: 1px solid #fff; padding: 10px; width:100%; float:left;}

.morearticle li{ width:48%; height:35px; line-height:35px; float:left;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; border-bottom:1px dotted #333; margin: 0px 1%;}

.morearticle li a{ color:#333; padding-left:10px;}

.morearticle li a:hover{ color:#666; padding-left:11px;}

.moreproducts{border: 1px solid #fff; padding: 10px 0px; width:100%; float:left;}

.moreproducts li{ width:123px; height:auto;float:left; margin:0px 10px; text-align:center;}

.moreproducts li a{ color:#333;}

.moreproducts li p{ text-align: center; line-height:30px;}

.moreproducts li a:hover{ color:#666}

.moreproducts li img{ width:100%;height:auto; border:1px solid #ccc;}

.moreproductsov{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

/* 内页左边 */

.ncontainer .pro_ll{width: 275px; margin-bottom:40px; float:left;margin-top:30px;}

.titlee{}
.titlee b{color: #00BABA;font-size: 30px;font-weight: bold;}
.titlee b span{color: #00BABA}
.titlee i{display: block;color: #b2b2b2;font-family: Arial;font-size: 18px;}
.pro_lll{ float:left; margin-top:20px;}
.pro_lll ul li{width: 265px;height:50px;background: #fff; margin-bottom:5px;}
.pro_lll ul li a{display: block;height: 50px;line-height: 50px;color: #00BABA;font-size: 18px;padding-left:0px;font-weight: bold;}
.pro_lll ul li a:hover{color:#333;}

.pro_lll .erji{line-height: 18px;font-size: 14px; z-index:9999;}
.pro_lll .erji li{height:45px; border-bottom:1px solid #fff; background:none; border-bottom:1px solid #f1f1f1; display:block; line-height:30px; margin:5px 0; }
.pro_lll .erji li a{ color:#333;height:45px; font-size:16px; line-height:45px; display:block;font-weight: normal;}
.pro_lll .erji li a:hover{ color:#00BABA;}

.pro_llll{ float:left; margin-top:20px;}
.pro_llll ul li{width: 265px;height:50px;background: #00BABA; margin-bottom:5px;}
.pro_llll ul li a{display: block;height: 50px;line-height: 50px;color: #fff;font-size: 18px;padding-left:10px;} 
.pro_llll ul li a:hover{background:#666;}

/*热门新闻*/
.innernlist{width:95%; margin:0 auto; padding:10px 0px;}
.innernlist li{ width:100%;line-height:35px; border-bottom:1px dashed #dedede; height:35px; overflow:hidden; }
.innernlist li a{display: block;color:#3d3d3d;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.innernlist li a:hover{color:#CE0A0F; text-indent:1px; }
.innernlist li span{float:right;}


/*内页新闻*/
.innerright{width:900px;float:right; height:auto;margin:20px 0px 30px 0px; padding-bottom:20px;background-color:#fff;}

.innewslist{ width:100%; height:auto;}

.innewslist li{ margin:0px 0px 20px 0px; background:#f1f1f1;}

.innewslist li a{ display:block;}

.innewslist li .innewleft{ width:30%; float: left; text-align: center; color: #00BABA; padding:10px 10px;}
.innewslist li .innewleft img{ width:250px; height:152px;}

.innewslist li .innewleft p{ font-size:35px; line-height:50px;text-align: center; font-weight:bold;}

.innewslist li .innewleft span{ font-size:24px; padding-top:5px; display:block; line-height:24px;}

.innewslist li .innewright{ width:68%; float: right; margin-right: 10px;}

.innewslist .ntitle{ width:100%;height:40px;line-height: 40px; color: #444;font-size:16px;font-weight: bold;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.innewslist .nconc{width:100%;height:auto;line-height:32px;font-size:14px; color:#656565;overflow: hidden;}

.innewslist .more{height:30px; line-height:30px; border-radius:15px; text-align:center; color:#005BAC; padding: 0px 15px;text-indent:0px; margin: 10px 0px; border:1px solid #005BAC; display: inline-block;}



.innewslist li:hover{ border-radius: 4px; color:#00e9e9;}

.innewslist li:hover .more{background: #fff; border: 1px solid #fff; color: #666;}

.innewslist li:hover .nconc{width:100%;height:auto;font-size:14px; overflow: hidden;}



.innewslist li:hover .ntitle{color:#00e9e9;}

.innewslist li:hover .innewleft{color:#00e9e9;}



 /*悬浮链接*/
.suspension {
	position: fixed;
	z-index: 55;
	right:12%;
	bottom: 80px;
	width: 70px;
	height: 240px;
}
.suspension-box {
	position: relative;
	float: right;
}
.suspension .a {
	display: block;
	width: 44px;
	height: 44px;
	background-color: #D2D3D6;
	margin-bottom: 4px;
	cursor: pointer;
	outline: none;
}
.suspension .a.active, .suspension .a:hover {
	background: #00e9e9;
}
.suspension .a .i {
	float: left;
	width: 44px;
	height: 44px;
	background-image: url(../images/side_icon.png);
	background-repeat: no-repeat;
}

.suspension .a-service .i {
	width: 20px;
	height: 20px;
	margin-top: 12px;
	margin-left: 12px;
	background-image: url(../images/suspension-bg.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}
.suspension .a-service-phone .i {
	width: 20px;
	height: 20px;
	margin-top: 12px;
	margin-left: 12px;
	background-image: url(../images/suspension-bg.png);
	background-repeat: no-repeat;
	background-position: -27px 0;
}
.suspension .a-qrcode .i {
	background-position: -44px 0;
}
.suspension .a-cart .i {
	background-position: -88px 0;
}
.suspension .a-top .i {
	background-position: -132px 0;
}
.suspension .a-top {
	background: #D2D3D6;
	display: none;
}
.suspension .a-top:hover {
	background: #c0c1c3;
}
.suspension .d {
	display: none;
	width: 223px;
	background: #fff;
	position: absolute;
	right: 57px;
	min-height: 90px;
	border: 1px solid #E0E1E5;
	border-radius: 3px;
	box-shadow: 0px 2px 5px 0px rgba(161, 163, 175, 0.11);
}
.suspension .d .arrow {
	position: absolute;
	width: 8px;
	height: 12px;

	right: -8px;
	top: 31px;
}
.suspension .d-service {
	top: 0;
}
.suspension .d-service-phone {
	top: 34px;
}
.suspension .d-qrcode {
	top: 78px;
}
.suspension .d .inner-box {
	padding: 8px 22px 12px;
}
.suspension .d-service-item {

	padding: 14px 0;
}
.suspension .d-service .d-service-item {
	border-bottom: none;
}
.suspension .d-service-item .circle {
	width: 44px;
	height: 44px;
	border-radius: 50%;
	overflow: hidden;
	background: #F1F1F3;
	display: block;
	float: left;
}
.suspension .d-service-item .i-qq {
	width: 44px;
	height: 44px;
	background: url(../images/side_con_icon03.png) no-repeat center 15px;
	display: block;
	transition: all .2s;
	border-radius: 50%;
	overflow: hidden;
}
.suspension .d-service-item:hover .i-qq {
	background-position: center 3px;
}

.suspension .d-service-item .i-tel {
	width: 44px;
	height: 44px;
	background: url(../images/side_con_icon02.png) no-repeat center center;
	display: block;
}
.suspension .d-service-item p {
	float: left;
	width: 112px;
	line-height: 44px;
	font-size: 15px;
	margin-left: 12px;
}
.suspension .d-service-item .text {
	float: left;
	width: 112px;
	line-height: 22px;
	font-size: 15px;

}
.suspension .d-service-item .text .number {
	color: #333;
	font-size: 18px;

}
.suspension .d-service-intro {
	padding-top: 10px;
}
.suspension .d-service-intro p {
	line-height: 28px;
	font-size: 14px;

	text-align: center;
	color: #888;
}

.suspension .d-qrcode {
	text-align: center;
}
.suspension .d-qrcode .inner-box {
	padding: 20px 0;
}
.suspension .d-qrcode p {
	font-size: 14px;
	color: #93959c;
}
.sjewm_img{ display:none;}
.sjrx_img{ display:none;}

.pro_navv{ width:100%; max-width:1200px; display:none;}
.pro_navv ul { margin: 10px auto;  }
.pro_navv li { float: left; width:48%; margin:5px 1%; position:relative; }
.pro_navv li a{ line-height: 55px; display: block; border: 1px solid #f7f7f7;  background: #f7f7f7; color: #333; font-size: 16px; text-align: center;      -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; transition: all 1s ease 0s;}
.pro_navv li a:hover { border: 1px solid #00BABA;}

/* 二级菜单 */
.pro_navv ul li .ejxll{display: none;background-color:#f7f7f7;transition: all 0s;z-index: 9999; position: absolute; top:70px;   width:100%;}

.pro_navv ul li .ejxll dd a{display: block;color:#333;font-size: 15px;height:45px;line-height:45px; padding: 0; width: 100%; margin:0; text-align: center; background:none; border:none; }
.pro_navv ul li:hover .ejxll{ display:block;}
.pro_navv ul li:hover .ejxll dd{margin:0 auto ;display: block; padding:0; width: 100%; float:none; background:fff;}
.pro_navv ul li:hover .ejxll dd:after { content: ""; position: relative; } 
.pro_navv ul li:hover .ejxll dd a{display: block;color:#333;font-size: 15px;height:45px;line-height:45px; padding: 0; width: 100%; text-align: center; background:none; border:none; }
.pro_navv ul li:hover .ejxll dd a:hover{background: #00BABA; color:#fff;}

@media (max-width: 840px){
.ncontainer .pro_ll{ display:none;}
.innerright{width:98%;float:left; height:auto;margin:20px 0px 30px 0px; padding:0 1%; padding-bottom:20px;background-color:#fff;}
.innewslist li .innewleft{ width:100%; float: left; text-align: center; color: #00BABA; padding:10px 5%;}
.innewslist li .innewleft img{ width:100%; height:auto;}
.innewslist li .innewright{ width:100%; float: right; margin-right: 0; padding:0 4%;}

.inrrctainer{ line-height:180%; padding:10px;}
.navpost{width:98%;display:block;color:#555;font-size: 15px; padding:0 1%;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.suspension {
	position: fixed;
	z-index: 55;
	right:3%;
	bottom: 80px;
	width: 70px;
	height: 240px;
}

.sjewm_img{ display:block;flex: 1.3;  flex-wrap: nowrap; align-items: center; justify-content: flex-start;}
.sjewm_img img{ width:100px;}
.sjewm_img p { display:block; font-size: 12px; margin: 10px 0; text-align:center;}

.sjrx_img{ display:flex;flex: 1.3;  flex-wrap: nowrap; align-items: center; justify-content: flex-start;    flex-direction: column;}
.sjrx_img img{ text-align:center;}
.sjrx_img b { display:block; font-size: 18px; margin: 10px 0; text-align:center;}

.pro_navv{ width:100%; max-width:1200px; display:block;}

}