.top{
	width: 100%;height: 3px;background: #0066cc;
}
.width{
	margin: auto;
    display: flex;
    justify-content: space-between;
}
.container {
    margin: 0 auto;
    padding: 0 2%;
    width: 75%;
}
.top1{
	width: 100%;
	background: #fff;
	/*height: 112px;*/
}
.top1 img{
	width:100%;
}
.nav{
	width: 100%;
	background: #0066cc;
	font-size: 14px;
}
.pro{
	width: 100%;
	margin:3% auto;
	display: table;
}
.pro_tit{
	text-align: center;
}
.pro_tit span{
	font-size: 16px;
	color: #666;
}
.pro_show{
	padding: 3% 0 0%;
}
.pro_l{
    float: left;
    width: 18%;
}
.pro_l li{
	width: 100%;
	height: 7rem;
	line-height: 7rem;
	font-size: 16px;
	background: url(../images/images/index2_18.jpg) no-repeat center;
	margin-top: 1px;
	background-size: 100% 100%;
}
.pro_l li:hover{
	background: url(../images/images/index2_16.jpg) no-repeat center;
	background-size: 100% 100%;
}
.pro_l li:hover a{
	color: #fff;
}
.pro_l li a{padding-left: 40px;}
.pro_r{
    float: right;
    width: 81%;
}
.pro_more a{
	width: 100%;
	line-height: 6rem;
	display: block;
	background: #0066cc;
	margin-top:1px;
	color: #fff;
	font-size: 16px; 
}
.pro_more a:hover{
	color: #fff;
	background: #ff0000;
}
.pro_r a{
	width: 23%;
	height: 20rem;
	display: block;
	float: left;
	margin-bottom: 1%;
	margin-left:0.5%;
	padding:4px;

}
.pro_r a:hover{
	background:#0066cc;
}
.pro_r a img{
	display: block;
	width: 100%;
}
.pro_r a span{
	display: block;
	text-align: center;
	font-size: 14px;
	line-height: 2.5rem;
}
.pro_r a:hover span{
	color: #fff;
}
/*公司简介开始*/
.ab{
	width: 100%;
	background: #e6e6e6;
	display: table;
}
.ab_l{
	width: 35%;
	padding-left:12.5%;
	float: left;
}
.ab_tit{
	border-bottom: 1px solid #999;
	padding-bottom: 14rem;
}
.ab_tit img{
	padding-top:3rem; 
	display: block;
	float: left;
}
.ab_tit a{
	display: block;float: right;
	padding-top: 11.5rem;
}
.ab_tit a:hover{
	color: red;
}
.ab_show{
	line-height: 46px;
	font-size: 14px;
	padding-top: 2rem;
}
.ab_r{
    float: right;
    width: 50%;
}
.ab_sz{
	width: 100%;
	background: #e6e6e6;
}
/*荣誉资质*/
.ry{
	width: 100%;
	background: url(../images/images/index2_24.jpg) no-repeat center;
	color: #fff;
	font-size: 16px;
	background-size:100% 100%; 
	height: 30rem;
}
.ry_tit{
    text-align: center;
    line-height: 40px;
}
.ry_tit img{
	display: block;
	margin:0 auto;
	padding-top: 4%;
}
.ry_show{
   padding-top: 3%;
   padding-bottom: 3%;
}
.box2 a{
	width: 23.6%;
	height: auto;
	float: left;
	display: block;
	margin-left: 1.4%;
}
.cp-tp{
	width: 100%;
	height: 100%;
	overflow: hidden;
	border: 4px solid #fff;
	
}
.cp-tp img{
	width: 100%;
}
.box2:hover .cp-tp img{
	transform: scale(1.05);
transition: all 0.6s;	
}
/*新闻开始*/
.new{
	width: 100%;
    display: table;
}
.new_tit{
    padding-top: 3%;
    line-height: 60px;
    text-align: center;
    font-size: 16px;

}
.new_tit img{
	display: block;
	margin:0 auto;
}
.new_show{
    padding-top: 3%;
}
.new_s{
	background: #f0f0f0;
	height: 20rem;
}
.new_sl{
	float: left;
	width: 41%;
}
.new_sl img{
    padding:2%;
    width: 100%;
}
.new_sr{
    float: right;
    padding-right: 2%;
    padding-top: 2%;
    width: 54%;
}
.new_sr a{
	font-size: 14px;
	color: #0066cc;
	line-height: 60px;
}
.new_sr a:hover{
	color: red;
}
.xw-rtbt a{
	font-size: 18px;
	font-weight: bold;
	color: #000;line-height: 40px;
}
.xw-rtnr a{
    font-size: 16px;
    color: #666;
    line-height: 36px;
}

