@charset "utf-8";
/* 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%;
}


.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("../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;
}
}


@media screen and (min-width: 768px) {
.m-prob1 { position: relative;}
.m-prob1 .prob-pic {
	width: 40%; float: left;position: relative;
}
.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 22px; 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(../img/sec/left.jpg) no-repeat 0px center;  }
.m-prob1 .next { right:0px;  background:url(../img/sec/right.jpg) no-repeat 0px center; }

.m-prob1 .prob-pic-list {overflow: hidden; margin-top:10px;  margin-left:3px; margin-right:3px; }
.m-prob1 .prob-pic-list ul {width: 1000%; overflow: hidden;}
.m-prob1 .prob-pic-list li { width: 98px; margin-left:2px; margin-right:2px; 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:767px)
{
.zoomPad {
	cursor: default !important;
}
.zoomPup {
	display: none !important;
}
.zoomWindow {
	display: none !important;
}
.zoomPreload {
	display: none !important;
}


.m-prob1 .prev { left: 0px; width:22px; background:url(../img/sec/left.jpg) no-repeat 0px center; padding-top:70px;}
.m-prob1 .next { right: 0px; width:22px; background:url(../img/sec/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; }
.m-prob1 .prob-pic-item .item-pics img { width:100%; display: block; padding:0px; border:1px solid #eeeeee;}


.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;
}
	
.m-prob1 .prob-pic {
	width: 99%;
}
.m-prob1 .prob-pic-big {
	display: none;
}
.m-prob1 .prob-pic-small {
	margin-top: 0px;
}

.m-prob1 .prob-pic-btn {  top:90px;}

}

@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:473px; overflow:hidden;
}
.pro-info .item-title2  {
	line-height: 26px; font-size: 24px; font-weight:bold;
}
.pro-info .item-subt {
	line-height: 26px; font-size: 1rem; margin-top: 11px;
}
.pro-info .item-desc {
	padding: 10px 0px 21px; line-height: 24px; font-size: 0.9rem; margin-top: 15px; border-top-color: rgb(191, 191, 191); border-top-width: 1px; border-top-style: solid; max-height:72px; overflow:hidden;}
.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:16px; overflow:hidden; }
.pro-info .bshare-custom { display:block; margin-bottom: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;}
.pro-info .item-btns {margin-top: 12px; }
}


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


.bgbox {  overflow:hidden;}

.pro2-specbox { margin-top:30px; width:100%; display:block; overflow: hidden;}
.pro2-specbox .box-tab .tab-options li {
	margin: 0px 0.08%; width: 33.11%; text-align: center; color: rgb(255, 255, 255); line-height: 54px; font-size: 1.2rem; font-weight: bold; float: left; cursor: pointer; background-color: rgb(0, 91, 172);
}
.pro2-specbox .box-tab .tab-options li:hover {
	color: rgb(0, 91, 172); background-color:#d8d8d8;
}
.pro2-specbox .box-tab .tab-options li.tab-active {
	color: rgb(0, 91, 172); background-color:#d8d8d8;
}

.pro2-specbox .box-tab .tab-content-item {padding: 30px 0px 30px; line-height: 28px; font-size:18px;}
.pro2-specbox .box-tab .tab-content-item p {font-size:18px;}

@media screen and (min-width:360px) and (max-width:1120px) 
{

.pro2-specbox .box-tab .tab-options li { margin: 0px 0.16% 0px 0%;}
.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 { overflow:hidden; height:auto;}
.pro2-specbox { margin-top:20px; width:100%;}
.pro2-specbox .wp { margin: auto; width: 100%;}
.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: 20px 0px; line-height: 24px; font-size: 14px;}
.pro2-specbox .box-tab .tab-content-item img { width:99%; display:inline-block; overflow:hidden;}
.pro2-specbox .box-tab .tab-content-item p {font-size:14px;}

.news-other { padding: 10px 0px; border-top: 1px #ddd solid; margin-top:20px; overflow:hidden;}
.news-other p {display: block; height: 30px;line-height: 30px;padding-left:3px;}
.news-other p a {font-size: 14px; }
.news-other .fhlb a { font-size: 14px; color: #fff; }

.news-other a.gr-back-btn { color: #fff; }
.gr-back-btn { float:right; font-size:14px; color:#fff;  margin-top: 6px; width:125px; height: 40px; line-height: 40px; text-align: center; background-color: #0075ba;  position: relative; overflow: hidden; z-index: 2;}
.gr-back-btn:after { content: ""; width: 125px;height: 40px;top: 40px;background: #db1d00; color:#fff; display: block;position: absolute;left: 0;z-index: -1; -webkit-transition: .3s; -o-transition: .3s; transition: .3s;}
.gr-back-btn:hover:after { top: 0;}
}


@media screen and (min-width:1120px) and (max-width:5000px)
{
.news-other { padding: 10px 0px; border-top: 1px #ddd solid; margin-top:20px; overflow:hidden;}
.news-other .next { display: block; height: 30px;line-height: 30px;padding-left:3px; text-align:left;}
.news-other .next a {font-size: 14px; }
.news-other .fhlb a { font-size: 14px; color: #fff; }

.news-other a.gr-back-btn { color: #fff; }
.gr-back-btn { float:right; font-size:14px; color:#fff;  margin-top: 6px; width:125px; height: 40px; line-height: 40px; text-align: center; background-color: #0075ba;  position: relative; overflow: hidden; z-index: 2;}
.gr-back-btn:after { content: ""; width: 125px;height: 40px;top: 40px;background: #db1d00; color:#fff; display: block;position: absolute;left: 0;z-index: -1; -webkit-transition: .3s; -o-transition: .3s; transition: .3s;}
.gr-back-btn:hover:after { top: 0;}

.bshare-custom { float:left; display:block; margin-top:10px; padding-top:10px;  }
}

@media screen and (min-width: 768px){
.protit { padding-bottom:15px; width:858px;overflow:hidden; }
.protitaa { width:160px;  }
.protitaa img {width:160px;  }
.protitbb { width:678px; vertical-align:top; margin-left:20px; font-size:18px; height:100%; overflow:hidden; }}


@media screen and (max-width: 767px)
{
.protit { padding-bottom:15px; width:100%;overflow:hidden; }
.protitaa { width:100%; margin-bottom:8px;  }
.protitaa img {width:100%;  }
.protitbb { width:100%; vertical-align:top; font-size:18px; height:100%; overflow:hidden; }
	
}