@charset "utf-8";
/* CSS Document */
.notice{
	width: 100%;
	float: left;
	overflow: hidden;
	height: 78px;
	border-bottom: 1px solid #e6e6e6;
	line-height: 78px;
}
.notice .hot{
	width: 500px;
}
.notice .hot span{
	font-size: 14px;
	color: #0158a8;
}
.notice .hot a{
	color: #666666;
	font-size: 14px;
	padding-right: 15px;
}

.search{
	width: 313px;
	height: 36px;
	border: 1px solid #b5b5b5;
	overflow: hidden;
	margin-top: 21px;
}
.search input.sea{
	width: 277px;
	height: 36px;
	float: left;
	overflow: hidden;
	border: none;
	background: none;
	text-indent: 5px;
}
.search input.btn{
	width: 36px;
	height: 36px;
	float: right;
	overflow: hidden;
	border: none;
	background: url(../images/sea.jpg) center no-repeat;
	cursor: pointer;
}

.product{
	width: 905px;
	float: right;
	overflow: hidden;
}

.picScroll{ 
	width: 100%;
	float: left;
	overflow:hidden; 
	position:relative;
	margin-top: 32px;
}
.picScroll .bd{}
.picScroll .bd ul{ overflow:hidden; zoom:1; }
.picScroll .bd ul li{ margin-right: 16px; float:left; _display:inline; overflow:hidden; text-align:center; position: relative; }
.picScroll .bd ul li .pic{ text-align:center; width: 288px; height: 333px; overflow: hidden; }
.picScroll .bd ul li .pic img{ width: 286px; height: 333px; display:block; border:1px solid #cacaca; transform: scale(1); transition: 0.5s; }
.picScroll .bd ul li:hover .pic img{
	transform: scale(1.05);
	transition: 0.5s;
}
.picScroll .bd ul li .title{
	width: 288px;
	height: 60px;
	border: 1px solid #cacaca;
	background: #2c589d;
	line-height: 61px;
	text-align: center;
}
.picScroll .bd ul li .title a{
	font-size: 16px;
	color: #ffffff;
}
.picScroll .bd ul li .show{
	width: 288px;
	height: 220px;
	padding-top: 113px;
	position: absolute;
	top: 1px;
	left: 1px;
	background: url(../images/pbg.png);
	display: none;
}
.picScroll .bd ul li .show p{
	line-height: 36px;
	color: #ffffff;
	font-size: 12px;
}
.picScroll .bd ul li .show a{
	font-size: 14px;
	color: #ffffff;
	font-weight: bold;
}

.partners{
	width: 100%;
	float: left;
	margin-top: 34px;
	overflow: hidden;
}
.plist{
	width: 100%;
	float: left;
	overflow: hidden;
	margin-top: 13px;
}
.plist li{
	width: 163px;
	float: left;
	overflow: hidden;
	text-align: center;
	line-height: 30px;
	margin-left: 10px;
}
.plist li a{
	color: #000000;
	font-size: 12px;
}
.plist li a img{
	width: 161px;
	height: 96px;
	border: 1px solid #c6c5c2;
}

.bg1{
	background: #f0f0f0;
	margin-top: 27px;
	padding-top: 34px;
	padding-bottom: 20px;
}

.about{
	width: 511px;
	float: left;
	overflow: hidden;
}
.about .img{
	width: 100%;
	float: left;
	overflow: hidden;
	margin-top: 25px;
}
.about .img img{
	width: 100%;
	height: 294px;
}
.about .text{
	width: 100%;
	float: left;
	overflow: hidden;
	margin-top: 12px;
	line-height: 38px;
	font-size: 14px;
	color: #333333;
	text-indent: 2em;
}

.news{
	width: 600px;
	float: right;
	overflow: hidden;
}
.newsfouse{
	width: 566px;
	float: left;
	overflow: hidden;
	padding: 21px 17px 16px;
	background: #ffffff;
	margin-top: 26px;
}
.newsfouse .title{
	width: 100%;
	float: left;
	overflow: hidden;
}
.newsfouse .title a{
	color: #666;
	font-size: 16px;
	font-weight: bold;
	line-height:26px;
}
.newsfouse .desc{
	width: 100%;
	float: left;
	margin-top: 15px;
	color: #666666;
	font-size: 14px;
	line-height: 30px;
	text-indent: 2em;
}
.newsfouse .more{
	width: 100%;
	float: left;
	overflow: hidden;
}
.newsfouse .more a{
	display: block;
	float: right;
	width: 100px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	color: #ffffff;
	background: #2c589d;
}


.news_list{
	width: 100%;
	float: left;	
	overflow: hidden;
	margin-top: 13px;
}
.news_list li{
	background: url(../images/lib.jpg) left no-repeat;
	width: 100%;
	height: 42px;
	float: left;
	overflow: hidden;
	line-height: 42px;
}
.news_list li a span.title{
	float: left;
	padding-left: 15px;
	color: #333333;
	font-size: 14px;
}
.news_list li a span.date{
	float: right;
	color: #999999;
}
.news_list li a:hover span{
	color: #2c589d;
}
.ny_ml{width:1200px;margin:10px auto 20px;}
.ny_ml .pro_nav li{float:left;margin-right:18px;margin-bottom:14px;}
.ny_ml .pro_nav li .ml a{display:block;width:181px;line-height:50px;color:#333;font-size:14px;background:url(../images/ml2.jpg) center center no-repeat;text-align:center;overflow: hidden; text-overflow: ellipsis; white-space:nowrap;}
.ny_ml .pro_nav li .ml a:hover{ background:#0158a8; color:#fff;}

.com-width {width: 1200px;margin-left: auto;margin-right: auto;position:relative;}
.com-width  .coo_z,.com-width  .coo_y{position:absolute;top:50%;margin-top:0;margin-top:-15px;}
.index-product-show {width: 1227px; margin-left:7px;}
.index-product-show li {float: left;margin: 0 35px 25px 0;width: 340px;padding: 10px;border: 1px solid #EDEDED;text-align: center;background: #fff;-webkit-transition: .3s;-o-transition: .3s;transition: .3s;}
.a-box {display: block;width: 100%;height: 100%;}
.index-product-show li .pic {width: 335px;height: 250px;background: #fff;overflow: hidden;line-height: 250px;font-size: 0;position: relative;display: flex;
  justify-content: center;
  align-items: center;
display:-webkit-box;-webkit-box-pack:center;-webkit-box-align:center;}
.index-product-show li .pic img {vertical-align: middle;}
.index-product-show li .tit {height: 70px;line-height: 70px;font-size: 14px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;-webkit-transition: .3s;-o-transition: .3s;transition: .3s;color: #666;}
.tit1{ margin:30px 35px 20px; height:74px; background:url(../images/coo_nav.gif) repeat-x center 54px; overflow:hidden; text-align:center;}
.tit1 a{ display:block; font-size:40px; color:#000; line-height:40px;}
.tit1 span{ display:inline-block; padding:5px 9px; font:20px Arial, Helvetica, sans-serif; color:#333; text-transform:uppercase; margin:5px auto; line-height:20px; font-weight:bold;}


.index-product-show li:hover {background-color: #0158a8;border-color: #0158a8;-webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.2);box-shadow: 0 15px 30px rgba(0,0,0,0.2);-webkit-transform: translate3d(0, -2px, 0);transform: translate3d(0, -2px, 0);}
.index-product-show li:hover .tit {color: #fff;}
.index-product-show li:hover a{text-decoration:none;color:#264e8f;}
.index-product-show li:hover span {color: #c0281d;background: #fff;}


.middle{
    width: 510px;
    height: 30px;
    border-bottom: 1px solid #EBEBEB;
   margin:30px auto 0;
   clear:both

}
.middle1{width: 1190px;
    border-bottom: 1px solid #EBEBEB;
   margin:30px auto 0;
   clear:both

}
.middle11{width: 600px; float: right;
    border-bottom: 1px solid #EBEBEB;
   margin:30px auto 0;
   clear:both

}


.middle img.lf,.middle1 img.lf{
    width: 200px;
    height: 270px;
}
.middle .rt,.middle1 .rt{
    width: 510px;
	float:right;

}
.middle .rt h2 a{color: #666;font-size: 18px;}
.middle11 .rt{width: 380px;float:right;line-height: 20px;font-size: 14px;}
.middle1 .rt{
    width: 370px;
	float:right;

}
.middle .rt span,.middle1 .rt h2{
    color: #666;
    font-size: 18px;
}
.middle .rt span a{ color:#000;FONT-SIZE: 15PX;}
.middle .rt p,.middle1 .rt p{
    width: 510px;
    text-align: justify;
    -ms-text-justify: inter-ideograph;
    text-justify: inter-ideograph;
    color: #737272;
    font-size: 12px;
    line-height: 20px;
}

.middle .rt p span,.middle1 .rt p span {margin:10px 0;display: block;width: 70px;height: 27px;line-height: 27px;font-size: 12px;color: #E9E9E9;background: #2c589d;-webkit-transition: .3s;-o-transition: .3s;transition: .3s; text-align:center;}
.middle .rt p span i,.middle1 .rt p span i{font-style:normal;}




.HomePro { width: 1134px;height: 200px;margin: 28px auto 13px;font-family: "微软雅黑",Arial;}
.HomePro .prev {float: left; width: 28px; height: 200px; background: url(../images/prev.png) no-repeat left 58px; margin-right: 38px;cursor: pointer;}
.HomePro .HomeProList {width: 1002px;float: left;}
.tempWrap{overflow:hidden; position:relative; width:1014px;}
.tempWrap ul{width: 2028px; position: relative; overflow: hidden; padding: 0px; margin: 0px; }
.tempWrap ul li{float: left; width: 310px; display:block;border: 1px solid #c3c3c3; margin:0 12px;}
.tempWrap ul li img{max-width: 310px;max-height: 142px; padding-top:6px; text-align:center;vertical-align:middle;position:static;+position:relative;top:-50%;left:-50%;}
.tempWrap ul li span{overflow: hidden; display: block; width: 312px; height: 36px; line-height: 36px;text-align: center;
color: #fff; background: #1f74b0;font-size: 1.17em; margin: 15px auto 0;}
.HomePro .next { float: left;width: 28px;height: 200px; background: url(../images/next.png) no-repeat left 58px; margin-left: 38px;cursor: pointer;}

.tempWrap ul li .img{width:310px; height:142px;position:relative;display:table-cell;text-align:center;vertical-align:middle;}
.tempWrap ul li .img .proimg{text-align:center;position:static;+position:absolute;top:50%;}