.new_x{
    margin-top: 2%;
}
.new_x_l{
   width: 45%;
   float: left;
}
.newxl_l{
	float: left;
	width: 55%;
}
.newxl_l img{
	width: 100%;
}
.newxl_r{
	width: 40%;
	float: right;
	font-size: 14px;
}
.newxl_r li{
	line-height: 2.8rem;
}
.newxl_r li a:hover{
	color: red;
}
.new_x_r{
   width: 45%;
   float: right;
}
/*友情链接*/
.yqlj{
	width: 100%;
	background: #0066cc;
	line-height: 2rem;
	display: table;
	margin-top: 2%;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
}
.yqlj a{
	color: #fff;
}
.yqlj a:hover{
	color: red;
}
/*页尾*/
.yw{
	width: 100%;
	height: 16rem;
	background: url(../images/images/index2_43.jpg) no-repeat center;
	/*background-size: 100% 100%;*/
}
.yw_nr{
	width: 56%;
	float:left;
	padding-top: 3%;
	color: #fff;
	line-height: 2rem;
	/*font-size: 16px;*/
}
.yw_nr img{
	padding-bottom: 2%;
}
.yw_tp{
	width: 42%;
    float: right;
    padding-top:3%;
}
.yw_tp img{width: 100%;}
.yw_tp a{
	color: #fff;
}
.yw_tp a:hover{
	color: red;
}
.csfb{
	width: 100%;
	line-height: 2rem
}
/*内页开始*/
.width {
    width: 1200px;
    margin: 0 auto;
}
.ny-bg{
	padding-top: 60px;
	background: #f7f7f7;
}
.ny-top{
	padding:40px 40px;
	background: #fff;
	border-bottom: 1px solid  #d7d7d7;
}
.ny-tit{
	font-size: 15px;
	color: #858585;
}
.ny-tit p{
	color: #0b53a4;
	font-weight: bold;
	font-size: 30px;
}
.ny-tit p:before{
	width: 12px;
	height: 12px;
	background: #2364ad;
	content: "";
	float: left;
	display: block;
	margin: 15px 10px 0 0;
}
.ny-location{
	margin-top: 3rem;
	font-size:16px;
	color: #202020;
	text-align: center;
}
.ny-location span{
	font-size: 16px;
	color: #202020;
	font-weight: bold;
}
.ny-location a{
	color: #202020;
	font-size:16px;
}
.ny-location img{
	margin-right: 10px;
	vertical-align: middle;
}
.ny-neirong2{
	background: #fff;
	padding:  40px 40px;
}
.ny-img img{
	width: 100%;
}
#shownews{
	font-size: 16px;
	line-height: 36px;
}

