@import "foot.css"; 
@import "animate.min.css";
@import "swiper.min.css";
@import "basicss.css";
@import "layui.css";
@import "head.css";
@import "product.css";
@import "hebing.css";
@import "stylesheet.css";

*{
	margin: 0;
	padding: 0;
	text-decoration: none;
	list-style: none;
	
}
.swiper-container{
	height: 65vh;
}
.banner{
	width: 100%;
	height: 100%;
} 
.basicss{
	padding-top:50px;
	width: 1200px;
	margin: 0 auto;
	position: relative; padding-bottom:20px;
}
.basicss_conter{
	width:100%;
	margin: 0 auto;
	background-image: url(../images/index_titlebg.png); BACKGROUND-POSITION: center bottom;
	background-repeat:no-repeat;
	text-align: center; line-height:37px;
}
.basicss_conter span{ font-size:20px; color:#000; font-weight:bold;
}
.basicss_conter p:nth-child(1){
	color: #000;
	font-size: 24px;
	margin-bottom: 40px;
	padding-top:20px;
}
.basicss_conter 
p:nth-child(2){
	color: #acacac;
	font-size: 18px;
	margin-bottom: 10px;
}
.basicss_conter 
p:nth-child(3){
	color: #bababa;
	font-size: 12px;
	margin-bottom: 20px;
}
.basicss a{
	position: absolute;
	top: 94px;
	right: 0;
	font-size: 13px;
	color: #ACACAC;
}
.basicss_list{
    width: 1140px;
	margin: 0 auto;
	margin-top: 20px;
	display: flex;
	justify-content: space-between;
}
.basicss_list_conter{
	width: 200px;
	color: #4d4e4f;
	cursor: pointer;

}
.basicss_list_conter img{
	width: 200px;
	height: 143px;
	border-radius: 10px;
	box-shadow: 0 0 10px #000;
	cursor: pointer;/*鼠标变成手指样式*/
	transition: all 0.6s;/*所有属性变化在0.6秒内执行动画*/
}
.basicss_list_conter img:hover{
	transform: scale(1.1);/*鼠标放上之后元素变成1.4倍大小*/
}
.basicss_list_conter p{
	display: -webkit-box;
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 1;
     overflow: hidden;
     font-size: 12px;
     text-align: center;
}

.basicss_list_conter span{
	display: -webkit-box;
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 3;
     overflow: hidden;
     font-size: 12px;
     line-height:24px; text-align:left;
}

.basicss_list_conter p:nth-child(2){
	font-size: 14px;
	margin: 10px 0;
	font-weight:bold;
}
.productcenter{
	width: 100%;
	height: 120px;
	margin-top:30px;
}
.productcenter img{
	width: 100%;
	height: 100%;
}
.leftnav{
	width: 167px;
	padding: 5px;
	background: #e0eaeb;
}
.leftposi{
	position: absolute;
	top: -100px;
	left: 0px;
	height:616px;
}
.swiper-pagination-bullet-active{
	background: #ff0000;
}
.leftnav_title{
	width: 167px;
	height: 70px;
	border:1px solid #fff;
	border-top: 1px solid #bfcfd8;
	display: flex;
	flex-direction: column;
	align-items: center;
	font-size: 18px;
	color: #344b58; padding-top:5px;
}
.leftnav_title span{
	font-size: 24px; font-weight:bold;
	color: #035aba;
}

