
/*banner*/
#banner{
	/*不写宽度：超过1200--默认自适应浏览器窗口*/
	width: 1200px;

	
	/*url-图片路径   图片不重复  水平  垂直 */
	margin: 0 auto;
}
a:link {color:#000;}/* 未被访问的链接 */

a:visited {color:#000;}/* 已被访问的链接 */
a:active {color:#000;}/* 正在被点击的链接 */
.clearfix{
    clear: both;
}
.box{
	width: 1200px;
	margin: 0 auto;
}
.pinggu{
	width: 308px;
	height: 238px;
	border: 1px solid #999999;
	margin-top: 10px;
	float: left;
}
.pinggu .ping1{
	padding-top: 25px;
	/*padding-left: 8px;*/
	 text-align: center;
	box-sizing: border-box;
}
.pinggu .ping2{
	padding-top: 25px;
	padding-left: 12px;
	box-sizing: border-box;
	float: left;
}
.pinggu .ping3{
	padding-right: 12px;
	padding-top: 25px;
	float: right;
}
.synopsis{
	width: 558px;
	height: 238px;
	border: 1px solid #999999;
	margin-left: 5px;
	margin-top: 10px;
	float: left;
	font-size: 14px;
	color: #666666;
	line-height:28px;
	padding:0 5px;
	overflow: hidden;
}
.gongsi img{
	margin-right: 10px;
	margin-top: 10px;
}
.gongsi{
	font-size: 24px;
	font-family: "微软雅黑";
	margin-left: 10px;
	margin-top: 8px;
	
}
.gongsi .syn{
	font-size: 18px;
	
}
.synopsis img{
	margin-right: 10px;
	margin-top: 5px;
	float: left;
	margin-left: 10px;
	
}
.synopsis .jianjie{
	float: right;
	font-size: 14px;
	font-family: "微软雅黑";
    /*margin-left: 200px;*/
   line-height: 24px;
    
    
}
/*.zhengti{
float: left;	
}*/
.advan{
	width: 308px;
	height: 238px;
	border: 1px solid #999999;
	margin-top: 10px;
	float: right;
	
}

.ad{
	font-size: 24px;
	font-family: "微软雅黑";
	margin-left: 18px;
	margin-top: 8px;
	
}
.ad .syn{
font-size: 18px;
padding-top: 10px;	
padding-left: 20px;
}
.youshi{
	font-size: 14px;
	font-family: "微软雅黑";
	text-indent: 28px;
	line-height: 24px;
	padding: 10px;
	box-sizing: border-box;
}
.advan .adpian{
	padding-top: 10px;
	padding-left: 20px;
	box-sizing: border-box;
}
/*客服*/
#kefu {
  position: fixed;
  right: 0;
  top: 150px;
  width: 60px;
  z-index: 100;
  transition: 0.5s
}
#kefu.in 

 {
  right: -60px
}
#kefu-wx {
  position: absolute;
  top: -106px;
  left: -46px
}
#kefu-wx img {
  width: 106px;
  height: 106px
}

.kefu-wrap {
  position: relative;
  width: 60px
}

.kefu-list a {
  position: relative;
  left: 0;
  display: block;
  height: 60px;
  width: 180px;
  margin-top: -1px;
  overflow: hidden;
  background: #f76b7e;
  background: #4dbff7;
  transition: 0.5s
}

.kefu-list a:hover {
  left: -120px
}

.kefu-list i {
  float: left;
  display: block;
  width: 32px;
  height: 32px;
  margin:14px;
}

.kefu-list i.qq {
  background: url(../images/icon.png) no-repeat 1px -18px
}
.kefu-list i.dh {
  background: url(../images/icon.png) no-repeat -34px -18px
}
.kefu-list i.msg {
  background: url(../images/icon.png) no-repeat -69px -18px
}
.kefu-qrcode{
  display: block;
  width: 32px;
  height: 32px;
  padding:14px;
  margin-top: -1px;
  background: #f76b7e;
  background: #4dbff7;
  cursor: pointer;position: relative;
}

.kefu-qrcode i {
  display: block;
  width: 32px;
  height: 32px;
 font-style:normal;
}

.kefu-qrcode .kefu_qrcode_pic{width:120px;height: 120px;z-index:200;
	position: absolute;right:-120px;bottom: 1px;transition: 0.5s}
