@charset "utf-8";
/* CSS Document */

body{
	font-family:"微软雅黑", "宋体";
	font-size:14px;
	color:#333;
}

#header{
	width:100%;
	min-width:1200px;
	margin:0 auto;
	overflow:hidden;
	
	border-top:#2b2b31 4px solid;
	background: #fff;
	background: linear-gradient(left, #fff 50%, #2b2b31 50%);
    background: -moz-linear-gradient(left, #fff 50%, #2b2b31 50%);
    background: -webkit-linear-gradient(left, #fff 50%,#2b2b31 50%);
	
}
#header1{
	width:1100px;
	height:80px;
	background-color:#FFF;
	position:relative;

}
#header0{
	width:1200px;
	margin:0 auto;
}
	
.parrow{
	position:absolute;
	width:0;
    height:0;
	font-size:0;
	border:solid 60px;
	border-color:#fff #2b2b31 #2b2b31 #fff;
	right:0px;
	top:-30px;
}
#headerlogo{
	float:left;
	width:195px;
	display:inline;
	margin-top:15px;
}
#headerlogo img{ width:11rem;}
#headerdh{
	display:inline;
	text-align:center;
	float:left;
	margin-left:20px;
}

#headerdh li{
	list-style:none;
	width:110px;
	height:80px;
	float:left;
	line-height:80px;
}
#headerdh li a{
	color:#3b3636;
	display:block;
}
#headerdh li a:hover{
	color:#fff;
	font-weight:bold;
	background-color:#058bcf;
}
#headerzyw{
	position:absolute;
	width:200px;
	top:18px;
	right:-100px;
	z-index:100;
	text-align:right;
}
#headerzyw a{
	font-size:12px;
	color:#999;
}
#headerzyw a:hover{
	color:#fff;
}
#headertel{
	display:inline;
	width:166px;
	text-align:center;
	margin-bottom:50px;
}


.nav{
	width:100%;
	background:url(../images/banner.jpg)  no-repeat  center 100%;
	height:565px;
	margin:0 auto;
	}
#bbb{
	width:1200px;

	position:relative;
	line-height:16px;
position:absolute;	
margin-top:4em;
margin-left:30em;
}
#bb{
	float:left;
	display:inline;
	padding-top:6em;
}


#dcenter{
	width:1100px;
	height:217px;
	margin:0 auto;
	padding-top:50px;
	padding-bottom:10px;
}
.dcenter{
	float:left;
	display:inline;
	width:300px;
	margin-left:60px;
}

.dcenter img{
	margin-right:18px;
}
.dcenter img:hover{
filter:grayscale(100%); 
-webkit-filter:grayscale(100%); 
-moz-filter:grayscale(100%); 
-ms-filter:grayscale(100%); 
-o-filter:grayscale(100%); 
filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); 
-webkit-filter:grayscale(1)
}
#zi{
	width:1200px;
	height:100px;
	margin:0 auto;
	padding-top:50px;
}

.zia{
	color:#058bcf;
	font-weight:bold;
	font-size:40px;
	height:50px;
	text-align:center;
}
.zib{
	color:#48aadc;
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	height:25px;
	margin-top:0 auto;
	text-align:center;
}


#tu{
	width:100%;
	text-align:center;
	border-bottom:#c9c9c9 solid 1px;
	margin-bottom:20px;
	margin-top:30px;
}
#tu li:hover{
	border:#0089ca solid 1px;
	color:#666;
}
#tu li{
	list-style:none;
	width:130px;
	display:inline-block;
	text-align:center;
	color:#c9c9c9;
	border-left:#c9c9c9 solid 1px;
}



#of{
	width:100%;
	padding:60px 0;
	background-color:#e4e8eb;
	color:#757575;

}




.of-list{
 display: -webkit-grid; 
 display: grid; 
 grid-template-columns:repeat(2,1fr);
 grid-column-gap:6rem; 

}
.of-item-left{ position:relative;}
.of-item-left h2,.of-item-right h3{text-align:right;}
.of-item-left h2{padding-top:1.6rem;font-size:36px; font-family:Arial, Helvetica, sans-serif; font-weight:bolder; line-height:40px;}
.of-item-left h3{font-size:24px; font-weight:lighter; text-align:right; padding-top:1.6rem;}
.left-txt{ max-width:400px;text-align:left;margin-top:2rem;  float:right;}
.of-more{
		position:absolute;
	right:0;
	bottom:100px;}
.of-more a{
	padding:1rem;
	width:12rem;
	color:#FFF;
	text-align:center;
	-moz-border-radius: 3px;      /* Gecko browsers */
    -webkit-border-radius: 3px;   /* Webkit browsers */
    border-radius:3px;
	background-color:#058bcf;


}

.of-more a:hover{
	background-color:#e5007f;
}




.of-item-right{overflow:hidden;}