#shownews1{
	text-align: center;
}
.ny-contact{
margin-top: 100px;
}
.ny-contact ul li{
	height: 60px;
	font-size: 16px;
	color: #202020;
}
.ny-contact ul li:first-child span{
	font-size: 22px;
	font-weight: bold;
}
.ny-contact ul li:nth-child(2) span{
	font-size: 22px;
	font-weight: bold;
	color: #083d8c;
}
/*主菜单设置*/
.cp-sz p{
	font-weight: normal;
	font-size: 15px;
}
.cp-sz{
	padding: 30px 0;
	width:199px ;
	background: #0b53a4;
	text-align: center;
	font-size: 22px;
	font-weight: bold;
	color: #fff;
}
.ny-xiayou{
	width: 970px;
}
.ddsmoothmenu-v1{
}
.ddsmoothmenu-v1 ul{
}
.ddsmoothmenu-v1>ul>li{
	text-align: center;
	border-bottom: 1px solid #d7d7d7;
	line-height: 70px;
	width: 199px;
	background: #f7f7f7;
}
.ddsmoothmenu-v1>ul>li>a>span{
	font-size: 16px;
	color: #202020;
	display: block;
	}
.ddsmoothmenu-v1 ul li:hover{
	background:#0066cc; 
}
.ddsmoothmenu-v1>ul>li.lihover{
	background: #0066cc;
}
.ddsmoothmenu-v1 ul li:hover a span{
	color: #fff;
}
.ddsmoothmenu-v1>ul>li.lihover a span{
	color: #fff;
}
/*产品列表页*/

.page-products{
	width: 100%;
}
#ShowImages .fudong{
	padding-top: 170px;
	font-size: 16px;
}
#ShowImages li{
	float:left;
	display:inline;
	/*width: 380px;*/ 
	margin:0px 9px 20px ;
}
#ShowImages .imghvr-slide-down{
	border: 1px solid #d7d7d7;
	width:295px;
	height: 368px;
	text-align: center;
	overflow: hidden;
	display: block;
}
#ShowImages .imghvr-slide-down{

}
#ShowImages .imghvr-slide-down img {
width: 100%;
}
#ShowImages li:hover .images_title a{
	color: #fff;
	transition: all 0.6s;
}
#ShowImages li:hover .images_title{
	background: #0066cc;
	transition: all 0.6s;
}
.ptitle{
	font-size: 22px;
}
#ShowImages .images_title{
	line-height: 50px;
	text-align: center;
	background: #efefef;
}
#ShowImages .images_title a{
	font-size: 15px;
	color: #202020;
}
/*#ShowImages li:hover .images_title a{
	color: #fff;
}*/



#spec-n1{
	height: 380px;
	overflow: hidden;
}
.nygcal-js{
	font-size: 14px;
	line-height: 30px;
	color: #2b2b2b;
}


/*= common css to all effects =*/
.single-member{width: 100%; float: left;  text-align: center; position: relative;}
.member-image img{max-width: 100%; vertical-align: middle;}
.h3 a {font-size: 24px; font-weight: normal; margin: 10px 0 0; text-transform: uppercase;}
.social-touch a{display: inline-block; width: 27px; height: 26px; vertical-align: middle; margin: 0 2px; background-image: url(../images/social-icons.png); background-repeat: no-repeat; opacity: 0.7; transition: 0.3s;}
.social-touch a:hover{opacity: 1; transition: 0.3s;}
.fb-touch{background-position: 0 0;}
.tweet-touch{background-position: -35px 0;}
.linkedin-touch{background-position: -71px 0;}
.icon-colored .fb-touch{background-position: 0 -27px;}
.icon-colored .tweet-touch{background-position: -35px -27px;}
.icon-colored .linkedin-touch{background-position: -71px -27px;}
/*= common css to all effects end =*/