.kefu-qrcode .kefu_qrcode_pic p{display:block;width:120px;text-align:center;
background: #fff;line-height:25px;color:#000;}
.kefu-qrcode .kefu_qrcode_pic img{width:120px;height: 120px;display:block;}
.kefu-qrcode:hover .kefu_qrcode_pic{right:60px;}

.kefu-qrcode .kefu_qrcode_pic1{width:120px;height: 120px;z-index:200;
	position: absolute;right:-120px;bottom: -140px;transition: 0.5s}
.kefu-qrcode .kefu_qrcode_pic1 p{display:block;width:120px;text-align:center;
background: #fff;line-height:25px;color:#000;}
.kefu-qrcode .kefu_qrcode_pic1 img{width:120px;height: 120px;display:block;}
.kefu-qrcode:hover .kefu_qrcode_pic1{right:60px;}

#backtop {
  display: block;
  width: 32px;
  height: 32px;
  padding:14px;
  margin-top: -1px;
  background: #f76b7e;
  background:  #4dbff7;
  cursor: pointer;
}

#backtop i {
  display: block;
  width: 32px;
  height: 32px;
  background: url(../images/icon.png) no-repeat -112px -19px
}

.kefu-list a span {
  float: left;
  display: block;
  width: 120px;
  height: 60px;
  line-height: 60px;
  color: #fff;
  font-size: 16px;
  text-align: left
}

.der{
	width: 1200px;
	height: 316px;
	margin: 0 auto;
}
.news{
	width: 590px;
	height: 300px;
	border: 1px solid #999999;
	margin-top: 10px;
    float: left;
    box-sizing:border-box;
}
.mingzi{
	width:586px;
	height: 36px;
	background-image: url(../images/gongsi.png);
	/*background-image: url(../images/gongsi2.png);*/
	list-style-type: none;
    font-style: normal;
   /* padding: 12px 12px 0 12px;*/
    
}
.news .xinwen{
    /* position:  relative;*/
      float: left;
      padding:  0 58px 0 58px; 
      line-height: 36px;
      box-sizing: border-box;
      
}
.biao{
	font-size: 16px;
	font-family: "微软雅黑";
	color: #333333;
	padding-top: 10px;
	box-sizing: border-box;
	padding-left: 20px;
	
}
.ri{
	font-size: 14px;
	font-family: "微软雅黑";
	color: #999999;
	/*float: right;*/
	margin-right: 10px;
	float: right;
}
.xin{
	width: 385px;
	height: 130px;
	float: left;
	/*border: 1px solid red;*/
	margin-top: 10px;
}

.nei{
	font-size: 14px;
	font-family: "微软雅黑";
	color: #666666;
	line-height: 24px;
	padding-left: 20px;
	margin-top: 10px;
	box-sizing: border-box;
	text-indent: 28px;
}
.npi{
	float: left;
	padding-left: 20px;
	padding-top: 20px;
	box-sizing: border-box;
}

.wen{
	font-size: 14px;
	font-family: "微软雅黑";
	color: #666666;
	margin-top: 10px;
    list-style-type: none;
    font-style: normal;
    line-height: 24px;
    margin-left: 80px;
}/*
.wen li{
	background:  url(../images/xiaodian(1).png);
}*/

.Service{
   width: 590px;
	height: 300px;
	border: 1px solid #999999;
    float: right;
	margin-top: 10px;
	box-sizing: border-box;
	
    
	
}
.Service .Se1{
	width: 260px;
	float: left;
	margin-left: 24px;
	margin-top: 30px;
	
	
}
.Service .Se2{
	width: 260px;
	 float: right;
	 margin-right: 24px;
	 margin-top: 30px;
}
.lc{
	width: 1200px;
	margin: 0 auto;
}
.lixi{
	 width: 304px;
	height: 240px;
	border: 1px solid #999999;
	margin-top: 10px;
	float: left;
}
.lixi .dizhi{
	font-size: 14px;
	font-family: "微软雅黑";
	color: #666666;
	line-height: 24px;
	margin-top: 8px;
	margin-left: 10px;
}
.lixi .dizhi p{display: block;font-size: 13px;}
.lixi .lp{
	margin-top: 10px;
	margin-left: 40px;
}

.case{
	width: 880px;
	height: 240px;
	border: 1px solid #999999;
	float: right;
	margin-top: 10px;
	margin-left: 10px;
}
.case .ca1{
	float: left;
	margin-top: 10px;
	box-sizing: border-box;
	margin-left: 10px;
}
.jt{
	padding-top: 60px;
	padding-left: 6px;
}

.zizhi{
	width: 1200px;
	height: 244px;
	margin: 0 auto;
	border: 1px solid #999999;
	margin-top: 10px;
	box-sizing: border-box;
}

.youqing{
	width: 1200px;
	height:auto;
	margin: 0 auto;
	margin-top: 10px;
	border: 1px solid #999999;
	
    
}
.youqing .lian{
	padding-top: 16px;
	padding-left: 16px;
	padding-bottom: 20px;
    float: left;
}
.youqing .me{
	width:1064px;
	float: right;
	line-height: 30px;
	margin-top: 14px;
	padding-right:10px;
}
.youqing .me span{
	display:inline-block;
	margin-left:30px;
}

