/* common css */
a, a:hover {
  text-decoration: none;
  color: inherit;
}
ul{
  padding: 0;
}
ul li{
  list-style-type: none;
}
img{
  width: 100%;
  /* display: block; */
}
input{
  width: 100%;
  height: 100%;
  border: none;
  background-color: transparent;
}
*, input:focus{
  outline: none;
  box-shadow: none;
}
.cursor{
  cursor: pointer;
}
.btn.focus, .btn:focus{
  box-shadow: none;
}
.container{
	width: 1200px;
	margin: 0 auto;
  padding: 0;
  position: relative;
}
.img-long {
  overflow: hidden;
}
.img-long img {
  -webkit-transition: 0.6s;
  -moz-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
}
.img-long:hover img {
  transform: scale(1.15);
  -ms-transform: scale(1.15);
  -webkit-transform: scale(1.15);
  -o-transform: scale(1.15);
  -moz-transform: scale(1.15);
}
.line-2{
	overflow: hidden;
	word-break: break-all;
	text-overflow: ellipsis; 
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	-ms-word-break: break-all;
}
.line-3{
  overflow: hidden;
  word-break: break-all;
  text-overflow: ellipsis; 
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  -ms-word-break: break-all;
}
.d-flex-center{
  display: flex;
  justify-content: center;
  align-items: center;
}
.d-flex-center .img{
  max-width: 100%;
  max-height: 100%;
}
.bg-f6{
  background-color: #F6F6F6 !important;
}
.bg-22{
  background-color: #222222 !important;
}
.cat-name{
  font-size: 32px;
  font-weight: bold;
}
.cat-name-en{
  font-size: 20px;
  color: #999999;
}
.cat-line{
  display: inline-block;
  width: 42px;
  height: 3px;
  background-color: #333333;
  margin-top: 10px;
}
.more-box{
  padding: 10px 20px;
  border: 2px solid #000000;
  font-size: 16px;
  margin-top: 4%;
}
.more-box:hover{
  background-color: #005982;
  color: #FFFFFF;
}
.line-s{
  background-color: #666666;
  width: 1px;
  height: 200px;
  margin: 0 6%;
}
.footer_box{
  padding: 6% 4%;
  font-size: 14px;
  color: #CCCCCC;
}
.footer_box .title{
  font-weight: bold;
  font-size: 16px;
  color: #FFFFFF;
  margin-bottom: 20px;
}
.footer_box .contact-box .icon{
  width: 18px;
  height: 18px;
  margin-right: 10px;
}
.footer_box .about-box{
  width: 300px;
}
.footer_box .about-box .icon{
  width: 46px;
  height: 46px;
  margin-right: 20px;
}
.p-b8{
  padding: 8% 0;
}
.btn-outline-primary{
  color: #166CAD;
  border-color: #166CAD;
}
.breadcrumb{
  background: none;
  padding: 0;
  color: #166CAD;
  font-weight: bold;
}
.breadcrumb-item+.breadcrumb-item::before{
  content: "<";
}

