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

* {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
html, body, dl, dd, img, form, div, ul, ol, li, h1, h2, h3, h4, h5, h6, p {
	margin:0;
	padding:0;
	border:0;
}
body {
	font-family:  "Microsoft YaHei", Helvetica, sansation, Verdana, Arial, sans-serif;
	height:100%;
}
.home_body {
	overflow-y:hidden;
	overflow-x:hidden;
}
ul, ol, li {
	list-style-type:none;
}
img {
	border:0;
	vertical-align:middle
}
select, input, select {
	vertical-align:middle;
	outline: none;
}
a:link {
	color:#666666;
	text-decoration:none;
}
a:visited {
	color:#666666;
	text-decoration:none;
}
a:hover {
	color:#4e4949;
	text-decoration:none;
	cursor:pointer;
}
a:active {
	color:#4e4949;
	text-decoration:none;
}
.clear {
	clear:both;
	font-size:0;
	line-height:0;
	height:0;
	visibility:visible;
}
.h {
	display:none;
	visibility:visible;
}
.clear {
	clear:both;
}
.fix {
*zoom:1;
}
.clearfix {
	clear:both;
	content:"";
	display:table;
}
.fix:after {
	clear:both;
	content:"";
	display:table;
}
.fl {
	float:left;
}
.fr {
	float:right;
}
@media screen and (min-width:640px) and (max-width:1024px) {
.comwidth {
	width:768px;
	max-width:1024px;
	margin:0 auto;
}

.logo a:hover {
	display:block;
	background:url(../images/logo1.png) no-repeat;
}
.wap_zy{width:100%;height:80px;margin:0 auto;overflow:hidden;}
.wap_zy ul{width:100%;margin:0 auto;}
.wap_zy ul li{width:20%;float:left;margin:0 auto;text-align:center;}
.wap_zy ul li a{display:inline-block;width:100%;height:80px;font:18px/80px "微软雅黑";}
.wap_zy ul li .on{color:#4e4949;}
/*侧边导航*/
.wrapper1 {
  width: 100%; 
  background: #fff;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  position:relative;
  z-index:999999;

  }
.logo {
 width:200px;
 height:69px;
 position:absolute;
 left:0;
 bottom:0;
}
.logo a {
 width:100%;
 height:100%;
 background:url(../images/logosj.jpg) no-repeat;
 display:block;
}
.logo a:hover {
 display:block;
 background:url(../images/logosj.jpg) no-repeat;
}
  
.slide-wrapper1 div.slide-mask {
  position: absolute;
  z-index: 20000;
  right: 10px;
  top: 10px;
  width: 25px;
  height:25px;
  min-height:auto;
  display:block;
  background:transparent; 
}
.slide-menu{position:absolute;right:0;top:60px;}

.wrapper1 .container1{
  position: relative;
  z-index: 2;  
  width: 100%;
  height: 110px;
  background: #fff;

}
aside.slide-wrapper1 {
  z-index: 401;
  left: 0;
  top: 0;
  width: 70%;
  -webkit-transform: translate3d(-100%, 0, 0);
  -moz-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  -o-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
aside.slide-wrapper1 > div {
  background-color: #000;
  min-height: 100%;
}
aside.slide-wrapper1 > div > div {
  padding: 0 10px;
  height: 45px;
  overflow: hidden;
}
aside.slide-wrapper1 > div > div strong {
  height: 45px;
  line-height: 45px;
  font-size: 18px;
  color: #ffffff;
  font-weight: normal;
}
aside.slide-wrapper1.moved {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
aside.slide-wrapper1 li > a {
  padding: 15px 10px;
  font-size: 15px;
  display: block;
  color: #fff;
  text-align:center;
  font-weight:bold;
  
}
aside.slide-wrapper1 li > a img{width:60px;height:20px;display:inline-block;}
aside.slide-wrapper1 li.current > a {
  background-color:rgba(217,217,214,0.5);
}

/*banner部分*/
.swiper-container {
    margin: 120px auto 0 auto;
	width:100%;
	height:380px;
    position: relative;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
}

.swiper-wrapper {
    position: relative;
    width: 100%;
	height:380px;
    -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;

}

.swiper-wp8-horizontal {
    -ms-touch-action: pan-y;
}

.swiper-wp8-vertical {
    -ms-touch-action: pan-x;
}


.device {
    position: relative
}

.device .arrow-left {
    background: url(../images/template_5.png) no-repeat left top;
    position: absolute;
    left: 10px;
    top: 50%;
    margin-top: -15px;
    width: 50px;
    height: 50px;
    z-index: 10;
    display: none;
}

.device .arrow-right {
    background: url(../images/template_6.png) no-repeat left bottom;
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -15px;
    width: 50px;
    height: 50px;
    z-index: 10;
    display: none;
}


.swiper-container {
    height:380px;
    width: 100%;
	
}

.swiper-container img {
    width: 100%;
	height:380px;
}

.content-slide {
    padding: 20px;
    color: #fff;
}

.points {
    position: absolute;
    left: 0;
    text-align: center;
    bottom: 6px;
    width: 100%;
    z-index: 10
}

.swiper-pagination-switch {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 10px;
    background: #fff;
    margin: 0 3px;
    cursor: pointer;
}

.swiper-active-switch {
    background: #9bcc0e;
}

/*关于我们*/
.about {
	width:768px;
	height:200px;
	margin:30px auto 20px auto;
	float:left;
}
.about a {
	width:600px;
	height:100%;
	display:block;
	color:#000;
	margin:0 auto;
}
.about a h1 {
	margin-top:10px;
	font:24px/40px "微软雅黑";
	font-weight:bold;
	height:40px;
}
.about a p {
	font:18px/32px "微软雅黑";
	height:120px;
	margin-top:20px;
}
/*产品展示*/
.main {width:768px;
	margin:0 auto;
	height:3500px;
}
.mian_case_cont{width:100%;height:100%;display:block;position:relative;}
.mian_case_cont li:nth-child(1){width:50%;height:700px;position:absolute;left:0;top:0;}
.mian_case_cont li:nth-child(2){width:50%;height:350px;position:absolute;left:50%;top:0;}
.mian_case_cont li:nth-child(3){width:50%;height:350px;position:absolute;left:50%;top:350px;}
.mian_case_cont li:nth-child(4){width:50%;height:350px;position:absolute;left:0;top:1050px;}
.mian_case_cont li:nth-child(5){width:100%;height:350px;position:absolute;left:0;top:700px;}
.mian_case_cont li:nth-child(6){width:50%;height:700px;position:absolute;right:0;top:1050px;}
.mian_case_cont li:nth-child(7){width:50%;height:350px;position:absolute;left:0;top:1400px;}
.mian_case_cont li:nth-child(8){width:50%;height:350px;position:absolute;left:0;top:2800px;}
.mian_case_cont li:nth-child(9){width:100%;height:700px;position:absolute;left:0;top:1750px;}
.mian_case_cont li:nth-child(10){width:100%;height:350px;position:absolute;left:0;top:2450px;}
.mian_case_cont li:nth-child(11){width:50%;height:350px;position:absolute;left:0;top:3150px;}
.mian_case_cont li:nth-child(12){width:50%;height:700px;position:absolute;right:0;top:2800px;}

.tu {
	width:100%;
	height:100%;
	overflow: hidden;
}
.tu img {
	width:100%;
	height:100%;
	display:block;
}
.mian_case_cont li:hover .tu img {
	width:100%;
	height:100%;
	display:block;
	-webkit-transform: scale(1.1);
	-moz-transform:scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
	transition: 0.3s;
	-moz-transition: 0.3s;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
}
.mian_case_cont li .des {
	width:100%;
	height:100%;
	color:#fff;
	font:18px/36px "微软雅黑";
	position: absolute;
	left: 0;
	top: 0;
	z-index: 99;
	overflow: hidden;
	opacity: 0;
	transition: 0.7s;
	-moz-transition: 0.7s;
	-webkit-transition: 0.7s;
	-o-transition: 0.7s;
	background:rgba(0, 0, 0, .65);
}
.mian_case_cont li:hover .des {
	display:block;
	opacity: 1;
}
.mian_case_cont li p {
 margin-left:40px;
}
.mian_case_cont li .des .p1{
	font:18px/36px "微软雅黑";
	margin-top:40px;
}
.mian_case_cont li .des .p2 {
	font:16px/32px "微软雅黑";
	margin-top:130px;
}
.mian_case_cont li:nth-child(1) .p2 ,
.mian_case_cont li:nth-child(7) .p2,
.mian_case_cont li:nth-child(9) .p2 ,
.mian_case_cont li:nth-child(12) .p2
{
	font:16px/32px "微软雅黑";
	margin-top:480px;
}

/*客户展示*/
.customer {
	width:90%;
	height:700px;
	float:left;
	position:relative;
	margin:20px 5% 10px 5%;
}
.customer p {
	width:90%;
	font:24px/56px "微软雅黑";
	color:#000;
	margin:0 5%;
}
/*客户展示图片*/
.multipleLine {
	overflow:hidden;	
	width:780px;
	height:250px;	
	float:left;
}
.multipleLine .bd {
	margin-top:10px;
	padding:10px;
	height:200px;
	overflow:hidden;
}
.multipleLine .bd ul {
	overflow:hidden;
	zoom:1;
	margin-bottom:10px;
}
.multipleLine .bd ul li {
	margin:10px 0px 0px 0px;
	height:180px;
	width:180px;
	float:left;
	_display:inline;
	overflow:hidden;
	text-align:center;
}
.multipleLine .bd ul li .pic {
	text-align:center;
}
.multipleLine .bd ul li .pic img {
	width:100%;
	height:100%;
	display:block;
}
.multipleLine .bd ul li .pic a:hover img {
	border-color:#999;
}
/*客户展示图片*/
 /*客户展示文字*/
.txtMarquee-top {
	width:100%;
	height:240px;
	overflow:hidden;
	margin:0 auto;
	position:relative;
}
.txtMarquee-top .bd {
	padding:15px;
	width:700px;
	text-align:center;
	margin:0 auto;
}
.txtMarquee-top .infoList li {
	width:400px;
	height:auto;
	font:20px/40px "微软雅黑";
	text-align:left;
	margin:0 auto;
}
.txtMarquee-top .infoList li .date {
	float:right;
	color:#999;
}
.txtMarquee-top p {
	width:40px;
	height:40px;
}
.txtMarquee-top p img {
	width:100%;
	height:100%;
	display:block;
}
.txtMarquee-top .sy1 {
	position:absolute;
	left:0;
	top:0;
}
.txtMarquee-top .sy2 {
	position:absolute;
	right:0;
	bottom:0;
}
/*底部说明*/
.footer {
	width:100%;
	height:650px;
	background:#4c4c4c;
	float:left;
}
.footer_center {
	margin:0 auto;
}
.footer_cont {
	width:40%;
	height:20%;
	margin:30px auto 0 10%;
	float:left;
	color:#fff;
	text-align:left;
	
}
.footer_cont h2 {
	font:1.4em/2em "微软雅黑";
	margin-left:13%;
}
.footer_cont p {
	font:1em/1.8em "微软雅黑";
	text-align:left;
	color:#fff;
	margin-left:13%;
}
.footer_cont p a{
		color:#fff;
	
}

/*子页导航*/

.main_zy {
	width:100%;
	margin:10% auto 0 auto;
	
}
/*洞察*/
.dongcha {
	width:100%;
	margin:0 auto;
}
.dongcha li {
	width:100%;
	height:360px;
	border-bottom:1px solid #ccc;
	margin:30px auto;
}
.dongcha li a {
	width:100%;
	height:100%;
	display:block;
}
.dongcha_tp {
	float:left;
	width:30%;
	height:280px;
	overflow:hidden;
}
.dongcha_tp img {
	width:100%;
	height:100%;
	display:block;
}
.dongcha_tp:hover img {
	width:100%;
	height:100%;
	display:block;
	-webkit-transform: scale(1.1);
	-moz-transform:scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
	transition: 0.3s;
	-moz-transition: 0.3s;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
}
.dongcha_list {
	float:right;
	width:68%;
}
.dongcha_list .time {
	width:100%;
	height:40px;
	font:1.3em/1.6em "微软雅黑";
	color:#000;
	margin-top:10px;
}
.dongcha_list .dc_title {
	width:100%;
	height:60px;
	font:1.4em/2em "微软雅黑";
	color:#444;
	margin-top:10px;
}
.dongcha_list .newscont {
	width:100%;
	height:62px;
	font:1.2em/1.6em "微软雅黑";
	color:#666;
	margin-top:10px;
	overflow:hidden;
}
.dongcha_list .more a {
	width:100%;
	height:60px;
	font:1.2em/1.4em "微软雅黑";
	color:#666;
	text-decoration:underline;
	margin-top:40px;
}
/*公司简介*/
.about_tp {
	width:90%;
	height:450px;
	margin:0 auto;
}
.about_tp img {
	width:100%;
	height:100%;
	display:block;
}
.lxfs {
	width:40px;
	height:120px;
	background:#4c4c4c;
	float:right;
	position:relative;
	bottom: -10px;
         z-index:80;
}
.lxfs .phone, .lxfs .weixin, .lxfs .backtop {
	width:100%;
	height:40px;	
}
.lxfs .phone a, .lxfs .weixin a, .lxfs .backtop a{
width:28px;
height:28px;
display:block;
margin-left:6px;
margin-top:3px;	
}
.lxfs .phone a img,
.lxfs .weixin a img,
.lxfs .backtop a img
{width:100%;display:block;}
#EWM{position:absolute;left:-120px;display:none;top:0;}
#EWM img{width:120px;height:120px;}
/*详情页*/
.xiangqingye {
	width:100%;
	min-width:768px;
	height:auto;
	margin:10px auto;
}
.xiangqing_list {
	width:100%;
	height:auto;
	padding-top:54px;
	padding-bottom:24px;
}
.xiangqing_item {
	width:48%;
	font:24px/40px "微软雅黑";
	text-align:left;
	padding-left:2%;
}
.xiangqing_item p {
	width:100%;
	height:40px;
	font:24px/40px "微软雅黑";
}
.xiangqing_item p span {
	height:40px;
	font:20px/40px "微软雅黑";
}
.xiangqing_nr {
	width:50%;
	font:16px/30px "微软雅黑";
	text-align:left;
	padding-right:2%;
}
.xingqing_wenzhang {
	width:90%;
	font:18px/36px "微软雅黑";
	color:#666;
	float:left;
	margin:50px 5%;
}
.xingqing_wenzhang h3{width:100%;text-align:center;font:24px/48px "微软雅黑"; color: #333;}
.xingqing_wenzhang .lujing{width:100%;text-align:center;font:16px/48px "微软雅黑";border-bottom:1px solid #ccc;display:block;margin-bottom:8px;}
.xingqing_wenzhang img {
	width:100%;
	height:100%;
	margin:50px auto;
}
/*分享*/
.fenxiang {
	width:100%;
	height:50px;
	margin:0 auto;
}
.fenxiang_cont {
	width:260px;
	position:relative;
	float:right;
    height: 70px
}
.fenxiang span {
	display:inline-block;
	width:50px;
	height:32px;
	float:left;
	margin-left:15px;
}
.fenxiang span img {
	width:29px;
	height:32px;
	display:block;
	margin-top:15px;
}
.close_g{background:url(../images/close.png) no-repeat;margin-top:15px;}
.fenxiang span a {
	width:29px;
	height:32px;
	display:inline-block;
	color:#999;
	font-size:48px;
	line-height:50px;
}
.fen {
	position:absolute;
	right:0;
	background:url(../images/fx.png) no-repeat;
	margin-top:15px;
}
.sxy01 a{background:url(../images/left0.png) no-repeat;margin-top:15px;}
.sxy02 a{background:url(../images/right0.png) no-repeat;margin-top:15px;}.xg_list {
	float:left;
	margin:3% auto;
	width:100%;
	height:auto;
}
.jiathis_style{margin-left:650px; display:none;}
.xg_list p {
	width:100%;
	font:16px/32px "微软雅黑";
	text-align:left;
}
/*产品页*/
.Product {
	width:100%;
	height:auto;
	margin:0 auto;
	position:relative;
}
.Product_cont {
	width:50%;
	height:300px;
	float:left;
	position:relative;
}
.Product_cont .tu {
	width:100%;
	height:100%;
	display:block;
}
.Product_cont .tu img {
	width:100%;
	height:100%;
	display:block;
}
.Product_cont .des_1 {
	width:100%;
	height:100%;
	color:#fff;
	font:16px/32px "微软雅黑";
	position: absolute;
	left: 0;
	top: 0;
	z-index: 20;
	overflow: hidden;
	opacity: 0;
	transition: 0.7s;
	-moz-transition: 0.7s;
	-webkit-transition: 0.7s;
	-o-transition: 0.7s;
	background:rgba(0, 0, 0, .65);
}
.Product_cont:hover .des_1 {
	display:block;
	opacity: 1;
}
.Product_cont .des_1 p {
	margin-left:40px;
	margin-top:30px;
	position:relative;
}
.des_1 p .title_item {
	font:16px/32px "微软雅黑";
}
.des_1 p .title_item1 {
	font:14px/22px "微软雅黑";
	position:absolute;
	top:200px;
	display:block;
}
.des_1 p .title_item2 {
	font:14px/22px "微软雅黑";
	position:absolute;
	top:230px;
	display:block;
}
/*页码信息*/
.page {
	margin:30px auto;
	width:100%;
	height:auto;
	float:left;
}
.page ul {
	width:200px;
	margin:0 auto;
}
.page li {
	float:left;
	width:40px;
	height:40px;
	text-align:center;
	color:#b7b6b5;
	font:24px/40px "微软雅黑";
}
.page li:hover {
	color:#4e4949;
}
.page li a:hover {
	cursor:pointer;
}
.lianximore {
	margin:3% auto;
	height:25%;
	font:16px/30px "微软雅黑";
	color:#333;
	text-align:center;
	width:100%;
}
.main_zy_more {
	width:200px;
	height:40px;
	border:1px solid #ccc;
	text-align:center;
	margin:40px auto 20px auto;
}
.main_zy_more a {
	font:18px/40px "微软雅黑";
	display:block;
}
.backtop01{width:40px;height:40px;position:absolute;right:0;bottom:-100px;}
.backtop01 a{width:100%;height:100%;display:block;}
.backtop01 a img{width:100%;height:100%;display:block;}
}
@media screen and (min-width:320px) and (max-width:640px){
	
/*首页*/
/*侧边导航*/
header{width:100%;height:70px;margin:0 auto;}
.wrapper1 {
  width: 100%; 
  background: #fff;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  position:relative;
  z-index:999999;

  }
.logo {
 width:200px;
 height:65px;
 position:absolute;
 left:0;
 
}
.logo a {
 width:100%;
 height:100%;
 background:url(../images/logosj.jpg) no-repeat;
 display:block;
}
.logo a:hover {
 display:block;
 background:url(../images/logosj.jpg) no-repeat;
}
  
.slide-wrapper1 div.slide-mask {
    position: absolute;
    z-index: 20000;
    right: 0px;
    top: 0px;
    width: 50px;
    height: 50px;
    min-height: auto;
    display: block;
    background: transparent;
}
.slide-menu{position:absolute;right:0;top:26px;}

.wrapper1 .container1{
  position: relative;
  z-index: 2;  
  width: 100%;
  height:70px;
  background:#fff;

}
aside.slide-wrapper1 {
  z-index: 401;
  left: 0;
  top: 0;
  width: 70%;
  -webkit-transform: translate3d(-100%, 0, 0);
  -moz-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  -o-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
aside.slide-wrapper1 > div { 
  background-color: #000;
  min-height: 100%;
}
aside.slide-wrapper1 > div > div {
  padding: 0 10px;
  height: 45px;
  overflow: hidden;
}
aside.slide-wrapper1 > div > div strong {
  height: 45px;
  line-height: 45px;
  font-size: 18px;
  color: #ffffff;
  font-weight: normal;
}
aside.slide-wrapper1.moved {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
aside.slide-wrapper1 li > a {
  padding: 18px 10px;
  font-size: 18px;
  display: block;
  color: #fff;
  text-align:center;
  font-weight:bold;
  
}
aside.slide-wrapper1 li > a img{width:60px;height:20px;display:inline-block;text-align:center}
aside.slide-wrapper1 li.current > a {
  background-color:rgba(217,217,214,0.5);
}
.comwidth {
 width:100%;
}

/*banner部分*/
.swiper-container {
    margin:0 auto;
	width:100%;
	height:180px;
    position: relative;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
}

.swiper-wrapper {
    position: relative;
    width: 100%;
	height:180px;
    -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;

}

.swiper-wp8-horizontal {
    -ms-touch-action: pan-y;
}

.swiper-wp8-vertical {
    -ms-touch-action: pan-x;
}
.device {
    position: relative;
	margin-top:70px;
}

.device .arrow-left {
    background: url(../images/template_5.png) no-repeat left top;
    position: absolute;
    left: 10px;
    top: 50%;
    margin-top: -15px;
    width: 50px;
    height: 50px;
    z-index: 10;
    display: none;
}

.device .arrow-right {
    background: url(../images/template_6.png) no-repeat left bottom;
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -15px;
    width: 50px;
    height: 50px;
    z-index: 10;
    display: none;
}
.swiper-container img {
    width: 100%;
	height:180px;
}

.content-slide {
    padding: 20px;
    color: #fff;
}

.points {
    position: absolute;
    left: 0;
    text-align: center;
    bottom: 6px;
    width: 100%;
    z-index: 10
}

.swiper-pagination-switch {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 10px;
    background: #fff;
    margin: 0 3px;
    cursor: pointer;
}

.swiper-active-switch {
    background: #4e4949;
}
/*关于我们*/
.about {
 width:100%;
 height:238px;
 margin:20px auto;
}
.about a {
 width:90%;
 height:100%;
 display:block;
 color:#000;
 margin:0 auto;
}
.about a h1 { 
 font:24px/48px "微软雅黑";
 font-weight:bold;
 height:48px;
 width:90%;
}
.about a p {
 font:16px/32px "微软雅黑";
 height:120px;
 margin:10px auto;
}

/*产品展示*/
.main {width:100%;
	margin:0 auto;
	height:5040px;
}
.mian_case_cont{width:100%;height:100%;display:block;position:relative;}
.mian_case_cont li:nth-child(1){width:100%;height:720px;position:absolute;left:0;top:0;}
.mian_case_cont li:nth-child(2){width:100%;height:360px;position:absolute;left:0;top:720px;}
.mian_case_cont li:nth-child(3){width:100%;height:360px;position:absolute;left:0;top:1080px;}
.mian_case_cont li:nth-child(4){width:100%;height:360px;position:absolute;left:0;top:1620px;}
.mian_case_cont li:nth-child(5){width:100%;height:180px;position:absolute;right:0;top:1440px;}
.mian_case_cont li:nth-child(6){width:100%;height:720px;position:absolute;left:0;top:2340px;}
.mian_case_cont li:nth-child(7){width:100%;height:360px;position:absolute;right:0;top:1980px;}
.mian_case_cont li:nth-child(8){width:100%;height:360px;position:absolute;left:0;top:3600px;}
.mian_case_cont li:nth-child(9){width:100%;height:360px;position:absolute;left:0;top:3060px;}
.mian_case_cont li:nth-child(10){width:100%;height:180px;position:absolute;left:0;top:3420px;}
.mian_case_cont li:nth-child(11){width:100%;height:360px;position:absolute;left:0;top:3960px;}
.mian_case_cont li:nth-child(12){width:100%;height:720px;position:absolute;right:0;top:4320px;}
.tu {
	width:100%;
	height:100%;
	overflow: hidden;
}
.tu img {
	width:100%;
	height:100%;
	display:block;
}
.mian_case_cont li:hover .tu img {
	width:100%;
	height:100%;
	display:block;
	-webkit-transform: scale(1.1);
	-moz-transform:scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
	transition: 0.3s;
	-moz-transition: 0.3s;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
}
.mian_case_cont li .des {
	width:100%;
	height:100%;
	color:#fff;
	font:18px/36px "微软雅黑";
	position: absolute;
	left: 0;
	top: 0;
	z-index: 21;
	overflow: hidden;
	opacity: 0;
	transition: 0.7s;
	-moz-transition: 0.7s;
	-webkit-transition: 0.7s;
	-o-transition: 0.7s;
	background:rgba(0, 0, 0, .65);
}
.mian_case_cont li:hover .des {
	display:block;
	opacity: 1;
}
.mian_case_cont li p {
 margin-left:30px;
}
.mian_case_cont li .des .p1{
	font:14px/32px "微软雅黑";
	margin-top:30px;
}
.mian_case_cont li .des .p2 {
	font:12px/28px "微软雅黑";
	margin-top:120px;
}
.mian_case_cont li:nth-child(1) .p2 ,
.mian_case_cont li:nth-child(6) .p2,
.mian_case_cont li:nth-child(9) .p2 ,
.mian_case_cont li:nth-child(12) .p2
{
	font:12px/28px "微软雅黑";
	margin-top:280px;
}


/*客户展示*/
.customer {
 width:100%;
 height:360px;
 float:left;
 position:relative;
 margin-top:30px;
}
.customer p {
 width:90%;
 font:18px/36px "微软雅黑";
 color:#000;
 margin:0 auto;
}
/*客户展示图片*/
 .swiper-container01 {
        width: 100%;
        height: 100px;
       
    }
    .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;
        
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
	
 .swiper-slide a{width:100%;height:100%;display:inline-block;}
 .swiper-slide a img{width:100%;height:100%;display:block;}
/*客户展示图片*/
.multipleLine {
 width:90%;
 height:100px;
 margin:0 auto;
 overflow:hidden;
}

.multipleLine .bd {
 width:100%;
 padding:10px;
 height:100px;

}
.multipleLine .bd ul {
 width:100%;
 overflow:hidden;
 zoom:1;
 margin-bottom:10px;
}
.multipleLine .bd ul li {
 margin:10px auto;
 height:76px;
 width:25%;
 float:left;
 _display:inline;
 overflow:hidden;
 text-align:center;
}
.multipleLine .bd ul li .pic {
 text-align:center;
}
.multipleLine .bd ul li .pic img {
 width:100%;
 height:100%;
 display:block;
}
.multipleLine .bd ul li .pic a:hover img {
 border-color:#999;
}
/*客户展示文字*/
.txtMarquee-top {
 width:90%;
 height:150px;
 margin:20px auto;
 position:absolute;
 left:5%;
 overflow:hidden;
}
.txtMarquee-top .bd {
 width:100%;
 text-align:center;
 margin-top:20px;
}
.txtMarquee-top .infoList li {
 width:70%;
 font:14px/28px "微软雅黑";
 text-align:left;
 margin:0 auto;
 

}
.txtMarquee-top .infoList li .date {
 float:right;
 color:#999;
}
.txtMarquee-top p {
 width:40px;
 height:40px;
}
.txtMarquee-top p img {
 width:100%;
 height:100%;
 display:block;
}
.txtMarquee-top .sy1 {
 position:absolute;
 left:0;
 top:0;
}
.txtMarquee-top .sy2 {
 position:absolute;
 right:0;
 bottom:0;
}
.main_zy {
	width:100%;
	margin:25% auto 2% auto;}
/*洞察*/
.dongcha {
	width:100%;
	margin:0 auto;
         float: left;
}
.dongcha li {
	width:100%;
	height:150px;
	border-bottom:1px solid #ccc;
	margin:30px auto;
}
.dongcha li a {
	width:100%;
	height:100%;
	display:block;
}
.dongcha_tp {
	float:left;
	width:40%;
	height:135px;
	overflow:hidden;
}
.dongcha_tp img {
	width:100%;
	height:100%;
	display:block;
}
.dongcha_tp:hover img {
	width:100%;
	height:100%;
	display:block;
	-webkit-transform: scale(1.1);
	-moz-transform:scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
	transition: 0.3s;
	-moz-transition: 0.3s;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
}
.dongcha_list {
	float:right;
	width:55%;
}
.dongcha_list .time {
	width:100%;
	height:20px;
	font:0.8em/0.9em "微软雅黑";
	color:#000;	
}
.dongcha_list .dc_title {
    width: 100%;
    height: 45px;
    font: 16px/22px "微软雅黑";
    color: #444;	
    overflow: hidden;
	
}
.dongcha_list .newscont{
	width: 96%;    
   font:12px/20px "微软雅黑";
   margin:0 auto;
   height:40px;
   overflow:hidden;
}
.lianximore {
	width: 100%;
    text-align: center;
   font:14px/28px "微软雅黑";
     float:left;
    margin-top:30px;
}
.dongcha_list .more a {
	width:100%;
	height:60px;
	font:0.9em/1.0em "微软雅黑";
	color:#666;
	text-decoration:underline;
	margin-top:10px;
}
/*产品页*/
.wap_zy{width:100%;height:auto;margin:0 auto 10px auto;float:left;}
.wap_zy ul{width:100%;margin:0 auto;}
.wap_zy ul li{float:left;margin:0 7px;text-align:left;}
.wap_zy ul li a{display:inline-block;width:100%;height:32px;font:16px/32px "微软雅黑";color: #000;}
.wap_zy ul li .on{color:#4e4949;}
.Product {
	width:100%;
	height:auto;
	margin:0 auto;
	position:relative;
          float:left;
}
.Product_cont {
	width:50%;
	height:160px;
	float:left;
	position:relative;
}
.Product_cont .tu {
	width:100%;
	height:100%;
	display:block;
}
.Product_cont .tu img {
	width:100%;
	height:100%;
	display:block;
}
.Product_cont .des_1 {
	width:100%;
	height:100%;
	color:#fff;
	font:14px/28px "微软雅黑";
	position: absolute;
	left: 0;
	top: 0;
	z-index: 20;
	overflow: hidden;
	opacity: 0;
	transition: 0.7s;
	-moz-transition: 0.7s;
	-webkit-transition: 0.7s;
	-o-transition: 0.7s;
	background:rgba(0, 0, 0, .65);
}
.Product_cont:hover .des_1 {
	display:block;
	opacity: 1;
}
.Product_cont .des_1 p {
	margin-left:20px;
	margin-top:10px;
	position:relative;
}
.des_1 p .title_item {
	font:14px/28px "微软雅黑";
}
.des_1 p .title_item1 {
	font:12px/20px "微软雅黑";
	position:absolute;
	top:90px;
	display:block;
}
.des_1 p .title_item2 {
	font:12px/20px "微软雅黑";
	height:18px;
	overflow:hidden;
	position:absolute;
	top:110px;
	display:block;
}

/*详情页*/
.xiangqingye {
	width:100%;	
	min-width:320px;	
	margin: 0 auto;
          float: left;
}
.xiangqing_list {
	width: 90%;
    padding-top: 4%;
    padding-bottom: 2%;
    margin: 0 auto;
}
.xiangqing_item {
	width:100%;
	font:16px/32px "微软雅黑";
	text-align:left;	
	
}
.xiangqing_item p {
	width:90%;
	height:35px;
	font:14px/20px "微软雅黑";
	margin:0 auto;
	font-weight:bold;
}
.xiangqing_item p span {
	height:16px;
	font:16px/32px "微软雅黑";
}
.xiangqing_nr {
	width:100%;
	font:14px/28px "微软雅黑";
	text-align:left;
	
	
}
.xiangqing_nr p{width:90%;margin:0 auto;}
.xingqing_wenzhang {
	width:90%;
	font:14px/28px "微软雅黑";
	color:#666;	
	text-align:justify;
	margin:0 5%;
}
.xingqing_wenzhang p{width:100%;margin:0 auto;}
}

.xingqing_wenzhang img {
	width:100%;	
	margin:0 auto;
}
/*公司简介页面的联系方式*/
.lxfs {
	width: 40px;
    height: 120px;
    background: #4c4c4c;    
    position: fixed;
    bottom: 200px;
    right: 0;
    z-index: 80;
}
.lxfs .phone, .lxfs .weixin, .lxfs .backtop {
	width:100%;
	height:40px;	
}
.lxfs .phone a, .lxfs .weixin a, .lxfs .backtop a{
width:28px;
height:28px;
display:block;
margin-left:6px;
margin-top:3px;	
}
.lxfs .phone a img,
.lxfs .weixin a img,
.lxfs .backtop a img
{width:100%;display:block;}
#EWM{position:absolute;left:-120px;display:none;top:0;}
#EWM img{width:120px;height:120px;}
/*公司简介*/
.about_tp {
	width:90%;	
	margin:0 5%;
}
.about_tp img {
	width:100%;
	height:100%;
	display:block;
}
/*页码信息*/
.page {
	display:block;
}

/*分享*/
.fenxiang {
	width:100%;
	height:50px;
	margin:0 auto;
}
.fenxiang_cont {
	width:260px;
	position:relative;
	float:right;
    height: 70px
}
.fenxiang span {
	display:inline-block;
	width:50px;
	height:32px;
	float:left;
	margin-left:15px;
}
.fenxiang span img {
	width:29px;
	height:32px;
	display:block;
	margin-top:15px;
}
.close_g{background:url(../images/close1.png) no-repeat;margin-top:15px;}
.fenxiang span a {
	width:29px;
	height:32px;
	display:inline-block;
	color:#999;
	font-size:48px;
	line-height:50px;
}
.fen {
	position:absolute;
	right:0;
	background:url(../images/fx.png) no-repeat;
	margin-top:15px;
}
.sxy01 a{background:url(../images/left0.png) no-repeat;margin-top:15px;}
.sxy02 a{background:url(../images/right0.png) no-repeat;margin-top:15px;}
.jiathis_style{margin-left:260px; display:none;}
/*底部说明*/
.footer {
	width:100%;
	height:650px;
	background:#4c4c4c;
	float:left;
	margin-top:8%;
}
.footer_center {
	margin:0 auto;
}
.footer_cont {
	width:85%;
	height:auto;
	margin:20px auto 0 10%;	
	color:#fff;
	text-align:left;
	
}
.footer_cont h2 {
	font:1.2em/1.6em "微软雅黑";
	
}
.footer_cont p{
	font:1em/1.5em "微软雅黑";
	text-align:left;
	color:#fff;
	
}
.footer_cont p a{
	font:1em/1.5em "微软雅黑";
	text-align:left;
	color:#fff;
	
}