.slideTxtBox{ width:95%; margin:0 auto;}
.slideTxtBox .hd{ height:30px; line-height:30px; background:#d1eefc;  position:relative; margin:10px auto;}
.slideTxtBox .hd ul{ float:left;  position:absolute;  height:32px; width: 100%;  }
.slideTxtBox .hd ul li{ float:left; width:50%;cursor:pointer;text-align: center;  }
.slideTxtBox .hd ul li.on{ height:30px;  background:#4dbff7;}
.slideTxtBox .bd ul{  zoom:1;  }
.slideTxtBox .bd li{ line-height:24px;   }
.slideTxtBox .bd li a{background:url(../images/xiaodian.png) no-repeat left;padding-left:15px;line-height:28px;font-size:14px;color:#999;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;width: 72%;}
.slideTxtBox .bd li img{display:block;float:left;width:30%;}
.slideTxtBox .bd li .bd_right{float:right;width:65%;}
.slideTxtBox .bd li .bd_right a{color:#000;display:block;height:25px;overflow: hidden;font-size:18px;background:none;padding-left:0;}
.slideTxtBox .bd li .bd_right p{display:block;height:72px;overflow: hidden;font-size:14px;width:100%;margin-top:20px;}
.slideTxtBox .bd li .date{ float:right; color:#999;font-size: 14px; }





*{margin:0;padding:0;list-style-type:none;}
	a,img{border:0;}
	/* flexslider */
	.flexslider{position:relative;height:400px;overflow:hidden;background:url(images/loading.gif) 50% no-repeat;}
	.slides{position:relative;z-index:1;}
	.slides li{height:400px;}
	.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}
	.flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;}
	.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(images/dot.png) right 0 no-repeat;cursor:pointer;}
	.flex-control-nav .flex-active{background-position:0 0;}

	.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
	.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
	.flex-direction-nav li a.flex-prev{left:40px;background:url(images/prev.png) center center no-repeat;}
	.flex-direction-nav li a.flex-next{right:40px;background:url(images/next.png) center center no-repeat;}


	.picScroll-left{ width:100%;  overflow:hidden; position:relative;}
	.picScroll-left .hd .prev{ display:block;  width:22px; height:41px; float:left;overflow:hidden;cursor:pointer; background:url(../images/huadomg1.png) no-repeat;position:absolute;top:75px;
	left:20px;}
	.picScroll-left .hd .next{ display:block;  width:22px; height:41px; float:right; overflow:hidden;cursor:pointer; background:url(../images/huadong2.png) no-repeat;position:absolute;top:75px;
	right:22px;}

	.picScroll-left .bd{ padding:10px 50px;width:86%;}
	.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
	.picScroll-left .bd ul li{ margin:0 8px; float:left;  overflow:hidden; text-align:center;width:32%;  }
	.picScroll-left .bd ul li .pic{ text-align:center; }
	.picScroll-left .bd ul li .pic img{ width:100%; height:172px; display:block; }
	.picScroll-left .bd ul li .title{ line-height:24px;}


	.bj{height:48px;background: url(../images/daohang.png) bottom repeat-x; width:1200px;margin:0 auto; }
    .nav{ padding:0 0px; height:48px; line-height:48px;position:relative; z-index:1; width:1200px; margin:auto;  }
    .nav a{ color:#fff; font-size: 14px; }
    .nav .nLi{ float:left;  position:relative; display:inline; }
    .nav .nLi h3{ float:left;  }
    .nav .nLi h3 a{ display:block; padding:0 40px; font-size:16px;font-weight: normal;}
    .nav .sub{ display:none; width:100%; left:0; top:48px;  position:absolute; background:#3ba0ed;  line-height:26px;text-align:center; }
    .nav .sub li{ zoom:1; }
    .nav .sub a{ display:block; padding:5px 15px; }
    .nav .nLi h3 a:hover{ color: #1a8bea;
	background: url(../images/yanse.png);  }
	.nav .nLi h3 a.select{ color: #1a8bea;
	background: url(../images/yanse.png);  }
    .nav .sub a:hover{ color: #1a8bea;
	background: url(../images/yanse.png);  }


	.zizhitupian{
 width:100%;
}
  .demo{ width:100%;  overflow:hidden; position:relative;margin-top:10px;}
  .demo .bd{ width:100%;}
  .demo .bd ul{ overflow:hidden; zoom:1;width:100%; }
  .demo .bd ul li{ margin:0 8px; float:left;  overflow:hidden; text-align:center;width:23.5%;  }
  .demo .bd ul li .pic{ text-align:center; }
  .demo .bd ul li .pic img{ width:100%; height:172px; display:block; }
  .demo .bd ul li .title{ line-height:24px;}
















































