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

/*banner开始*/
.banner{ height:400px; overflow:hidden; position:relative; z-index:7; width:100% !important;}
.banner .td ul,.banner .td ul li,.banner .td ul li a{ width:100% !important;}
.banner .td ul li a{ display:block; display:block; height:460px; overflow:hidden;}
.banner .btn{   bottom: 5px;padding: 5px 6px;position: absolute;right: 50%;z-index: 7; margin-right:0px;}
.banner .btn li {background: none repeat scroll 0 0 #ee3d45;border: 1px solid #ccc;color: #FFFFFF;cursor: pointer;display: inline-block;
margin-left:5px; margin-right:5px;
padding: 2px 2px; width:10px;height:10px;  float:left;     -moz-border-radius: 25px;  
    -webkit-border-radius: 25px;  
    border-radius:25px;     filter:alpha(opacity:80); opacity:0.8; -moz-opacity:0.8; -khtml-opacity: 0.8;       }
.banner .btn li.on {background: none repeat scroll 0 0 #fff;border: 1px solid #ccc;font-weight: bold;padding: 2px 2px;}

/*banner结束*/

/*关于我们开始*/
.about-max{ width:1200px; height:auto; overflow:hidden; padding-top:28px;}

.jianjie-top{height:42px; line-height:42px;}
.about-box{ width:500px; height:auto; overflow:hidden;}
.about-top{ width:100%;  overflow:hidden; border-bottom:1px solid #e4e4e4; }
.about-l{ width:360px; height:auto; overflow:hidden;text-transform:uppercase;}
.about-l b{ font-size:20px; color:#ee3d45;}
.about-l strong{ font-size:20px; color:#1265b7; padding-right:3px; padding-left:10px}
.about-l span{ color:#999999;}
.about-r{ width:100px; overflow:hidden; text-align:right;}
.about-r a{ color:#8d8d8d; font-size:14px;}
.about-bot{ width:492px; height:188px; padding:10px 3px; overflow:hidden; border:1px solid #eceff1; margin-top:8px;}
.about-bot img{ width:486px; height:101px; padding:0 3px;}
.about-bot p{ width:100%; padding-top:10px; overflow:hidden; height:72px; line-height:24px; text-indent:2em; font-size:14px; color:#333333;}
/*新闻结束*/

/*关于我们开始*/
.fuwu-box{ width:674px; height:auto; overflow:hidden;}
.fuwu-bot{ width:672px; height:208px; overflow:hidden; border:1px solid #eceff1; margin-top:8px;}

.fuwu-bot ul{ width:100%; height:auto; overflow:hidden; padding-top:8px;}
.fuwu-bot ul li{ float:left; width:150px; height:auto; overflow:hidden; margin-left:9px; margin-right:9px;}
.fuwu-bot ul li i{ width:148px; height:96px; display:block; border:1px solid #dcdcdc; overflow:hidden;}
.fuwu-bot ul li i img{width:148px; height:96px;}
.fuwu-bot ul li p{ width:100%; height:38px; line-height:38px; overflow:hidden; font-size:16px; color:#000000;}
.fuwu-bot ul li b{ display:block; width:100%;  height:0; border-bottom:1px solid #d2d2d2;}
.fuwu-bot ul li span{ display:block; height:36px; line-height:18px; overflow:hidden; font-size:13px; color:#4d4d4d; padding-top:8px;}
.fuwu-bot ul li i img:hover{-webkit-animation: fangda  1s ease-in  both;}
/*服务结束*/

/*关于我们开始*/
.news-maxbox{ width:100%; height:244px; background:#f8f8f8; overflow:hidden; margin-top:38px; padding-top:16px;}
.news-max{ width:1200px; height:auto;}

.news-box{ width:500px; height:auto; overflow:hidden;}
.news-top{height:52px; line-height:52px; background:url(../images/news-bt.png) left 12px no-repeat; }
.news-top b{ padding-left:38px;}


.news-bot{ width:100%;  height:auto; overflow:hidden;}
.news-bot ul{ width:100%;  height:148px; overflow:hidden; padding-top:4px;}
.news-bot ul li{ width:100%; height:37px; line-height:36px; font-size:14px; background:url(../images/news-b.png) left bottom repeat-x;}
.news-bot ul li p{ width:400px; float:left; text-indent:20px; overflow:hidden; white-space: nowrap;text-overflow: ellipsis; background:url(../images/news-li.png) 7px 12px no-repeat; color:#333333;}
.news-bot ul li span{ display:block; width:82px; float:right; text-align:right; font-size:13px; color:#949494;}
/*关于我们结束*/

/*产品开始*/
.pro-box{ width:674px; height:auto; overflow:hidden;}
.pro-bot{ width:672px; padding:6px 1px 0; height:auto; overflow:hidden;}
.pro-bot ul{ width:696px; height:auto; overflow:hidden; padding:5px 0;}
.pro-bot ul li{ width:150px; height:auto; overflow:hidden; margin-top:10px; float:left; margin-right:24px; -moz-box-shadow:0px 0px 3px #999; -webkit-box-shadow:0px 0px 3px #999; box-shadow:0px 0px 3px #999;}
.pro-bot ul li span{ display:block; width:150px; height:98px; overflow:hidden;}
.pro-bot ul li span img{ width:150px; height:98px; }
.pro-bot ul li span img:hover{-webkit-animation: fangda  1s ease-in  both;}
.pro-bot ul li p{ width:140px; padding:1px 5px 0; overflow:hidden; height:36px; line-height:36px; background:#ffffff; font-size:14px; color:#090909; text-align:center;  white-space: nowrap;text-overflow: ellipsis;}
/*产品结束*/

/*客户开始*/
.hezuo-max{ width:1200px; height:auto; overflow:hidden; padding-top:19px; padding-bottom:37px;}
.hezuo-bot{ width:1200px; height:auto; overflow:hidden;}
.hezuo-bot ul{ width:1255px; height:auto; overflow:hidden; padding-top:28px; }
.hezuo-bot ul li{ width:196px; height:68px; overflow:hidden; position:relative; float:left; margin-right:55px;}
.hezuo-bot ul li img{ width:196px; height:68px;}
.hezuo-bot ul li a{ width:196px; height:68px; display:block; background:url(../images/kehu-zz.png) center top no-repeat; z-index:99; position:absolute; top:0; left:0;}
.hezuo-bot ul li:hover img{-webkit-animation: fangda  1s ease-in  both;}
/*客户结束*/



@media screen and (max-width: 640px) {
/*手机banner开始*/
.swiper-container {
	margin:0 auto;
	position:relative;
	overflow:hidden;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	-o-backface-visibility:hidden;
	backface-visibility:hidden;
	/* Fix of Webkit flickering */
	z-index:1;
}
.swiper-wrapper {
	position:relative;
	width:100%;
	-webkit-transition-property:-webkit-transform, left, top;
	-webkit-transition-duration:0s;
	-webkit-transform:translate3d(0px,0,0);
	-webkit-transition-timing-function:ease;
	
	-moz-transition-property:-moz-transform, left, top;
	-moz-transition-duration:0s;
	-moz-transform:translate3d(0px,0,0);
	-moz-transition-timing-function:ease;
	
	-o-transition-property:-o-transform, left, top;
	-o-transition-duration:0s;
	-o-transform:translate3d(0px,0,0);
	-o-transition-timing-function:ease;
	-o-transform:translate(0px,0px);
	
	-ms-transition-property:-ms-transform, left, top;
	-ms-transition-duration:0s;
	-ms-transform:translate3d(0px,0,0);
	-ms-transition-timing-function:ease;
	
	transition-property:transform, left, top;
	transition-duration:0s;
	transform:translate3d(0px,0,0);
	transition-timing-function:ease;
}
.swiper-free-mode > .swiper-wrapper {
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	margin: 0 auto;
}
.swiper-slide {
	float: left;
}
.top {
	width:100%;
	
	display:block;
}
.pagination {
  position: absolute;
  z-index: 20;
  left: 45%;
  bottom: 5px;
}
.pagination {
  position: absolute;
  z-index: 20;
  left: 45%;
  bottom: 5px;
}
.swiper-pagination-switch {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 8px;
  background: #CBCBCB;
  border:none;
  margin-right:5px;
  opacity: 0.8;
  cursor: pointer;
}
.swiper-visible-switch {
  background: #900;
}
.swiper-active-switch {
  background: #900;
}
/*手机banner结束*/
/*手机简介、服务开始*/
.about-max{ width:94%; margin:0 auto; padding-top:5px;}
.about-box{ width:100%; height:auto; overflow:hidden;}

.jianjie-top{height:30px; line-height:30px;}
.about-box{ width:100%; height:auto; overflow:hidden;}
.about-top{ width:100%;  overflow:hidden; border-bottom:1px solid #e4e4e4;}
.about-l{ width:60%; height:auto; overflow:hidden;}
.about-l b{ font-size:16px; color:#ee3d45;}
.about-l strong{ font-size:16px; color:#1265b7; padding-right:3px;}
.about-l span{ color:#999999;}
.about-r{ width:30%; overflow:hidden; text-align:right;}
.about-r a{ color:#8d8d8d; font-size:14px;}

.about-bot{ width:-webkit-calc(100% - 8px); width:-moz-calc(100% - 8px); width:calc(100% - 8px);  height:auto; padding:3px; overflow:hidden; border:1px solid #eceff1; margin-top:8px;}
.about-bot p{ width:100%; padding-top:5px; overflow:hidden; height:72px; line-height:24px; text-indent:2em; font-size:14px; color:#333333;}

.fuwu-box{ width:100%; margin:0 auto; height:auto; overflow:hidden; padding-top:10px;}
.fuwu-bot{  width:-webkit-calc(100% - 2px); width:-moz-calc(100% - 2px); width:calc(100% - 2px);  height:auto; padding:0px; overflow:hidden; border:1px solid #eceff1; margin-top:8px;}
.about-bot img{ width:100%; height:auto; overflow:hidden; padding:0;  margin-top:0px; max-height:400px;}

.fuwu-bot ul{ width:100%; height:auto; overflow:hidden; padding-top:8px;}
.fuwu-bot ul li{ float:left; width:46%; height:auto; overflow:hidden; margin-left:2%; margin-right:2%; margin-bottom:15px;}
.fuwu-bot ul li i{ width:-webkit-calc(100% - 2px); width:-moz-calc(100% - 2px); width:calc(100% - 2px); height:104px; display:block; border:1px solid #dcdcdc; overflow:hidden;}
.fuwu-bot ul li i img{width:100%; height:104px; }
.fuwu-bot ul li p{ width:100%; height:38px; line-height:38px; overflow:hidden; font-size:16px; color:#000000;}
.fuwu-bot ul li b{ display:block; width:100%;  height:0; border-bottom:1px solid #d2d2d2;}
.fuwu-bot ul li span{ display:block; height:36px; line-height:18px; overflow:hidden; font-size:13px; color:#4d4d4d; padding-top:8px;}
.fuwu-bot ul li i img:hover{-webkit-animation: fangda  1s ease-in  both;}
/*手机简介、服务结束*/

/*新闻开始*/
.news-maxbox{ width:100%; height:auto; background:none; overflow:hidden; margin-top:10px; padding-top:10px;}
.news-max{ width:94%; margin:0 auto; height:auto;}

.news-box{ width:100%; height:auto; overflow:hidden;}
.news-top{height:30px; line-height:30px; background:url(../images/news-bt.png) left 4px no-repeat; background-size:28px; }
.news-top b{ padding-left:28px;}

.news-bot{ width:100%;  height:auto; overflow:hidden;}
.news-bot ul{ width:100%;  height:auto; overflow:hidden; padding-top:4px;}
.news-bot ul li{ width:100%; height:31px; line-height:30px; font-size:14px; background:url(../images/news-b.png) left bottom repeat-x;}
.news-bot ul li p{ width:-webkit-calc(100% - 80px); width:-moz-calc(100% - 80px); width:calc(100% - 80px); float:left; text-indent:15px; overflow:hidden; white-space: nowrap;text-overflow: ellipsis; background:url(../images/news-li.png) 2px 10px no-repeat; color:#333333;}
.news-bot ul li span{ display:block; width:70px; float:right; text-align:right; font-size:13px; color:#949494;}
/*新闻结束*/

/*产品开始*/
.pro-box{ width:100%; height:auto; overflow:hidden; padding-top:10px;}
.swiper-container {
	margin:0 auto;
	position:relative;
	overflow:hidden;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	-o-backface-visibility:hidden;
	backface-visibility:hidden;
	/* Fix of Webkit flickering */
	z-index:1;
}
.swiper-wrapper {
	position:relative;
	width:100%;
	-webkit-transition-property:-webkit-transform, left, top;
	-webkit-transition-duration:0s;
	-webkit-transform:translate3d(0px,0,0);
	-webkit-transition-timing-function:ease;
	
	-moz-transition-property:-moz-transform, left, top;
	-moz-transition-duration:0s;
	-moz-transform:translate3d(0px,0,0);
	-moz-transition-timing-function:ease;
	
	-o-transition-property:-o-transform, left, top;
	-o-transition-duration:0s;
	-o-transform:translate3d(0px,0,0);
	-o-transition-timing-function:ease;
	-o-transform:translate(0px,0px);
	
	-ms-transition-property:-ms-transform, left, top;
	-ms-transition-duration:0s;
	-ms-transform:translate3d(0px,0,0);
	-ms-transition-timing-function:ease;
	
	transition-property:transform, left, top;
	transition-duration:0s;
	transform:translate3d(0px,0,0);
	transition-timing-function:ease;
}
.swiper-free-mode > .swiper-wrapper {
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	margin: 0 auto;
}
.swiper-slide {
	float: left;
}

/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
	-ms-touch-action: pan-y;
}
.swiper-wp8-vertical {
	-ms-touch-action: pan-x;
}

/* ===============================================================
Your custom styles, here you need to specify container's and slide's
sizes, pagination, etc.
================================================================*/
.swiper-container {
	/* Specify Swiper's Size: */

	/*width:200px;
	height: 100px;*/
}

.swiper-slide-active {
	/* Specific active slide styling: */
	
}
.swiper-slide-visible {
	/* Specific visible slide styling: */	

}
/* ===============================================================
Pagination Styles
================================================================*/
.swiper-pagination-switch {
	/* Stylize pagination button: */	

}
.swiper-active-switch {
	/* Specific active button style: */	
	
}
.swiper-visible-switch {
	/* Specific visible button style: */	
	
}
.swiper-container4 {
	margin:0 auto;
	position:relative;
	overflow:hidden;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	-o-backface-visibility:hidden;
	backface-visibility:hidden;
	/* Fix of Webkit flickering */
	z-index:1;
}
.swiper-container4 {
  margin:4px -1% 0px;
  width: 101%;
  height:auto; overflow:hidden;
  color: #fff;
  text-align: center;
  padding:6px 0px 0px 0px;
}
.swiper-container4 .swiper-slide {
  width: 100%;
  height:100%;
}
.swiper-container4 .pagination4 {
  position: absolute;
  z-index: 20;
  left: 10px;
  bottom: 0px;
}
.swiper-container4 .swiper-pagination-switch {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 8px;
  background: #222;
  margin-right: 5px;
  opacity: 0.8;
  cursor: pointer;
}
.swiper-container4 .swiper-visible-switch {
  background: #aaa;
}
.swiper-container4 .swiper-active-switch {
  background: #f30;
}
.swiper-container4 .li {
	width:49%;
	float:left;
	background:#fff;
	margin:0 1% 0 1%;
	padding:0 0 6px 0;
	border-radius: 3px;
}
.swiper-container4 div.odd {
	margin:0 0 0 0;
}
.swiper-container4 .li .doc {
	width:100%; height:113px;
	display:block;
	margin:6px auto;
}
.swiper-container4 .li dl {
	width:92%;
	height:auto;
	text-align:center;
	margin:0 auto;
}
.swiper-container4 .li dl dt {
	color:#8a6a9e;
	font-size:14px;
	text-align:center;
	font-family:微软雅黑; line-height:25px; display:block; height:25px; overflow:hidden;
}
.swiper-container4 .li dl dd {
	color:#e51717;
	font-size:14px;
	line-height:150%;
	font-family:微软雅黑;
	text-align:left;
	overflow:hidden;
	line-height:22px;
	text-align:center;
	height:22px; display:block; 
}
.swiper-container4 .li div.btn {
	width:92%;
	margin:5px auto 0px auto;
}


.swiper-containersa .swiper-slide {
  width: 100%;
  height:100%;
}
/*产品结束*/
/*客户开始*/
.hezuo-max{ width:94%; height:auto; overflow:hidden; padding-top:0;  padding-bottom:0px;}
.hezuo-bot{ width:100%; height:auto; overflow:hidden;}
.hezuo-bot ul{ width:105%;  height:auto; overflow:hidden; padding-top:8px; }
.hezuo-bot ul li{ width:45%; height:auto; overflow:hidden; position:relative; float:left; margin-right:5% !important; margin-right:0; margin-bottom:8px;}
.hezuo-bot ul li img{ width:100%; height:58px;}
.hezuo-bot ul li a{ width:100%; height:100%; display:block; background:url(../images/kehu-zz.png) center top no-repeat; background-size:100% 100%; z-index:99; position:absolute; top:0; left:0;}
.hezuo-bot ul li:hover img{-webkit-animation: fangda  1s ease-in  both;}
/*客户结束*/

}