/* Style the thumbnails */
.pika-thumbs{ padding: 0 16px; height: 75px; }
.pika-thumbs li{ width: 144px; height:74px; margin: 10px 0 0 17px; padding: 0; overflow: hidden;
    float: left; list-style-type: none;padding: 3px; margin: 0 5px; background: #fafafa; border: 1px solid #e5e5e5; cursor: pointer;}
.pika-thumbs li .clip {position:relative;height:100%;text-align: center; vertical-align: middle; overflow: hidden;}

/* The stage is the wrapper. The image fills 100% the height of the stage */
.pika-stage, .pika-textnav {width: 400px;}
.pika-stage {position: relative; background: #fafafa; border: 1px solid #e5e5e5; padding: 10px 10px 40px 10px; text-align:center; height:250px;}
.pika-stage img{height:100%;}
.pika-stage .caption {position: absolute; /*background: #000; background: rgba(0,0,0,0.75);  border: 1px solid #141414;*/ font-size: 11px; 
    color: #fafafa; padding: 10px; text-align: right; bottom: 50px; right: 10px;}
.pika-stage .caption p {padding: 0; margin: 0; line-height: 14px;}

/* Ths play, pause, prev and next buttons */
.pika-imgnav a {position: absolute; text-indent: -5000px; display: block;z-index:3;}
.pika-imgnav a.previous {background: url(../images/prev.png) no-repeat left 45%; height: 100%; width: 50px; top: 10px; left: 10px;cursor:pointer;}
.pika-imgnav a.next {background: url(../images/next.png) no-repeat right 45%; height: 100%; width: 50px; top: 10px; right: 10px;cursor:pointer;}
.pika-imgnav a.play {background: url(../images/play.png) no-repeat 0% 50%; height: 100px; width: 44px;top:0;left:50%;display: none;cursor:pointer;}
.pika-imgnav a.pause {background: url(../images/pause.png) no-repeat 0% 50%; height: 100px; width: 44px;top:0;left:50%;display:none;cursor:pointer;}

/* The previous and next textual buttons */
.pika-textnav {overflow: hidden; margin: 10px 0 0 0;bottom:10px; position:absolute;}
.pika-textnav a {font-size: 12px; text-decoration: none; color: #333; padding: 4px;}
.pika-textnav a.previous {float: left; width: auto; display: block;}
.pika-textnav a.next {float: right; width: auto; display: block;}

/*for the tool tips*/
.pika-tooltip{font-size:12px;position:absolute;color:white;padding:3px; background-color: rgba(0,0,0,0.7);border:3px solid black;}
.pika-counter{position: absolute;bottom: 45px;left:15px;color:white;background:rgba(0,0,0,0.7);font-size:11px;padding:3px;-moz-border-radius: 5px;border-radius:5px;}

/* If using user thumbnails there's a pause well the new large image loads. This is the loader for that */		
.pika-loader{ background:url(loading.gif) 3px 3px no-repeat #000; background-color:rgba(0,0,0,0.9); color:white; width:60px; font-size:11px; padding:5px 3px; 
    text-align:right; position:absolute; top:15px; right:15px; }

/*if you just want to adjust the size of the stage and the thumbnails, you can do so by editing the following lines: */
.pika-thumbs li{width: 60px; height:60px;}
.pikachoose{width:430px; position:relative;margin-left: 90px;}
#pikame{width: 150px;}
.pika-thumbs {margin: 10px 0 0 17px; width:250px;position: absolute;top: 10px;right: 30px;}
.pika-thumbs li { margin: 5px 5px;}

/* jCarousel Styles */
/*if you're not using the carousel you can delete everything below this */
.jcarousel-skin-pika{position:absolute;top:0px;left:-90px;}
.jcarousel-skin-pika .jcarousel-container-vertical { width: 125px;height: 300px; overflow:hidden;}
.jcarousel-skin-pika .jcarousel-clip-vertical { width:  125px; height: 230px;}

/*图片列表*/
.photos-demo span{ display: inline-block; text-align: center; margin: 10px 10px;width: 294px;}
.photos-demo span p{color: #202020; font-size: 20px;line-height: 60px;}
.photos-demo2 span{ display: inline-block; text-align: center; margin: 10px 10px;width: 280px;}
.photos-demo2 span p{color: #202020; font-size: 20px;line-height: 60px;}
.tpmk-img{
	height: 241px;
	overflow: hidden;
}
.photos-demo span img{
	/*width: 100%;*/
	/*min-height: 235px;*/
	height: 241px;
	max-width: 100%;
	cursor: pointer;
	transition: all 0.6s;
}
.photos-demo span img:hover{
	transform: scale(1.1);
}
.photos-demo2 span img{
	/*width: 100%;*/
	/*min-height: 235px;*/
	height: 241px;
	max-width: 100%;
	cursor: pointer;
	transition: all 0.6s;
}
.photos-demo2 span img:hover{
	transform: scale(1.1);
}
.lh68{ position: absolute; top: 0; z-index: -1;}
.lhbd label{ display: inline-block; max-width:80px ; width: 100%; height: 30px; line-height: 30px; margin-bottom: 0px; border-bottom: #eee dashed 1px;}
.lhbd dt{ padding: 3px 0; width: 100%;}
.lhbdfr{ float: right;width: 100%;}
.lhbdfl{ float: left;width: 100%;}
.lhbdfr label{max-width:75px ; width: 100%;}
.lhbd input{ width: 57%;}
.lhbdfl input{ width: 67%;}
.lhbd span{font-weight: 100;}
.lhbd .Content{ width: 84%;}
.clear{ clear: both;}
.lhbd .Content{ height:113px;}
.submit{ 
height: 40px;
background: #0b53a4; 
color: #fff; 
display: block; 
width:160px; 
line-height: 40px; 
margin-top: 10px;
 text-align: center; 

 font-size:16px;
  border-radius: 10px;}
.lh615{  line-height: 30px; margin: 0 10px; text-align: center; border: none;}




.photos-demohz span{ display: inline-block; text-align: center; margin: 0 8px;width: 270px;}
.photos-demohz span p{color: #2b2b2b; font-size: 18px;line-height: 50px;}
.nyhz-img{
	height: 190px;
	overflow: hidden;
}
.photos-demohz span img{
	/*width: 100%;*/
	/*min-height: 235px;*/
	height: 100%;
	max-width: 100%;
	cursor: pointer;
	transition: all 0.6s;
}
.photos-demohz span img:hover{
	transform: scale(1.4);
}
/*留言*/
.page-guestbook {
	width: 900px;
	margin: 0px auto;
}
.page-guestbook dl dt,.page-guestbook dl dd {
	float: left;
	padding: 5px
}
.page-guestbook dl dt {
	width: 80px;
	text-align: right;
	font-size: 15px;
	color: #202020;
	line-height: 36px;
}

.page-guestbook dl dd {
	width: 800px;
}
.page-guestbook dl dd input {
	border-radius: 10px;
	padding: 2px;
	background: #efefef;
	height: 35px;
	line-height: 19px;
	width: 750px;
	border: #efefef 1px solid;
}
.page-guestbook dl dd span {
	color: #F00;
	margin-left: 10px
}

.page-guestbook .Content {
	width: 750px;
	height: 220px;
	background: none;
	border-radius: 10px;
	background: #efefef;
	border: #efefef 1px solid;
}
#checkcode {
	width: 60px;
	text-align: center
}
.page-guestbook p {
	text-align: center;
	clear: both;
	padding-bottom: 50px
}
.page-guestbook dl dd :hover {
	border: #0066cc 1px solid;
}


#ShowImages2 li{
	width: 290px;
	overflow: hidden;
	float: left;
	margin:5px;
	text-align: center;
}
#ShowImages2 .images_img a {
    display: block;
	overflow: hidden;
	text-align: center;
	vertical-align: middle;
	height: 260px;
}
#ShowImages2 .images_img img {
   height: 100%;
   cursor: pointer;
				transition: all 0.6s;
}
#ShowImages2 .images_img img:hover{
	transform: scale(1.1);
}
#ShowImages2 .images_title a{
	line-height:60px;
	font-size: 18px;
	color: #202020;
}
/*公司简介轮播图*/