.leftnav_title span:nth-child(1){
	margin: 22px 5px 5px 0;
}
._conter{
	
}
.leftnav_padd{
	padding-bottom: 263px;
}
.leftnav_list{
	margin: 15px auto 0 auto;
	width: 133px;
	display: flex;
	justify-content: space-between;
	padding: 0 9px 0 17px;
	height: 40px;
	align-items: center; background-color:#035aba;
	background-size: 100%;
	border-radius: 10px;
	position: relative;
}
.f12{
	font-size:12px;
	color:#999 !important;
	position:relative;
	top:3px;
}
.leftnav_list a{
	font-size: 15px;
	color:#fff;
	display:inline-block;
	height:30px;
	line-height:30px;
	width:100%;
}
.leftnav_list a:hover{
	font-weight: bold;
	color:#ffffff;
}
.leftnav_list img{
	width: 13px;
	height: 13px;
}
.rightimg_conter{
	width: 100%;
	padding: 20px 0 47px 0;
	background: #f4f4f4;
}
.rightimg_list_conter{
	width: 1140px;
	margin: 0 auto;
	position: relative;
}
.rightimg{
	width: 944px;
	display: flex;
	justify-content: space-between;
	margin-left: 200px;
}
.rightimg_left_list{
margin-bottom:5px;
	width: 216px;
	height: 261px;

}
.rightimg_left_list>img{
	width: 216px;
	height: 261px;
	display: block;
	cursor: pointer;/*鼠标变成手指样式*/
	transition: all 0.6s;/*所有属性变化在0.6秒内执行动画*/
}
.rightimg_left_list>img:hover{
	transform: scale(1.2);/*鼠标放上之后元素变成1.4倍大小*/
}
.pos_list{
	position: relative;
	border-radius: 3px;
	overflow: hidden;
}
.rightimg_left .pos_list:nth-child(2){
	margin-top: 5px;
}
.bgcimg{
	width: 100%;
	height: 100%;
}
.rightimg_left_list_bottom{
	background: rgba(0,0,0,.6);
	width: 100%;
	height: 42px;
}
.rightimg_left_list_bottom{
	height: 42px;
	line-height: 42px;
	width: 100%;
	display: flex;
	position: absolute;
	bottom: 0;
}
.rightimg_left_list_bottom span{
	display: inline-block;
	width: 185px;
	text-indent: 10px;
	font-size: 14px;
	color: #fff;
	display: -webkit-box;
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 1;
     overflow: hidden;
}
.rightimg_left_list_bottom img{
	widows: 42px;
	height: 42px;
}
.rightimg_center{
	width: 497px;
	height: 527px;
	border-radius: 5px;
	overflow: hidden;
	position: relative;
}
.rightimg_center_img{
	width: 100%;
	height: 100%;
	cursor: pointer;/*鼠标变成手指样式*/
	transition: all 0.6s;/*所有属性变化在0.6秒内执行动画*/
}
.rightimg_center_img:hover{
	transform: scale(1.2);/*鼠标放上之后元素变成1.4倍大小*/
}
.rightimg_center_bottom{
	position: absolute;
	bottom: 0px;
	width: 100%;
	background: rgba(0,0,0,.6);
	height: 42px;
	display: flex;
}
.rightimg_center_bottom span{
	display: inline-block;
	width: 455px;
	text-indent: 10px;
	font-size: 14px;
	color: #fff;
	display: -webkit-box;
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 1;
     overflow: hidden;
     line-height: 42px;
}
.rightimg_center_bottom img{
	width: 42px;
	height: 42px;
}

/*解决方案*/
.progra_conter{
	width: 90%;
	margin:  0 auto;
	display: flex;
	justify-content: space-between;
	margin-top: 20px;
}
.progra_list{
	width: 250px;
	height: 179px;
	border-radius: 10px;
	box-shadow: 0 0 10px #999;
	overflow: hidden;
	position: relative;
}

.progra_list img{
	width: 250px;
	height: 179px;
	cursor: pointer;/*鼠标变成手指样式*/
	transition: all 0.6s;/*所有属性变化在0.6秒内执行动画*/
}
.progra_list img:hover{
	transform: scale(1.2);/*鼠标放上之后元素变成1.4倍大小*/
}
.progra_list p{
	width: 100%;
	background: rgba(0,0,0,.6);
	line-height: 34px;
	height:34px;
	text-align: center;
	display: -webkit-box;
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 1;
     overflow: hidden;
     font-size: 14px;
     color: #fff;
     position: absolute;
     bottom: 0px;
}
/*关于我们*/
.aboutus{
	width: 100%;
	height: 380px;
	background: url(../images/bgc.jpg); BACKGROUND-POSITION: center top; BACKGROUND-REPEAT: no-repeat;
	margin-bottom: 5px; padding-top:25px; padding-bottom:20px;
}
.aboutus_center{
	width: 1140px;
	padding: 25px 0;
	display: flex;
	align-items: center;
	background: #ececec; opacity:0.8;
	margin: 0 auto;
	border-radius:0px;
}
.aboutus_center_img{
	margin-left: 10px;
	width: 486px;
	height: 260px;
}
.aboutus_center_text{
	width: 600px;
	margin-left: 20px;
	line-height: 24px;
	font-size:14px;
	color:#333333;
}
.aboutus_center_text p:nth-child(1111){
 	font-size: 17px;
	color: #333;
	width: 70px;
	font-weight:bold;
  
}
.aboutus_center_text p:nth-child(2222222){
	font-size: 14px;
	color: #333;
	display: -webkit-box;
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 5;
     overflow: hidden;
     line-height: 30px;
}
.customer_conter{
	width: 1200px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0 auto;
	margin-bottom: 20px; margin-top:20px;
}
.customer_conter_img{
	width: 332px;
	height: 250px;
	border-radius: 10px;
	box-shadow: 0 3px 10px #999;
}
.customer_conter_right{
	font-size: 14px;
	color: #1A1A1A;
	width: 765px;
}
.hr{
	width: 740px;
	height: 1px;
	background: #999;
}
.customer_conter_right p:nth-child(2){
	color: #999;
	margin: 5px 0;
}
.customer_conter_right p:nth-child(3){
	color: #999;
	font-size: 12px;
	display: -webkit-box;
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 2;
     overflow: hidden;
     line-height: 18px;
     margin-bottom: 10px;
}

