/* 导航栏 */

.daohang {
	background-color: #1d71e8;
	width: 100%;
}

.dh ul li {
	display: inline-block;
	color: white;
	width: 150px;
	text-align: center;
	font-size: 16px;
}

.dh ul li a {
	color: white;
}

.dh {
	display: flex;
	justify-content: center;
}

.dh ul {
	height: 58px;
	line-height: 58px;
}

.active {
	width: 150px;
	height: 58px;
	background-color: red;
}

.firsts .yi {
	margin-right: 5px;
	display: inline-block;
	padding-left: 5px;
	padding-right: 5px;
}

.firsts>a :hover {
	border-color: #f04155;
}




/* 产品中心 */

.title {
    padding-top: 7px;
    padding-bottom: 7px;
    text-align: center;
    background-color: #1e70e9;
    border-radius: 10px 10px 0 0;
    height: 60px;
    line-height: 60px;
    font-weight: bold;
}

.title h2 {
	color: white;
	font-size: 26px;
}
img{
	border: none;
}

.bottom {
	padding-bottom: 1px;
}

.first1 {
	width: 92%;
	margin: auto;
	font-size: 17px;
	background-color: white;
	border-bottom: 1px solid rgba(225,225,225,1);
	border-left: 1px solid rgba(225,225,225,1);
	border-right: 1px solid rgba(225,225,225,1);
}
.first1:hover{
	color: #f04155;
	cursor: pointer;
}
.prc {
	padding-top: 30px;
	overflow: hidden;
}

.left .top {
	width: 78%;
	border: 1px solid red;
}
.cp_left .bottom .right img {
	width: 20px;
	height: 20px;
}

.cp_left .bottom .first1 {

	padding: 0 8px 0 8px;
}


.cp_left {
	float: left;
	width: 20%;
}

.bottom {
	padding-bottom: 1px;
	background: -webkit-linear-gradient(left, #ffffff,#efefef)
}



/* 产品推荐 */

.cr_left {
	padding-left: 5px;
	font-size: 16px;
}


.cp_right {
	border: 1px solid rgba(225,225,225);
	width: 78%;
	margin-left: 10px;
	padding-bottom: 10px;
	float:left;
	padding-right: 5px;
}

.tops {
	display: flex;
	    height: 54px;
	    line-height: 54px;
	    background-color: #1e70e9;
	    justify-content: space-between;
	    color: white;
	    padding-left: 5px;
	    padding-right: 5px;
	    background-color: #e3e3e3;
	    color: #333;
	}
}

.num1 {
	font-size: 16px;
}

.num2 {
	font-size: 15px;
}

.yi {
	width: 31%;
	border: 1px solid #e5e5e5;
	padding-top: 8px;
	text-align: center;
	margin-top: 15px;
	font-size: 15px;
}

.content {
	width: 97%;
	margin: auto;
}

.tp img {
	width: 273px;
	height: 241px;
}
.content p{
	text-indent: 42px;
	
}
.content{
	font-size: 15px;
	padding-top: 10px;
}
/* 分页 */
.page_box{
	width: 100%;
	padding-top: 5px;
	padding-bottom: 8px;
}
#PageContent{
	text-align: center;
}
.dux-page{
	cursor: default;
	font-size: 14px;
	font-family: Tahoma, Verdana;
	padding: 10px;
	text-align: center;
	margin: 0 3px;
}
.dux-page a{
	color: #666;
	margin-left: 3px;
	text-decoration: none;
	padding: 3px 8px;
	border: 1px #ddd solid;
	background: #fff;
}
.dux-page a:hover{
	color: #1e70e9;
	border-color:#1e70e9;
}
/* 底部 */

.footer {
	background: #0060c6;
	padding: 20px 0;
	height: 100px;
	font-size: 14px;
	margin-top: 30px;
}

.footer .wapper .bottoms {
	width: 800px;
	float: left
}

.footer .wapper .bright {
	float: right;
}
.wapper {
	width: 1200px;
	margin: 0 auto;
}

.footer .wapper .bottoms p span {
	display: block;
	float: left;
}

.footer .wapper .bottoms p a {
	color: #fff;
}

