.page-banner { position: relative; }
.page-banner img { display: block; max-width: 100%; }
.page-banner .mobileImage { display: none; }
.page-banner .words { position: absolute; left: 11%; top: 50%; transform: translateY(-50%); font-size: 20px; color: #fff; }
.page-banner .words h3{ font-size: 36px; font-weight: bold; }
.page-banner.pageColor .words{ color: #fff; }
/*当前位置*/
.currentPosition  { overflow: hidden;}
.currentPosition .left{float:left; padding-left: 20px; height: 106px; line-height: 106px; font-size: 16px; color: #999; background: url(../images/page/page-products_02.png) no-repeat left center;}
.currentPosition .left a{ font-size: 16px; color: #999; padding: 0 5px; cursor: pointer;}
.currentPosition .left a:hover{ color: #ee9b11; transition:  all .3s; }

.currentPosition .right { float:right; position: relative; margin-top: 35px; }
.currentPosition .right .inputText { padding: 0 10px; width: 198px; height: 33px; border:solid 1px #dcdcdc; border-radius: 3px; }
.currentPosition .right .button{ position: absolute; top: 0; right: 10px; z-index: 3; display: block; width: 16px; height: 36px;background: url(../images/page/page-products_03.png) no-repeat left center; cursor: pointer; }

/*分页中心内容区域*/
.page-MainContent { padding-bottom: 110px; overflow: hidden; }
.page-MainContent .page-menu { position: relative;float: left;width:278px;border:solid 1px #eeeeee}
.page_right-content{ position: relative;overflow: hidden;}

/*左侧导航部分*/

.page-menu .item span{ display: block; height: 62px; line-height: 62px; background: #fff url(../images/page/page-products_06.png) no-repeat 94% center;font-size: 16px; color: #333; text-indent: 15px;border-bottom: solid 1px #eeeeee; cursor: pointer;}
.page-menu .item:last-child span{ border-bottom: none; }
.page-menu .item.active span{background: #316862 url(../images/page/page-products_05.png) no-repeat 94% center; border:none; color: #fff;}
.page-menu .item p{padding: 5px 15px; background: #f5f5f5; display: none;  }
.page-menu .item p a{ line-height: 36px; display: block; font-size: 16px; color: #333;}
.page-menu .item p a:hover,
.page-menu .item p a.hover{ color: #316862; font-weight: bold; }


/*产品列表*/
.products-list {overflow: hidden; border-top: solid 1px #e5e5e5; border-left: solid 1px #e5e5e5; box-sizing: border-box;}
.products-list li{float: left; position: relative; width: 33.33333%; height: 436px; line-height: 436px; text-align: center; border-right: solid 1px #e5e5e5; border-bottom: solid 1px #e5e5e5; box-sizing: border-box; }
.products-list li img{ vertical-align: middle; max-width: 70%; max-height: 70%; transition: all 2s;}
.products-list li p{ position: absolute; left: 10px; right: 10px; bottom: 7%; line-height: 1; width: 100%; font-size: 18px; }
.products-list li a{ display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 3; }
.products-list li:hover img{  transform: scale(1.1,1.1); }

.productsxx-one { overflow: height: ;}
.productsxx-one .photoBox{ width: 600px; float:  left; }

.productsxx-one .photoBox #preview{ float:none; overflow:hidden; width:600px;}
.productsxx-one .photoBox .jqzoom{position:relative; width:600px; height:350px; text-align: center; line-height: 350px;  border:solid 1px #e5e5e5; box-sizing: border-box; overflow: hidden;}
.productsxx-one .photoBox .jqzoom img{ vertical-align: middle;max-width:600px;max-height:350px; }
.productsxx-one .photoBox .zoomdiv{ left:859px; height:400px; width:400px; opacity: 0}

.productsxx-one .photoBox #spec-left{ position: absolute; left: 0; background:url(http://www.kidir.cn/templates/main/css/images/left.gif) no-repeat; width:15px; height:45px; cursor:pointer; margin-top:15px; display: none; }
.productsxx-one .photoBox #spec-right{background:url(http://www.kidir.cn/templates/main/css/images/right.gif) no-repeat; width:15px; height:45px; cursor:pointer; margin-top:15px; position: absolute; right: 0; display: none;}

.productsxx-one .photoBox #spec-n5{width:600px; height:77px; padding-top:13px; overflow:hidden;}
.productsxx-one .photoBox #spec-list{width: 600px; float: left; overflow: hidden; margin-left: 2px; display: inline;}
.productsxx-one .photoBox #spec-list ul li{ float:left;  display:inline; width:153px; height: 77px; line-height: 77px; text-align: center;}
.productsxx-one .photoBox #spec-list ul li a{ display: block; width:141px; height: 75px; line-height: 75px;
 border:solid 1px #e5e5e5;  box-sizing: border-box; }
.productsxx-one .photoBox #spec-list ul li img{max-width:80%; max-height:80%; vertical-align: middle;}
.productsxx-one .photoBox #spec-list ul li:nth-of-type(4){ width: 141px;}
.productsxx-one .photoBox #spec-list ul li:nth-of-type(4) a{ width: 139px; }

/*jqzoom Download by http://www.codefans.net*/
.productsxx-one .photoBox .zoomdiv{z-index:100;position:absolute;top:1px;left:0px;width:400px;height:400px;border:1px solid #e4e4e4;display:none;text-align:center;overflow: hidden;}
.productsxx-one .photoBox .bigimg{width:800px;height:800px;}
.productsxx-one .photoBox .jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:50px;height:50px;}
 
.productsxx-one .wenzi{float: right; width: 34%; padding-top: 40px; margin-right: 8%;}
.productsxx-one .wenzi h3 {line-height: 39px; font-size: 30px; color: #000; }
.productsxx-one .wenzi p{padding:16px 0;margin-bottom: 50px; line-height: 32px; font-size: 18px; border-bottom: solid 1px #e5e5e5; color: #666;}
.productsxx-one .wenzi .botton { display: block; width: 210px; height: 50px; line-height: 50px; text-align: center; background: #ee9b12; color: #fff; font-size: 18px; border:none; cursor: pointer;}
.productsxx-one .wenzi .botton img{ padding-right: 10px; vertical-align: middle; margin-top: -3px;}
.productsxx-two { margin: 78px 0; clear:both; }
.productsxx-two .title{ background: #f6f6f6; }
.productsxx-two .title span{padding:0 48px; display: inline-block; line-height: 100px; font-size: 20px; color: #333; 
border-bottom: solid 2px #ee9b11; }
.productsxx-two .content{ padding-top:42px; line-height: 26px; color: #666; }
.productsxx-two .content img{ margin-top: 30px; max-width: 100%; display: block; }
.productsxx-two .content table { margin: 16px 0; width: 100% !important; border-collapse: collapse; }
.productsxx-two .content table td{border:solid 1px #eee !important; line-height: 30px !important; }

.serviceCase-list { padding-left: 35px;}
.serviceCase-list li {padding-bottom: 26px; overflow: hidden; border-bottom: solid 1px #eeeeee; margin-bottom: 26px; }
.serviceCase-list li .imgBox{float: left; width: 24%; overflow: hidden; }
.serviceCase-list li .imgBox img{ display: block; width: 100%; }
.serviceCase-list li .wenzi{ float: right; width: 70.5%; }
.serviceCase-list li .wenzi .tit{padding-top:15px; padding-bottom: 7px; line-height: 32px; font-size: 20px; color: #333; font-weight: bold; }
.serviceCase-list li .wenzi .intr{ display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: break-all;overflow: hidden;line-height: 24px; color: #666; }
.serviceCase-list li .wenzi .button{ display: block; margin-top: 30px; width: 124px; height: 36px; line-height: 36px; color: #666; background:#fff; border: solid 1px #eee; text-align: center; transition: all .3s; }
.serviceCase-list li .wenzi .button:hover{ color: #fff; background:#316862;  border-color: #316862; }
.serviceCase-list li:hover .imgBox img{ transform: scale(1.1, 1.1);}

.page-Solution{ padding-left: 35px; }
.page-Solution .title{padding-bottom: 20px; border-bottom: solid 1px #e5e5e5; font-size: 30px; line-height: 50px; text-align: center; }
.page-Solution .content {padding-top: 20px; line-height: 30px; font-size: 16px; }
.page-Solution .content h3{ font-size: 20px; line-height: 40px; }

.page-Solution .content strong{font-size: 16px; color: #333;}
.page-Solution .content p,
.page-Solution .content a{ font-size: 16px; color: #666;}

/*服务与支持*/
.serviceSupport-one {overflow: hidden; margin-top: 96px; }
.serviceSupport-one .img{ width:45%; overflow: hidden; float: left;}
.serviceSupport-one .img{max-width: 100%}
.serviceSupport-one .words{ width:42%; padding-right: 6%; float: right; }
.serviceSupport-one .words h3{font-size: 36px; line-height: 70px; padding-top: 30px; background: url(../images/page/line.png) no-repeat left bottom; color: #333333;}
.serviceSupport-one .words .p1{font-size: 18px;color: #333; line-height: 52px;}
.serviceSupport-one .words .p2{font-size: 15px;color: #666; line-height: 26px;}

/*公共部分标题*/
.page-public-title{font-size: 36px;  color: #333333;background: url(../images/page/line.png) no-repeat center bottom; text-align: center; line-height: 80px;height: 80px;}


.serviceSupport-two{background: #f7f7f7;  margin-top: 96px;overflow: hidden;}
.serviceSupport-two .gg-width{ position: relative; padding:90px 0 126px;}
.serviceSupport-two .content{padding-top: 62px; overflow: hidden; display:none;}
.serviceSupport-two .content .img{ width: 37%; overflow: hidden;  float: left; }
.serviceSupport-two .content .img img{ max-width: 100%; }
.serviceSupport-two .content .line{
	float: left;
	width: 4%;
	height: 15px;
	margin-right: 0.5%;
	border-bottom: solid 1px #ee9b11;
}
.serviceSupport-two .content .words{position: relative; width: 39%; overflow: hidden; float: left; }

.serviceSupport-two .content .words h3{ font-size: 24px; color: #333; line-height: 30px; margin-bottom: 15px; }
.serviceSupport-two .content .words span{ position: relative; padding-left:16px; display: block; line-height: 32px; font-size: 16px; color: #666; }
.serviceSupport-two .content .words span i{position: absolute; left: 0; top: 11px; display: inline-block;width: 10px; height: 10px; border-radius: 100%; background: #666; }

.supportTwo-nav { position: absolute; top: 12%; bottom: 12%; right: 10px;  width: 12.5%; }
.supportTwo-nav ul{ box-shadow: 0 0 5px rgba(0,0,0,0.3); height: 100%; }
.supportTwo-nav ul li{ position: relative; height: 33.333%; text-align: center; cursor: pointer; }
.supportTwo-nav ul li p{position: absolute; top: 50%; width:100%; transform: translateY(-50%); font-size: 18px; color: #333; }
.supportTwo-nav ul li span{ display: block; font-size: 18px; color: #666; }
.supportTwo-nav ul li.active{ background: #316862; }
.supportTwo-nav ul li.active p,
.supportTwo-nav ul li.active span{color: #fff; }

.serviceSupport-three{padding: 63px 0 98px;}
.serviceSupport-three ul { margin-top: 50px; overflow: hidden; }
.serviceSupport-three ul li{position: relative; float: left; margin-bottom: 26px; width: 49.5%; height: 82px; background-color: #f5f5f5; }
.serviceSupport-three ul li:nth-of-type(2n){ float: right; }
.serviceSupport-three ul li p{position: absolute; top: 50%; max-width: 80%; transform:translateY(-50%); padding:0 0 0 30px; color: #666;}
.serviceSupport-three ul li p span{ display: block; font-size: 20px; color: #333; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-break: break-all; overflow: hidden;}

.serviceSupport-three ul li a{ position: absolute; right: 0; width: 80px; height: 54px; top: 14px; border-left: solid 1px #dcdcdc;background: url(../images/page/page-support_04.png) no-repeat center center; cursor: pointer; }


/*关于我们*/
.pageAbout-one{ padding: 80px 0; overflow: hidden;}
.pageAbout-one .wzConent.active{ overflow: hidden; }
.pageAbout-one .words h3{ padding-bottom: 32px; font-size: 30px;  font-weight: bold; color: #333;}
.pageAbout-one .words h3 span{ display: block; font-size: 16px;  font-weight: 300;  color: #999;}
.pageAbout-one .words p{ line-height: 30px; color: #666; }
.pageAbout-one .img { float: right; width:46.5%; overflow: hidden;  margin-left: 20px; }
.pageAbout-one .img img{ width: 100%; }
.pageAbout-one .showIntr{ cursor: pointer; padding-top: 10px; clear: both; }

.pageAbout-two{ padding: 80px 0; background: #f6f6f6; }
.pageAbout-two ul { padding-top: 90px; overflow: hidden;}
.pageAbout-two ul li{ width: 22%; transition: all .5s; float: left; margin-right: 4%;}
.pageAbout-two ul li:last-child{ margin-right: 0; }
.pageAbout-two ul li img{ display: block; margin: 0 auto; max-width: 60%;}
.pageAbout-two ul li h3{ padding:23px 0 12px; font-size: 18px; color: #333; text-align: center; }
.pageAbout-two ul li p{line-height: 24px; color: #666; }
.pageAbout-two ul li:hover{ transform: translateY(-10px); }

.pageAbout-three { padding: 80px 0; }

.pageAbout-three .honor .bottom{ padding:90px 0 0; position: relative;width: 1160px;height: 495px;margin:0 auto;}
.pageAbout-three .honor .bottom .scroll{	width: 100%; height: 495px;	position: relative;}
.pageAbout-three .honor .bottom li{	position: absolute;	text-align: center;	width: 300px;}
.pageAbout-three .honor .bottom li img{max-width: 100%;width: 100%;border:solid 1px #ddd;border-radius: 5px;box-sizing: border-box;}
.pageAbout-three .honor .bottom li.left{opacity: 0.2 !important;	filter:alpha(opacity=20) !important;}
.pageAbout-three .honor .bottom li p{font-size: 16px;color: #333333;line-height: 26px;padding-top: 25px;}
.pageAbout-three .honor .bottom .btn{width: 50px;height: 50px;position: absolute;top:50%;cursor: pointer;margin-top: -20px;transition: background 0.3s;
	z-index: 10;}
.pageAbout-three .honor .bottom .btn.prev{
	left: -90px;
	background: url(../images/page/page-about_08.png) no-repeat center;
	background-size: 100% 100%;
} 

.pageAbout-three .honor .bottom .btn.next{
	right: -90px;
	background: url(../images/page/page-about_09.png) no-repeat center;
	background-size: 100% 100%;
} 

.honor-container{ display: none; padding: 30px 0 0; }
.honor-container .swiper-slide { text-align: center; }
.honor-container .swiper-slide img{ max-width: 70%; max-height: 400px; }
.honor-container .swiper-slide p { padding-top: 20px; }
.honor-container .swiper-pagination-bullet { opacity: 0 }
.honor-container .swiper-button-prev{background: url(../images/page/page-about_08.png) no-repeat center; width: 50px; height: 50px;}
.honor-container .swiper-button-next{background: url(../images/page/page-about_09.png) no-repeat center; width: 50px; height: 50px;}

.pageAbout-four { padding: 80px 0; background: #f6f6f6;}
.pageAbout-four .content { padding-top: 90px;}
.pageAbout-four .content img{ display: block; max-width: 100%; margin: 0 auto;}

/*联系我们*/
.page_contact{margin:60px auto; overflow: hidden;}
.page_contact .item{ position: relative; width: 33.333%; border-right:solid 1px #e5e5e5; box-sizing: border-box;  float: left;}
.page_contact .item img{ display: block;margin-bottom: 11px;}
.page_contact .item h3{ font-size:24px; color: #333;  margin-bottom: 10px;}
.page_contact .item p{ line-height: 32px; color: #333; }
.page_contact .item .mapButton{ display:inline-block; height: 30px; line-height: 30px;margin-top: 20px; padding-left: 42px; background: url(../images/page/page-news_04.png) no-repeat left center; color:#316862}
.page_contact .item:last-child{ border-right:0; padding-left: 6%;}
.page_contact .item:last-child h3{ margin-bottom: 22px; }
.page_contact .item-two { /*position: absolute; left: 50%; transform: translateX(-50%);*/ padding-left:20%;  }
.page_contact .item input{width: 49%; height: 48px; padding: 0 5px; box-sizing: border-box; border:solid 1px #e5e5e5;}

.page_contact .item .input2{ float: right}
.page_contact .item .input3{ width: 100%; margin-top: 10px;}
.page_contact .item .button{margin-top: 20px; width: 120px; height: 34px; line-height: 34px; text-align: center;
 background: #316862; border:none; color: #fff; cursor: pointer; }

.page_jbos { border: solid 1px #dcdcdc; margin: 100px auto; padding-bottom: 50px; }
.page_jbos .thead{ background-color: #316862; padding: 0 3%; line-height: 66px; height: 66px; overflow: hidden; }
.page_jbos .thead span{float: left; display: block; width: 20%; color: #fff; font-size: 18px; text-align: left; overflow: hidden; }
.page_jbos .thead span:last-child{ text-align: right; }

.page_jbos .item{ margin: 0 3%; overflow: hidden;}
.page_jbos .item .head_tr{overflow: hidden; line-height: 76px; border-bottom: solid 1px #f5f5f5;}
.page_jbos .item .head_tr span{float: left; display: block; width: 20%; height: 76px; color: #333; font-size: 16px; text-align: left; 
	overflow: hidden; }
.page_jbos .item .head_tr span.viewCetails{ text-align: right; color: #ee9b11; cursor: pointer; }

.page_jbos .item .content{ background: #f5f5f5; padding:3% 3% 0; display: none; overflow: hidden; }
.page_jbos .item .content .table .tr{overflow: hidden; }
.page_jbos .item .content .table .td{float: left; width: 25%; height: 40px; font-size: 16px; color: #333;}

.page_jbos .item .neirong { overflow: hidden; margin-top: 35px; padding-top: 35px; border-top: solid 1px #e5e5e5;}
.page_jbos .item .neirong .left{ float: left; width: 50%; box-sizing: border-box; }
.page_jbos .item .neirong .right{ float: left; width: 50%; box-sizing: border-box; padding:0 5%}
.page_jbos .item .neirong .tit { font-size: 22px; color: #333; padding-bottom: 20px; } 
.page_jbos .item .neirong .intr{ border-right:solid 1px #e5e5e5;padding-right: 10%; color: #666; line-height: 30px;}
.page_jbos .item .neirong .right .intr{ border-right: none; }
.page_jbos .item .content .tel{margin-top: 50px; line-height: 136px; border-top: solid 1px #e5e5e5; color: #666; }

.newsNedia .titl{ padding: 84px 0;  text-align: center;}
.newsNedia .titl a{ display: inline-block; width: 150px; height: 50px; line-height: 50px; text-align: center; border:solid 1px #e5e5e5; border-radius: 50px; margin: 0 10px; }
.newsNedia .titl a.active{ color: #fff; background: #ee9b11; border-color:#ee9b11;}

.hot_News{margin-bottom: 70px;}
.hot_News .swiper-slide{overflow: hidden; background: #f1f1f1; }
.hot_News .imgBox{ width: 48%; overflow: hidden; display: block; float: left; }
.hot_News .imgBox img{ display: block; width: 100%; }
.hot_News:hover .imgBox img{ transform: scale(1.1, 1.1);}
.hot_News .wenzi{ width: 44%; padding:0 4%; float: left;  }
.hot_News .wenzi .time{ display: block; margin-top: 26px; height: 20px; line-height: 20px; padding-left: 26px; font-size: 12px; color: #666; background: url(../images/page/page-news_05.png) no-repeat left center; background-size: auto 18px; }
.hot_News .wenzi .tit{ padding: 7px 0 30px; line-height: 32px; font-size: 24px; color: #333;}
.hot_News .wenzi .intr{ display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: break-all;overflow: hidden;line-height: 24px; color: #666; }
.hot_News .wenzi .button{ display: block; margin-top: 50px;padding-left: 30px; width: 124px; height: 36px; line-height: 36px; color: #666; background: url(../images/page/page-news_04.png) no-repeat left center; background-size: auto 22px; }


.hot_News .swiper-container {  width: 100%;}

.hot_News .swiper-pagination{ left: auto; right: 30px;  bottom: 30px; z-index: 10; width: auto;}
.hot_News .swiper-pagination-bullet {
	width: 14px;
	height: 14px;	
	margin: 0 6px !important;
	background: #fff ;
	opacity: 1;
}

.hot_News .swiper-pagination-white .swiper-pagination-bullet-active {background: #316862;}


.newsNedia { margin-bottom: 40px; }
.newsNedia .list li {margin-bottom: 30px; padding-bottom: 30px; overflow: hidden; border-bottom: solid 1px #eeeeee; }
.newsNedia .list li .imgBox{ width: 31%; overflow: hidden; float: left; }
.newsNedia .list li .imgBox img{ display: block; width: 100%; }
.newsNedia .list li .wenzi{ width: 66%; float: right;}
.newsNedia .list li .wenzi .tit{padding-top:15px; padding-bottom: 7px; line-height: 32px; font-size: 20px; color: #333; font-weight: bold; }
.newsNedia .list li .wenzi .intr{ display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: break-all;overflow: hidden;line-height: 24px; color: #666; }
.newsNedia .list li .wenzi .time{ display: block; margin-top: 26px;height: 20px; line-height: 20px;  padding-left: 26px; font-size: 12px; color: #666; background: url(../images/page/page-news_05.png) no-repeat left center; background-size: auto 18px;}
.newsNedia .list li .wenzi .button{ display: block; margin-top: 30px;padding-left: 30px; width: 124px; height: 36px; line-height: 36px; color: #666; background: url(../images/page/page-news_04.png) no-repeat left center; background-size: auto 22px;  }
.newsNedia .list li:hover .imgBox img{ transform: scale(1.1, 1.1);}


.pages { overflow: hidden; margin-top: 40px; text-align: center; }
.pages a{ display:inline-block; width: 40px; height: 40px; text-align: center; line-height: 40px; background: #f7f7f7; cursor: pointer;}
.pages a.active,
.pages a:hover{ background: #ee9b11; color: #fff; }
.pages a:last-child{margin-left: 10px;}

.newsXX_Main { padding:50px 0;}
.newsXX_Main .title{color: #444; font-size: 24px; line-height: 36px; text-align: center;}
.newsXX_Main .data{color: #777; font-size: 14px; line-height: 50px;text-align: center; border-bottom: solid 1px #dddddd;}
.newsXX_Main .content{color: #777; font-size: 16px; line-height: 30px; padding-top: 20px;}
.newsXX_Main .content img{ display: block; max-width: 100%; margin:20px auto; }

.pageNext{ padding-top: 30px; margin-top: 30px;  border-top: solid 1px #dddddd; line-height: 26px; overflow: hidden;}
.pageNext dt{float: left;}
.pageNext dd{float: right;}
.pageNext dt a{ display: block;  color: #333;}
.pageNext dd a{ display: block; width: 140px; height: 40px; line-height: 40px; background: #ee9b11; border-radius: 40px; text-align: center; color: #fff;}



@media screen and (max-width:1440px){

}

@media screen and (max-width:1366px){

}

@media screen and (max-width:1160px){
.page-MainContent .page-menu { width: 200px; }

}

@media screen and (max-width:1024px){ 
}

@media screen and (max-width:668px){
	.page-banner .pcImage { display: none; }
	.page-banner .mobileImage { display: block; }

	.page-banner .words h3 { font-size: 24px; } 

	.page-MainContent {padding-bottom: 30px;}
	.currentPosition .left,
	.currentPosition .right{ width: 100%; line-height: 40px; height: auto; }
	.currentPosition .left {background: url(../images/page/page-products_02.png) no-repeat left 10px;}
	.currentPosition .right {background: url(../images/page/page-products_02.png) no-repeat left 10px;}
	.currentPosition .right { margin: 0 0 10px; }
	.currentPosition .right .inputText { width: 100%; box-sizing: border-box; }

	.page-MainContent .page-menu { width: 100%; float: none; } 
	.products-list li { width: 50%;  height: 380px; line-height: 380px;}

	.productsxx-one .photoBox { margin: 0 auto; }
	.productsxx-one .wenzi{ width: 100%; padding-top: 20px; margin: 0; }
	.productsxx-one .wenzi h3{ font-size: 24px; }
	.productsxx-one .wenzi p { margin-bottom: 20px; }
	.productsxx-two{ margin: 30px 0; }
	.productsxx-two .title span { padding:0 20px;  line-height: 60px;}
	.productsxx-one .wenzi .botton { width: 50%; margin: 0 auto; }

	.page-public-title { font-size: 24px; height: 60px; line-height: 60px; }
	/*服务工程*/
	.serviceCase-list,
	.page-Solution { padding-left: 0; margin-top: 20px; }
	.serviceCase-list li .wenzi .tit{padding-top: 0;}
	.serviceCase-list li .wenzi .button { margin-top: 16px; }
	/*服务支持*/
	.serviceSupport-one { margin-top: 20px; }
	.serviceSupport-one .img { width: 100%;}
	.serviceSupport-one .words{ width: 100%; padding-right:0;}
	.serviceSupport-one .words h3 { padding-top: 10px; font-size: 24px; line-height: 60px; }
	
	.serviceSupport-two {margin-top: 20px;}
	.serviceSupport-two .gg-width{padding: 16px 0 30px;}
	.serviceSupport-two .content { padding-top: 20px; }
	.supportTwo-nav { position: static; width: 100%; height: 60px; margin-top: 30px; }
	.supportTwo-nav ul{  }
	.supportTwo-nav ul li { height: 100%; width: 33.33%; float: left; }
	.serviceSupport-two .content .words { width: 55%; }

	.serviceSupport-three {padding: 16px 0 30px;}
	.serviceSupport-three ul { margin-top: 20px; }
	.serviceSupport-three ul li p { padding-left: 13px; }
	.serviceSupport-three ul li p span{font-size: 16px;}
	.serviceSupport-three ul li a { width: 50px; }


	/*关于我们*/

	.pageAbout-one,
	.pageAbout-two,
	.pageAbout-three,
	.pageAbout-four {padding: 30px 0;}

	.pageAbout-one .img { width: 100%; float: none; margin: 0; }
	.pageAbout-one .words { width: 100%; }
	.pageAbout-one .words h3 {padding: 16px 0; font-size: 20px; }

	.pageAbout-two ul { padding-top: 30px; }
	.pageAbout-two ul li{ width: 45%; margin-bottom: 16px; margin-right: 0;}
	.pageAbout-two ul li:nth-of-type(2n){float: right;;}
	
	.honor .bottom { width: 100%;padding:40px 0 0; }
	.pageAbout-four .content { padding-top: 30px; }

	.pageAbout-three .honor { display: none; }
	.honor-container {display: block;}
	/*联系我们*/
	.page_contact {margin: 30px auto;}
	.page_contact .item { width: 100%; padding: 0; margin-bottom: 30px;}
	.page_contact .item-two { /*position: static; transform: translateX(0);*/ padding-left:0px; }
	.page_contact .item:last-child { padding: 0 }
	.page_contact .item .button { width: 50%; margin: 20px auto 0; display: block; }

	/*人才招聘*/
	.page_jbos {margin: 40px auto;}
	.page_jbos .item .content{ padding: 16px 16px 0; }
	.page_jbos .item .neirong { margin-top: 20px; padding-top: 20px; }
	.page_jbos .item .neirong .left,
	.page_jbos .item .neirong .right { width: 100%; padding: 0; }
	.page_jbos .item .neirong .intr { border:none; }
	.page_jbos .item .content .tel{ margin-top: 30px; line-height: 60px; height: 60px; }
	.page_jbos .item .content .table .td { width: 50%; }

	/*新闻媒体*/
	.hot_News { margin-bottom: 30px; }
	.newsNedia .titl{ padding:30px 0; }
	.newsNedia .titl a{ width: 40%; height: 36px; line-height: 36px; }
	.hot_News .imgBox { width: 100%;  padding:20px 20px 0; box-sizing: border-box;}
	.hot_News .imgBox img{ width: 100%; }
	.hot_News .wenzi { width: 100%; padding: 0 20px; }
	.hot_News .wenzi .tit { font-size: 18px; line-height: 26px; padding: 10px 0 20px;}
	.hot_News .wenzi .button{ margin: 20px 0; }
	.hot_News .wenzi .time { margin-top: 20px; }
	
	.newsNedia .list li{ margin-bottom: 20px; padding-bottom: 20px; }
	.newsNedia .list li .imgBox,
	.newsNedia .list li .imgBox img { width: 100%; }
	.newsNedia .list li .wenzi { width: 100%; }
	.newsNedia .list li .wenzi .tit{ font-size: 16px; }
	.newsNedia .list li .wenzi .time,
	.newsNedia .list li .wenzi .button { margin-top: 16px; }
	
	.newsXX_Main { padding: 30px 0;}
	.pageNext { margin-top:20px; padding-top: 20px; }
	.pageNext dd,
	.pageNext dt { width: 100%; }
	.pageNext dd a { height: 36px; line-height: 36px; margin-top: 16px; }

}

@media screen and (max-width:520px){ 
	.products-list li { height: 320px; line-height: 320px  ; }
	.products-list li p { bottom: 5%; }

	.productsxx-one .photoBox { width: 480px; }
	.productsxx-one .photoBox #preview{ width:480px;}
	.productsxx-one .photoBox .jqzoom{width:480px; height:280px;line-height: 280px; }
	.productsxx-one .photoBox .jqzoom img{max-width:480px;max-height:280px; }

	.productsxx-one .photoBox #spec-n5{width:480px; height:67px; padding-top:13px; overflow:hidden;}
	.productsxx-one .photoBox #spec-list{width: 480px; }
	.productsxx-one .photoBox #spec-list ul li{ width:123px; height: 67px; line-height: 67px;}
	.productsxx-one .photoBox #spec-list ul li a{ width:111px; height: 65px; line-height: 65px;}

	.productsxx-one .photoBox #spec-list ul li:nth-of-type(4){ width: 111px;}
	.productsxx-one .photoBox #spec-list ul li:nth-of-type(4) a{ width: 109px; }
	.productsxx-one .photoBox #spec-left,
	.productsxx-one .photoBox #spec-right{ display: none; }

	/*服务支持*/
	.serviceSupport-two .content .img { width: 100%; }
	.serviceSupport-two .content .line{ width: 30px; }
	.serviceSupport-two .content .words { width: 100%; margin-top: 10px; }
	.serviceSupport-two .content .words { width: 100%; }
	.serviceSupport-three ul li { width: 100%; margin-bottom: 10px; }
}


@media screen and (max-width:480px){
	.products-list li { height: 280px; line-height: 280px; }

	.productsxx-one .photoBox { width: 100%; }
	.productsxx-one .photoBox #preview{ width:100%;}
	.productsxx-one .photoBox .jqzoom{width:100%; height:257px;line-height: 257px; }
	.productsxx-one .photoBox .jqzoom img{max-width:440px;max-height:257px; }

	.productsxx-one .photoBox #spec-n5{display: none;}

}

@media screen and (max-width:420px){ 
	.page_jbos .item .content .table .td { width:100%; }
}

@media screen and (max-width:360px){ 
	.products-list li { width: 100%; }
	.products-list li { height: 200px; line-height: 200px; }  
	.pageAbout-two ul li{ width: 100%; margin-bottom: 16px;}
	.page_jbos .thead { height: auto; line-height: 50px; }
	.page_jbos .thead span{width: 50%;}

	.page_jbos .thead span:nth-of-type(2n),
	.page_jbos .item .head_tr span:nth-of-type(2n){ text-align: right; }

	.page_jbos .thead span:last-child,
	.page_jbos .item .head_tr span.viewCetails{ text-align: left; }
	a
	.page_jbos .item .head_tr  { line-height: 40px; }
	.page_jbos .item .head_tr span{ width: 50%;  line-height: 40px; height: 40px;}

}


.honorBlowImg { position: fixed; top: 0; left: 0; bottom:0; right: 0; z-index: 300;background: rgba(0,0,0,.6); display: none;  }
.closeBlowImg { position: absolute; top: 20px; right: 20px; background: url(../images/ico_38.png) no-repeat; width: 20px; height: 20px; cursor: pointer; }

.honorBlowImg img { position: fixed; max-width: 80%; max-height: 80%; top: 50%; left: 50%;  transform: translate(-50%, -50%); }