.swiper-container-zdz{
	width:100%;
	position:relative;
	padding-bottom:2rem;
}
.swiper-container-zdz img{
	width:100%;
}


#index-pro{ padding-top:6rem;}


.content{padding-right:15px;
	padding-left:15px;
	margin-right:auto;
	margin-left:auto;
	width:100%;
	max-width:1600px;}
.com-img{ display:block;max-width:100%;height:auto;}

.com-round{border-radius:10px;}

.list-inline {
	padding-left:0;
	margin-left:-5px;
	list-style:none
}
.list-inline>li {
	display:inline-block;
	padding-right:5px;
	padding-left:5px
}



.index-pro-list{display: -webkit-grid; 
  display: grid;
  grid-template-columns:repeat(2,auto);
	grid-column-gap:30px; 
}

.index-pro-hz{ padding-top:4rem;}



#bottom{
	padding-top:4rem;
	padding-bottom:2rem;
	background-color:#272731;
}

#bottom p{
	color:#fff;
}
#bottom .bottom-company{ color:rgba(255,255,255,.4);}
#bottom .bottom-company a{color:rgba(255,255,255,.4);}
#bottom .bottom-company a:hover{color:#dc007b;}
.bottom-list{
	display: -webkit-grid; 
  display: grid;
	grid-template-columns:repeat(2,auto);
	justify-content:space-around;
	align-items: center;
}

.bottom-item-left p{
	display: -webkit-flex; 
  display: flex;
  align-items: center;
  padding-top:1.2rem;
  font-size:18px;
}
.bottom-company{font-size:16px;}
.bottom-item-right  ul li{ font-size:14px;text-align:center; color:#fff; white-space:nowrap;}
.bottom-item-right  ul li img{ width:100px;margin:0 auto;}
.clear{ width:100%; height:0px; line-height:1px; font-size:1px; clear:both;}
.bottom-item-right  div{padding-top:5px;}

.rollBox{width:715px;float:right; overflow:hidden; display:inline;}
.rollBox .LeftBotton{height:43px;width:45px;background:url(../images/bz.png) no-repeat 3px top;overflow:hidden;cursor:pointer; position:absolute; bottom:90px; left:300px;}
.rollBox .RightBotton{height:43px;width:45px;background:url(../images/bz.png) no-repeat -45px top;overflow:hidden;cursor:pointer; position:absolute;  bottom:90px; left:350px;}
.rollBox .Cont{width:715px;overflow:hidden;}
.rollBox .ScrCont{width:10000000px; }
.rollBox .Cont .pic{width:715px; float:left;text-align:center; display:inline; }

	
	
#nybanner{
	margin-top:4px;
	width:100%;
	height:50px;
	background-color:#eeeeee;
	margin-top:296px;
}
#nydh1{
	width:1200px;
	margin:0 auto;
	font-size:0px;
	text-align:center;
}
#nydh1 a{
	display:inline-block;
	font-size:16px;
	height:46px;
	line-height:46px;
	color:#999;
	border-bottom:#c7c7c7 solid 4px;
}
#nydh1 a:hover{
	border-bottom:#e5007f solid 4px;
	color:#000;
}
.aboutnv a{
	width:25%;
}
#nycon,#nyabout,#nyproducts,#news,#nycontact{
	width:1200px;
	min-height:500px;
	margin:0 auto;
	padding-top:40px;
	padding-bottom:40px;
}
.Proview table{
	width:100%;
	margin-top:2em;
	margin-bottom:2em;
	text-align:left;
}

.Proview table tr:first-child{
	background:#76c5f0;
	color:#FFF;
}
.Proview table td{
	font-size:75%;
	height:25px;
	color:#000;
	border:#CCC solid 1px;
	text-align:center;
}
.newsall{
	border-bottom:1px dotted #ccc;
	padding-top:15px;
	padding-bottom:15px;
}

.newsL{
	float:left;
	width:15%;
	padding-right:1em;

}
.newsL ul{
	padding-top:5px;
}

.newsR{
	float:left;
	width:80%;

}
.bigday{
	font-size:3em;	
	color:#ccc;
	height:1.3em;
	line-height:1.3em;
	text-align:center;
}
.smallday{
	font-size:1.5em;	
	color:#ccc;
	height:2em;
	line-height:2em;
	text-align:center;
}
.jiadi{
	border-bottom:2px solid #ccc;
}
.bigtext{
	font-size:18px;
	line-height:40px;
	color:#333;
}

