/*
* main style
*/
#scrollUp{right: 36px; bottom: 42px; width: 42px; height: 42px; color: #fff; text-align: center; line-height: 40px; border-radius: 50%; z-index: 99; font-size: 22px; cursor: pointer; background-color: #FF7906; -webkit-animation: white-shadow .8s infinite, red-shadow .8s infinite; animation: white-shadow .8s infinite, red-shadow .8s infinite; -webkit-box-shadow: 0 10px 33px rgba(0, 0, 0, 0.1); -khtml-box-shadow: 0 10px 33px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 10px 33px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 10px 33px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 10px 33px rgba(0, 0, 0, 0.1); box-shadow: 0 10px 33px rgba(0, 0, 0, 0.1);}
.table{border-collapse: collapse;}
.table td, .table th{border: 1px solid #cdcdcd;padding:.2em .3em}
.table p{padding: 0px;margin: 0px;}
.table{width: 100%;overflow-y: auto; overflow-x:scroll;_overflow: auto;margin: 0.5em 0 1em;}
.h-more{width:100%; margin-top:20px;}
.h-more a{display:block; line-height:24px;padding: 10px 30px; border:1px solid #ccc; font-size:14px; color:#222; text-align:center; margin:0px auto;position: relative}
.h-more a:after{position: absolute; content: ""; left: 0; top: 0px; background: #1B4962; width: 0; height: 100%; background-repeat: no-repeat;z-index: -1;transition: all 700ms ease;}
.h-more a:hover:after{width: 100%; transition: all 700ms ease;}
/*---------online----*/
.online{position: fixed; z-index: 99; bottom: 30%; right: 0; display: block; width: 50px;}
.online a{position: relative; display: block; width: 46px; height: 46px; margin-bottom: 4px; cursor: pointer; text-decoration: none;  background: rgba(0, 0, 0, 0.5);}
.online a.yb_top{background-image:url(/images/backtop.png);}
.online a.yb_phone{background-image:url(/images/ol_tel.png)}
.online a.yb_wechat{background-image:url(/images/ol_wchat.png)}
.online a.yb_whatsapp{background-image:url(/images/ol_whatsapp.png)}
.online a.yb_skype{background-image:url(/images/ol_skype.png)}
.online a.yb_QQ{background-image:url(/images/ol_qq.png) ;}
.online a.yb_ercode{background-image:url(/images/ol_qr.png);}
.online a.yb_mail{background-image:url(/images/ol_email.png);}
.online a.yb_telegram{background-image:url(/images/ol_telegram.png);}
.online a.yb_mess{background-image:url(/images/ol_mess.png);}
.online a.yb_messenger{background-image:url(/images/ol_messenger.png);}
.online a:hover{background-color: #1e61ba;}
.online a.yb_wechat:hover img{right: 50px;}
.online a:hover span{right: 46px;}
.online a span{line-height: 46px; position: absolute; right: -310px; min-width: 180px;padding: 0px 15px; height: 46px; -webkit-transition: all .4s ease; transition: all .4s ease; text-align: center; color: #fff;  background-color: #1e61ba;}
.online a.yb_wechat img{position: absolute; z-index: 0; top: 0; right: -260px; display: block; width: 200px; height: 200px; -webkit-transition: all .4s ease; transition: all .4s ease; border: 2px solid #1e61ba;}
@media(max-width: 767px) {
	.online a{width: 36px; height: 36px; background-size: auto 100%; background-position: center center}
	.online a span{display: none;}
	.online a:hover span{right: -310px;}
}
/*-- - Page Pagination
------------------------------------------*/
.page-pagination{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 15px 0px;} 
.page-pagination li{font-size: 16px; line-height: 24px; color: #1f2d30; text-align: center; margin: 5px 10px;} 
.page-pagination li a{color: #1f2d30; background-color: #f8f8f8; padding: 10px; width: 44px; height: 44px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center;} 
@media only screen and (max-width: 575px){
	.page-pagination li{font-size: 14px;margin: 5px 5px;} 
	.page-pagination li a{padding: 5px; width: 36px; height: 36px;border-radius: 36px;} 
} 
.page-pagination li:hover a{color: #fff; background-color: #1f2d30;} 
.page-pagination li.active a{color: #ffffff; background-color: #d7322e;}

.prevNext{border-top: dashed 1px #ccc;border-bottom: dashed 1px #ccc;line-height: 30px;color: #666;padding: 10px 0px;}
.prevNext ul{margin: 0;padding: 0;}
.prevNext a{text-decoration: underline;}
.prevNext .prev{/*float:left;*/}
.prevNext .prev a:hover{color: #317de9;}
.prevNext .next{/*float:right;*/}
.prevNext .next a:hover{color: #317de9;}
/*左侧导航*/
.myleftnav{}
.myleftnav li a.layer1 {display: block;font-size:18px;font-weight:700;color:#333333;line-height: 28px;padding: 20px 25px;border-left: 5px solid #7abf18;background-color: #ebebeb;overflow: hidden;	transition:all 300ms ease;	-moz-transition:all 300ms ease;	-webkit-transition:all 300ms ease;	-ms-transition:all 300ms ease;	-o-transition:all 300ms ease;}
.myleftnav li.active a.layer1,.myleftnav li:hover a.a.layer1{color: #ffffff; background-color: #7abf18; border-color: #333333;}

.myleftnav .mysub-menu{padding-top: 10px;padding-left: 32px;border: 1px solid #dee2e6;}
.myleftnav li.layer2 a{color: #555555;}
.myleftnav li.layer2 a:hover{color: #ebebeb;}
.myleftnav .mysub-menu li.layer2 a.cur{color: #ebebeb;}

.left_column ul.left_nav_ul li.left_active a.biglink{color:#d7322e;}
.left_snav_ul li.layer2 a.cur{color:#d7322e;}

.product_list2 div.caseimg{min-height: auto;}
.caseimg .product_title{display: none}
.case_img{min-height: inherit;}

.spec-scroll .items ul{margin: 0px;padding: 0px;}
.proinfo_box .page-btn{float: none}
.product_con img{margin-bottom: 8px;}
.product_img .pro-post-link{display: block;border: 1px solid #ccc;margin-bottom: 10px}
.product_img .opacity_img{max-width: 100%;max-height:inherit;margin: 0}

.right_contents .desc img{max-height: 100%;margin-bottom: 8px;}
.proList .listBox .ImghidCont{
	overflow: hidden;
}
.proList .listBox .Imgbox{
	padding-top: 100%;
	text-align: center;
    position: relative;
	width: 100%;
    height: auto;
    overflow: hidden;
	top: 0;
    left: 0;
    display: block;
}
.proList .listBox .Imgbox img {
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 100%;
    height: 100%;
    object-fit: cover;
	box-sizing: border-box;
}
.about_video{
	max-height: 400px;
    background: #000;
    padding: 10px;
}
.footer_logo_text a{
	color: #fff;
}
@media(max-width: 1199px) {
 
}

@media(max-width: 991px) {
	/*添加IOS下滚动条*/
	.bartable{overflow-x: scroll;}
	.bartable::-webkit-scrollbar{-webkit-appearance: none;width: 14px;height: 14px;}
	.bartable::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);border-radius: 10px;background-color: #F5F5F5;}
	.bartable::-webkit-scrollbar-thumb{border-radius: 8px;border: 0px solid #fff;background-color: rgba(0, 0, 0, .3);}
}

@media(max-width: 767px) {
	.footer_menu_con{display: none}

}

@media(max-width: 575px) {

}

@media(max-width: 480px) {

}

@media(max-width: 375px) {

}