body{ margin:0px; padding:0px;font-family:Microsoft Yahei; background:#fff;}
table,form,h1,h2,h3,ul,li,ol,dl,dd,dt,span,a,em,p{padding:0px; margin:0px;}
ul,li{list-style: none;}
a{ text-decoration:none;}
a:hover{ text-decoration:underline; color:#3388FF;}
.clear{ clear:both;}
.center{ text-align:center;}
img{border:none;}
#header{background:#fff; padding:0px;transition:all 0.4s;}


/*-头部导航-*/



.navbar-brand{display:block; height:75px; text-indent:-9999px;margin:10px auto 0 50px; width:300px;float: left; padding:0;}
.navbar-brand:hover,
.navbar-brand:focus {
  text-decoration: none;
}
.navbar-brand > img {
  display: block; transition:all 0.3s; -webkit-transition:all 0.3s;
}


#slider{ margin:0px auto; text-align:center;}
/*.carousel-inner img{width:100%;}*/
.nav{font-family:"Microsoft Yahei"; font-size:16px; float:right; padding-top:3px; margin-right:50px;}
.nav li{ display:inline-block; margin:0 0px; border:none;}
.nav > li > a {
  position: relative;
  display: block;
  padding: 0px 25px; line-height:80px; transition: all 0.4s; -webkit-transition:all 0.4s; border:none;
  color:#333;
}
#header.scrolled .nav > li > a {line-height:60px;}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  color: #fff;
  background-color: #00A6E3; border-radius:0;
}
.nav > li:hover{ background:none; border-radius:0px;border-bottom:4px solid #3388FF;}
.nav > li:hover > a{  border-radius:0;     color:#333;}

.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none; background:#fff;
   color:#3388FF;
}
.nav > li.disabled > a {
  color: #777;
}
.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus {
  color: #777;
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
}


.nav > li > ul{display:none; position:absolute;background:#0746AE; width:100%;font-size:16px; color:#fff; text-align:center; -webkit-transition:all 0.3s;transition:all 0.3s;}
.nav > li > ul li{ line-height:38px; text-align:center; height:38px; display:block;}
.nav > li > ul li a{ color:#Fff;}
.nav > li:hover ul{ display:block;}



.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
  background-color: #f7f7f7;
  border-color: #333;
}
.nav .nav-divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #428bca;
}


.navbar{ margin:0;}


.navbar-default{ background:none; border:none;}

.navbar-collapse {
	margin:0;
  padding-right: 0px;
  padding-left: 0px;
  overflow-x:auto;
  -webkit-overflow-scrolling: touch;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
}
.navbar-collapse.in {
  overflow-y: auto;
}





/*-首页营销困境-*/



.fw{padding:25px 0px; margin-top:30px;}

.fw li{  margin-bottom:25px; background:url(../images/f_bj.jpg) no-repeat;background-size: cover; padding:50px 40px;padding-bottom:63px;}
.fw li dl{ width:90%;padding-top:15px; padding-left:5%;}
.fw li dl dt{ float:left; font-size:55px; line-height:45px; width:15%;color:#F93; }
.fw li dl dd{ float:left;width:75%;font-size:19pt; color:#F93;line-height:22px; margin-left:5px; font-weight:bold; }
.fw li dl dd i{font-size:12pt; color:#F93; font-style:normal; display:block; font-weight:normal;}
.fw li p{ padding-left:5%;display:block;font-size:13pt; color:#5E5E5E; margin-top:35px;line-height:25px; }




/*-首页选择我们-*/


.yewu{ padding:25px 0px; margin-top:30px;}


.yewu li{ text-align:center; padding:55px 25px; margin-bottom:25px;display: block; 

background: #FFFFFF; -webkit-box-shadow:0 0 30px rgba(0,0,0,.1); 

box-shadow:0 0 30px rgba(0,0,0,.1); width:23%; 

margin-left:15px;border-radius:10px;}

.yewu li img{max-width:100% !important; height:auto !important; padding-top:25px;}
.yewu li span{display:block; text-align:center;font-size:18pt; line-height:2em; padding-top:15px; color:#333; padding-bottom:15px; font-weight:bold;}
.yewu li span i{display:block;font-size:13pt; color:#666; font-style:normal;line-height:1.9em; margin-top:10px; font-weight:normal;}


/*-首页流程-*/




.lc{ padding:25px 0px; margin-top:0px;}


.lc li{ text-align:center; padding:20px 25px; margin-bottom:25px;width:19%; margin-left:10px; float:left;}

.lc li img{max-width:100% !important; height:auto !important; padding-top:25px;}
.lc li span{display:block; text-align:center;font-size:18pt; line-height:2em; padding-top:15px; color:#333; padding-bottom:15px; font-weight:bold;}
.lc li span i{display:block;font-size:13pt; color:#666; font-style:normal;line-height:1.5em; margin-top:5px; font-weight:normal;}


/*-首页案例logo-*/

.index_case{  padding:15px 0px; margin:0 auto;}
.index_case img{ max-width:100% !important; height:auto !important; text-align:center; }

.index_case1{  padding:0px 0px; margin:0 auto;}
.index_case1 img{ max-width:100% !important; height:auto !important; text-align:center; }


/*-首页新闻-*/

.dongtai{ margin-top:38px;}
.dongtai dt img{max-width:100% !important; height:auto !important;transition:all 300ms ease;}
.dongtai dt img:hover{-webkit-transform:translateY(-14px); transform:translateY(-14px);}

.dongtai dd{ font-size:12pt; line-height:2em; padding-top:10px; color:#545454;}
.dongtai dd a{color:#545454;display:block;}
.dongtai dd a:hover{color:#3388FF; text-decoration:underline;}
.dongtai dd i{display:block;font-size:10pt; color:#999999; font-style:normal;line-height:2em; }

.newslie{ margin-top:38px;}
.newslie span{float:left; color:#fff; font-size:12pt;line-height:2.0em;  display:block; padding:12px; background:#3388FF; margin-right:10px;  }
.newslie li{line-height:2.0em; clear:both;
list-style:none; margin-bottom:15px; padding-bottom:15px; border-bottom:1px dotted #ccc;
}

.newslie li b{ display:block;font-size:10pt; font-weight:normal; color:#ccc;line-height:1.5em;}
.newslie li a{ color:#777; font-size:12pt; font-weight:normal;line-height:2.0em;display:block;}
.newslie li a:hover{ color:#3388FF; text-decoration:underline;}




/*-首页联系我们-*/

.lx_bj{ background:url(../images/lx_bj.jpg) top center no-repeat;background-size: cover; padding:50px 40px;padding-bottom:63px; clear:both; margin-top:35px;}
.lxbt{color:#fff; font-size:16pt; line-height:35px;}
.lxfs{padding-top:27px;}
.lxfs li{line-height:2.2em; clear:both;
list-style:none;color:#fff; font-size:11pt;   }



/*-通用底部-*/


.bottom{ text-align:center; line-height:25px;padding-top:10px; background:#F8F8F8; font-size:12px;  padding:30px 0px; color:#333;}

.footnav{ padding:15px; width:60%; margin:0 auto;}
.footnav li{ float:left; padding:0px 20px; }
.footnav li a{color:#333;line-height:30px; font-size:16px;}
.bottom p{ display:block;text-align:center; line-height:25px;padding-top:10px; font-size:12px; color:#333;}




@media (min-width: 768px) {

  .navbar-collapse {
    border-top: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .navbar-collapse.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
    visibility: visible !important;
  }
  .navbar-collapse.in {
    overflow-y: visible;
  }
  .navbar-fixed-top .navbar-collapse,
  .navbar-static-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    padding-right: 0;
    padding-left: 0;
  }
}






/*-首页title样式-*/

.m-title{  margin:0 auto; line-height:35px; padding-top:25px;}
.m-title .tt{  font-size:25pt; text-align:center; font-weight:bold;}
.m-title .tt h2{ font-size:25pt; text-align:center; color:#333; line-height:55px;font-weight:bold; display:inline;}
.m-title .tt h3{ font-size:23pt; text-align:center; color:#3388FF; line-height:45px;font-weight:bold; display:inline;}
.m-title .tt span{ display:block; font-size:11pt; line-height:40px; color:#888; font-weight:normal;}


.m-title1{  margin:0 auto; line-height:35px; padding-top:25px;}
.m-title1 .tt{  font-size:23pt; text-align:center; font-weight:bold;}
.m-title1 .tt h2{ font-size:23pt; text-align:center; color:#fff; line-height:45px;}
.m-title1 .tt span{ display:block; font-size:11pt; line-height:40px; color:#fff; font-weight:normal;}


.ttdh{ font-size:20pt; line-height:35px; color:#444; padding-bottom:10px; margin-top:20px;}
.ttdh b{font-size:20pt; text-align:center; color:#3388FF; font-weight:normal}

.ttdh span{ float:right; line-height:35px;font-size:14px; display:block;}
.ttdh span a{ color:#444;}


/*---*/
.index-tt{ height:50px;border-bottom:#ddd solid 1px; padding-left:50px; margin:15px 0; background:url(../images/title-ico.png) no-repeat left 0px; font-size:16pt; color:#3388FF; line-height:40px;}
.index-tt a{ color:#666633; }



/*-内页banner-*/

.small-ban {
  width: 100%;
  background-repeat: no-repeat;
  background-position: center;
  color: #fff;
  position: relative;
  height:680px;
}
.small-ban .cap {
  font-size: 35px;
  line-height:45px;
  position: relative;
  padding-bottom: 15px;
}
.small-ban .cap i {
  content: '';
  position: absolute; 
  left: 0;
  bottom: 0;
  width: 90px;
  height: 1px;
  background-color: #fff;
}
.small-ban .text {
  padding-top: 15px;
  font-size: 20px;
  line-height:30px;
}
.small-ban img {
  width: 100%;
}
.small-ban .box {
  position: absolute;
  left:20%;
  top: 40%;
}


/*平板*/
@media (min-width: 765px) and (max-width: 1300px){

.small-ban {
  height:350px;
}

.small-ban .box {
  position: absolute;
  left:13%;
  top: 40%;
}
.small-ban .cap {
  font-size: 22px;
  line-height:35px;
  position: relative;
  padding-bottom: 15px;
}
.small-ban .text {
  padding-top: 15px;
  font-size: 16px;
  line-height:30px;
}
#picarea{width:100%; margin:0 auto;}


}


/*手机*/
@media (max-width: 765px){

.small-ban {
  height:250px;
}

.small-ban .box {
  position: absolute;
  left:5%;
  top: 35%;
}
.small-ban .cap {
  font-size: 18pt;
  line-height:30px;
  position: relative;
  padding-bottom: 15px;
}
.small-ban .text {
  padding-top: 15px;
  font-size: 14px;
  line-height:30px;
}

}




/*新闻发稿*/

.pp{ margin-top:50px;}

.pp img{max-width:100% !important; height:auto !important; margin:0 auto; }

.pp p{ display:block;  padding:10px; color:#333; line-height:25px; font-size:13pt; margin-bottom:50px;}

.gd{display:block;  padding:10px; color:#333; line-height:25px; font-size:13pt; text-align:center; width:40%; margin:0 auto; margin-top:45px;}




.xwfg_ys{ padding:25px 0px; margin-top:30px;}


.xwfg_ys li{ text-align:center; padding:20px 25px;display: block;  border-right:1px solid #ddd; border-bottom:1px solid #ddd;font-size:20pt; line-height:1em; 

}

.xwfg_ys li img{max-width:100% !important; height:auto !important; padding-top:25px;}
.xwfg_ys em{display:block; width:20px; height:2px; background:#F7B53A; margin:0 auto;  margin-top:10px;}
.xwfg_ys li span{display:block; text-align:center;font-size:18pt; line-height:2em; padding-top:15px; color:#333; padding-bottom:15px; font-weight:bold;}
.xwfg_ys li span i{display:block;font-size:13pt; color:#666; font-style:normal;line-height:1.9em; margin-top:10px; font-weight:normal;}




/*微博营销*/

.wb{ padding:25px 0px; margin-top:30px;}


.wb li{ margin-bottom:20px;}

.wb li img{max-width:100% !important; height:auto !important; }


.wb_jj{ padding:25px 0px; margin-top:45px;}


.wb_jj li{ text-align:center; padding:0px 25px; margin-bottom:25px;display: block; 

background: #FFFFFF; -webkit-box-shadow:0 0 30px rgba(0,0,0,.1); 

box-shadow:0 0 30px rgba(0,0,0,.1); width:23%; 

margin-left:15px;border-radius:10px;  padding-bottom:30px;}

.wb_jj li img{max-width:100% !important; height:auto !important; margin-top:-30px;}
.wb_jj li span{display:block; text-align:center;font-size:16pt; line-height:2em; padding-top:15px; color:#333; padding-bottom:15px; font-weight:bold;}

.wb_jj li span b{display:block;font-size:14pt; color:#F5A100; font-style:normal;line-height:1.9em; }

.wb_jj li span em{display:block; width:20px; height:2px; background:#F7B53A; margin:0 auto;  margin-top:10px;}

.wb_jj li span i{display:block;font-size:11pt; color:#666; font-style:normal;line-height:1.8em; margin-top:10px; font-weight:normal;}


.bz{display:block;font-size:14pt; color:#666; line-height:1.5em; margin-top:20px; text-align:center; width:80%; margin:0 auto; }

.bz strong{ color:#F7B53A;}


.rb{ padding:25px 0px; margin-top:0px;}


.rb li{ text-align:center; padding:20px 25px; margin-bottom:0px;}

.rb li img{max-width:100% !important; height:auto !important; }
.rb li span{display:block; text-align:center;font-size:18pt; line-height:2em; padding-top:15px; color:#333; padding-bottom:15px; font-weight:bold;}
.rb li span i{display:block;font-size:13pt; color:#666; font-style:normal;line-height:1.5em; margin-top:5px; font-weight:normal;}




.wbdy{ padding:25px 0px; margin-top:30px;}


.wbdy li{ margin-bottom:20px; width:19%; float:left; margin-left:10px;}

.wbdyli img{max-width:100% !important; height:auto !important; }





/*知乎营销*/

.zhyx{ padding:25px 0px; margin-top:45px;}


.zhyx li{ text-align:center; padding:0px 45px; margin-bottom:80px;display: block; 

background: #FFFFFF; -webkit-box-shadow:0 0 30px rgba(0,0,0,.1); 

box-shadow:0 0 30px rgba(0,0,0,.1); width:32%; 

margin-left:15px;border-radius:10px;  padding-bottom:30px;}

.zhyx li img{max-width:100% !important; height:auto !important; margin-top:-30px;}
.zhyx li span{display:block; text-align:center;font-size:16pt; line-height:2em; padding-top:15px; color:#333; padding-bottom:15px; font-weight:bold;}


.zhyx li span i{display:block;font-size:11pt; color:#666; font-style:normal;line-height:1.8em; margin-top:10px; font-weight:normal;}


.zhbh{ text-align:center; padding:25px 45px; margin-top:80px;

background: #FFFFFF; -webkit-box-shadow:0 0 30px rgba(0,0,0,.1); 

box-shadow:0 0 30px rgba(0,0,0,.1); width:230px; height:230px;

border-radius:300px;  padding-bottom:30px; float:left; margin-right:35px;}


.zhbh span{display:block; text-align:center;font-size:16pt; line-height:2em; padding-top:15px; color:#333; padding-bottom:15px; font-weight:bold;}


.zhbh span i{display:block;font-size:10pt; color:#fff; font-style:normal;line-height:1.8em; margin-top:10px; font-weight:normal;border-radius:20px; background:#06F; padding:10px 10px;}
.zhbh span b{display:block;font-size:12pt; color:#333; font-style:normal;line-height:1.8em; margin-top:10px; font-weight:normal;}

.jtb{ float:left; background:url(../images/jtb.png) top center no-repeat; width:66px; height:66px; margin-top:150px; margin-left:60px; margin-right:60px;}


.zh_bj{ background:url(../images/zh_bj.jpg) top center no-repeat; height:395px; width:1200px; margin-top:30px;}

.htxd{ float:left; margin-left:230px; margin-top:40px; width:155px;}
.htxd span{display:block;font-size:18pt; line-height:2em; color:#333;}
.htxd i{display:block;font-size:12pt;color:#333; font-style:normal;line-height:1.8em; margin-top:10px; font-weight:normal;}


.htxd1{ float:left; margin-left:55px; margin-top:210px; width:180px;}
.htxd1 span{display:block;font-size:18pt; line-height:2em; color:#333;}
.htxd1 i{display:block;font-size:12pt;color:#333; font-style:normal;line-height:1.8em; margin-top:10px; font-weight:normal;}

.htxd2{ float:left; margin-left:30px; margin-top:40px; width:180px;}
.htxd2 span{display:block;font-size:18pt; line-height:2em; color:#333;}
.htxd2 i{display:block;font-size:12pt;color:#333; font-style:normal;line-height:1.8em; margin-top:10px; font-weight:normal;}

.htxd3{ float:left; margin-left:45px; margin-top:210px; width:180px;}
.htxd3 span{display:block;font-size:18pt; line-height:2em; color:#333;}
.htxd3 i{display:block;font-size:12pt;color:#333; font-style:normal;line-height:1.8em; margin-top:10px; font-weight:normal;}

.dyy{padding:25px 0px; margin-top:45px;}

.dyy li{text-align:center; padding:0px 45px;}

.dyy li i{display:block;font-size:12pt;color:#333; font-style:normal;line-height:1.8em; margin-top:10px; font-weight:normal; background: url(../images/zh_bj.png) no-repeat top center; background-size: cover; padding:65px 25px;}
.dyy li span{display:block;font-size:18pt; line-height:2em; color:#50A0E7; margin-top:14px;}



/*舆情监控*/


.yq{ padding:25px 0px; margin-top:45px;}


.yq li{ text-align:center; padding:0px 45px; padding-bottom:30px;}

.yq li img{max-width:100% !important; height:auto !important; margin-top:30px;}
.yq li span{display:block;font-size:18pt; color:#333; border:1px  #F00 solid;line-height:1.8em; margin-top:10px; font-weight:normal;border-radius:50px; padding:10px 10px;}
.yq li i{display:block;font-size:14pt; color:#666; font-style:normal;line-height:1.8em; margin-top:20px; font-weight:normal;}


.yqtt{ padding:25px 0px; margin-top:30px;}


.yqtt li{ text-align:center; padding:55px 10px; margin-bottom:25px; float:left;

background: #FFFFFF; -webkit-box-shadow:0 0 30px rgba(0,0,0,.1); 

box-shadow:0 0 30px rgba(0,0,0,.1); width:18%; 

margin-left:15px;border-radius:10px;}

.yqtt li img{max-width:100% !important; height:auto !important; padding-top:25px;}
.yqtt li span{display:block; text-align:center;font-size:18pt; line-height:2em; padding-top:15px; color:#333; padding-bottom:15px; font-weight:bold;}
.yqtt li span i{display:block;font-size:13pt; color:#666; font-style:normal;line-height:1.9em; margin-top:10px; font-weight:normal;}


.yq_bj{ background:url(../images/yq.jpg) top center no-repeat; height:545px; width:1200px; margin-top:30px;}

.yqxd{ float:left; margin-left:55px; margin-top:250px; width:155px; text-align:center;}
.yqxd span{display:block;font-size:18pt; line-height:2em; color:#F00;}
.yqxd i{display:block;font-size:11pt;color:#333; font-style:normal;line-height:1.8em; margin-top:10px; font-weight:normal;}


.yqxd1{ float:left; margin-left:70px; margin-top:310px; width:180px;text-align:center;}
.yqxd1 span{display:block;font-size:18pt; line-height:2em; color:#F00;}
.yqxd1 i{display:block;font-size:11pt;color:#333; font-style:normal;line-height:1.8em; margin-top:10px; font-weight:normal;}

.yqxd2{ float:left; margin-left:50px; margin-top:250px; width:180px;text-align:center;}
.yqxd2 span{display:block;font-size:18pt; line-height:2em; color:#F00;}
.yqxd2 i{display:block;font-size:12pt;color:#333; font-style:normal;line-height:1.8em; margin-top:10px; font-weight:normal;}

.yqxd3{ float:left; margin-left:60px; margin-top:310px; width:180px;text-align:center;}
.yqxd3 span{display:block;font-size:18pt; line-height:2em; color:#F00;}
.yqxd3 i{display:block;font-size:12pt;color:#333; font-style:normal;line-height:1.8em; margin-top:10px; font-weight:normal;}


.yqxd4{ float:left; margin-left:55px; margin-top:250px; width:155px; text-align:center;}
.yqxd4 span{display:block;font-size:18pt; line-height:2em; color:#F00;}
.yqxd4 i{display:block;font-size:12pt;color:#333; font-style:normal;line-height:1.8em; margin-top:10px; font-weight:normal;}


.yq1{ padding:25px 0px; margin-top:45px;}


.yq1 li{ text-align:center; padding:0px 45px; padding-bottom:30px;}

.yq1 li img{max-width:100% !important; height:auto !important; margin-top:30px;}
.yq1 li span{display:block;font-size:18pt; color:#333;line-height:1.8em; margin-top:10px; font-weight:normal; padding:10px 10px;}
.yq1 li span strong{display:block;font-size:25pt; color: #F00;line-height:1.8em;}

.yq1 li i{display:block;font-size:14pt; color:#666; font-style:normal;line-height:1.8em; margin-top:20px; font-weight:normal;}




.wmbj{ background:#F2F5FC;  padding:30px 0px; float:left; width:100%; }
.wmbj1{ background:#0043B4;  padding:30px 0px; float:left; width:100%; margin-top:10px; }






/*-内页关于我们-*/

.abj{font-size:12pt; color:#333; font-style:normal;line-height:2.8em; margin-top:40px;}


.abp {margin-top:150px;}
.abp img{max-width:100% !important; height:auto !important; }







/*-新闻列表-*/

.newlist {  padding-top:50px;
	width:100%;
	
}
.newlist .ul1 li {
	position: relative; margin-bottom:20px;
	width:100%;
}
.newlist .ul1 li::after {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 0;
	content: '';
	background: #f5f5f5;
}
.newlist .ul1 li a {
	position: relative;
	z-index: 1;
	display: block;
	padding: 40px 32px;
	border-bottom: 1px solid #eee;
}


.newlist .ul1 li a:hover { background:#f5f5f5;box-shadow: 10px 10px 20px 10px #ddd, -10px 10px 10px 10px #ddd ;transition: box-shadow 0.5s;}
.newlist .ul1 li .imgk {
	overflow: hidden; float:right;
	 width:20%;
}
.newlist .ul1 li .imgk img {
width: 229px;
	height: 138px;
}
.newlist .ul1 li .lin {
	float: left;
	width:80%;
}
.newlist .ul1 li .lin .lidate {
	font-family: 'Arial';
	font-weight: bold;
	float: left;
	width: 70px;
	text-align: center;
	color: #666;
	border-top: 2px solid #3388FF;
}
.newlist .ul1 li .lin .lidate .p1 {
	font-size: 30px;
	margin-top: 35px;
}
.newlist .ul1 li .lin .lidate .p2 {
	font-size: 12px;
	margin-top: 35px;
}
.newlist .ul1 li .lin .linn {
	float: left;
	width:70%;
	padding-left: 25px;
}
.newlist .ul1 li .lin .linn h4 {
	font-size: 18px;
	color: #333;
	font-weight: normal;
}
.newlist .ul1 li .lin .linn p {
	font-size: 14px;
	line-height: 24px;
	overflow: hidden;
	height: 48px;
	margin-top: 18px;
	color: #888;
}
.newlist .ul1 li .lin .linn .morehn {
	font-size: 14px;
	line-height: 32px;
	width: 97px;
	height: 32px;
	margin-top: 24px;
	text-align: center;
	color: #3388FF;
	border: 1px solid #3388FF;
}


.newlist .ul1 li:hover .lin .linn h4 {
	color:#3388FF;
}

.newlist .ul1 li:hover .lidate {
	color:#3388FF;
	border-top-color: #3388FF;
}
@media (max-width: 765px){
.newlist .ul1 li:hover::after {
	height: 100%;
}
.newlist .ul1 li:hover .lidate {
	color:#3388FF;
	border-top-color: #3388FF;
}
.newlist .ul1 li:hover .lin .linn h4 {
	color:#3388FF;
}

.newlist .ul1 li .imgk {width:100%;
}
.newlist .ul1 li .imgk img {
width:100%; height:auto;
}
.newlist .ul1 li .lin {

	width:100%;
}


.newlist .ul1 li .lin {

	width:100%;
}

.newlist .ul1 li .lin .linn h4 {
	font-size:13pt;
	color: #333; line-height:30px;
	font-weight: normal;
}
.newlist .ul1 li .lin .linn p {
	font-size:10pt;
	line-height: 24px;
	overflow: hidden;
	margin-top: 18px;
	color: #888;
}

.newlist .ul1 li a {
	position: relative;
	z-index: 1;
	display: block;
	padding: 25px 10px;
	border-bottom: 1px solid #eee;
}



}


.newlist .ul1 {
	padding-bottom: 40px;
}






/*-底部菜单按钮仅手机显示-*/
.bottom-btn{ display:none; height:40px; padding-top:0px;width:100%;background:#393a3f; position:fixed; bottom:0;z-index:1000; text-align:center;}
.bottom-btn a{ display:block; background:url(../images/bottom-btn.png) no-repeat; text-indent:-9999px; height:40px;}
.bottom-btn .col-xs-3{ padding:0;}
.bottom-btn a.qq{ background:url(../images/bottom-btn.png) no-repeat center 2px;}
.bottom-btn a.tel{ background:url(../images/bottom-btn.png) no-repeat center -145px;}
.bottom-btn a.book{ background:url(../images/bottom-btn.png) no-repeat center -46px;}
.bottom-btn a.map{background:url(../images/bottom-btn.png) no-repeat center -95px;}
.bottom-btn a.wx{background:url(../images/bottom-btn.png) no-repeat center -195px;}
.bottom-btn a:hover{ background-color:#545768;}

.weixin-cont{ padding:10px; text-align:center;}
.weixin-cont img{ width:80%;}
.weixin-cont span{ display: block; font-size:12pt; line-height:35px;}








/*--文章列表--*/
.news-bg{ padding:35px 0; background:#fff;}


.a-list{ margin:0px 0;}
.a-list ul{ padding:0;}
.a-list ul li{ line-height:1.8em; border-bottom:#ddd solid 1px; background:#fff; padding:25px 15px 35px 0;margin-bottom:25px;}
.a-list ul li:nth-child(1){ padding-top:0 !important;}
.a-list ul li span{ display:block; font-size:10pt; line-height:2.5em; color:#666;}
.a-list ul li .title{ font-size:14pt; line-height:2em; }
.a-list ul li a{ color:#3388FF;}
.a-list ul li em{ color:#999;font-style:normal; display:block; text-align:left;font-size:12px;}

.a-list ul li .pic{ display:inline; width:240px;float:left;}
.a-list ul li .pic img{ width:220px; height:130px;}
.a-list ul li .info{ display:inline; min-height:180px;}



/*--单页文章页--*/
.a-cont{background:#FFF;}

.a-cont h1{ font-size:24pt; font-family:"Microsoft Yahei"; color:#444; line-height:40px;padding:0; margin-top:35px; text-align:center; padding:18px;}
.a-cont h2{ font-size:10pt; color:#666; line-height:55px; height:55px; padding:0; margin-bottom:10px; text-align:center; background:url(di.gif) repeat-x bottom; padding-bottom:15px;}
.a-cont h2 a{ color:#666;}
.a-cont .cont{ line-height:35px; font-size:14px; padding:15px 5px; color:#444; width:85%; margin:0 auto;}
.a-cont .cont a{ color:#333;}
.a-cont .cont img{ max-width:100% !important; height:auto !important; }
.go-back{font-size:12pt; font-family:"Microsoft Yahei"; color:#333; height:35px; line-height:35px; margin-bottom:10px;}
.m-cont{ padding:25px;}

.xqtel{  width:90%;  background:#fff;border-radius: 25px; height:65px; margin:0 auto; margin-left:5%; margin-top:25px; -webkit-box-shadow:0 0 30px rgba(0,0,0,.1); box-shadow:0 0 30px rgba(0,0,0,.1); margin-bottom:25px;}
.xqtel_l{ width:40%; float:left;}
.tx{ float:left; width:55%;}
.tx img{ width:85%;border-radius:15px; padding:8px;}
.txn{ float:left;  font-size:12pt; line-height:23px; color:#333;width:45%; padding-top:10px;}
.txn i{ display:block;font-size:9pt; line-height:23px; color:#999; font-style:normal;}

.xqtel_r{width:50%; float: right; margin-right:5px;}
.te{float:left; width:47%;}
.te img{ width:92%; padding:8px;}
#copy_content{float:left; display:block; width:1%;}
.wx{float:left; width:50%;}
.wx img{ width:100%; padding:8px;}

/*--首页焦点图--*/

.wrapper {
	position:relative;
}

.fullwidthbanner-container{
	width:100% !important;
	position:relative;
	padding:0;
	max-height:550px !important;
	overflow:hidden;
}

.fullwidthbanner-container .fullwidthabnner	{ text-align:center; margin:0 auto;
	width:100% !important;
	max-height:550px !important;
	position:relative;
}

.page-slider{max-height:200px !important;}


.banner_txt{ width:100%; margin:0 auto; color:#fff; position:relative; z-index:999999; text-align:center; left:80%; padding-top:35%;}
.banner_txt strong{display:block; font-size:45px;color:#fff;  line-height:80px; text-align:center; font-weight:bold;}
.banner_txt p{ line-height:40px; font-size:18px; margin-top:1%; padding-bottom:2%;}

@media only screen and (min-width: 768px) and (max-width: 959px) {
	  .banner, .bannercontainer			{	width:768px; height:309px;}
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
	   .banner, .bannercontainer		{	width:480px; height:193px;	}
}

@media only screen and (min-width: 320px) and (max-width: 479px) {
		.banner, .bannercontainer		{	width:320px;height:129px;	}.btn-success2 { display:block; width:100%; height:40px;text-align:center; margin-top:15px;
	background-color:#666;line-height:40px; 
	border-width: 0;
	border-radius:1px; }
	.index-message{ width:85%;}
	
	.aldh{margin:0 auto; text-align:center; width:80%;}.aldh li{height:35px; float:left; margin-top:15px; }
}

@media only screen and (max-width: 319px) {
		.banner, .bannercontainer		{	width:240px;height:97px;	}
}

.tp-bullets.simplebullets.round .bullet:hover,
.tp-bullets.simplebullets.round .bullet.selected,
.tp-bullets.simplebullets.navbar .bullet:hover,
.tp-bullets.simplebullets.navbar .bullet.selected {	
	background:#3388FF !important; 
}
.tp-leftarrow:hover,
.tp-rightarrow:hover {	
	background-color:#777 !important;
 }
/** BULLETS **/
.tp-bullets {
    z-index: 1001;
    position: absolute;
    bottom: 20px;
}

.tp-bullets.simplebullets.round .bullet {
    cursor: pointer;
    position: relative;
    background: #ddd;
    width: 30px;
    height: 5px;
    float: left;
	border-radius:2px;
	margin:5px 2px 10px 2px;/*-焦点图切换那妞颜色-*/
    -webkit-transition: background 0.1s linear;
    -moz-transition: color, background 0.1s linear;
    -o-transition: color, background 0.1s linear;
    transition: color, background 0.1s linear;
}


.tp-leftarrow.large {
	z-index: 100;
	cursor: pointer;
	position: relative;
	background: #3388FF url(../images/slider-left-arrow.png) no-Repeat;
	width: 42px;
	height: 43px;
	margin-left: 0px;
	margin-top:0px;
	-webkit-transition: background 0.1s linear;
	-moz-transition: color, background 0.1s linear;
	-o-transition: color, background 0.1s linear;
	transition: color, background 0.1s linear;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);/*增加阴影*/
	/*
	**打开注释，按钮变成圆形的
	border-radius: 20px;  所有角都使用半径为5px的圆角，此属性为CSS3标准属性 
	-moz-border-radius: 20px;  Mozilla浏览器的私有属性 
	-webkit-border-radius: 20px;  Webkit浏览器的私有属性 
	border-radius: 20px 20px 20px 20px; 四个半径值分别是左上角、右上角、右下角和左下角 
	*/
}

.tp-rightarrow.large {
    z-index: 100;
    cursor: pointer;
    position: relative;
    background: #3388FF url(../images/slider-right-arrow.png) no-Repeat 0 0;
    width: 42px;
    height: 43px;
    margin-left: 0;
    margin-top:0px;
    -webkit-transition: background 0.1s linear;
    -moz-transition: color, background 0.1s linear;
    -o-transition: color, background 0.1s linear;
    transition: color, background 0.1s linear;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);/*增加阴影*/
	/*
	**打开注释，按钮变成圆形的
	border-radius: 20px;  所有角都使用半径为5px的圆角，此属性为CSS3标准属性 
	-moz-border-radius: 20px;  Mozilla浏览器的私有属性 
	-webkit-border-radius: 20px;  Webkit浏览器的私有属性 
	border-radius: 20px 20px 20px 20px; 四个半径值分别是左上角、右上角、右下角和左下角 
	*/
}



.tp-bullets.tp-thumbs {
    z-index: 100;
    position: absolute;
    padding: 3px;
    background-color: #fff;
    width: 500px;
    height: 50px;
    margin-top: -50px;
}

.fullwidthbanner-container .tp-thumbs {
    padding: 3px;
}

.tp-bullets.tp-thumbs .tp-mask {
    width: 500px;
    height: 50px;
    overflow: hidden;
    position: relative;
}

.tp-bullets.tp-thumbs .tp-mask .tp-thumbcontainer {
    width: 5000px;
    position: absolute;
}

.tp-bullets.tp-thumbs .bullet {
    width: 100px;
    height: 50px;
    cursor: pointer;
    overflow: hidden;
    background: none;
    margin: 0;
    float: left;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	/*filter: alpha(opacity=50);	*/
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
}

.tp-bullets.tp-thumbs .bullet:hover,
.tp-bullets.tp-thumbs .bullet.selected {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

.tp-thumbs img {
    width: 100%;
}

.tp-bannertimer {
    width: 100%;
    height: 10px;
    position: absolute;
    z-index: 200;
    z-index: 5000;
}

.tp-bannertimer.tp-bottom {
    bottom: 0px !important;
    height: 5px;
}


@media only screen and (min-width: 768px) and (max-width: 959px) {.caseMain li.cImg div h4{font-size:18px; padding-top:50px;font-weight:normal; line-height:35px;}
}

@media only screen and (min-width: 480px) and (max-width: 767px) {.caseMain li.cImg div h4{font-size:18px; padding-top:60px;font-weight:normal; line-height:35px;}
    .responsive .tp-bullets.tp-thumbs {
        width: 300px !important;
        height: 30px !important;
    }

    .responsive .tp-bullets.tp-thumbs .tp-mask {
        width: 300px !important;
        height: 30px !important;
    }

    .responsive .tp-bullets.tp-thumbs .bullet {
        width: 60px !important;
        height: 30px !important;
    }
}

@media only screen and (min-width: 0px) and (max-width: 479px) {.caseMain li.cImg div h4{font-size:16px; padding-top:50px;font-weight:normal; line-height:30px;}
    .responsive .tp-bullets {
        display: none;
    }

    .responsive .tparrows {
        display: none;
    }
}


.tp-simpleresponsive img {
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
}

.tp-simpleresponsive a {
    text-decoration: none;
}

.tp-simpleresponsive ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.tp-simpleresponsive >ul >li {
    list-stye: none;
    position: absolute;
    visibility: hidden;
}

.caption.slidelink a div,
.tp-caption.slidelink a div {
    width: 10000px;
    height: 10000px;
}

.tp-loader {
    background: url(loader.gif) no-repeat 10px 10px;
    background-color: #fff;
    margin: -22px -22px;
    top: 50%;
    left: 50%;
    z-index: 10000;
    position: absolute;
    width: 44px;
    height: 44px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

/*--自适应 slide end--*/


@media (max-width: 768px) {
	

	

.bottom-btn{ display:block;}
	
.navbar-brand{display:block; height:60px; text-indent:-9999px;margin:0 auto; width:250px; float:left;}
.navbar-brand img{height:60px;width:250px;}

	.nav{ padding:0; margin:0;}
	.nav > li{ display:block; margin:0px auto; text-align: left; width:100%; padding:0; height:auto !important;}
	.nav li > a{ display:block;line-height:25px !important; padding:0 10px; font-size:10pt;}
	.nav-pills > li {}
.nav-pills > li > a {
  border-radius: 4px;
}
.nav-pills > li + li {
  margin-left: 0px;
}
.nav-pills > li:first-child{ margin:0;}

.nav:before,.navbar-collapse:before,
.navbar-collapse:after{
	 content: "" !important;
	}

.navbar-toggle {
  position: relative;
  float: right;
  padding: 9px 10px;
  margin-top: 10px;
  margin-right: 0px;
  margin-bottom: 0px;
  background-color:#fff;
  background-image: none;
  border-radius: 4px;
}
.navbar-toggle:hover{ background:#fff !important;}
.navbar-toggle:focus {
  outline: 0; background: #fff!important;
}
.navbar-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px; color:#3388FF; background:#3388FF;
}
.navbar-toggle .icon-bar + .icon-bar {
  margin-top: 4px;
}

	
	body{ padding-top:50px; padding-bottom:0px;}
	#header{ padding:0px 0;}
	
	/*-横向板块设定-*/

.index-slider-bg{}
.index-search-bg{}
.index-ico-bg{padding:10px 0 5px 0;}
.index-about-bg{padding:15px 0;}
.index-contact-bg{}
.index-pic-bg{ padding:15px 0;}
.index-news-bg{ padding:0px;}
.index-flink-bg{}
.index-bottom-bg{}
	
.index-about .col-sm-4{ padding:0}
.index-ico-1 span{ margin-top:5px;}
.index-ico-1 span b{ font-size:10pt; display:block; font-weight:normal; line-height:30px;}
.index-ico-2 .col-xs-6{ padding:15px 10px;}
.index-ico-2 img{ float:left; padding-right:10px; width:50px;}
.index-ico-2 span{ padding-top:0px;display:inline-block;}
.index-ico-2 span a{ font-size:11pt; color:#333; display:block;}
.index-ico-2 span b{font-size:12px; display:block; font-weight:normal; line-height:30px; color:#666;}

.index-about-news .ab{ padding-right:0;}
.index-about-news .ab img{width:100%; max-width:100%; margin-right:0; float:none; margin-bottom:10px;}
.index-about-news .news{ margin-top:15px; padding-left:0;}
	
.index-cate{ margin-bottom:15px;}
.index-cate ul{}
.index-cate > ul > li{ border:#ddd solid 1px; border-radius:0px; font-size:12px; line-height:35px; padding:0 5px; transition:all 0.3s; background:#FFF; margin-bottom:10px; color:#333; display:inline-block; margin-right:5px;}
.index-cate > ul > li:hover{ background:#06F; color:#FFF; cursor:pointer; border-color:#039;}
.index-cate > ul > li a{ color:#333;}
.index-cate > ul > li:hover a{ color:#FFF; text-decoration:none;}
.index-cate > ul > li:hover a:hover{ color:#FFF;}

.index-cate dl dt{ border:#ddd solid 1px; border-radius:0px; font-size:14px; line-height:35px; padding:0 10px 0 10px; transition:all 0.2s; background:#FFF; margin-bottom:10px; color:#333; font-weight: normal; display:inline-block;}

ul.index-news-1 li{ text-align:left;border-right:none !important; padding-bottom:10px; margin-bottom:10px; border-bottom:dashed 1px #ddd;}
ul.index-news-1 li img{ max-width:120px;}
ul.index-news-1 li b{font-size:12pt;line-height:30px; height:30px; overflow: auto;}
ul.index-news-1 li span{ line-height:22px; font-size:12px; color:#666; margin-top:10px; display:block;}

.index-scroll-pic ul li span em{ height:auto;}

.index-bottom-logo{ text-align:center;}

	
	.index-title{}
	.index-title .tt{text-align:center; float:none;}
	.index-title .more{ display:none;}
	.index-contact ul li{ font-size:12pt;}
	.margin-top{ margin-top:0px;}
	.p-list{ padding:0;}

	.index-contact-ico a{ font-size:12px;}
	.index-p-list{ margin-bottom:0px;}
	.navbar-brand{display:block; height:40px; text-indent:-9999px;margin:5px auto; width:151px; float:left;}
	.navbar-brand img{height:40px;width:200px;}
	.nav{ padding:0; margin:0;}
	.nav li{ display:block; margin:0px auto; text-align: center; width:100%; padding:0;}
	.nav li > a{ display:block;width:100%;}
	.nav-pills > li {}
.nav-pills > li > a {
  border-radius: 4px;
}
.nav-pills > li + li {
  margin-left: 0px;
}
.nav-pills > li:first-child{ margin:0;}

.nav:before,.navbar-collapse:before,
.navbar-collapse:after{
	 content: "" !important;
	}



.top-tel{ display:none;}
.menu{ padding:3px;}

.owl-theme .owl-controls .owl-buttons div{ display:none !important;}

.a-list ul li{ line-height:1.6em; border-bottom:#ddd solid 1px; background:#fff; padding:10px 0;margin-bottom:10px;}
.a-list ul li .title{ font-size:13pt;}
.a-list ul li .pic{ display:inline; width:130px;float:left;}
.a-list ul li .pic img{ width:120px; height:90px;}

.index-p-info span{ display:block;}

.nav > li > a {
  position: relative;
  display: block;
  padding: 5px 10px;
   color:#223c58;
}

.index-pic-cate-bg{ padding:15px 0 0 0; background: url(../images/cp_bj.jpg) repeat;}



.index-flink dl{ margin-bottom:10px; min-height:50px;}
.index-flink dl dd{ display:inline-block; padding-right:10px;}
.index-bottom-code{ text-align:center; margin-top:15px; color:#fff;}
	}
	@media(max-width:1200px){
	.index-contact{ height:auto;}
	}
	@media(max-width:992px){
		.side{ width:158px;}
		.nav{ margin-top:5px; text-align:center;}
		.nav > li{ margin:0px;}
		#menu{ text-align:center; width:100%;}
		.side-m-top{ margin-top:15px;}
		
		ul.index-brand li:nth-child(2){ border-right:none;} 
		ul.index-news-1 li:nth-child(2){ border-right:none;} 
		
		}
	@media(min-width:992px){
		.side{ width:212px;}
	.nav{ margin-top:0px; text-align:right;}
		
	
		
		#header.scrolled .top-tel{ height:60px;}
		}
	@media(min-width:1200px){
		.side{ width:265px;}
		}
	@media(min-width:768px){
		
		}
	@media(max-width:320px){
		
		}
	@media (min-width: 768px) and (max-width: 992px){
		body{ padding-top:145px}
		ul.index-news-1 li{ border-right:none;} 
		body{ padding-top:40px;}.big-pic { height:70px;}
.navbar-brand{display:block; height:40px; text-indent:-9999px;margin:0px auto 0 auto; width:200px; float:left;}
.navbar-brand img{height:40px;width:200px;}
.nav{ margin-top:0;}
.nav > li > a {
  position: relative;
  display: block;
  padding: 0px 8px; line-height:40px;  border:none; font-size:12px;
  color:#333;
}
#header.scrolled .nav > li > a {line-height:40px;}
		}
		@media (min-width: 992px) and (max-width: 1200px){
body{ padding-top:60px;}
.navbar-brand{display:block; height:50px; text-indent:-9999px;margin:5px auto 0 auto; width:250px; float:left;}
.navbar-brand img{height:50px;width:250px;}
#header.scrolled .navbar-brand{display:block; height:40px; text-indent:-9999px;margin:0px auto 0 auto; width:200px; float:left;}
#header.scrolled .navbar-brand img{height:40px;width:200px;}
.nav > li > a {
  position: relative;
  display: block;
  padding: 0px 15px; line-height:60px; border:none;
  color:#333;
}
#header.scrolled .nav > li > a {line-height:40px;}
		}
		
	
		
		

		
/*ie bug*/
.owl-theme .owl-controls .owl-buttons div { position: absolute; top: 80px !important; width: 30px; height: 60px; margin: 0; padding: 0; border-radius: 0;overflow: hidden; _display: none; color:#000 !important;}
.owl-theme .owl-controls .owl-buttons .owl-prev { left: -35px;}
.owl-theme .owl-controls .owl-buttons .owl-next { right: -35px;}
.owl-out-cont .col-xs-12{ margin-bottom:10px!important;}
.jwlogo{ display:none;}
.page-slider{ display:none;}






.tta{
		color:#888;
		font-size:12px;
		line-height:40px;
		text-align:center;
	margin-top:10px; width:50%; margin:0 auto; background:#f5f5f5;border-radius:20px;
	}
	

.tta img{ max-width:100% !important; height:auto !important;}

.sx{ font-size:13px;width:85%; margin:0 auto;
	text-align:center;

	margin-top:30px;
	line-height:40px;
}






.sxn{background:#013792; border-radius:20px; margin-top:10px; color:#fff;}


.sxn a:link,.sx a:visited{ color:#fff;
	
}
.sxn a:hover{
	color:#fff;}

/*-分页-*/
.pagebox{
	text-align:center;
	padding-top:10px;
	padding-bottom:30px;
	clear:both; color:#333;
}
.pagebox a{color:#333;}

/* 客服 */
.toolbar-item,.toolbar-layer{background:url(../images/toolbar.png) no-repeat;}
.toolbar{position: fixed; z-index: 9999; right:7%; top:50%;}/*假设网页宽度为1200px，导航条在右侧悬浮*/
.toolbar-item{display:block;width:52px;height:52px;margin-top:1px;position:relative;-moz-transition:background-position 1s;-ms-transition:background-position 1s;-o-moz-transition:background-position 1s;-webkit-moz-transition:background-position 1s;transition:background-position 1s;}
.toolbar-item:hover .toolbar-layer{opacity:1;filter:alpha(opacity=100);transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);}
.toolbar-item-weixin{background-position:0 -798px;}
.toolbar-item-weixin:hover{background-position:0 -860px;}
.toolbar-item-weixin .toolbar-layer{height:212px;background-position:0 0;}
.toolbar-item-feedback{background-position:0 -426px;}
.toolbar-item-feedback:hover{background-position:0 -488px;}
.toolbar-item-app{background-position:0 -550px;}
.toolbar-item-app:hover{background-position:0 -612px;}
.toolbar-item-app .toolbar-layer{height:194px;background-position:0 -222px;}
.toolbar-item-top{background-position:0 -674px;}
.toolbar-item-top:hover{background-position:0 -736px;}
.toolbar-layer{position:absolute;right:46px;bottom:-10px;width:172px;opacity:0;filter:alpha(opacity=0);
transform-origin: 95% 95%;-moz-transform-origin: 95% 95%;-ms-transform-origin: 95% 95%;-o-transform-origin: 95% 95%;-webkit-transform-origin: 95% 95%;transform:scale(0.01);
-moz-transform:scale(0.01);-ms-transform:scale(0.01);-o-transform:scale(0.01);-webkit-transform:scale(0.01);transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;-webkit-transition:all 1s;}











.slieb{ padding-top:45px; }

.slieb li{ text-align:center; margin-bottom:15px;  padding:50px 20px; border:1px solid #ccc; margin-left:10px; width:24%;}
.slieb li img{}
.slieb li span{display:block; text-align:center;font-size:15pt; line-height:30px; padding-top:15px; color:#0847AF;}
.slieb li span b{display:block;font-size:10pt; line-height:25px; font-weight:normal; color:#777777; padding:0px 15px; }


.fg_bj{ background:#F7FBFA; padding:30px 0px; float:left; width:100%; margin-top:30px;}
.bk_bj1{background:#4E6EF2; padding:5px 0px; float:left; width:100%; margin-top:30px;}
.sp_bj{ background:#F5F5F5; padding:38px 0px; float:left; width:100%; }

.sliec{ padding:25px 0px; margin-top:45px;}


.sliec li{ text-align:center; padding:38px 25px; margin-bottom:25px;display: block; 

background: #FFFFFF; -webkit-box-shadow:0 0 30px rgba(0,0,0,.1); 

box-shadow:0 0 30px rgba(0,0,0,.1); width:32%; 

margin-left:15px;border-radius:10px;  padding-bottom:30px;}

.sliec li img{max-width:100% !important; height:auto !important; }
.sliec li span{display:block; text-align:center;font-size:18pt; line-height:2em; padding-top:15px; color:#333; padding-bottom:15px; }

.sliec li span b{display:block;font-size:13px; color:#444; font-style:normal;line-height:2.2em; font-weight:normal; }

.sliec li span em{display:block; width:20px; height:2px; background:#F7B53A; margin:0 auto;  margin-top:10px;}

.sliec li span i{display:block;font-size:11pt; color:#666; font-style:normal;line-height:1.8em; margin-top:10px; font-weight:normal;}


.sliebk{ padding:25px 0px; margin-top:45px;}


.sliebk li{ text-align:center; padding:45px 25px; margin-bottom:25px;display: block; 

background: #FFFFFF; -webkit-box-shadow:0 0 30px rgba(0,0,0,.1); 

box-shadow:0 0 30px rgba(0,0,0,.1); width:23%; 

margin-left:15px;border-radius:10px;  padding-bottom:30px;}

.sliebk li img{max-width:100% !important; height:auto !important; }
.sliebk li span{display:block; text-align:center;font-size:18pt; line-height:2em; padding-top:15px; color:#4E6EF2; padding-bottom:15px; }

.sliebk li span b{display:block;font-size:12px; color:#444; font-style:normal;line-height:2.2em; font-weight:normal;}

.sliebk li span em{display:block; width:20px; height:2px; background:#F7B53A; margin:0 auto;  margin-top:10px;}

.sliebk li span i{display:block;font-size:11pt; color:#666; font-style:normal;line-height:1.8em; margin-top:10px; font-weight:normal;}


.sliebk1{ padding:25px 0px; margin-top:20px;}


.sliebk1 li{ text-align:center; padding:5px 25px; margin-bottom:5px;display: block; }

.sliebk1 li img{max-width:100% !important; height:auto !important; }
.sliebk1 li span{display:block; text-align:left;font-size:25pt; line-height:2em; padding-top:15px; color:#333; padding-bottom:15px; }

.sliebk1 li span b{display:block;font-size:13pt; color:#444; font-style:normal;line-height:2.0em; font-weight:normal;}

.slieb1k li span em{display:block; width:20px; height:2px; background:#F7B53A; margin:0 auto;  margin-top:10px;}

.sliebk1 li span i{display:block;font-size:11pt; color:#666; font-style:normal;line-height:1.8em; margin-top:10px; font-weight:normal;}


.ad-bj{background:center;background-size:cover; background-image:url(../images/baike10.jpg); margin-top:20px;}

.ad-p{text-align:center; line-height:3em; font-size:14pt; color:#fff; padding:60px 0px;}

.ad-p strong{ font-size:20pt;}


.ad-bj1{background:center;background-size:cover; background-image:url(../images/sp6.jpg); }

.ad-p1{text-align:center; color:#fff; padding:200px 0px;}

.ad-p1 strong{ font-size:30pt; display:block;line-height:2em;}
.ad-p1 b{ font-size:16pt; display:block; font-weight:normal;line-height:2em;}



.ad-bj2{background:center;background-size:cover; background-image:url(../images/sp7.jpg); }

.ad-p2{text-align:center; color:#fff; padding:200px 0px;}

.ad-p2 strong{ font-size:30pt; display:block;line-height:2em;}
.ad-p2 b{ font-size:16pt; display:block; font-weight:normal;line-height:2em;}


.slie8{ padding-top:45px;}

.slie8 li{ text-align:center; margin-bottom:15px;  padding:0px;width:19%; float: left; margin-left:10px;}
.slie8 li img{}
.slie8 li span{display:block; text-align:center;font-size:15pt; line-height:30px; padding-top:10px; color:#333; }

.slie9{ padding-top:45px;}

.slie9 li{ 
 padding:45px 25px; margin-bottom:25px;display: block; 

background: #FFFFFF; -webkit-box-shadow:0 0 30px rgba(0,0,0,.1); 

box-shadow:0 0 30px rgba(0,0,0,.1); width:23%; 

margin-left:15px;border-radius:10px;  padding-bottom:30px;

text-align:center; width:19%; float: left; margin-left:10px;}
.slie9 li img{}
.slie9 li span{display:block; text-align:center;font-size:15pt; line-height:30px; padding-top:10px; color:#333; }

.slie10{ padding-top:25px;}

.slie10 li{ margin-bottom:20px;}

.splie{ margin-top:38px;}

.splie li{ float:left; margin-left:20px; margin-bottom:25px;}


.td_bj{background:center;background-size:cover; background-image:url(../images/td8.jpg); height:590px; }
.td_bj1{background-size:cover; background:url(../images/td9.jpg) top center no-repeat; width:100%;}

.td_bj2{background:url(../images/td10.jpg) top center no-repeat; width:100%;}
.t18{background:center;background-size:cover; background-image:url(../images/td18.jpg); height:560px; margin-top:45px;}

.tdjj{ margin-top:90px; float:right; text-align:right; margin-right:80px; width:350px;}
.tdjj p{ font-size:30px; font-weight:bold; line-height:35px; display:block; color:#fff;}
.tdjj i{ font-size:13px;  line-height:25px; display:block; font-style:normal;color:#fff; margin-top:30px;}


/*平板*/
@media (min-width: 765px) and (max-width: 1000px){

.banner_txt{width:100%; margin:0 auto; color:#fff; position:relative; z-index:9999999; text-align:center;left:25%; padding-top:20%;  }
.banner_txt strong{ display:block;font-size:30px; line-height:55px; letter-spacing:1px;}
.banner_txt p{ font-size:16px; line-height:24px; margin-top:28px; padding-bottom:4%;}


}




@media (min-width: 1000px) and (max-width: 1200px){

.banner_txt{width:100%; margin:0 auto; color:#fff; position:relative; z-index:9999999; text-align:center;left:35%; padding-top:25%;  }
.banner_txt strong{ display:block;font-size:30px; line-height:55px; letter-spacing:1px;}
.banner_txt p{ font-size:16px; line-height:24px; margin-top:28px; padding-bottom:4%;}


}











@media(min-width:1200px) and (max-width: 1300px){.banner_txt{ width:100%; margin:0 auto; color:#fff; position:relative; z-index:999; text-align:center; left:40%; padding-top:35%;}
.banner_txt strong{ display:block;font-size:45px;color:#fff;  line-height:80px; text-align:center; font-weight:bold;}
.banner_txt p{ line-height:40px; font-size:18px; margin-top:1%; padding-bottom:2%;}
		
}

@media(min-width:1300px) and (max-width: 1400px){.banner_txt{ width:100%; margin:0 auto; color:#fff; position:relative; z-index:999; text-align:center; left:45%; padding-top:35%;}
.banner_txt strong{ display:block;font-size:45px;color:#fff;  line-height:80px; text-align:center; font-weight:bold;}
.banner_txt p{ line-height:40px; font-size:18px; margin-top:1%; padding-bottom:2%;}
		
}



@media(min-width:1400px) and (max-width: 1600px){.banner_txt{ width:100%; margin:0 auto; color:#fff; position:relative; z-index:999; text-align:center; left:59%; padding-top:35%;}
.banner_txt strong{display:block; font-size:45px;color:#fff;  line-height:80px; text-align:center; font-weight:bold;}
.banner_txt p{ line-height:40px; font-size:18px; margin-top:1%; padding-bottom:2%;}
		
}



@media(min-width:1600px) and (max-width: 1800px){.banner_txt{ width:100%; margin:0 auto; color:#fff; position:relative; z-index:999; text-align:center; left:67%; padding-top:35%;}
.banner_txt strong{ display:block;font-size:45px;color:#fff;  line-height:80px; text-align:center; font-weight:bold;}
.banner_txt p{ line-height:40px; font-size:18px; margin-top:1%; padding-bottom:2%;}
		
}




/*手机*/
@media (max-width: 765px){

.banner_txt{width:90%; margin:0 auto; color:#fff; position:relative; z-index:9999999; text-align:center;left:0%; padding-top:10%;  }
.banner_txt strong{display:block; font-size:22px; line-height:55px;}
.banner_txt p{ font-size:14px; line-height:25px; margin-top:10px; padding-bottom:5%;}

.tp-leftarrow.large {

	margin-top:-40px;
}

.tp-rightarrow.large {

    margin-top:-40px;

}

.fw{padding:25px 0px; margin-top:0px;}

.fw li{  margin-bottom:15px; background:url(../images/f1_bj.jpg) no-repeat;background-size:cover; padding:30px 0px;padding-bottom:30px;}
.fw li dl{ width:90%;padding-top:15px;  margin:0 auto;}
.fw li dl dt{ float:left; font-size:30pt; line-height:45px; width:15%;color:#F93; }
.fw li dl dd{ float:left;width:75%;font-size:13pt; color:#F93;line-height:22px; margin-left:5px; font-weight:bold; }
.fw li dl dd i{font-size:7px; color:#F93; font-style:normal; display:block; font-weight:normal;}
.fw li p{ width:85%; margin:0 auto;display:block;font-size:10pt; color:#5E5E5E; margin-top:15px;line-height:25px; padding-bottom:15px; }


.yewu{ padding:25px 0px; margin-top:10px;}


.yewu li{ text-align:center; padding:30px 25px; margin-bottom:25px;display: block; 

background: #FFFFFF; -webkit-box-shadow:0 0 30px rgba(0,0,0,.1); 

box-shadow:0 0 30px rgba(0,0,0,.1); width:45%; 

margin-left:15px;border-radius:10px;}

.yewu li img{max-width:100% !important; height:auto !important; padding-top:25px;}
.yewu li span{display:block; text-align:center;font-size:13pt; line-height:2em; padding-top:15px; color:#333; padding-bottom:15px; font-weight:bold;}
.yewu li span i{display:block;font-size:11pt; color:#666; font-style:normal;line-height:1.9em; margin-top:10px; font-weight:normal;}




.lc{ padding:25px 0px; margin-top:0px;}


.lc li{ text-align:center; padding:0px 25px; margin-bottom:15px;width:45%; margin-left:10px; float:left;}

.lc li img{max-width:100% !important; height:auto !important; padding-top:0px;}
.lc li span{display:block; text-align:center;font-size:13pt; line-height:2em; padding-top:15px; color:#333; padding-bottom:15px; font-weight:bold;}
.lc li span i{display:block;font-size:11pt; color:#666; font-style:normal;line-height:1.5em; margin-top:5px; font-weight:normal;}



.xwfg_ys{ padding:25px 0px; margin-top:30px;}


.xwfg_ys li{ text-align:center; padding:20px 25px;display: block;  border-right:1px solid #ddd; border-bottom:1px solid #ddd;font-size:14pt; line-height:1em; 

}

.xwfg_ys em{display:block; width:20px; height:2px; background:#F7B53A; margin:0 auto;  margin-top:10px;}
.xwfg_ys li span{display:block; text-align:center;font-size:14pt; line-height:2em; padding-top:15px; color:#333; padding-bottom:15px; font-weight:bold;}
.xwfg_ys li span i{display:block;font-size:10pt; color:#666; font-style:normal;line-height:1.6em; margin-top:10px; font-weight:normal;}




.wb_jj{ padding:25px 0px; margin-top:45px;}


.wb_jj li{ text-align:center; padding:0px 25px;display: block; 

background: #FFFFFF; -webkit-box-shadow:0 0 30px rgba(0,0,0,.1); 

box-shadow:0 0 30px rgba(0,0,0,.1); width:45%; 

margin-left:15px;border-radius:10px;  padding-bottom:30px; margin-bottom:50px;}

.wb_jj li img{max-width:100% !important; height:auto !important; margin-top:-30px;}
.wb_jj li span{display:block; text-align:center;font-size:15pt; line-height:2em; padding-top:15px; color:#333; padding-bottom:15px; font-weight:bold;}

.wb_jj li span b{display:block;font-size:13pt; color:#F5A100; font-style:normal;line-height:1.9em; }

.wb_jj li span em{display:block; width:20px; height:2px; background:#F7B53A; margin:0 auto;  margin-top:10px;}

.wb_jj li span i{display:block;font-size:10pt; color:#666; font-style:normal;line-height:1.5em; margin-top:5px; font-weight:normal;}


.rb li span{display:block; text-align:center;font-size:13pt; line-height:2em; padding-top:15px; color:#333; padding-bottom:15px; font-weight:bold;}
.rb li span i{display:block;font-size:10pt; color:#666; font-style:normal;line-height:1.5em; margin-top:5px; font-weight:normal;}


.wbdy li{ margin-bottom:20px; width:45%; float:left; margin-left:10px;}




.zhyx{ padding:25px 0px; margin-top:45px;}


.zhyx li{ text-align:center; padding:0px 20px; margin-bottom:80px;display: block; 

background: #FFFFFF; -webkit-box-shadow:0 0 30px rgba(0,0,0,.1); 

box-shadow:0 0 30px rgba(0,0,0,.1); width:45%; 

margin-left:15px;border-radius:10px;  padding-bottom:30px;}

.zhyx li img{max-width:100% !important; height:auto !important; margin-top:-30px;}
.zhyx li span{display:block; text-align:center;font-size:14pt; line-height:2em; padding-top:15px; color:#333; padding-bottom:15px;}


.zhyx li span i{display:block;font-size:10pt; color:#666; font-style:normal;line-height:1.8em; margin-top:10px; font-weight:normal;}


.yq li{ text-align:center; padding:0px 20px; padding-bottom:20px;}

.yq li img{max-width:100% !important; height:auto !important; margin-top:20px;}
.yq li span{display:block;font-size:15pt; color:#333; border:1px  #F00 solid;line-height:1.8em; margin-top:10px; font-weight:normal;border-radius:50px; padding:10px 10px;}
.yq li i{display:block;font-size:12pt; color:#666; font-style:normal;line-height:1.8em; margin-top:20px; font-weight:normal;}


.yq1{ padding:25px 0px; margin-top:45px;}


.yq1 li{ text-align:center; padding:0px 20px; padding-bottom:20px;}

.yq1 li img{max-width:100% !important; height:auto !important; margin-top:30px;}
.yq1 li span{display:block;font-size:15pt; color:#333;line-height:1.8em; margin-top:10px; font-weight:normal; padding:10px 10px;}
.yq1 li span strong{display:block;font-size:15pt; color: #F00;line-height:1.8em;}

.yq1 li i{display:block;font-size:12pt; color:#666; font-style:normal;line-height:1.8em; margin-top:20px; font-weight:normal;}




.abj{font-size:11pt; color:#333; font-style:normal;line-height:2.2em; }
.abp {margin-top:30px;}
.abp img{max-width:100% !important; height:auto !important; }



.yqtt li{ text-align:center; padding:55px 10px; margin-bottom:25px; float:left;

background: #FFFFFF; -webkit-box-shadow:0 0 30px rgba(0,0,0,.1); 

box-shadow:0 0 30px rgba(0,0,0,.1); width:45%; 

margin-left:15px;border-radius:10px;}

.yqtt li img{max-width:100% !important; height:auto !important; padding-top:25px;}
.yqtt li span{display:block; text-align:center;font-size:13pt; line-height:2em; padding-top:15px; color:#333; padding-bottom:15px; font-weight:bold;}
.yqtt li span i{display:block;font-size:11pt; color:#666; font-style:normal;line-height:1.9em; margin-top:10px; font-weight:normal;}


.nav > li > ul{display: block; position:static; width:100%;background:#fff;  color:#223c58; text-align:left; -webkit-transition:all 0.3s;transition:all 0.3s;}
.nav > li > ul li{ line-height:30px; padding:0 5px; text-align:center; height:30px;border:none; width:auto !important; font-size:14px; text-align:center;}
.nav > li > ul li a{ color:#223c58;}
.nav > li:hover ul{ display:block;}
.m-title .tt h2{ font-size:16pt; text-align:center; color:#333; line-height:45px;}

.m-title .tt h3{ font-size:17pt; text-align:center; color:#3388FF; line-height:45px;}
.m-title1 .tt h2{ font-size:18pt; text-align:center; color:#fff; line-height:45px;}
.m-title .tt{  font-size:17pt; text-align:center; font-weight:bold;}
.pp p{ display:block; border:1px solid #ccc; padding:10px; color:#333; line-height:25px; font-size:11pt; margin-bottom:15px;}
.pp{ margin-top:15px;}

.yslie li span b{display:block;font-size:12pt; line-height:35px; font-weight:normal; color:#777777; padding:0px 5px; }

.solution-service li a p{ position: absolute; z-index: 1; top:50%; left:0; width: 100%; text-align: center; font-size:11pt; color: #FFFFFF; text-transform: uppercase; line-height: 30px; margin-top: -15px;}

.ad-p{text-align:center; line-height:3em; font-size:11pt; color:#fff; padding:40px 0px;}
.ad-p strong{ font-size:11pt;}
.lx{ margin-top:15px; padding:10px;}
.sliea li{ text-align:center; margin-bottom:15px; padding:20px;width:98%;}
.slie li{ text-align:center; margin-bottom:15px;  padding:20px; border:1px solid #ccc; margin-left:5px; width:48.3%;}
.slie1 li{ text-align:center; margin-bottom:15px; padding:50px 0px; background:url(../images/tm_bj.png) repeat;background-size:cover; width:48.3%; margin-left:5px;}
.slie3 li{ text-align:center; margin-bottom:15px; border:1px solid #ccc; width:48%; float: left; margin-left:6px; padding:30px 0px;}
.slie4 li{ text-align:center; margin-bottom:15px;  padding:20px;width:48%; float: left; margin-left:6px;}
.slie5 li{margin-bottom:25px;  padding:2px;width:48%; float: left; margin-left:6px; border:1px solid #ccc;}

.slie_red li{ text-align:center;  width:100%;  padding:25px 25px;  margin:0 auto;margin-bottom:15px;}

.slie_red1 li{ text-align:center;  width:48%;  padding:25px 25px;margin-bottom:15px; float:left; margin-right:5px;margin-left:0px;}
.slie_red2 li{  margin-bottom:15px; border:1px solid #ddd; width:47%;}

.slie_red2 li img{ max-width:100% !important; height:auto !important; }

.index-pic-cate ul li span{display:block;line-height:2.5em; color:#BF9D6D; font-size:14pt; padding:10px;background:#fff; padding-left:15px;}
.index-pic-cate ul li span i{line-height:2.0em; color:#999999; font-size:10pt; display:block; font-style:normal;}
.index-pic-cate ul li span p { display:block; width:120px; height:35px;text-align:center; margin-top:15px; margin-bottom:18px;
background-color:#fff;
border:1px solid #ddd;
border-radius:15px;font-size:10pt;}

.slie_zhihu li div{ display:block; float:left; width:20%;}
.slie_zhihu li div img{max-width:100% !important; height:auto !important;}
.slie_zhihu li span{display:block;float:left;font-size:14pt; line-height:30px; padding-top:10px; color:#3388FF;color:#333;width:75%; padding-left:3%;}

.slie_zh2 li{ margin-bottom:15px; text-align:center; background:#fff; padding:45px 30px; margin-right:10px; width:100%;}

.team li{ margin-top:15px;transition:all 300ms ease; text-align:center;background:#f5f5f5; width:48.3%; margin-left:5px; padding:25px 0px; float:left;}
.search-item {
  display: inline-block;
  vertical-align: top; width:100%; margin:0 auto;
  background-color: #fff;
  padding: 30px;
  padding-left:64px;
  line-height: 1.7; margin-bottom:20px;
}

.hl{ padding-top:20px; padding-bottom:20px; padding-left:0px;}

.hl p{ display:block; line-height:45px; font-size:16pt; text-align:center;}

.slieb li{ text-align:center; margin-bottom:15px;  padding:40px 0px; border:1px solid #ccc; margin-left:5px; width:48.3%;}

.sliec li{ text-align:center; padding:38px 10px; margin-bottom:25px;display: block; 

background: #FFFFFF; -webkit-box-shadow:0 0 30px rgba(0,0,0,.1); 

box-shadow:0 0 30px rgba(0,0,0,.1); width:45%; 

margin-left:15px;border-radius:10px;  padding-bottom:30px;}




.sliebk li span{display:block; text-align:center;font-size:12pt; line-height:2em; padding-top:15px; color:#4E6EF2; padding-bottom:15px;}


.sliebk li{ text-align:center; padding:38px 5px; margin-bottom:25px;display: block; 

background: #FFFFFF; -webkit-box-shadow:0 0 30px rgba(0,0,0,.1); 

box-shadow:0 0 30px rgba(0,0,0,.1); width:45%; 

margin-left:15px;border-radius:10px;  padding-bottom:30px;}

.sliec li span{display:block; text-align:center;font-size:12px; line-height:2em; padding-top:15px; color:#333; padding-bottom:15px;}

.sliebk1 li span{display:block; text-align: center;font-size:16pt; line-height:2em; padding-top:15px; color:#333; padding-bottom:15px; }

.sliebk1 li span b{display:block;font-size:11pt; color:#444; font-style:normal;line-height:2.0em; font-weight:normal;}
.sliebk1{ padding:5px 0px; margin-top:0px;}

.slie8{ padding-top:30px;}

.slie8 li{ text-align:center; margin-bottom:15px; width:45%; float: left; margin-left:10px;}
.slie8 li img{}
.slie8 li span{display:block; text-align:center;font-size:13pt; line-height:30px; padding-top:10px; color:#333; }

.slie9{ padding-top:30px;}

.slie9 li{ text-align:center; margin-bottom:15px; width:45%; float: left; margin-left:10px;}
.slie9 li img{}
.slie9 li span{display:block; text-align:center;font-size:13pt; line-height:30px; padding-top:10px; color:#333; }




.ad-p1{text-align:center; color:#fff; padding:55px 0px;}
.ad-p1 strong{ font-size:13pt; display:block;line-height:2em;}
.ad-p1 b{ font-size:10pt; display:block; font-weight:normal;line-height:2em;}

.ad-p2{text-align:center; color:#fff; padding:55px 0px;}
.ad-p2 strong{ font-size:13pt; display:block;line-height:2em;}
.ad-p2 b{ font-size:10pt; display:block; font-weight:normal;line-height:2em;}


.slie10 li img{max-width:100% !important; height:auto !important; }

.splie li{ text-align:center;margin-bottom:25px; margin-left:3px;}




}




.sidebar{position:fixed;top:50%;right:62px;width:42px;text-align:center;z-index:10;height:250px;margin-top:-125px;z-index:9999;line-height:42px}
.sidebar a{width:42px;height:42px;border-radius:21px;cursor:pointer;display:block;overflow:hidden;transition:all .3s cubic-bezier(.15,.65,.58,.99);-ms-transition:all .3s cubic-bezier(.15,.65,.58,.99);-o-transition:all .3s cubic-bezier(.15,.65,.58,.99);-webkit-transition:all .3s cubic-bezier(.15,.65,.58,.99);-moz-transition:all .3s cubic-bezier(.15,.65,.58,.99)}
.sidebar a>span{color:#fff;font-size:14px;margin-left:25px;display:none;line-height:42px;height:42px;opacity:0;filter:alpha(opacity=0);transition:all .5s 1s cubic-bezier(.15,.65,.58,.99);-ms-transition:all .5s 1s cubic-bezier(.15,.65,.58,.99);-o-transition:all .5s 1s cubic-bezier(.15,.65,.58,.99);-webkit-transition:all .5s 1s cubic-bezier(.15,.65,.58,.99);-moz-transition:all .5s 1s cubic-bezier(.15,.65,.58,.99)}
.sidebar a.right-qq{background:url(../images/sidebar-icon1.png) no-repeat center;margin-bottom:10px;background-color:#999;position:absolute;right:0;top:0}
.sidebar a.right-qq:hover{width:148px;background:url(../images/sidebar-icon1.png) no-repeat 20px center #3388FF}
.sidebar a.right-weixin{background:url(../images/sidebar-icon2.png) no-repeat center;background-color:#999;margin-bottom:10px;position:absolute;right:0;top:52px;overflow:visible}
.sidebar a.right-weixin:hover{background:url(../images/sidebar-icon2.png) no-repeat center #3388FF}
.sidebar a.right-weixin:hover .weixin-code{opacity:1;visibility:visible;left:-140px}
.sidebar .weixin-code{position:absolute;left:-125px;top:50%;transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);opacity:0;visibility:hidden;transition:all .6s ease;-ms-transition:all .6s ease;-o-transition:all .6s ease;-webkit-transition:all .6s ease;-moz-transition:all .6s ease}
.sidebar .weixin-code img{width:120px;height:120px}
.sidebar a.right-tell{background:url(../images/sidebar-icon3.png) no-repeat center;background-color:#999;margin-bottom:10px;position:absolute;right:0;top:104px}
.sidebar a.right-tell:hover{width:160px;background:url(../images/sidebar-icon3.png) no-repeat 20px center #3388FF}
.sidebar a.right-top{background:url(../images/sidebar-icon5.png) no-repeat center;background-color:#999;position:absolute;bottom:20%;right:0}
.sidebar a.right-top:hover{width:120px;background:url(../images/sidebar-icon5.png) no-repeat 20px center #3388FF}
.sidebar a:hover>span{display:block;vertical-align:middle;opacity:1;filter:alpha(opacity=100); text-decoration:none;}




@media (max-width:800px){
	.sidebar{width:100%;height:42px;right:0;bottom:.6rem;margin-top:0;background:0 0;top:auto}
	.sidebar a{display:inline-block;margin:0 .2rem;position:relative}
	.sidebar a>span{display:none}
	.sidebar a.right-message,.sidebar a.right-qq,.sidebar a.right-tell,.sidebar a.right-top,.sidebar a.right-weixin{position:relative;right:auto;top:auto;left:auto;bottom:auto;margin-bottom:0}
	.sidebar a.right-message:hover,.sidebar a.right-qq:hover,.sidebar a.right-tell:hover,.sidebar a.right-top:hover,.sidebar a.right-weixin:hover{width:42px;background-position:center}
	.sidebar a:hover>span{display:none}
	.sidebar .weixin-code{left:50%;top:-125px;transform:translateX(-50%) translateY(0);-ms-transform:translateX(-50%) translateY(0);-o-transform:translateX(-50%) translateY(0);-webkit-transform:translateX(-50%) translateY(0);-moz-transform:translateX(-50%) translateY(0)}
	.sidebar a.right-weixin:hover .weixin-code{top:-140px;left:50%}
	.fixed-message{left:50%;top:-300px;transform:translateX(-50%) translateY(0);-ms-transform:translateX(-50%) translateY(0);-o-transform:translateX(-50%) translateY(0);-webkit-transform:translateX(-50%) translateY(0);-moz-transform:translateX(-50%) translateY(0)}
	.fixed-message:after{border-width:7px 7px 0 7px;border-color:#fff transparent transparent transparent;bottom:-7px;top:auto;right:auto;left:50%;margin-top:0;margin-left:-7px}
	.sidebar a.right-message:hover .fixed-message{top:-360px;left:50%}
	}
	@media (max-width:640px){.sidebar a.right-message:hover .fixed-message{top:auto;bottom:80px;left:50%}.fixed-message:after{left:75%}}