.news_conter li{
	margin-top: 15px;
	display: flex;
	justify-content: space-between;
	font-size: 14px;
}
.news_conter li a{
	color: #1A1A1A;
	display: -webkit-box;
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 1;
     overflow: hidden;
}
.news_conter li span{
	color: #b1b1b1;
}
.iconfsss{
	font-size: 40px;
	display: inline-block;
	width: 40px;
	height: 40px;
	line-height:40px;
	border-radius:0%;
	color:#0285da;
	font-size: 28px;
	position: relative;

}
.active .iconfsss{
	color:#fff;
}
.textDesc{
	text-indent: 2em;
	margin-bottom: 20px;
	line-height:2;
}
.content-desc{
	color:#333;
	line-height: 2;
}
.fl{float: left;}
.fr{float: right;}
/*完整版*/
.clearfix:after,.clearfix:before{ content: ""; display: table; }
.clearfix:after{clear: both;}
.clearfix{zoom:1;}
.mapText{
	width: 300px;
}
.mapBox{
	width: 400px; padding-top:10px;
}

.left_top_list{
	margin-top: 10px;
	}
.left_top_lis{
	position: relative;
	cursor: pointer;
}
.left_top_list1{
	padding:10px 0 10px 0 !important;
	width: 310px;
	justify-content: space-between;
	margin: 0 auto;
	align-items: center;
	background-size: 100%;
	margin-top: -15px;
	display: none;
	position: absolute;
	top: 0;
	left: 100%;
	z-index: 9;
	background: #e0eaeb;
	/*border-top: 1px solid #bfcacb;
	border-left: 1px solid #bfcacb;
	border-right: 1px solid #bfcacb;*/

}
.left_top_list1 li{
	justify-content: initial;
	padding: 12px 20px ; border-bottom:1px dashed #ccc
	/*border-bottom:solid 1px #ccc;*/

}
.left_top_list1 li a{
	color: #555;
	font-size:14px;
	display: inline-block;
	width: 90%;
	height: 100%;
}
.left_top_list1 li a:hover{
	font-weight: bold;
	text-decoration: underline;
}
.cur{
	cursor: pointer;
}

.myfanghuo{BACKGROUND-POSITION: center center; BACKGROUND-IMAGE: url(../images/fanghuo.png); BACKGROUND-REPEAT: no-repeat;
}

.mysuidao{BACKGROUND-POSITION: center center; BACKGROUND-IMAGE: url(../images/suidao.fw.png); BACKGROUND-REPEAT: no-repeat;
}
.mywaiqiang{BACKGROUND-POSITION: center center; BACKGROUND-IMAGE: url(../images/waiqiang.fw.png); BACKGROUND-REPEAT: no-repeat;
}
.mywuji{BACKGROUND-POSITION: center center; BACKGROUND-IMAGE: url(../images/wuji.fw.png); BACKGROUND-REPEAT: no-repeat;
}
.myanli{BACKGROUND-POSITION: center center; BACKGROUND-IMAGE: url(../images/Case.fw.png); BACKGROUND-REPEAT: no-repeat;
}