.actGotop {
  display: none;
  width: 60px;
  height: 60px;
  right: 0;
  bottom: 100px;
  position: fixed;
  z-index: 9;
}
/* hearder */
.logo{
  margin-right: 3%;
}
.right-info .nav-list{
  min-width: 900px;
  justify-content: space-around;
}
.header_box{
  background-color: rgba(0, 0, 0, 0.65);
	width: 100%;
  /* padding: 0 6%; */
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 99;
  box-shadow: 0px 2px 16px 0px rgba(0,0,0,0.08);
}
.nav-item{
  font-size: 16px;
  font-weight: bold;
  height: 100px;
  line-height: 100px;
	position: relative;
	text-transform: uppercase;
  white-space: nowrap;
  color: #A9A9A9;
}
.nav-item a{
	display: block;
	padding: 0 10px;
}
.nav-item.active, .nav-item:hover {
  color: #FFFFFF;
}
.nav_item_open, .nav_item2_open {
  width: 250px;
  height: auto;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 100%;
  z-index: 99;
  opacity: 0;
  padding: 0 15px;
  line-height: 55px;
  visibility: hidden;
  -webkit-transform: translateY(34px);
  transform: translateY(34px);
  -webkit-transition: all .4s;
  transition: all .4s;
  background: rgba(0, 0, 0, 0.65);
  /* border: 1px solid #dcdcdc; */
}
.nav_item_open::before, .nav_item2_open::before {
  content: '';
  display: none;
  height: 18px;
  width: 18px;
  position: absolute;
  top: -9px;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 1;
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  background: rgba(0, 0, 0, 0.65);
  /* border-color: #dcdcdc;
  border-style: solid;
  border-width: 1px 0 0 1px; */
}
.nav_item2_open {
  top: 0;
  left: 225px;
}
.nav-item:hover .nav_item_open, .nav_item2:hover .nav_item2_open {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
}
.nav_product:hover .menu-product {
  opacity: 1;
  height: 310px;
}
.menu_open, .hcover, .subopen, .subopenopen {
  display: none;
}
.nav_item2, .nav_item3 {
  display: block;
  position: relative;
  /* border-bottom: 1px solid #dcdcdc; */
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
}
.nav_item2 a, .nav_item3 a {
  color: #A9A9A9; 
  display: block;
  padding: 0 5px;
  font-size: 15px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.nav_item2:hover a, .nav_item3:hover a{
  color: #FFFFFF;
}

#cd-search {
  width: 240px;
  padding: 0 15px;
  height: 40px;
  line-height: 40px;
  position: relative;
  border-radius: 20px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
	background-color: #F5F5F5;
}
#cd-search .icon-search{
  width: 17px;
  height: 17px;
  margin-right: 6px;
}
.language-btn {
  margin-left: 18px;
	font-size: 18px;
	text-transform: uppercase;
  margin-right: 1%;
  text-align: center;
}
.language-btn a{
	display: block;
	width: 100%;
	height: 100%;
  color: #FFFFFF;
  border: 2px solid #FFFFFF;
  padding: 0 2px;
  font-weight: bold;
}
/* index */
.menu-pos-item{
  width: 19%;
}
.menu-pos-item .icon{
  width: 76px;
}
.menu-pos-item .title{
  font-size: 20px;
}
.menu-pos-item .desc{
  font-size: 16px;
  line-height: 30px;
}
.about-box .box{
  width: 50%;
  height: 556px;
}
.about-box .box img{
  height: 100%;
}
.about-box .cat-desc{
  font-size: 16px;
  height: 200px;
}
.product-item .title{
  background-color: rgba(0, 0, 0, 0.5);
  padding: 10px;
  color: #FFFFFF;
  font-size: 20px;
}
.product-item .img-box{
  height: 320px;
}
.video-box .video{
  width: 100%;
  height: 744px;
}
.news-box .list-item{
  width: 23%;
  margin-right: 2%;
}
.news-box .list-item:last-child{
  margin-right: 0;
}
.news-box .list-item .img-box{
  width: 100%;
  height: 307px;
}
.news-box .list-item .title{
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
}
.news-box .list-item .time{
  font-size: 14px;
  margin-bottom: 10px;
  color: #666666;
}
.news-box .list-item .desc{
  font-size: 14px;
  color: #666666;
}
/*  */
.breadcrumb{
  color: #A9A9A9;
}
.breadcrumb-item.active{
  color: #FFFFFF;
}
.children-menu .catname{
  font-size: 20px;
  padding-bottom: 4px;
  margin-right: 20px;
}
.children-menu .catname.active{
  font-weight: bold;
  border-bottom: 2px solid #58718F;
}
.content-box{
  background-color: #FFFFFF;
  padding: 4%;
}
.content-box .title{
  font-size: 28px;
  font-weight: bold;
  margin-bottom: 2%;
}
.content-box .time{
  font-size: 14px;
  color: #666666;
}
.content-box .line-x{
  background-color: #E5E5E5;
  height: 1px;
  margin: 4% 0;
}
.content-box .content{}
/* page product */
.page_box .item, .product_box .item{
  width: 23%;
  margin-right: 2%;
  margin-bottom: 4%;
}
.page_box .item:last-child, .product_box .item:last-child{
  margin-right: 0;
}
.page_box .item .title, .product_box .item .title{
  padding: 10px;
  font-weight: bold;
  font-size: 14px;
}
.news_box{
  padding: 4%;
}
.news_box .item{
  border-bottom: 1px solid #E5E5E5;
  margin-bottom: 4%;
  padding-bottom: 4%;
}
.news_box .item .title{
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 2%;
}
.news_box .item .desc{
  font-size: 16px;
  margin-bottom: 2%;
  color: #666666;
}
.news_box .item .time{
  font-size: 14px;
  color: #666666;
}
.news_box .item .info-box{
  padding: 0 2%;
}
.FAQ_box .cell-box{
  margin-bottom: 4%;
}
.cpms{
  font-size: 32px;
  font-weight: bold;
  background: url('../images/img-100.png') no-repeat;
  background-position: left bottom 0;
  padding-bottom: 8px;
  margin-bottom: 4%;
}
.product_detail .product_name{
  font-size: 50px;
  font-weight: bold;
}
.contact_box .content-box{
  margin-top: 4%;
}