.linktext a{color:#dc007b;}
.linktext a:hover{color:#666;}
.suojin{
	text-indent:2em;
	line-height:2em;
	color:#999;
}


#nyproducts h2,#nycontact h2{
	color:#0088cd;
	font-weight:bold;
	font-size:24px;
	line-height:36px;
}
#nycontact h2{
	color:#da0074;
}
#nycontact strong{
	color:#333;
}
#nycontact p{
	margin-top:10px;
	margin-bottom:30px;
}
#nyproducts strong,#nycontact strong{
	font-size:16px;
	font-weight:bold;
}
.sample{
	margin-top:2em;
	text-align:center;
	  background: linear-gradient(top, #028bd1 10%, #104967 90%);
      background: -moz-linear-gradient(top, #028bd1 10%, #104967 90%);
      background: -webkit-linear-gradient(top, #028bd1 10%,#104967 90%);
	  border:#f1f1f1 solid 3px;
	  width:168px;
	  font-size:16px;
	  color:#FFF;
	  line-height:30px;
	-webkit-box-shadow:3px 3px 3px #cccccc;  
    -moz-box-shadow:3px 3px 3px #cccccc;  
     box-shadow:3px 3px 3px #cccccc;
	 -moz-border-radius: 15px;      /* Gecko browsers */
    -webkit-border-radius: 15px;   /* Webkit browsers */
    border-radius:15px;
}
.sample a{
	color:#FFF;
}
.sample a:hover{
	color:#a1a1a1;
}
#nyproducts p{
	color:#787878;
	line-height:26px;
	margin-top:5px;
	margin-bottom:20px;
}
#nyabout p{
	color:#787878;
	line-height:26px;
	margin-top:20px;
	margin-bottom:20px;
}
#nyabout td{
	line-height:40px;
	color:#999;
}
#nyabout td img{
	border-bottom:#CCC solid 2px;
}
#nyabout h3{
	font-size:18px;
}
#nyabout h1{
	font-size:24px;
	font-weight:bold;
	line-height:36px;
}
#nyabout strong{
	font-weight:bold;
}
.pg{display:inline;float:left;margin:5px;*margin:5px 5px 5px 10px;_margin:5px 5px 5px 10px;}
.back_pg{border-right:1px solid #e8e8e8;margin:0;padding:6px 0;}
.pg,.pgb{line-height:24px;}
.pg a,.pg strong,.pgb a,.pg label{display:inline;float:left;border-radius:26px;color:#333;font-size:14px;margin-left:5px;overflow:hidden;-webkit-transition:all linear .2s;-moz-transition:all linear .2s;-ms-transition:all linear .2s;transition:all linear .2s;}
.pg a,.pg strong,.pgb a{background:#f3f3f3;border:1px solid #f3f3f3;padding:0 9px;height:24px;}
.pg a:hover,.pgb a:hover{background-color:#fff;border-color:#45abfa;color:#43AAFA;}
.pg a.nxt,.pg a.prev,.back_pg a{background-image:url(../..//bbs_v4/images/bg_hor.png);background-repeat:no-repeat;background-position:-120px -388px;}
.back_pg a{background-color:transparent;background-position:-150px -388px;border:0;border-radius:0;padding:0 10px 0 15px;}
.pg a.nxt,.pg a.prev{line-height:99px;padding:0;width:24px;}.pg a.prev{background-position:-144px -388px;}
.pg strong{background-color:#43AAFA;border-color:#43AAFA;color:#fff;}
.pg label{float:left;color:#333;cursor:text;font-size:14px;margin-left:5px;padding:0 5px;}
.pg label .px{float:left;background:#fff;border:1px solid #e8e8e8;border-radius:26px;padding:4px 8px;height:16px;width:24px;outline:0;line-height:16px\9;}
.pg label .px:focus{border-color:#45abfa;}
.pg label span{float:left;padding:2px 0 0 0.4em;}
.map{ position:relative;width:856px; margin:0 auto;}
.map a{ color:#5b5a5a; font-size:14px; text-decoration:none;}
.map a:hover{ color:#fff;}
.citybg{ position:absolute; display:none; z-index:3; }
.city a.active .citybg{ display:block; z-index:3;}
.service strong{
	color:#333;
}
.service td{
	line-height:20px;
	border:#CCC solid 1px;
	text-align:left;
	padding-left:1em;
}
.video a{
	width:150px;
	line-height:36px;
}
.video a{
	width:200px;
	line-height:50px;
	text-align:center;
	-moz-border-radius: 3px;      /* Gecko browsers */
    -webkit-border-radius: 3px;   /* Webkit browsers */
    border-radius:3px;
	background-color:#058bcf;
	margin-top:20px;
	margin-bottom:20px;
	color:#FFF;
	display:block;
	margin-right:30px;
}
.video a:hover{
	background-color:#e5007f;
}


/*重定分页*/
.pagination{
	margin:10px auto 60px auto;
	text-align:center;
	display:block;
	font-size:0px;
	padding-top:30px;
}
.pagination>li{
	display:inline-block;
	font-size:16px;
	margin-bottom:12px;
	
}
.pagination>li>span{
	color:#fff;
	background-color:#0089ce;
	border-color:#dddddd;
}
.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{color:#fff;border-color:#fff; background-color:#000;}
.pagination>li>a{
	color:#fff;
	background-color:#cccccc;
	border-color:#dddddd;
}