.bright {
	display: flex;
	justify-content: space-between;
}

.lop img {
	width: 100%;
	height: 90px;
}

.lop {
	width: 78px;
	display: flex;
	align-items: center;
	height: 90px;
}

body {
	background-color: white;
	font-family: '微软雅黑'
}
.products_l_co {
	width: 239px;
	height: 138px;
	background: url(../images/bj4.jpg) no-repeat center center;
	padding-left: 0px;
	font-size: 24px;
	color: #02adc7;
	margin-top: 15px;
	line-height: 30px;
}

.products_l_co span {
	font-size: 14px;
	padding-top: 35px;
	padding-bottom: 5px;
	color: #807f7f;
	display: block;
	text-align: center;
	padding-left: 58px;
}

.products_l_co p {
	text-align: center;
	color: #003f90;
	padding-left: 60px;
}
.page_box{
	width: 100%; 
	padding-top: 5px; 
	padding-bottom: 8px;
	
}
/* 图片遮罩层 */
.Honor ul li .caption-style-4 .blur{
	border: 1px solid red;
}
.hon .xia #blocksit li .grid dl img{ /*width:100%;*/width:283px;height:221px;cursor:pointer;}
.hon .xia #blocksit li {height:223px;}
.hon .xia #blocksit li span.small-zoom img{margin:90px 0px 0px 0px; border:0;}
.small-zoom {width:283px;height:221px;}
.Honor_t{padding-top:80px; text-align:center; font-size:18px; border-bottom:1px solid #d8d8d8; padding-bottom:10px; margin-bottom:30px; width:100%; }
.Honor_img { text-align:center;}
.Honor_i { line-height:25px;  padding-top:30px;}

.Honor ul li .caption-style-4 .caption-text h3{text-transform: uppercase;font-size: 16px; margin-bottom:20px; }
.Honor ul li .caption-style-4 .caption-text{line-height:25px;z-index: 10;color: #fff;position: absolute;height:212px;width:285px; padding:0 50px;text-align: center;top:100px;}
.Honor ul li .caption-style-4 .blur { background: rgba(0,0,0,0.45) url(../images/se_bj.png) no-repeat center center; height:212px;width:285px; z-index: 5; position: absolute;}
.Honor ul li .container-a4 { width: 285px; height:212px;}
.Honor ul li .image_container a{ width: 285px; height:212px; display:block; overflow:hidden; margin-bottom:5px;}

#mbOverlay { position:fixed; z-index:9998; top:0; left:0; width:100%; height:100%; background-color:#000; cursor:pointer; }
#mbOverlay.mbOverlayFF { background:transparent url(80.png) repeat; }
#mbOverlay.mbOverlayIE { position:absolute; }
#mbCenter { height:557px; position:absolute; z-index:9999; left:50%; background-color:#fff; -moz-border-radius:10px; -webkit-border-radius:10px; -moz-box-shadow:0 10px 40px rgba(0, 0, 0, 0.70); -webkit-box-shadow:0 10px 40px rgba(0, 0, 0, 0.70); }
#mbCenter.mbLoading { background:#fff url(../images/WhiteLoading.gif) no-repeat center; -moz-box-shadow:none; -webkit-box-shadow:none; }
#mbImage { left:0; top:0; font-family:Myriad, Verdana, Arial, Helvetica, sans-serif; line-height:20px; font-size:12px; color:#fff; text-align:left; background-position:center center; background-repeat:no-repeat; padding:10px; }
#mbImage a, #mbImage a:link, #mbImage a:visited { color:#ddd; }
#mbImage a:hover, #mbImage a:active { color:#fff; }
#mbBottom { min-height:20px; font-family:Myriad, Verdana, Arial, Helvetica, sans-serif; line-height:20px; font-size:12px; color:#999; text-align:left; padding:0 10px 10px; }
#mbTitle { display:inline; color:#999; font-weight:bold; line-height:20px; font-size:12px; }
#mbNumber { background:url(images/mbNumber_bg.gif) no-repeat center; display:inline; color:#C00; line-height:26px; font-size:12px; position: absolute; bottom: 10px; right: 10px; text-align: center; width:65px; height:26px; }
#mbCaption { display:block; color:#999; line-height:14px; font-size:10px; }
#mbPrevLink, #mbNextLink, #mbCloseLink { display:block; float:right; height:20px; margin:0; outline:none; }
#mbPrevLink { width:32px; height:100px; background:transparent url(../images/CustomBlackPrevious.gif) no-repeat center; position: absolute; top:38%; left:-32px; }
#mbNextLink { width:32px; height:100px; background:transparent url(../images/CustomBlackNext.gif) no-repeat center; position: absolute; top:38%; right:-32px; }
#mbCloseLink { width:24px; background:transparent url(../images/CustomBlackClose.gif) no-repeat center; position:absolute; top:10px; right:10px; }
#mbError { position:relative; font-family:Myriad, Verdana, Arial, Helvetica, sans-serif; line-height:20px; font-size:12px; color:#fff; text-align:center; border:10px solid #700; padding:10px 10px 10px; margin:20px; -moz-border-radius:5px; -webkit-border-radius:5px; }
.mod_gallerylist li{float:left; margin:0 0 5px 0}
.meta{font-size:15px; text-align:center;}
.image_container img{border:1px solid #CCC; padding:2px}
.meta a{color:#333; text-decoration:none}
.mod_gallerylist ul{ margin-top:30px;}
.mod_gallerylist ul li{ float:left; margin-right:12px;}
.mod_gallerylist ul li:nth-child(3n){ margin-right:0px;}

.mod_gallerylist ul .meta{ text-align:center; margin-bottom:18px; line-height:30px;}
	.container-a4{width: 510px; height:395px;}
		.caption-style-4{
			list-style-type: none;
			margin: 0px;
			padding: 0px;
			
		}

.silder-box .silder .silder_l .caption-style-4 dt{width: 510px; height:395px;
			float: left;
			padding: 0px;
			position: relative;
			overflow: hidden;
		}

		.caption-style-4 dt:hover .caption{
			opacity: 1;
		}

		.caption-style-4 dt:hover img{
			opacity: 1;
			transform: scale(1.15,1.15);
			-webkit-transform:scale(1.15,1.15);
			-moz-transform:scale(1.15,1.15);
			-ms-transform:scale(1.15,1.15);
			-o-transform:scale(1.15,1.15);
		}


		.caption-style-4 img{
			margin: 0px;
			padding: 0px;
			float: left;
			z-index: 4;
		}


		.caption-style-4 .caption{
			cursor: pointer;
			position: absolute;
			opacity: 0;
			-webkit-transition:all 0.2s ease-in-out;
			-moz-transition:all 0.2s ease-in-out;
			-o-transition:all 0.2s ease-in-out;
			-ms-transition:all 0.3s ease-in-out;
			transition:all 0.3s ease-in-out;
		}

		.caption-style-4 img{
			-webkit-transition:all 0.8s ease-in-out;
			-moz-transition:all 0.8s ease-in-out;
			-o-transition:all 0.8s ease-in-out;
			-ms-transition:all 0.8s ease-in-out;
			transition:all 0.8s ease-in-out;
		}
		.caption-style-4 .blur{background-color: rgba(0,0,0,0.65);height: 395px;width: 510px;z-index: 5;position: absolute;}
		.ny_xg_i .w1152 ul li .caption-style-4 .blur{background-color: rgba(0,0,0,0.65);height:218px;width: 327px;z-index: 5;position: absolute;}
        .ny_xg_i .w1152 ul li .caption-style-4 .caption-text h3{text-transform: uppercase;font-size: 16px; margin-bottom:20px; }

		.caption-style-4 .caption-text h3{text-transform: uppercase;font-size: 24px; margin-bottom:20px; }
		.caption-style-4 .caption-text{line-height:25px;z-index: 10;color: #fff;position: absolute;height: 295px;width: 410px; padding:50px;text-align: center;top:100px;}
        .ny_xg_i .w1152 ul li .caption-style-4 .caption-text{line-height:25px;z-index: 10;color: #fff;position: absolute;height:218px;width:227px; padding:0 50px;text-align: center;top:100px;}