/* 查看大图通用样式 */
#zoom {z-index: 99990;position: fixed;top: 0;left: 0;display: none;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.65);filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";}
#zoom .content {z-index: 99991;position: absolute;top: 50%;left: 50%;width: 200px;height: 200px;background: #ffffff no-repeat 50% 50%;padding: 0;margin: -100px 0 0 -100px;box-shadow: -20px 20px 20px rgba(0, 0, 0, 0.3);border-radius: 4px;}
#zoom .content.loading {background-image: url('../images/loading.gif');}
#zoom img {display: block;max-width: none;background: #ececec;box-shadow: 0 1px 3px rgba(0,0,0,0.25);border-radius: 4px;}
#zoom .close {z-index: 99993;position: absolute;top: 0;right: 0;width: 49px;height: 49px;cursor: pointer;background: transparent url('../images/close.png') no-repeat 50% 50%;opacity: 1;filter: alpha(opacity=100);border-radius: 0 0 0 4px;}
#zoom .previous,#zoom .next {z-index: 99992;position: absolute;top: 50%;overflow: hidden;display: block;width: 49px;height: 49px;margin-top: -25px;}
#zoom .previous {left: 0;background: url('../images/arrows.png') no-repeat 0 0;border-radius: 0 4px 4px 0;}
#zoom .next {right: 0;background: url('../images/arrows.png') no-repeat 100% 0;border-radius: 4px 0 0 4px;}
#zoom .close:hover {background-color: #da4f49;}
#zoom .previous:hover,#zoom .next:hover {background-color: #0088cc;}

/* 联系我们 */
.page_contact .box:nth-child(2n-1){
  background-color: #F6F6F6;
}
.page_contact .contact-box .img-box{
  width: 544px;
}
.page_contact .contact-box .info-box{
  background-color: #FFFFFF;
}
.page_contact .contact-box .title{
  font-size: 40px;
  font-weight: bold;
  margin-bottom: 10px;
}
.page_contact .contact-box p{
  font-size: 16px;
  margin-bottom: 10px;
}
#mapbox{
  width: 100%;
  height: 600px;
}