.con1{width:1140px;height:auto;margin:0 auto;overflow:hidden;margin-top:10px;margin-bottom:10px;background-repeat:no-repeat;background-position:top center;}
.conright{width:1140px; margin-top:20px; margin:0px auto; height:auto;}
.conright .morebtn{width:135px;height:40px;color:#fff;background:#0353a8;line-height:40px;text-align:center;margin:0 auto;}
.conright .morebtn a{color:#fff;}
.ny-product4{width:1140px;}
.ny-product4 li{margin-left:4px;margin-bottom:15px;width:275px;float:left;border:solid 1px #e3e3e3;background:#F3F1F1;}
.ny-product4 li .pic{overflow:hidden;width:275px;height:206px;}
.ny-product4 li span.pro-name{width:275px;font-size:15px;line-height:48px;color:#333;text-align:center;display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;border-top:1px solid #E3E3E3;}
.ny-product4 li:hover{border:solid 1px #0353a8;}
.ny-product4 li:hover .pic img{-webkit-transform:scale3d(1.2,1.2,1);transform:scale3d(1.2,1.2,1);-webkit-transition:opacity 1s, -webkit-transform 1s;transition:opacity 1s, transform 1s;-webkit-backface-visibility:hidden;backface-visibility:hidden;}
.ny-product4 li:hover span.pro-name{color:#ffffff;width:275px;font-size:16px;line-height:48px;background:#0353a8;}

.clear {
	clear: both;
}
.b4 { text-align:left; margin-top:15px;}
.b4 a { text-align:center; padding:10px 45px 10px 45px; margin:5px; font-size:12px; color:#fff; border:0px solid #FFF; border-radius:30px; background-color:#035aba}
.b4 a:hover {text-align:center; padding:10px 45px 10px 45px; margin:5px; color:#fff; background-color:#ff0000;}
.b5 { text-align:center; margin-top:15px;}
.b5 a { text-align:center; padding:10px 45px 10px 45px; margin:5px; font-size:12px; color:#fff; border:0px solid #FFF; border-radius:30px; background-color:#035aba}
.b5 a:hover {text-align:center; padding:10px 45px 10px 45px; margin:5px; color:#fff; background-color:#ff0000;}


.news_con1 {
	overflow: hidden;
}
.news_con1 ul li {
	overflow: hidden;
	margin-bottom: 1%;
	padding-bottom: 1%;
	border-bottom: 1px solid #eee;
	display: block; width:31%; margin-left:1%; margin-right:1%; float:left;
}
@media screen and (max-width: 1200px) {
.news_con1 ul li {
	overflow: hidden;
	margin-bottom: 2%;
	padding-bottom: 2%;
	border-bottom: 1px solid #eee;
	display: block; width:100%;
}}
.news_con1 ul li:last-child {
	border-bottom: 1px solid #eee;
	margin-bottom: 0;
}
.news_con1 ul li .imgs {
	width: 19%;
	float: left;
	display: inline;
	overflow: hidden;
}
.news_con1 ul li .imgs img {
	width: 100%;/* -webkit-transform: scale(1) rotate(0deg);transform: scale(1) rotate(0deg);transition-duration: 0.3s;transition-timing-function: ease-out;transition-property: opacity, transform, filter;*/
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}
.news_con1 ul li:hover .imgs img {/*-webkit-transform: scale(1.2) rotate(4deg); transform: scale(1.2) rotate(4deg);*/
	-webkit-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
}
.news_con1 ul li .i_about_r {
	float: right;
	display: inline;
	line-height: 22px;
	width: 99%;
	overflow: hidden;
}
.news_con1 ul li .i_about_r h3 {
	line-height: 22px;
	height: 22px;
	overflow: hidden;
	font-size: 18px;
	color: #333;
	font-weight: normal;
	margin-bottom: 1%;
}
.news_con1 ul li .i_about_r label {
	display: block;
	color: #999999;
	font-size: 14px;
	height: 20px;
	line-height: 20px;
	padding-left:5px;
	background: url(../img/news_bg1.png) left center no-repeat;
	margin-bottom: 1%;
}
.news_con1 ul li .i_about_r .p {
	min-height: 72px; height:72px;
	overflow: hidden;
	font-size: 14px;
	color: #7b7b7b;
	line-height: 24px;
}
.news_con1 ul li .i_about_r .news_more {
	margin-top: 1%;
	width: 106px;
	text-align: center;
	float: left;
	height: 26px;
	line-height: 26px;
	background-color: #f5f5f5;
	border: 1px solid #bababa;
	color: #828282;
	font-size: 12px;
	transition: all 0.3s;
}
.news_con1 ul li:hover .i_about_r .news_more {
	background-color: #0245de;
	color: #fff;
	border: 1px solid #0245de;
}
.news_con1 ul li:hover .i_about_r h3 {
	color: #0245de;
}
@media screen and (max-width: 1200px) {
.news_con1 ul li .i_about_r h3 {
	font-size: 16px;
	margin-bottom: 0.5%;
}
.news_con1 ul li .i_about_r label {
	margin-bottom: 0.5%;
}
.news_con1 ul li .i_about_r .p {
	line-height: 22px;
	max-height: 44px;
}
.news_con1 ul li .i_about_r .news_more {
	margin-top: 1%;
	height: 32px;
	line-height: 32px;
}
}
 @media screen and (max-width: 1100px) {
.news_con1 ul li .i_about_r h3 {
	font-size: 15px;
	margin-bottom: 0.4%;
}
.news_con1 ul li .i_about_r label {
	margin-bottom: 0.4%;
	font-size: 12px;
}
.news_con1 ul li .i_about_r .p {
	line-height: 18px;
	max-height: 36px;
	font-size: 12px;
}
}
@media screen and (max-width: 1000px) {
/*公司动态*/
.news_con1 ul li .i_about_r .news_more {
	margin-top: 0.5%;
	font-size: 12px;
	height: 30px;
	line-height: 30px;
}
}
@media screen and (max-width: 960px) {
.news_con1 ul li .i_about_r h3 {
	font-size: 14px;
}
}
@media screen and (max-width: 830px) {
/*公司动态*/
.news_con1 ul li .i_about_r .news_more {
	display: none;
}
}
@media screen and (max-width: 640px) {
/*公司动态*/
.news_con1 ul li .imgs {
	width: 29%;
}
.news_con1 ul li .i_about_r {
	width: 68%;
}
}

.n_info_con2 .t04 { color:#fff; border-bottom:1px solid #E0E0E0;  color:#0F70B0; line-height:48px; height:48px; font-size:0; background:url("../images/news_28.gif") no-repeat 12px center}
.n_info_con2 .t04 b{ font-weight:bold; font-size:20px; text-transform:uppercase;font-family: 宋体; font-size:0}
.n_info_con2 .t04 a { color:#B61212}
.n_info_con2 .t04 a:hover { color:#B61212}
.info_b{border-top:none; padding:10px;}
ul.p_list_ul li { background:url("../images/kh_jt2.png") no-repeat left center; line-height:40px; height:40px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; text-indent:20px; margin-left:10px; display:block; border-bottom:1px dashed #ccc; color:#666; font-size:14px; padding-left:6px}
.info_key { border-bottom:solid 1px #ccc; line-height:30px; padding:0 10px; margin:0px 0; overflow:hidden; font: 14px/30px "Microsoft Yahei"; padding-bottom:20px}
.info_key em{ padding: 0px 12px}
.info_key span { font-size:14px}
.info_key a { margin-right:10px}

.arcbody .bg-gray{padding:20px 0;}
.arcbody h1{font-size:30px;text-align: center; line-height:45px; color:#000000; }
.arcbody .bg-gray .irndt_rd {
	background: #f5f5f5 url(../images/irndt_left.png) no-repeat 0 0;
	padding: 22px 0 0 40px;
	color: #999;
	font-weight: 300;
	line-height: 24px; margin-top:15px;
}
.arcbody .bg-gray .irndt_rd p {
	padding: 0 40px 25px 0; font-size:13px; font-family:"微软雅黑";
	background: url(../images/irndt_right.png) no-repeat right bottom;
}

.arcbody .times{font-size:16px; text-align: center; color:#999999; margin-top:20px;}
.arcbody .times a{color:#fff}
#textbody{padding:8px 0; color:#333; line-height:28px;}
#textbody .content {line-height:32px;}
#textbody .content img{ max-width:920px; text-align:center}
#textbody .content p{font-size:14px;padding:5px 0;color:#222; line-height:28px;}
#textbody .content strong{color:#0855ad;}
#textbody .content a{color:#0855ad;}
.arcbody .read-more h3{font-size:20px;border-bottom:2px solid #0355ad;color: #0355ad;}
.arcbody .read-more ul{padding:10px 0}
.arcbody .read-more ul li{color: #0355ad;}
.arcbody .read-more li a{margin-left:5px;color: #0355ad;font-size:16px;}
.arcbody .near{float:right;margin:30px 0}
.arcbody .near a{background: #f3f3f3;border:1px solid #cccccc;color:#7e4532;display: block;float:left;padding:2px 10px;margin:0 2px}
.linkes,.switch-about{margin:20px 0;overflow: hidden;}
.linkes .w50{width:50%;text-align:center;float:left}
.linkes .center{    font-size: 14px;
    border: 1px solid #dcdcdc;
    width: 90%;
    display: inline-block;
    line-height: 30px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;  padding:10px; }
  .linkes .center,  .linkes .center a{color:#666; border-radius:30px;}
.linkes .center:hover,.linkes .center:hover a{border-color:#355ad0;color:#0355ad; border-radius:35px;}

#Mybannerus {
	BACKGROUND-POSITION: center top; BACKGROUND-IMAGE: url(../images/AboutBanner.jpg); BACKGROUND-REPEAT: no-repeat; TEXT-ALIGN: center; height:300px; margin-top:1px;
}
#MyProductBanner {
	BACKGROUND-POSITION: center top; BACKGROUND-IMAGE: url(../images/ProductBanner.jpg); BACKGROUND-REPEAT: no-repeat; TEXT-ALIGN: center; height:500px; margin-top:1px;
}
#MyCaseBanner {
	BACKGROUND-POSITION: center top; BACKGROUND-IMAGE: url(../images/CaseBanner.jpg); BACKGROUND-REPEAT: no-repeat; TEXT-ALIGN: center; height:500px; margin-top:1px;
}
#MyNewsBanner {
	BACKGROUND-POSITION: center top; BACKGROUND-IMAGE: url(../images/NewsBanner.jpg); BACKGROUND-REPEAT: no-repeat; TEXT-ALIGN: center; height:400px; margin-top:1px;
}
#MyhonorBanner {
	BACKGROUND-POSITION: center top; BACKGROUND-IMAGE: url(../images/HonorBanner.jpg); BACKGROUND-REPEAT: no-repeat; TEXT-ALIGN: center; height:400px; margin-top:1px;
}
#MycontactBanner {
	BACKGROUND-POSITION: center top; BACKGROUND-IMAGE: url(../images/ContactBanner.jpg); BACKGROUND-REPEAT: no-repeat; TEXT-ALIGN: center; height:400px; margin-top:1px;
}
.ny-product{width:909px;}
.ny-product li{margin-left:25px;margin-bottom:25px;width:275px;float:left;border:solid 1px #e3e3e3;background:#f5f5f5;}
.ny-product li .pic{overflow:hidden;width:275px;height:206px;}
.ny-product li span.pro-name{width:273px;font-size:15px;line-height:48px;color:#333;text-align:center;display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;border-top:1px solid #E3E3E3;}
.ny-product li:hover{border:solid 1px #0857b3;}
.ny-product li:hover .pic img{-webkit-transform:scale3d(1.2,1.2,1);transform:scale3d(1.2,1.2,1);-webkit-transition:opacity 1s, -webkit-transform 1s;transition:opacity 1s, transform 1s;-webkit-backface-visibility:hidden;backface-visibility:hidden;}
.ny-product li:hover span.pro-name{color:#ffffff;width:275px;font-size:16px;line-height:48px;background:#0857b3;}

#pages {
	clear: both;
	padding: 10px 0 10px;
	text-align: center;
	font: 12px 'Microsoft YaHei'; margin-left:15%
}
#pages a {
	display: inline-block;
	padding: 0px 8px;
	height: 24px;
	font-size: 12px;
	line-height: 22px;
	background: #fff;
	border: 1px solid #e3e3e3;
	text-align: center;
	color: #333;
	margin-right: -1px;
}
#pages a.a1 {
	padding: 0px 12px;
	height: 24px;
	line-height: 22px;
	margin-top: 0px;
}
#pages a:hover {
	background: #f1f1f1;
	color: #000;
	text-decoration: none;
}
#pages span {
	display: inline-block;
	padding: 0px 8px;
	height: 24px;
	line-height: 22px;
	background: #5a85b2;
	border: 1px solid #5a85b2;
	color: #fff;
	text-align: center;
}
.page .noPage {
	display: inline-block;
	padding: 0px 12px;
	height: 22px;
	line-height: 22px;
	border: 1px solid #e3e3e3;
	text-align: center;
	color: #a4a4a4;
}