@charset "utf-8";
/* CSS Document */
/* all 2013.12.21*/
body{margin:0;padding:0;font-size:14px; color:#333;line-height:1.8;font-family:"Arial","微软雅黑"; background:#fff;}
form,ul,li,ol,li,dl,dt,dd,img,p,h1,h2,h3,h4,h5,h6,input{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{ font-size:12px; font-weight:normal;}
input,select{font-size:12px; }
img{border:0; max-height:100%; max-width:100%; vertical-align:top;}
ul,li{list-style-type:none;}
b,strong{font-weight:bold;}

/* link 2013.12.21 */
a{color:#555;text-decoration:none; cursor:pointer;}
a:hover{color:#00a849;text-decoration:none;}
.clear{clear: both;}
.clearfix{content: "";clear: both;overflow: hidden;}
.displayno{display: none}
.displaybl{display: block;}
.mt20{margin-top: 20px;}
.ml20{margin-left: 20px;}
.oh{ overflow:hidden;}
.w1200{ width:1200px; margin:0 auto;}
.textr{ text-align:right;}
.textl{ text-align:left;}

/*导航*/
.header_w{ background:#fff;/*filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#E5ffffff,endcolorstr=#E5ffffff);*/ width:100%;  height:155px; 
 position:relative;  }
.header{width: 1200px;margin:15px auto;}
.logo{float:left;height:99px;}
.telephone{ float:right;  font-weight:bold; line-height:22px;}
.telephone h3{  background: url(../images/main/tianyi2_06.png) no-repeat left center; padding-left:25px; font-size:16px; font-weight:normal; line-height:30px; }
.nav { width:1200px; text-align:center; font-size:0px; position:absolute; bottom:-30px; left:50%; margin-left:-600px; }
.nav ul li{line-height: 60px;position: relative; display:inline-block; z-index:999;   background:#00a849; border-right:1px solid #029743;width:149px;}
.nav ul li:last-child{border-right:none;}
.nav ul li ul{ display: none;position: absolute;   background:rgba(0,0,0,0.6);width:100%; left:0px;top:60px;}
.nav ul li a{color:#fff;font-size: 16px;display: block;transition: all 0.2s ease-out;}
.nav ul li:hover a,.nav ul li.select a{ background:#ed0028; font-weight:bold;transition: all 0.2s ease-out; }
.nav li ul li {
	float:none;
	font-size: 14px;
	text-align:center;
	margin:0px; padding:0px;
	height:30px; line-height:30px;
	white-space:nowrap;
    position:relative;
    overflow:hidden;
}
.nav li ul li a,.nav  li:hover ul li a{ display:block;background:none;border:none;color:#fff;padding:0px;font-size:12px; line-height:30px;}
.nav li ul li a:hover{ background:#000;}
.nav  li:hover ul {
	display: block;
}
.nav  li:hover ul li ul{ display: none;}
.nav ul li ul li ul{ display: none;position:absolute;left:80px;top:0px;}
.nav  li ul li:hover ul{ display: block;}
/***************轮播样式**************************/
/* index - banner */
.full_banner{ clear:both; height:550px; overflow:hidden; width:100%; position:relative;}
.full_banner .bd{margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.full_banner .bd ul{width:100% !important;}
.full_banner .bd li{width:100% !important;float:left;height:550px;overflow:hidden;text-align:center;}
.full_banner .bd li a{ display:block;height:550px;  margin:0 auto;}
.full_banner .hd{width:1200px;z-index:1; position:relative; margin:0 auto;text-align:center;}
.full_banner .hd ul{text-align:center;padding-top:5px; position:absolute; right:50%; margin-right:-21px; bottom:10px;}
.full_banner .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:11px;height:11px;margin:5px;overflow:hidden; background:#fff; border-radius:5px;
line-height:9999px;}
.full_banner .hd ul .on{background:#00a849; }
.full_banner .prev {
    position: absolute;
    left: 3%;
    top: 50%;
    margin-top: -25px;
    display: block;
    width: 32px;
    height: 40px;
    background-image: url(../images/main/slider-arrow.png);
    background-repeat: no-repeat;
    background-position: -110px 5px;
    filter: alpha(opacity=50);
    opacity: 0.5;
}
.full_banner .next {
    position: absolute;
    top: 50%;
    right: 3%;
    margin-top: -25px;
    display: block;
    width: 32px;
    height: 40px;
    background-image: url(../images/main/slider-arrow.png);
    background-repeat: no-repeat;
    background-position: 8px 5px;
    filter: alpha(opacity=50);
    opacity: 0.5;
}
 
/***************轮播样式结束**************************/
.index_main{ background:url(../images/temp/body_bg.jpg) no-repeat center bottom; padding-bottom:120px;}
.titleclass{clear:both;  margin-top:80px; text-align:center; overflow:hidden; }
.titleclass h3{ margin-bottom:30px;}
.titleclass h3 b{ font-size:26px; color:#00a849;}
.titleclass h3 b,.i_part1 h3 span,.buttons .title b,.buttons .title span{ display:block;}
.titleclass h3 span{ font-weight:normal; font-size:14px; color:#b2b2b2;}
.buttons .title b{ font-size:30px;}
.buttons .title{ width:230px; z-index:99; background:#00a849; position:absolute; left:0; bottom:0px; color:#fff; height:59px; margin-top:-1px; padding:30px 0; font-size:14px; line-height:30px; }
.buttons a{ float:left; width:25%; font-size:16px; height:59px; border:1px solid #eee;  box-sizing:border-box; line-height:59px; }
.buttons a:hover{ border:1px solid #00a849;color:#00a849; font-weight:bold;}

.buttons { width:1200px;  height:116px; padding-left:230px;
    text-align: center;
    -webkit-transition: .3s opacity;
    -o-transition: .3s opacity;
    transition: .3s opacity;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    z-index: 10;
}
.buttons a.color {border:1px solid #00a849;color:#00a849; font-weight:bold;
}

.swiper-pagination-bullet { display:inline-block; 
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    font-size: 12px;
    color: #000;
}








.i_part1 .left{float:left;  margin-right:28px; overflow:hidden;
    width: 315px;
    height: 575px;}
.i_part1 .middle{float:left;   width: 315px; overflow:hidden;
    height: 575px;}
.i_part1 .middle .ads1,.i_part1 .middle .ads2{overflow:hidden; width: 315px;
    height: 275px;}
.i_part1 .middle .ads1{margin-bottom:25px;}
.i_part1 .right{width: 315px;overflow:hidden; position:relative;
    height: 575px; float:right;}
.i_part1 .right a{display:block;    width: 118px;color:#fff; text-align:center;border:1px solid #fff;position:absolute;top:440px;left:100px;
    height: 43px;
    line-height: 43px;}
.i_part1 .right a:hover{background:#fff;color:#fc4752; }

.pc-banner {height:450px;  width:100%;position: relative;}
.swiper-container { width: 100%;  overflow: hidden; z-index: 1; height:100%;}
.swiper-container-android .swiper-slide, .swiper-wrapper {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -o-transform: translate(0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.swiper-wrapper {  position: relative;  width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex;
display: flex;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
.button {  width: 100%;  margin: 0 auto;top: -290px; position: relative; z-index: 1002;}
.swiper-slide { -webkit-flex-shrink: 0;  -ms-flex: 0 0 auto; flex-shrink: 0;  width: 100%;  height: 100%;  position: relative;}
.Cooldog_container .Cooldog_content li .intro{ position:absolute; display:none; width:512px; left:50%;margin-left:-251px; bottom:0; color:#fff;background: rgba(0,0,0,.6);
 filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#99000000,endcolorstr=#99000000);  padding:4% 3%; box-sizing:border-box;}
.swiper-slide a {  display: block;  color:#fff;}
.Cooldog_container .Cooldog_content li .intro span{ display:block; width:70%; float:left; line-height:20px; text-align:left;overflow:hidden; text-overflow:ellipsis;display: -webkit-box;
-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.Cooldog_container .Cooldog_content li .intro b.viewmore{ width:30%;}
.Cooldog_container .Cooldog_content li .intro b.viewmore,.i_part2 .contentbg b.viewmore{display:block; width:104px; border:1px solid #fff;  float:right;}
.layer-mask {   width: 100%;  height: 100%;  opacity: 0.7;  transition: all 0.5s; background-color: #3e3e3e; position: absolute; left: 0; top: 0;  right: 0;}
.p4 .layer-mask { display:none;}
.Cooldog_container .Cooldog_content li.p4 .intro{ display:block;}
.swiper-slide img {   width: 100%;   display: block;  height: 100%; border: none;}
.swiper-slide-active a:after { background: none;}
.swiper-button-prev {  left: 90px;  cursor: pointer;background: url(../images/main/index_icon2.png) no-repeat center center;}
.swiper-button-next, .swiper-button-prev {position: absolute; top: 50%; margin-top: -30px; color:#fff; z-index: 10; font-size:30px; width: 60px; height: 60px;  
  line-height:60px; text-align:center;}
.swiper-button-next {  right: 90px; cursor: pointer;background: url(../images/main/index_icon3.png) no-repeat center center;}
.swiper-slide-active .layer-mask { display: none;}
.Cooldog_container { width: 1200px; height: 566px; margin: 0 auto ;  position: relative;  overflow: hidden;}
.Cooldog_container .Cooldog_content { height:450px; position: absolute;  width: 1200px; top: 116px;  left: 50%;  margin-left: -600px;}
.Cooldog_container .Cooldog_content li {  position: absolute;  top: 0; left: 0;  width: 100%;  transition: all 0.3s ease;}
.Cooldog_container .Cooldog_content li img {  width: 1200px;   height: 450px; background:#fff; vertical-align: middle; display: inline-block;}
.Cooldog_container .btn_left, .Cooldog_container .btn_right { position: absolute; top:50%; margin-top:-30px; color:#fff; z-index:999; font-size:30px; width:60px; 
 height:60px; display:none;   line-height:60px; text-align:center;}
.Cooldog_container .btn_left {left:0;  cursor: pointer;background: url(../images/main/index_icon2.png) no-repeat center center;}
.Cooldog_container .btn_right { right: 0; cursor: pointer;background: url(../images/main/index_icon3.png) no-repeat center center;}
.Cooldog_container i { font-size: 50px;}
.Cooldog_container .buttons { margin:0 auto; position:relative; width: 970px; height: 116px;  line-height:60px;}
.Cooldog_container .buttons a { float: left;  width:242px;  height: 58px; line-height:58px;}
.Cooldog_container .buttons a:last-child {  margin-right: 0;}
.p1 {  transform: translate3d(-577px, 0, 0) scale(1); z-index: 1;}
.p2 {  transform: translate3d(-577px, 0, 0) scale(1);  transform-origin: 0 50%; z-index: 2;}
.p3 {transform: translate3d(-577px, 0, 0) scale(1);  transform-origin: 0 50%;  z-index: 3;}
.p4 { transform: translate3d(0px, 0, 0) scale(1);  z-index: 4;}
.p5 { transform: translate3d(625px, 0, 0) scale(1);  transform-origin: 0 50%; z-index: 3;}
.p6 { transform: translate3d(625px, 0, 0) scale(1);  transform-origin: 0 50%; z-index: 2;}
.p7 { transform: translate3d(625px, 0, 0) scale(1);  transform-origin: 0 50%; z-index: 1;}
.p8 { transform: translate3d(625px, 0, 0) scale(1);  transform-origin: 0 50%; z-index: 1;}

.viewmore{ width:104px; height:30px; line-height:30px;text-align:center; }
.i_about{ width:100%;height:584px; margin:0 auto; margin-top:40px; position:relative; overflow:hidden;}
.i_about div{z-index:99;}
.i_about div.info{position:relative; height:100%;}
.img_position{position:absolute;top:0px;left:0px;z-index:1;}
.i_about .title{   font-size: 50px;color:#00a849; line-height:39px;height:39px; margin-top:120px; font-weight:bold;}
.i_about .desc{    color: rgb(127, 127, 127); font-size:20px;}
.i_about .pc_content{margin:0 auto; margin-top:35px;line-height:2; text-align:left;    color: rgb(89, 89, 89); }
.i_about .telediv{ margin-top:20px;  position:absolute; bottom:40px; left:0px; width:100%; }
.i_about .telediv b{ font-size:18px; color:#e40000; }
.i_about .telediv span{float:left; display:block; line-height:29px;}
.i_about .telediv span em,.bottomLink a em,.i_part1_t b em{ background: url(../images/main/index_icon.png) no-repeat ; margin-right:5px; width:29px;height:29px; display:inline-block; vertical-align:top;}
.i_about .telediv span i,.bottomLink a i,.i_part1_t b i{ display:inline-block; vertical-align:top;}
.i_about .telediv span em{ background-position:-29px 0px}
.bottomLink a em{ background-position:-58px 0px}
.i_part1_t b em{ background-position:0px 0px}
.i_about .telediv a.viewmore,.i_part3 .contentbg .viewmore{ border:1px solid #00a849;display:block; float:right;}
.i_about .telediv a.viewmore:hover{ color:#00a849;}
.i_about .half {width: 532px; float: right; margin-left:68px; position:relative; height:100%;}
.i_part2 li{ width:390px;height:190px; margin-bottom:14px; position:relative; overflow:hidden;   }
.i_part2 li:hover .head{ display:none;}
.i_part2 li a{ display:block;position:relative; width:100%; height:100%;}
.i_part2 .left{ width:794px; }
.i_part2 .left li{float:left;}
.i_part2 .left li:first-child{ height:404px; width:100%; margin-bottom:14px; float:none;}
.i_part2 .left li:last-child{ margin-left:14px;}
.i_part2 .right{ margin-left:10px; width:390px; }
.i_part2 .right li:first-child{ height:199px; }
.i_part2 .head{ position:absolute; left:50%; width:140px; color:#fff; height:50px; line-height:50px; margin-left:-70px; bottom:0;background:rgba(0,0,0,.6);
  filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#99000000,endcolorstr=#99000000); font-size:16px; }
.i_part2 li:hover::before{   position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; overflow: hidden; background-color: #000; opacity: .5;
 content: '';  }
.i_part2 li .contentbg{ position: absolute; left: 0; top:0; z-index: 1; width: 100%; height: 100%; overflow: hidden;color:#fff; -webkit-transform: translateY(-200px);
-moz-transform: translateY(-200px);padding: 20px 45px;box-sizing: border-box;}
.i_part2 li:first-child .contentbg{-webkit-transform: translateY(-405px);-moz-transform: translateY(-405px);}
.i_part2 li:hover::before,
.i_part2 li:hover .contentbg {
	-webkit-animation: bounceInDown .8s .2s ease both;
	   -moz-animation: bounceInDown .8s .2s ease both;
}

@-webkit-keyframes bounceInDown{
	0%   { -webkit-transform: translateY(-1000px); }
	60%  { -webkit-transform: translateY(30px); }
	80%  { -webkit-transform: translateY(-10px); }
	100% { -webkit-transform: translateY(0); }
}
@-moz-keyframes bounceInDown{
	0%   { -moz-transform: translateY(-1000px); }
	60%  { -moz-transform: translateY(30px); }
	80%  { -moz-transform: translateY(-10px); }
	100% { -moz-transform: translateY(0); }
}


.i_part2 .contentbg h3{ font-size:16px; margin-bottom:5px;}
.i_part2 .contentbg p{ font-size:12px;}
.i_part2 .contentbg b.viewmore{ margin:0 auto; float:none; position:absolute; left:50%; bottom:30px; margin-left:-53px;}
.i_part3 li {  float: left;width: 538px; border: 1px solid #eeeeee;transition: all 0.2s ease-out; margin-top: -1px; margin-left: -1px; padding:30px; position:relative; background:#fff;}
.i_part3 li:hover{ background:#00a849; color:#fff;transition: all 0.2s ease-out;}
.i_part3 li:hover a{ color:#fff;}
.i_part3 .contentbg{float:left; width:310px; text-align:left;  }
.i_part3 .contentbg h3{ font-size:16px; margin-bottom:10px; font-weight:bold;}
.i_part3 img{ float:right; width:164px;}
.i_part3 .contentbg .viewmore{ float:left; position:absolute; left:30px; bottom:30px; font-weight:normal;}
.i_part3 li:hover .viewmore{ border:1px solid #fff;}
.bottomLink {width: 100%; border-bottom: 1px solid #353535; overflow:hidden;}
.bottomLink a{ float:left; padding:0 44px; line-height:29px; margin:20px 0; color:#bfbfbf;display:block;border-right:1px dotted #bfbfbf;}
.bottomLink a:hover{ color:#00a849;}
.bottomLink a:last-child{ border-right:none;}


.w_line{
  width:40px;
  margin:20px auto;
    height: 1px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #d3d3d3;
    box-shadow: 0 3px 2px transparent;
    border-radius: 1px;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
}



 

.i_contact_us_w{ clear:both; color:#fff;  overflow:hidden;padding:30px 0px; }
.i_contact_us{width:1200px;margin:0 auto;}
.i_contact_us_c{ width:390px; float:left;}
.erweima{ width:120px; text-align:center;}
.i_part1_t{ width:465px;}
.i_part1_t b{ line-height:29px;height:29px;  display:block; font-weight:normal; color:#666; }
.i_part1_t span{ line-height:24px;  font-size:20px; display:block;margin-top:8px;  color: rgb(255, 250, 250);}
.i_part1_t a{ background:#cc0022; display:block; transition: all 0.2s ease-out;position:relative; width:80px; height:30px; line-height:30px;  padding-left:12px; color:#f0f0f0; margin-top:45px;}
.i_part1_t a:hover{background:#a40923;transition: all 0.2s ease-out;}
.i_part1_t a::after{ content:""; border:5px solid transparent; border-left:5px solid #f0f0f0; width:0px; height:0px; display:block; position:absolute; right:8px; top:10px; }
.i_part1_bd{  font-size:16px; width:615px;}
.i_part1_bd b{ display:block; font-size:24px; font-weight:normal;}
.erweima div{ float:left; width:120px; text-align:center; }

.footer{background:#292929; clear:both;overflow:hidden;}
.footerc{ color:#666;text-align:center; height:53px; line-height:53px; background:#080808; font-size:12px; }
.go_top{    width: 29px;    display: block; position: fixed; right: 200px; bottom: 300px;  z-index: 99;height: 29px; color:#bfbfbf;}
.go_top em{ display: block; margin-bottom:5px; width:100%; height:100%; background: url(../images/main/index_icon.png) no-repeat ;background-position:0 -29px;}
.go_top span{ display:block; text-align:center; }
.cnzz_tj{display:none;}
/***************新闻**************************/
.p_category{clear:both;overflow:hidden; margin-bottom:32px; border-bottom:1px solid #f0f0f0;}
.p_category .hd{ text-align:center;     font-size: 26px;color:#000; line-height:39px;height:39px; font-weight:bold;}
.p_category .desc{ height:18px; text-align:center;    color: rgb(127, 127, 127);}
.p_category .w_line{
  width:100px;
  margin:0 auto;
  margin-top:5px;
    height: 1px;
    border-bottom-width: 3px;
    border-bottom-style: solid;
    border-bottom-color: #00a849;
    box-shadow: 0 3px 2px transparent;
    border-radius: 1px;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
}


.p_banner{    width: 100%;overflow: hidden;margin: 0 auto;}
.p_bannerc{ height: 500px;
    overflow: hidden;
    position: relative;
    left: 50%;
    margin-left: -960px;
    width: 1920px;}
.main{width:1200px;margin:0px auto;margin-top:28px;overflow:hidden; padding-bottom:110px; }
.p_left{width:250px;float:left;}
.p_right{width:910px; float:right;}
.p_left .hd{ background:#00a849; text-align:center; color:#fff; padding:25px 0px; font-size:14px; height:60px;}
.p_left .hd b{font-size:30px; line-height:35px;}
.p_left .hd b,.p_left .hd span{ display:block;}
.p_left .bd li{font-size:18px; text-align:center;  }
.p_left .bd a{ display:block;padding:20px; line-height:29px;transition: all 0.2s ease-out;border:1px solid #f0f0f0; border-top:none; transition: background 0.2s ease-out;}
.p_left .bd a:hover,.p_left .bd a.select{color:#fff;transition: all 0.2s ease-out; background:#dc1515; border:1px solid #f0f0f0; border-top:none;transition: background 0.2s ease-out;}
.p_left .bd li ul{ display:none;}
.p_left .bd li ul li a{ display:block;font-size:12px;}
.p_left .bd li ul li a:hover,.p_left .bd li ul li a.select{color:#fff;}
.p_right .hd{border-bottom:1px solid #dddddd;height:40px;line-height:40px;}
.p_right .hd b{float:left;font-size:16px;}
.crumbs{color:#999;font-size:18px; font-weight:bold; position:relative; }
.crumbs::after{ content:""; display:block; width:70px; border:1px solid #d70808; height:1px; background:#d70808; position:absolute; left:0; bottom:-1px;}
.crumbs span{margin-right:8px;}
.newlist{}
.news_search{ clear:both;margin:10px 0px; padding:6px 10px; background:#f5f5f5;border:1px dotted #e5e5e5;}
.newlist li{border-bottom:1px solid #e5e5e5; padding-left:10px; margin-top:10px; overflow:hidden; padding-bottom:10px;}
.newlist li .time,.newlist li .img,.newlist li .info{ float:left; margin-right:10px;}
.newlist li .time{width:60px;text-align:center;}
.newlist  .time b{font-size:36px; color:#959595;display:block;height:40px;line-height:40px;}
.newlist  .time span{color:#959595;display:block;height:20px;line-height:20px;}
.newlist li .img{border:2px solid #eee;width:60px;height:60px;overflow:hidden;}
.newlist li .img img{width:60px;height:auto;}
.newlist li .info{width:620px;}
.newlist li .info .title{    color: #414141;
    font-size: 16px;line-height:24px;height:24px;
    font-family: "微软雅黑";
    font-weight: bold;}
.newlist li .info .desc{line-height:21px;height:42px;overflow:hidden; color:#717171;}
.news_show{clear:both;  overflow:hidden;}
.news_show h1{font-size:20px; text-align:center;font-weight:normal; line-height:30px; margin-top:15px;}
.time_views{ text-align:center; margin-top:5px;}
.time_views span{margin-right:10px;color:#b5b5b5;}
.time_views span a{color:#b5b5b5;}
.time_views span i{font-size:10px; color:#ffd59f; margin-right:3px;}
.news_detail{line-height:1.8;margin-top:20px; color:#383838;padding-bottom:20px;border-bottom:1px solid #e5e5e5;}
.back_next{ line-height:30px; margin-top:5px;}
.back_next .back{ float:left;}
.back_next .next{ float:right;}
.newsbanner{clear:both;  overflow:hidden;margin-top:10px;}
.related_news{clear:both;  overflow:hidden;margin:10px 0px;}
.related_news .related_hd{border-bottom:3px solid #ccc; line-height:40px;font-size:16px;}
.related_news .related_bd{clear:both;  overflow:hidden;margin-top:10px;}
.related_news .related_bd li{ float:left; width:48%;padding-right:2%; overflow:hidden; height:30px; line-height:30px;}
.related_news .related_bd li  a{ display:block;background:url(../images/main/plticon4.png) no-repeat 5px 12px; padding-left:15px;font-size:12px;}
.related_news .related_bd li  a:hover{background:url(../images/main/plticon4_select.png) no-repeat 5px 12px;}
/***************产品**************************/
.pro_search{line-height:26px;}
.pro_ss_input{height:26px;border:1px solid #dbdbdb; width:200px; padding:0px 2px; line-height:26px;vertical-align:middle;}
.pro_ss_sub{ color:#383838;border:1px solid #dbdbdb; background:#f6f6f6; text-align:center;  line-height:26px; padding:0px 20px;margin-left:10px; cursor:pointer;vertical-align:middle;}
.pro_pxtj{background:#f6f6f6;height:22px; padding:8px; margin-top:10px; clear:both;}
.pro_pxtj .pro_px {
    float: left;
    margin-right: 24px;
}
.pro_pxtj .pro_px a {
    float: left;
    padding: 0 10px;
    height: 23px;
    border: 1px solid #CCC;
    line-height: 23px;
    margin-right: -1px;
    background: #FFF;
    color: #333;
}
.pro_pxtj .pro_px a.curr {
    background: #e4393c;
    color: #FFF;
    border-color: #e4393c;
}
.pro_pxtj .pro_px a i {
    display: none;
    position: absolute;
    background: url(../images/common/search.ele.png) no-repeat -9999px -9999px;
    top: 6px;
    right: 5px;
    width: 13px;
    height: 12px;
    overflow: hidden;
    font-size: 0;
}
.pro_pxtj .pro_px  a.down, .pro_pxtj .pro_px a.up {
    position: relative;
    padding-right: 20px;
}
.pro_pxtj .pro_px a.down i, .pro_pxtj .pro_px a.up i {
    display: block;
}
.pro_pxtj .pro_px a.down i {
    background-position: 0 -203px;
}
.pro_pxtj .pro_px a.up i {
    background-position: 0 -225px;
}
.pro_pxtj .pro_tj {
    float: right;
    color:#888;
}
.prolist{clear:both; overflow:hidden;}
.prolist ul{width:810px;}
.prolist ul li{width:188px; float:left; margin-right:13px; margin-top:10px;}
.prolist ul li .img{width:188px;height:188px; overflow:hidden;text-align:center;}
.prolist ul li .name{height:26px;line-height:26px;overflow:hidden;  text-align:center;}
.prolist ul li .price{height:26px;line-height:26px;overflow:hidden; text-align:center; font-size:16px;color:#c00000;}


.pro_xq_p1{clear:both; margin-top:10px;overflow:hidden;}
.pro_xq_p1 .pro_info{ float:right;width:420px;}
.pro_xq_p1 .pro_info h1{font-size:18px;font-weight:normal;}
.pro_xq_p1 .pro_info  .f_title{border-bottom:1px solid #e5e5e5;color:#888; font-size:14px;line-height:28px; padding-bottom:6px;
}
.pro_xq_p1 .pro_info  ul{margin-top:8px;overflow:hidden;}
.pro_xq_p1 .pro_info  li{line-height:30px;color:#888; clear:both;}
.pro_xq_p1 .pro_info  li b,.pro_xq_p1 .pro_info  li em,.pro_xq_p1 .pro_info  li span{float:left;}
.pro_xq_p1 .pro_info  li b{font-weight:normal; width:80px; }
.pro_xq_p1 .pro_info  li .sale_price{font-size:24px; color:#ea0000;}
.pro_xq_p1 .pro_info  li em{text-decoration:line-through;}
.pro_xq_p1 .sc_outlink{ clear:both;margin-top:15px;overflow:hidden;}
.pro_xq_p1 .sc_outlink a{float:left;height:50px;line-height:50px;font-size:18px;text-align:center; color:#fff;}
.sc_outlink .outlink{width:260px;background:#ff6700;margin-right:15px;}
.pro_xq_p1 .sc_outlink i{font-size:20px;margin-right:6px;}
.sc_outlink .sc_sub{width:142px;background:#b0b0b0;}
.p_share{clear:both;margin-top:15px;overflow:hidden;}

.pro_xq_p2{clear:both; margin-top:20px;overflow:hidden;}
.pro_xq_p2 .hd{border-bottom:1px solid #e5e5e5;height:40px;}
.pro_xq_p2 .hd ul li{width:120px;height:40px;text-align:center;color:#fff;background:#ff6700;font-size:16px;}

.pro_xq_p2 .attribute{ color:#8a8a8a;margin-top:10px;overflow:hidden;background:#f8f8f8;}
.pro_xq_p2 .attribute li{width:48%;padding-left:2%; float:left;line-height:28px;height:28px;}
.pro_xq_p2 .details{clear:both; padding:10px;overflow:hidden; line-height:1.8; }
.related_pro {border:1px solid #eee; overflow:hidden;}
.related_pro .related_hd{padding:5px 10px;}
.related_pro .related_bd {padding:8px;}
.related_pro .related_bd ul {width:780px;}
.related_pro .related_bd li {float:left;margin-right:6px;margin-bottom:10px;width:150px;overflow:hidden;}
.related_pro .related_bd .img{width:150px;overflow:hidden;height:150px;text-align:center;}
.related_pro .related_bd .name {line-height:30px;height:30px;overflow:hidden;text-align:center;overflow:hidden;}
.related_pro .related_bd .price {color:#c10000;line-height:22px;height:22px;overflow:hidden;text-align:center;overflow:hidden;
    }

/***************表单**************************/
.forms_list{ border:1px solid #e1e1e1; padding:5px 15px 15px 15px; margin-top:10px;}
.forms_list li{border-bottom:1px dotted #e1e1e1; clear:both;overflow:hidden;line-height:40px;}
.forms_list a{ display:block;background:url(../images/main/plticon2.png) no-repeat 5px 16px;height:40px;overflow:hidden; padding-left:18px; float:left;width:80%;}
.forms_list a:hover{background:url(../images/main/plticon2_select.png) no-repeat 5px 16px;}
.forms_list span{float:right; color:#999;font-size:12px;}

.forms_details{ width:80%; font-size:18px; margin:0 auto;  }
.forms_details .hd{border-bottom: 1px #E7E7E7 solid;padding: 10px 0;}
.forms_details h1{
    font-size: 22px;
    font-weight: bold;
    line-height: 38px;
    color: #000;
}
.forms_details .time{color:#999; padding-left:5px;}
.forms_details .bd{ padding:10px 20px; text-align:center;}
.forms_details .bd ul{ text-align:left;}
.question_dlist li{ clear:both;margin-bottom:40px; line-height:30px; }
.question_dlist li b{font-weight:normal; display:inline-block; line-height:50px; width:300px; text-align:right; }
.question_dlist li b span{ color:#dd0303;}
.question_dlist li div{ display:inline-block;}
.question_dlist li div .input_form{ 
    width: 490px;
    border: 1px #e5e5e5 solid;
    height: 48px;
    line-height: 48px;
    font-size: 12px;
    color: #a9a9a9;
    padding-left: 10px;}
.question_dlist li div textarea {
    width: 490px;
    padding: 5px;
    border: 1px #e5e5e5 solid;
    min-height: 190px;
    line-height: 22px;
    font-size: 12px;
    color: #a9a9a9;
}
.form_sub,.form_sub2{    background: #00a849;width: 118px;color: #fff;text-align: center;line-height: 48px;height: 48px;border:1px solid #00a849; cursor:pointer; 
border-radius:4px; -webkit-border-radius:4px; font-size:16px;transition: all 0.2s ease-out;}
.form_sub:hover{ background:#098941;transition: all 0.2s ease-out;}
.form_sub2{ background:#fff; color:#333; border:1px solid #f0f0f0; margin-left:20px;transition: all 0.2s ease-out;}
.form_sub2:hover{ border:1px solid #00a849; color:#00a849;transition: all 0.2s ease-out;}
.mn_select {position: relative;  z-index:1;width:502px;height:48px; line-height:48px; background:#fff;  }
.mn_select cite {width: 460px; height:48px; line-height: 48px; display: block;  color: #a9a9a9; cursor: pointer; font-style: normal; padding-left:10px;padding-right: 30px;  
border:1px solid #E5E5E5;  background: url(../images/common/xjt.png) no-repeat right center; }
.mn_select ul {width: 100%;   border: 1px solid #E5E5E5; border-top:none; box-sizing:border-box; overflow-y:auto; background-color: #ffffff; padding:5px 0px; position: absolute; z-index: 20000;  margin-top: 0px;  display: none; }
.mn_select ul li { height: 34px; line-height: 34px;padding-top:0px; margin-bottom:0px; }
.mn_select ul li a {display: block;height: 34px; color: #333333;text-decoration: none;  padding-left: 10px;  padding-right: 10px;  } 
.mn_select ul li a:hover {background-color: #CCC;}
.mn_select select{width:290px;border:1px solid #d2d2d2;height:36px; line-height:36px; background:#fff; }


/*********案例***********/
.div_area_search{ clear:both; margin-top:10px;position:relative;z-index:9; display:none;}

.stxsearch{float:left;}
.stxsearch .s_input{ width:150px; padding:0px 3px; line-height:30px; height:30px; border:1px solid #E3E3E3;}
.stxsearch_sub{    color: #383838;
    border: 1px solid #dbdbdb;
    background: #f6f6f6;
    text-align: center;
    line-height: 30px;
    padding: 0px 20px;
    margin-left: 8px;
    cursor: pointer;
    }
.sellerlist{ overflow:hidden; clear:both; min-height:180px;}
.sellerlist ul li{width:282px; height:273px; float:left; margin-right:29px; margin-top:29px; border:1px solid #f0f0f0;}

.sellerlist ul li:hover a{ color:#fff;}
.sellerlist ul li:nth-child(3n){ margin-right:0px;}
.sellerlist ul li .img{overflow:hidden;text-align:center; height:216px; background:#fff;transition: all 0.2s ease-out;}
.sellerlist ul li .img a{ display:block;}
.sellerlist ul li .img img{transition: all 0.2s ease-out;}
.sellerlist ul li:hover .img img{transform: scale(1.05);}
.sellerlist ul li:hover{ background:#01b34f; border:1px solid #01b34f;transition: all 0.2s ease-out;}
.sellerlist ul li .name{line-height:26px;overflow:hidden; padding:15px 0;  text-align:center; border-top:1px solid #f0f0f0;}
.sellerlist ul li .name a{ color:#666;}
.sellerlist ul li:hover .name a,.sellerlist ul li:hover .name b{color:#fff;}
.sellerlist ul li .name b{ font-weight:normal; color:#1a1a1a; font-size:18px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:block;}
.sellerlist ul li .name p{ height:26px; font-size:16px; margin-bottom:5px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

/**select***/
.m-select{height:32px;float:left;width:288px;background-image:url(../images/main/selector.png);background-repeat:no-repeat;background-position:100% 0;border-radius: 5px; margin-right:8px;}
.m-select-w{width:100px;}
.m-focus{background-position:100% 100%;position:relative;}
.m-select dt{line-height:32px;border:1px solid #E3E3E3;text-align:center;text-indent:-31px;cursor:pointer;height:30px;border-radius: 5px;}
.m-select dd{width:100%;overflow-y:auto;background:#fff;position:absolute;left:0;top:32px;display:none;border-top:2px solid #E3E3E3;border-bottom:2px solid #E3E3E3;border-radius: 5px;box-shadow:0 6px 12px rgba(0,0,0,0.175)}
.m-select dd a{display:block;font-size:12px;text-indent:1em;line-height:32px;border-right:2px solid #E3E3E3;border-left:2px solid #E3E3E3;height:32px;}
.m-select dd a:hover{text-decoration:none;background:#eee;}

.m-select dd.age,.m-select dd.height{width:600px;border:2px solid #E3E3E3;}
.m-select dd.age a,.m-select dd.height a{float:left;width:40px;text-align:center;border:none;display:inline-block;text-indent:0;height:24px;line-height:24px;}

.m-select dd.region{width:660px;height:240px;border:2px solid #E3E3E3;}
.region .tab{height:28px;padding:10px 0 0 10px;}
.region .tab li{float:left;height:24px;line-height:24px;padding:0 20px;border:1px solid #E3E3E3;margin-right:5px;cursor:pointer;}
.region .tab li.on{border:2px solid #723928;cursor:default;position:relative;background:#723928;color:#fff;}
.region .tab-con{border-top:2px solid #723928;margin:0 10px 10px 10px;position:relative;top:-2px;background:#fff; padding-top:10px;}
.m-select dd.region a{float:left;text-align:center;border:none;width:62px;overflow:hidden;overflow:hidden;display:inline-block;text-indent:0;}
.btn_area_select{padding:0px 10px 10px 10px;}

/******下载*******/
.down_list{}
.down_list li{border-bottom:1px solid #e5e5e5; margin-top:10px; overflow:hidden; padding-bottom:10px; overflow:hidden;}
.down_list li .down_list_hd{
    height: 36px;
    padding:0px 15px;
    line-height: 36px;
    background: #f7f7f7;}
.down_list li .down_list_hd  span{ float:left;}
.down_list li .down_list_hd  em{ float:right; color:#888;}
.down_list li .down_list_bd{ clear:both; margin-top:8px;}
.down_list li .img,.newlist li .info{ float:left; margin-right:10px;}
.down_list li .img{border:2px solid #eee;width:60px;height:60px;overflow:hidden;}
.down_list li .img img{width:60px;height:auto;}
.down_list li .info{width:680px;}
.down_list li .info .title{    color: #414141;
    font-size: 14px;line-height:24px;height:24px;
    font-family: "微软雅黑";
    font-weight: bold;}
.down_list li .info .desc{line-height:21px;height:42px;overflow:hidden; color:#717171;}

.down_load_infolist{ clear:both; border:1px solid #eee; overflow:hidden; margin-top:10px;}
.down_load_infolist li{ width:48%; line-height:30px; float:left; border-bottom:1px solid #eee; padding-left:2%;color:#555;}
.down_load_infolist li span{ color:#888;}
.download_sub { clear:both; margin-top:10px; text-align:right;}
.download_sub  a{ width:120px; height:32px; line-height:32px; background:#fd9500; text-align:center; display:inline-block; color:#fff; border-radius:3px; cursor:pointer;}

/******视频*******/
.video_list{}
.video_list li{ clear:both; margin-top:30px; overflow:hidden;}
.video_list li .img{ width:225px;height:150px; float:left; margin-right:20px; position:relative;}
.video_list li .img .b_cover{ position:absolute;height:30px;line-height:30px; right:0px;bottom:0px;color:#fff;}
.video_list li .img .b_cover span{ font-size:12px; margin-right:10px;}
.video_list li .img img{ width:100%; height:auto;}
.video_list li .info{ width:535px;float:left;}
.video_list li .title{ font-size:20px;line-height:34px; max-height:68px; overflow:hidden;}
.video_list li .desc{  color:#666; margin-top:5px;}
.video_list li .time{color:#888; margin-top:5px;}
.video_list li .time span{ margin-right:15px;}
.jp-video-360p{ margin:0 auto; margin-top:20px; clear:both;}




.content_show{  margin-top:20px; overflow:hidden; }
.p_procate{overflow:hidden;}
.p_procate li{ float:left; width:278px; height:68px; line-height:68px; margin-bottom:16px; margin-right:26px; border:1px solid #f2f2f2;}
.p_procate li:nth-child(4n){ margin-right:0px;}
.p_procate li a{transition: all 0.2s ease-out;
    display:block;
    text-align:center; 
    font-size: 18px;
}
.p_procate li a:hover,.p_procate li a.select{background:#ca1919; color:#fff;font-weight:bold;transition: all 0.2s ease-out;}
.p_prolist{ clear:both; margin-top:20px; overflow:hidden; border:1px solid #f0f0f0;}
.p_prolist .thumbnailPic{ max-width:280px; float:left;}
.p_prolist .adintro{ float:left; width:895px;  line-height:20px; margin-left:22px;}
.p_prolist .adintro h2{ font-size:18px; font-weight:bold; margin-bottom:10px; margin-top:20px;}
.p_prolist table{width:100%;border:1px solid #f7f7f7;text-align:center; border-collapse:collapse; line-height:24px;}
.p_prolist table table{border:1px solid transparent; border-top:1px solid #f7f7f7; }
.p_prolist table table:hover{ border:1px solid #e92828;}
.p_prolist table th{ font-weight:bold; line-height:70px;}
.p_prolist table td,.p_prolist table th{  font-size:16px; }
.p_prolist table td.subname{ padding:14px 0px;}
.p_prolist ul{ width:1020px;}
.p_prolist li{
    padding-bottom: 10px;
    background-color: #fff;
    background-image: none;
    background-repeat: repeat;
    background-position: left top;
    background: -moz-linear-gradient(top, none, none);
    background: -o-linear-gradient(top, none, none);
    background: linear-gradient(top, none, none);
    background: -webkit-gradient(linear, left top, left bottom, from(none), to(none));
    overflow: hidden;
    list-style: none;
    border-bottom:1px solid #    
    float:left;    width: 320px;
    margin-right: 17px;
    margin-bottom: 17px;}

.p_prolist li .pic{    width: 320px;
    height: 200px;
    text-align:center;
    line-height: 200px;
    overflow:hidden;
}
.p_prolist li .pic   img{transition: all 0.8s ease 0s; transform: scale(1); }
.p_prolist li .pic   a:hover  img{transition: all 0.8s ease 0s; transform: scale(1.1);}
.p_prolist li .name{    margin: 0 10px;
    padding: 0;
    height: 40px;
    font-size: 14px;
    color: #444;
    text-align: center;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    font-family: 'Microsoft YaHei';
    line-height: 40px;
    overflow: hidden;}
.p_prolist li .subname{    margin: 0 10px;
    display: block;
    font-size: 12px;
    color: #999;
    text-align: left;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    font-family: 'SimSun';
    height: 26px;
    line-height: 26px;
    white-space: nowrap;
    text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    -moz-text-overflow: ellipsis;
    overflow: hidden;}

.p_pro_details{ width:1200px; clear:both;}
.p_pro_details .pro_info{ width:620px;}
.p_pro_details .pro_info h1{    clear: both;
    line-height: 150%;
    text-align: left;
    font-size: 18px;
    font-family: 'Microsoft YaHei';
    font-weight: 700;
    color: #333;}

.p_pro_details .pro_info .f_title  {
    text-align: left;
    font-size: 13px;
    font-weight: 400;
    color: #E4393B;
}
.wrapdd{ overflow:visible;}
.wrapdd .blist,.pro_xq_p1 .pro_info ul.blist{overflow:visible;
        display: block;
    height: 33px;
    border: 1px solid #DDD;
    border-top: 2px solid #999;
    background-color: #F7F7F7;
}

.wrapdd .blist li {
    float: left;
    display: block;
    width: 110px;
    line-height: 33px;
    text-align: center;
    font-size: 14px;
    color: #666;
    clear:none;
    cursor: pointer;
}
.wrapdd .blist li.active {    position: relative;
    z-index: 10;
    margin: -7px 0 0 -1px;
    height: 39px;
    line-height: 39px;
    border: 1px solid #DDD;
    border-top: 2px solid #E4393C;
    border-bottom: none;
    background-color: #FFF;
    text-align: center;
    color: #E4393C;
    font-weight: 700;
}

.wrapdd  .attribute{ padding:20px 15px;}

.p_newlist{}
.p_newlist li{ clear:both; border-bottom:1px dashed  #ddd; padding:30px 0px; overflow:hidden; }
.p_newlist li img{ width:200px; float:left;transition: all 0.2s ease-out;}
.p_newlist li:hover img{transform: scale(1.05);transition: all 0.2s ease-out;}
.p_newlist li .pinfo { float:right; width:690px; position:relative;  }
.p_newlist li .pinfo .title{ height: 20px; margin-bottom:10px;
    line-height: 20px;
    display: block;
    font-size: 16px;    font-weight: bold;width:600px;white-space: nowrap; overflow: hidden;text-overflow: ellipsis;
    color:#444;
    text-decoration: none;
   }
.p_newlist li .pinfo .time {color:#b2b2b2; font-weight:normal; position:absolute; right:0; top:0; line-height: 20px; }
.p_newlist li .pinfo .desc{ color: #666;clear:both; }
.p_newlist li:hover a .title { color:#00a849;}
.p_newlist li .views { float:right; color: #999; font-size:12px;}
.p_newlist li .views .iconfont{ font-size:10px; margin-right:5px;}


.p_news_details h1{    clear: both;
    line-height: 30px;
    text-align: center;
    font-size: 24px;
    font-weight: 700;
    color: #333;}
.p_news_details .time_views{ border-bottom:1px solid #ccc; color:#999; padding-bottom:12px;}
.p_news_details .back_next{font-size:14px;}




/******人才招聘*******/
.hire_list{}
.hire_list li{}
.list_hd{}
.hire_list  li{margin-top:20px;}
.hire_list .h_list_hd{ padding: 0 18px  0px 30px; background:#eee;height:40px;line-height:40px;font-size:14px;} 
.h_list_bd{    background: #f6f6f6;padding: 10px 18px 30px 30px; line-height:2.5;}

.hire_detail_list{clear:both;line-height:2; background:#f5f5f5;overflow:hidden; padding:10px;margin-top:10px;}
.hire_detail_list li{width:46%;float:left;padding:5px 2%;  }
.hire_detail_jj{margin:8px 0px;overflow:hidden;color:#666; border-bottom:1px dashed #eee;line-height:30px; }

/******联系我们*******/
.contactMap{ width:800px;}
.contactIntro{ width:360px; font-size:16px; }
.contactIntro h2{ position:relative; border-bottom:1px solid #f0f0f0; margin-bottom:20px; font-size:26px; font-weight:normal; line-height:30px; padding-bottom:10px;}
.contactIntro h2::after{ content:""; display:block; width:90px; height:1px ; background:#e82020;   border:1px solid #e82020; position:absolute; left:0; bottom:-1px;}
.contactMap img{ max-height:inherit; max-width:inherit;}

/******公司介绍*******/
.introductionHead{ text-align:center;position:relative; border-bottom:1px solid #f0f0f0;  line-height:50px; font-size:26px; margin-bottom:40px;}
.introductionHead::after{ content:""; display:block; width:100px; height:1px ; background:#00a849;   border:1px solid #00a849; position:absolute; left:50%; margin-left:-50px; bottom:-1px;}
.introductionPic{ width:570px; }
.introductionIntro{ width:600px; font-size:16px;line-height:27px; }
.introductionIntro h3{ border-left:4px solid #00a849; line-height:25px; padding-left:5px; margin-bottom:10px; font-size:20px; }

/*客服*/
.fn-suspend { position: fixed; right: 0; top: 200px;z-index: 99999; margin-right: 20px\0; }

/*假设网页宽度为1200px，导航条在右侧悬浮*/

.suspend-item {background: url(../images/main/toolbar.png) no-repeat #00a849;  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; -o-transition: background-position 1s; -webkit-transition: background-position 1s; transition: background-position 1s; }
.suspend-item-item {background: url(../../../home/page_404b6a9.html) no-repeat #00a849;  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; -o-transition: background-position 1s; -webkit-transition: background-position 1s; transition: background-position 1s; }
.service-QQ {box-shadow: 0 0 8px 0 #00a849;}
.suspend-item-weixin .suspend-layer { height: 140px; background-position: 0 0; overflow: hidden; box-shadow:0 0 5px #00a849;}
.suspend-item:hover{background-color:#00a849;}
.suspend-item-item:hover{background-color:#00a849;}

.suspend-item:hover .suspend-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);}
.suspend-item-weixin { background-position: 0 -370px; }
.suspend-item-weixin:hover { background-position: 0 -432px; }

.suspend-item-weixin .suspend-layer img{display: block;}
.suspend-item-feedback { background-position: 0 -426px; }
.suspend-item-feedback a{width: 100%;height: 100%;display: block;}
.suspend-item-feedback:hover { background-position: 0 -488px; }
.suspend-item-app { background-position: 0 -122px; }
.suspend-item-app:hover { background-position: 0 -184px; }
.suspend-item-top { background-position: 0 -246px;cursor: pointer; }
.suspend-item-top:hover { background-position: 0 -308px; }
.suspend-layer { position: absolute; right: -173px; bottom: 0px; width: 140px; opacity: 0; filter: alpha(opacity=0);}

.service-QQ {position: absolute; list-style: none; color: #666; width: 173px; bottom: 0px;background-color:#fff;}
.service-QQ li { border-bottom: 1px solid #ddd; padding: 8px 0 8px 15px; font-size:14px;}
.service-QQ a { text-decoration: none; color: #666; }
.service-QQ li:last-child { border-bottom: none; }
.service-QQ li img { vertical-align: middle; }

.fn-suspend.floatqq_left .service-QQ { left:-173px; transition:left 0.3s; opacity:0; filter:alpha(opacity=0);}
.fn-suspend.floatqq_left .show_qq{ opacity:1; left:52px;filter:alpha(opacity=100);}

.fn-suspend.floatqq_right .service-QQ{ left:52px; transition:left 0.3s; opacity:0; filter:alpha(opacity=0);}
.fn-suspend.floatqq_right .show_qq{opacity:1; left:-173px;filter:alpha(opacity=100);}

.fn-suspend.floatqq_left .suspend-item-weixin .suspend-layer{ left:-140px;}
.fn-suspend.floatqq_left .suspend-item-weixin .suspend-layer.show_qq{left:52px; transition:left 0.3s;}
.fn-suspend.floatqq_right .suspend-item-weixin .suspend-layer.show_qq{left:-140px; transition:left 0.3s;}

.fn-suspend.floatqq_left .suspend-layer { left: 52px; -moz-transform-origin: 0 95%; -ms-transform-origin: 0 95%; -o-transform-origin: 0 95%; -webkit-transform-origin: 0 95%; transform-origin: 0 95%; }