#MagnifierWrap2 {
    position: relative;
    margin-right: 4%;
}
.MagnifierMain {
    height: 500px;
    position: relative;
    overflow: hidden;
}
.MagnifierMain img{
	/* width: auto; */
  width: 100%;
	height: 100%;
}
.MagnifierDrag {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #fff;
    opacity: 0.4;
    filter: alpha(opacity = 40);
    cursor: move;
    width: 130px !important;
    height: 130px !important;
}
.MagnifierPop {
    position: absolute;
    top: 0;
    overflow: hidden;
}
.MagnifierImg {
    position: absolute;
    top:0;
    left: 0;
}
.MagnifierImg img {
    max-width: auto;
}
.spec-items {
    position: relative;
    width: 90%;
    height: 65px;
    overflow: hidden;
    margin: 5px auto;
}
.spec-items ul {
    width: 500%;
    position: absolute;
    top: 5px;
    left: 0;
}
.spec-items li {
    height: 58px;
    width: 93px;
    float: left;
    overflow: hidden;
    margin-right: 5px;
    border:3px solid #fff;
    cursor: pointer;
}
.spec-items li.on {
    border: 3px solid #e7791a;
}
.spec-items li img {
    width: 100%;
    height: 100%;
}
span.spe_leftBtn, span.spe_rightBtn {
    position: absolute;
    bottom: 4%;
    display: block;
    width: 20px;
    height: 27px;
    text-align: center;
    font-size: 0;
    cursor: default;
    background-image: url(../images/ic.png);
}
span.spe_leftBtn {
    background-position: -219px -194px;
    left: 0;
}
span.spe_rightBtn {
    background-position: -255px -194px;
    right: 0;
}
span.on {
    color: #909090;
    cursor: pointer;
}
.product_detail .info-box{
  width: 300px;
}
.contact_box .img-box{
  /* width: 544px; */
}
.contact_box .info-box{
  width: 70%;
}
.contact_box .title{
  font-size: 36px;
  font-weight: bold;
  margin-bottom: 10px;
}
.contact_box .address{
  font-size: 16px;
}
.contact_box .info{
  margin-right: 60px;
}
.contact_box p{
  font-size: 16px;
  margin-bottom: 10px;
}

:root{
  --swiper-theme-color: #F96600;/* 设置Swiper风格 */
  --swiper-navigation-color: #333;/* 单独设置按钮颜色 */
  --swiper-navigation-size: 30px;/* 设置按钮大小 */
}
/*搜索*/
.main-content{
	padding: 40px 0;
}
.shousuo li {border-bottom:1px dotted #b8b8b8;margin:0;padding:0;line-height:42px;width:100%;float:left;}
.shousuo li a.nif {float:left;width:84%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;line-height:42px;font-size:14px;color:#4d4d4d;}
.shousuo li a.nif:hover {color:#F96600}
.shousuo li b a {font-size:14px;color:#F96600}
.shousuo li .riqi {float:right;color:#878787;font-size:12px;}
/******** 404 *********/
.si{text-align:center;background:#fff;width:100%;float:left;margin-top:12%;}
.psic{width: 800px;margin: auto;}
.psicx{margin:15px 0;}
.psicx h1{font-family:"Arial";font-size:30px;font-weight:bold;color:#393939;}
.psicx p{font-family:"Arial";font-size:14px;font-weight:bold;color:#393939;}
.psicl h3{font-family:"Arial";font-size:16px;color:#5f5f5f;}
.psicl p{font-family:"Arial";font-size:12px;color:#5f5f5f;}
.ruturnk{margin:15px auto 0;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;width:125px;height:50px;padding:4px 0 0;background:#ed0f0f;}
.ruturnk h1{font-family:"Arial";font-size:20px;font-weight:bold;color:#fff;margin: 0;padding: 0;}
.ruturnk p{line-height:16px;font-family:"Arial";font-size:14px;color:#fff;text-transform:uppercase;margin: 0;padding: 0;}
/* 分页 */
.paginations {
	text-align: center;
	margin: 4% 2% 2%;
}
.paginations a,.paginations span{
	display:inline-block;
	background-color: #EBEBEB;
	height: 35px;
	width: 35px;
	border-radius: 5px;
	line-height: 35px;
	font-size: 14px;
	color: #666;
	margin-right: 5px;
}
.paginations .pg-btn{
	color: #000000;
	font-weight: bold;
	background-color: inherit;
}
.paginations span{
	background-color: #000000;
	color: #fff;
	
}