/* CSS Document */
.pull-left {float: left;}
.pull-right {text-align: left; float: right;}
.fix {}
.fix::after {height: 0px; overflow: hidden; clear: both; display: block; visibility: hidden; content: "clear";}
.fix::before {height: 0px; overflow: hidden; clear: both; display: block; visibility: hidden; content: "clear";}
img {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
img {
    border: 0px solid rgb(204, 204, 204);
    border-image: none;
    max-width: 100%;
}


@media screen and (min-width:1120px) and (max-width:5000px){ 
.wp { margin: auto; width: 1200px;}
}

.pro-cate {text-align: center;}
.pro-cate > a {
	margin: 0px 25px 6px; border-radius: 5px; border: 1px solid rgb(191, 191, 191); border-image: none; width: 146px; height: 40px; color: rgb(51, 51, 51); line-height: 38px; font-size: 1.6rem; display: inline-block; cursor: pointer;
}
.pro-cate > a:hover { border-color: rgb(0, 91, 172); color: rgb(255, 255, 255); background-color: rgb(0, 91, 172);}
.pro-cate > a.active { border-color: rgb(0, 91, 172); color: rgb(255, 255, 255); background-color: rgb(0, 91, 172);}
@media screen and (max-width:999px)
{
.pro-cate > a {margin: 0px 10px 6px;}
}
@media screen and (max-width:767px)
{.pro-cate > a {margin: 0px 5px 5px; padding: 0px 10px; width: auto; height: 34px; line-height: 32px; font-size: 1.4rem;}}

@media screen and (max-width:500px)
{.pro-cate > a {margin: 0px 1px 5px; padding: 0px 5px; font-size: 1.2rem;
}}
.pro1-wrap {background-color: rgb(245, 245, 245);}
.pro1-bread {background-color: rgb(245, 245, 245);}
.pro1-title {
	text-align: center; padding-top: 10px; padding-bottom: 15px; font-size: 2.4rem; font-weight: bold; margin-bottom: 33px; position: relative;
}
.pro1-title::after {
	left: 50%; width: 58px; height: 3px; bottom: 0px; margin-left: -29px; position: absolute; content: ""; background-color: rgb(0, 91, 172);
}
@media screen and (max-width:999px)
{
.pro1-title {
	font-size: 2.2rem;
}
}
@media screen and (max-width:767px)
{
.pro1-title {
	padding-top: 0px; padding-bottom: 10px; font-size: 2rem; margin-bottom: 20px;
}
}
.pro1-list {
	padding: 44px 0px 62px;
}
@media screen and (max-width:1219px)
{
.pro1-list {
	padding: 44px 0px 30px;
}
}
@media screen and (max-width:999px)
{
.pro1-list {
	padding: 44px 0px 20px;
}
}
@media screen and (max-width:767px)
{
.pro1-list {
	padding: 30px 0px 10px;
}
}
.pro1-list .list-item {
	padding: 10px 11px 22px; width: 29.2%; margin-bottom: 53px; margin-left: 5.75%; vertical-align: top; display: inline-block; background-color: rgb(255, 255, 255);
}
.pro1-list .list-item:hover {
	box-shadow: 0px 4px 15px 0px rgba(0,0,0,0.23);
}
@media screen and (max-width:999px)
{
.pro1-list .list-item {
	margin: 0px 1% 40px; width: 30.8%;
}
}
@media screen and (max-width:767px)
{
.pro1-list .list-item {
	padding: 10px; margin-bottom: 30px;
}
}
@media screen and (max-width:640px)
{
.pro1-list .list-item {
	width: 47%;
}
}
.pro1-list .item-pic {
	width: 100%; position: relative;
}
.pro1-list .item-pic img {
	margin: 0px auto; width: 100%; display: block; max-width: 490px;
}
.pro1-list .item-pic:hover .item-backdrop {
	top: 0px;
}
.pro1-list .item-backdrop {
	transition:0.5s; left: 0px; top: 999px; width: 100%; bottom: 0px; position: absolute; background-color: rgba(0, 91, 172, 0.6); -webkit-transition: all .5s; -o-transition: all .5s; -moz-transition: all .5s;
}
@media screen and (max-width:999px)
{
.pro1-list .item-backdrop {
	display: none;
}
}
.pro1-list .item-body {
	padding: 0px 15px; left: 0px; top: 50%; width: 100%; margin-top: -65px; position: absolute;
}
.pro1-list .item-body p {
	background: url("/template/default/images/web2.png") no-repeat left; text-align: left; line-height: 36px; overflow: hidden; padding-left: 20px; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.pro1-list .item-body p {
	color: rgb(255, 255, 255);
}
.pro1-list .item-body p a {
	color: rgb(255, 255, 255);
}
.pro1-list .item-body p a:hover {
	color: rgb(204, 204, 204);
}
.pro1-list .item-body1 {
	text-align: center;
}
.pro1-list .item-title {
	line-height: 30px; font-size: 1.8rem; font-weight: bold; margin-top: 18px;
}
@media screen and (max-width:999px)
{
.pro1-list .item-title {
	margin-top: 10px;
}
}
@media screen and (max-width:767px)
{
.pro1-list .item-title {
	font-size: 1rem;
}
}
.pro1-list .item-desc {
	height: 90px; text-align: left; line-height: 26px;  font-size: 1.6rem; margin-top: 3px; overflow:hidden;word-break: break-all; word-wrap:break-word;
}
.pro1-list .item-desc {
	color: rgb(85, 85, 85);
}
.pro1-list .item-desc a {
	color: rgb(85, 85, 85);
}
@media screen and (max-width:767px)
{
.pro1-list .item-desc {
	height: 44px; line-height: 22px; font-size: 1rem; display: none;
}
}
.pro1-list .item-btn {
	border: 1px solid rgb(0, 91, 172); border-image: none; width: 146px; height: 46px; color: rgb(0, 91, 172); line-height: 44px; font-size: 1.2rem; margin-top: 9px; display: inline-block;
}
.pro1-list .item-btn:hover {
	color: rgb(255, 255, 255); background-color: rgb(0, 91, 172);
}
@media screen and (max-width:767px)
{
.pro1-list .item-btn {
	width: 110px; height: 36px; line-height: 34px; font-size: 1.4rem;
}
}
.m-prob1 {
	margin-top: 43px; position: relative;
}
@media screen and (max-width:999px)
{
.m-prob1 {
	margin-top: 20px;
}
}
@media screen and (max-width:767px)
{
.m-prob1 {
	margin-top: 20px;
}
}
.m-prob1 .prob-pic {
	width: 40.58%; float: left;
}
.m-prob1 .prob-pic-big {
	border: 1px solid rgb(229, 229, 229); border-image: none; position: relative;
}
.m-prob1 .prob-pic-big .tip {
	left: 27px; top: 10px; position: absolute; z-index: 99;
}
.m-prob1 .prob-pic-big-img {
	line-height: 0; font-size: 0px; display: block;  
}
.m-prob1 .prob-pic-big-img .zoomPad {
	float: none; z-index: 8;
}
.m-prob1 .zoomWrapperImage img {
	max-width: 1200px;  
}
.m-prob1 .prob-pic-small1 {
	display: none; 
}
.m-prob1 .prob-pic-small2 {
	width: 89.77%; padding-top:0px;
}
.m-prob1 .prob-pic-small {
	padding: 0px 30px; overflow: hidden; position: relative;
}
.m-prob1 .prob-pic-btn { width:22px; height:42px; top:40px; display: block; position: absolute; cursor: pointer;
}
.m-prob1 .prev { left: 0px; background:url(../image/left.jpg) no-repeat 0px center;  }
.m-prob1 .next { right: 0px;  background:url(../image/right.jpg) no-repeat 0px center; }

.m-prob1 .prob-pic-list {
	overflow: hidden; margin-top:10px; 
}
.m-prob1 .prob-pic-list ul {
	width: 1000%; overflow: hidden;
}
.m-prob1 .prob-pic-list li { width: 2.29%; margin-right: 0.27%; float: left; position: relative; border:1px solid #eeeeee;  padding:0px; overflow: hidden;  }

.m-prob1 .prob-pic-item { overflow: hidden;}

.m-prob1 .prob-pic-item .zoomThumbActive.item-pics {
	 border-image: none;
}
.m-prob1 .prob-pic-item .item-pics img {
	width: 100%; display: block;
}
@media screen and (max-width:999px)
{
.zoomPad {
	cursor: default !important;
}
.zoomPup {
	display: none !important;
}
.zoomWindow {
	display: none !important;
}
.zoomPreload {
	display: none !important;
}
.m-prob1 .prob-pic {
	margin: 0px auto; width: 487px; float: none;
}
.m-prob1 .prob-pic-small2 {
	display: none;
}
.m-prob1 .prob-pic-small1 {
	margin-top: 10px; display: block;
}
}
@media screen and (max-width:767px)
{
.m-prob1 .prob-pic {
	width: 100%;
}
.m-prob1 .prob-pic-big {
	display: none;
}
.m-prob1 .prob-pic-small {
	margin-top: 0px;
}
.m-prob1 .prob-pic-list ul li {
	width: 3.2%; margin-right: 0.2%;
}

}
@media screen and (max-width:640px)
{
.m-prob1 .prob-pic-list ul li {
	width: 4.9%; margin-right: 0.2%;
}
}
@media screen and (min-width:360px) and (max-width:1120px) 
{
.m-prob1 .prob-pic-list ul li {
	width: 10%; margin-right: 0%;
}
}
.pro-info {
	width: 55.41%;
}
.pro-info .item-title {
	line-height: 26px; font-size: 1.6rem; font-weight:bold;
}
.pro-info .item-subt {
	line-height: 26px; font-size: 1rem; margin-top: 11px;
}
.pro-info .item-desc {
	padding: 15px 0px 15px; line-height: 26px; font-size: 0.9rem; margin-top: 22px; border-top-color: rgb(191, 191, 191); border-top-width: 1px; border-top-style: solid; min-height:120px;
}
.pro-info .item-desc {
	color: rgb(85, 85, 85);
}
.pro-info .item-desc p {
	color: rgb(85, 85, 85);
}

.pro-info .item-btns { display:block; margin-bottom:20px; overflow:hidden; }
.pro-info .bshare-custom { display: inline-block; padding-top:10px; padding-left:20px;  overflow:hidden; font-size: 1.0rem;}
.pro-info .item-btn {
	border-radius: 0px; border: 1px solid rgb(0, 91, 172); border-image: none; width: 120px; height: 32px; text-align: center; color: rgb(0, 91, 172); line-height: 32px; font-size: 1.2rem; float: left; display: inline-block; cursor: pointer;
}
.pro-info .item-btn:hover {
	color: rgb(255, 255, 255); background-color: rgb(0, 91, 172);
}
.pro-info .yansebubian {
	background: rgb(0, 91, 172); border: 1px solid rgb(3, 73, 136); border-image: none; color: rgb(255, 255, 255);
}

.pro-info :first-child.item-btn {
	margin-right: 24px;
}
.pro-info .pro-share {
	margin-top: 28px; margin-bottom: 26px; float: left;
}
@media screen and (max-width:1219px)
{.pro-info .item-title {margin-top: 0px;}}

@media screen and (max-width:999px)
{
.pro-info {margin: 30px auto 0px; width: 100%;}
.pro-info .item-desc {height: auto; min-height: auto;}
}

@media screen and (max-width:767px)
{
.pro-info .item-title {font-size:1rem;}
.pro-info .item-subt {margin-top: 0px;}
.pro-info .item-desc {line-height: 24px; margin-top: 10px;}
}


@media screen and (max-width:1219px)
{
.pro-info .item-title {margin-top: 0px;}
}
@media screen and (max-width:999px)
{
.pro-info {
	margin: 30px auto 0px; width: 100%;
}
.pro-info .item-desc {
	height: auto; min-height: auto;
}
}


.pro2-specbox { margin-top:30px; width:100%; display:block; overflow: hidden; border-bottom:1px solid #CCC;}
.pro2-specbox .box-tab .bgbox {
	margin: 0px 0.08%; width:100%; text-align: center; color:#fff; line-height: 44px; font-size: 1.2rem; font-weight: bold;  cursor: pointer;}
	
.pro2-specbox .box-tab .bgbox p { display:block;  background-color:#005bac; padding:0px 10px;}

.pro2-specbox .box-tab .bgbox:hover { color:#fff; background-color: #F00;}


.pro2-specbox .box-tab .tab-content-item {padding: 30px 0px 30px; line-height: 26px; font-size: 1rem;}


@media screen and (min-width:360px) and (max-width:1120px) 
{
.m-prob1 .prob-pic-big-img img {width:420px;}

.m-prob1 .prev { left: 0px; width:22px; background:url(../image/left.jpg) no-repeat 0px center; padding-top:70px;}
.m-prob1 .next { right: 0px; width:22px; background:url(../image/right.jpg) no-repeat 0px center; padding-top:70px;}

.m-prob1 .prob-pic-list { overflow: hidden; margin-top:10px; background:#eeeeee }
.m-prob1 .prob-pic-list ul {width:999%; overflow: hidden; }
.m-prob1 .prob-pic-list li { background:#eeeeee; width:50%; margin-right:0%; float: left; position: relative;  padding:0px; overflow: hidden;  border:1px solid #eeeeee; }
.m-prob1 .prob-pic-item .item-pics img { width:99.5%; display: block; padding:0px;}

.pro-info .item-title {font-size: 1.1rem;}
.pro-info .item-subt {margin-top: 0px;}
.pro-info .item-desc {line-height: 24px; margin-top: 10px;}

.pro-info .item-btn { border-radius: 0px; border: 1px solid rgb(0, 91, 172); border-image: none; font-size: 0.8rem; width:80px; text-align: center; color: rgb(0, 91, 172);height: 26px;  line-height: 26px; float: left; display: inline-block; cursor: pointer;
}
.pro-info .yansebubian {
	background: rgb(0, 91, 172); border: 1px solid rgb(3, 73, 136); border-image: none; color: rgb(255, 255, 255);
}

.bgbox { background: url("/template/default/img/web6.jpg") no-repeat top; padding:0px 0px 0px ; overflow:hidden; height:auto;}
.pro2-specbox { margin-top:20px; width:100%;}
.pro2-specbox .wp { margin: auto; width: 95%;}
.wp { margin: auto; width: 95%;}

.index-products .box-tab .tab-options { margin: 20px 0px 15px;}
.pro2-specbox .box-tab .tab-options li {margin: 0px 0.5% 6px; width: 24%; text-align: center; line-height: 34px; font-size:0.8rem; font-weight: bold; }
.pro-info .pro-share { margin-left: 0px;}

.pro2-specbox .box-tab .tab-content-item {padding: 30px 0px; line-height: 24px; font-size: 0.8rem;}
.pro2-specbox .box-tab .tab-content-item img { width:99%; display:inline-block; overflow:hidden;}
}