@charset "utf-8";

/* CSS Document */

body{ width:100%;  font-size:12px;color:#000; font-family:"微软雅黑";  margin:0 auto;}

ul,li,ol,p,dl,dt,dd{ margin:0px; padding:0px; list-style: none;} 

img,fieldset{vertical-align:top;border:0;}

h1,h2,h3,h4,h5,h6 {font-size:100%; margin:0; padding:0;  }

address,cite,code,em,th {font-weight:normal; font-style:normal;}

input,button,textarea,select{font:100%; font-family:"微软雅黑"; outline:medium; vertical-align:middle}

table,td,tr,th{font-size:12px;}

a{ color:#000; text-decoration:none;}

a:hover { color:#333;   }

.clearfix{*zoom:1; clear:both;}

.clearfix:after{display:block; overflow:hidden; clear:both; height:0px;  visibility:hidden; content:".";}



.head{  position:relative; height:110px;}

.head .smaller{ height:50px; background: rgba(255,255,255,0.9); filter:Alpha(opacity=90);  position: fixed; top: 0; z-index: 999;}

.head .smaller .logo{ margin:0 0 0 3%;}

.head .smaller .logo img{ width:50px; height:auto;}

.head .smaller .search{ display:none;}

.head .smaller .nav li span a{ color:#333;  font-size:14px; line-height:47px;  display:block; text-transform:uppercase;}

.head .smaller .tel{margin-top:12px; margin-right:5%; }

.head .smaller .tel img{ width:80%; }



.top{ box-shadow:1px 1px 10px #ddd; height: 110px; position:absolute; top:0; width:100%; z-index:10;}

.head_con{ width:1280px;  margin:auto; }

.logo{ margin-left:2%; margin-top:5px; float:left; width:102px; }

.logo img{ width:102px; height:auto;}

.tel{float:right; margin-right:2%; text-align:right;margin-top:18px; }

.search{ height:30px; margin-top:5px; background:url(../images/search.jpg) no-repeat right;}

.search input{ width:120px; line-height:25px; height:25px; padding-left:10px; background: none; border:none; float:right; }

.search .button{ width:30px; cursor:pointer;}

.search{margin-top:10px;}

.nav{  max-width:1200px; margin:auto; min-width:980px;}

.nav ul{ margin-right:2%; float: right;}

.nav li {  float:left; padding:0 12px; margin:0 12px; }

.nav li.thisclass{ border-bottom:3px solid #01b0cb;}

.nav li:hover{border-bottom:3px solid #01b0cb;}

.nav li span{ text-align:center;}

.nav li span a{ color:#333;  font-size:15px; line-height:107px;  display:block; text-transform:uppercase;}

.nav li:hover a{color:#01b0cb; }



@media (min-width:1260px){

.nav li {  float:left;  padding:0 12px; margin:0 12px; }

}

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

.nav li {  float:left;   padding:0 10px; margin:0 15px; }

}

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

.nav li {  float:left;   padding:0 10px; margin:0 10px; }

}

@media (min-width:1020px) and  (max-width:1120px) {

.nav li {  float:left;   padding:0 7px; margin:0 7px; }

}

@media (max-width:1020px) {

.nav li {  float:left;   padding:0 7px; margin:0 5px; }

}



.nav_sub{ width:100%; display:none;  position:absolute; top:110px; left:0;   z-index:20; background: url(../images/tmbg_b.png);   box-shadow:1px 1px 5px #eee;}

.smaller .nav li .nav_sub{  position:absolute; top:50px; left:0; }

.nav li:hover .nav_sub{ display: block;}



.sub1{ max-width: 1200px;  margin:auto;padding-bottom:20px; padding-top:30px; }

.sub1_con{  }

.sub1 dl{ float:left; width:15%; padding-left:20px;}

.sub1 dt a{ border-bottom:1px solid #ddd; font-size:15px;color:#d3241d; padding:15px 0; display:block;}

.sub1 dd{ background:url(../images/nav_dd2.png) no-repeat left; padding-left:15px;}

.sub1 dd a{  font-size:14px;color:#444 !important; padding:10px 0;display:block;}

.sub1 dd a:hover{ color:#01b0cb;}

@media (min-width:1217px){

.sub1 dl{ float:left; width:15%; padding-left:20px;}

}

@media (max-width:1217px) {

.sub1 dl{ float:left; width:15%; padding-left:10px;}

}

.sub2{ max-width: 1200px;  margin:auto;padding-bottom:20px; padding-top:30px; }

.sub2 dl{ }

.sub2 dd{width:15%; float:left;  font-size:15px; text-align:center;   padding-left:20px;}

.sub2 dd a{ line-height:45px; color:#01b0cb;   margin:0; }

.sub2 dd a img{ width:100%; }

@media (min-width:1217px){

.sub2 dd{width:15%; float:left;  font-size:15px; text-align:center;   padding-left:20px;}

}

@media (max-width:1217px) {

.sub2 dd{width:15%; float:left;  font-size:15px; text-align:center;   padding-left:10px;}

}



.banner{ clear:both;}

.mBan2 { overflow: hidden; }

.mBan2 .slideBox{ width:100%; height:auto; position:relative; }

.mBan2 .slideBox .hd{ height: 16px; overflow: hidden; position: absolute; bottom:6px; z-index: 1; width:140px;   margin-left: -70px; left: 50%; padding:px 0px 0px 11px; }

.mBan2 .slideBox .hd ul{  }

.mBan2 .slideBox .hd ul li{   float: left; width:30px; height:7px; background:#000; opacity:0.5; cursor: pointer; margin-right:5px; }

.mBan2 .slideBox .hd ul li.on{ background:#01b0cb;opacity:1;}

.mBan2 .slideBox .bd{ position:relative; height:100%;  }

.mBan2 .slideBox .bd ul,.slideBox .bd ul li{width:100%!important;}

.mBan2 .slideBox .bd img{ width:100%; height:auto; display:block;  }.product_c{ padding:50px 0;  }

.product_c .product_t{ display:block;width:100%; margin:auto;text-align:center; padding-bottom:15px;  background: url(../images/bar.jpg) no-repeat center bottom; }

.product_c .product_t strong{  font-size:36px; line-height:65px; color:#01b0cb;}

.product_c .product_t span{ font-weight:normal; display:block;   font-size:18px;   color:#666;  text-transform:uppercase;  }



.product_c_con{ position:relative; margin:30px auto; max-width:1280px;min-width:800px;}



.product_c_con .hd .prev{  position: absolute; top:45%;  display:block; left:-30px;  width:30px; height:50px;cursor:pointer; background: url(../images/left2.png) no-repeat  ;}

.product_c_con .hd .next{  position: absolute; top:45%;  display:block; right:-30px;  width:30px; height:50px;cursor:pointer; background:url(../images/left2.png) no-repeat -65px 0;  }

.product_c_con .bd ul{ overflow:hidden; zoom:1; }

.product_c_con .bd ul li{ background:#f5f5f5; margin:0 10px 0 10px; width:300px;  float:left; _display:inline; overflow:hidden; text-align:center;  }

.product_c_con .bd ul li:hover{ background:#01b0cb;}

.product_c_con .bd ul li .pic{width:245px; height:245px; border: solid #ddd 1px; margin:50px auto 30px auto; text-align:center; border-radius:50%; overflow:hidden; }

.product_c_con .bd ul li:hover .pic{ border: solid #01b0cb 1px; }

.product_c_con .bd ul li .pic img{ width:245px; height:245px; display:block;   }

.product_c_con .bd ul li .title{ margin:0 25px 25px 25px;  color:#000; font-size:18px; line-height:40px;   }

.product_c_con .bd ul li .title strong{ font-weight:normal;}

.product_c_con .bd ul li .title p{ margin-bottom:30px; color:#666; line-height:24px;font-size:12px;   }

.product_c_con .bd ul li:hover .title{color:#fff;  }

.product_c_con .bd ul li:hover .title p{ color:#fff;  }

.product_c_con .bd ul li .title p a{ padding:5px 30px; line-height:25px; border-radius:20px; background:#01b0cb; color:#fff;  }

.product_c_con .bd ul li:hover .title p a{   background:#fff; color:#01b0cb;  }

@media (min-width:1440px){

.product_c_con{ position:relative; margin:30px auto;width:1280px;}

}

@media (min-width:1300px) and (max-width:1440px) {

.product_c_con{ position:relative; margin:30px auto;width:1200px;}

.product_c_con .bd ul li{ background:#f5f5f5; margin:0 8px 0 8px; width:280px;  float:left; _display:inline; overflow:hidden; text-align:center;  }

}

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

.product_c_con{ position:relative; margin:30px auto;width:1100px;}

.product_c_con .bd ul li{ background:#f5f5f5; margin:0 5px 0 5px; width:260px;  float:left; _display:inline; overflow:hidden; text-align:center;  }

}

@media (max-width:1200px) {

.product_c_con{ position:relative; margin:30px auto; width:1000px;}

.product_c_con .bd ul li{ background:#f5f5f5; margin:0 5px 0 5px; width:240px;  float:left; _display:inline; overflow:hidden; text-align:center;  }

.product_c_con .bd ul li .pic{width:205px; height:205px; border: solid #ddd 1px; margin:50px auto 30px auto; text-align:center; border-radius:50%; overflow:hidden; }

.product_c_con .bd ul li .pic img{ width:205px; height:205px; display:block;   }

}



.product_c_list{ position:relative; margin:30px auto;  }



.product_c_list .hd .prev{  position: absolute; top:45%;  display:block; left:-30px;  width:30px; height:50px;cursor:pointer; background: url(../images/left2.png) no-repeat  ;}

.product_c_list .hd .next{  position: absolute; top:45%;  display:block; right:-30px;  width:30px; height:50px;cursor:pointer; background:url(../images/left2.png) no-repeat -65px 0;  }

.product_c_list .bd ul{ overflow:hidden; zoom:1; }

.product_c_list .bd ul li{ background:#f5f5f5; margin:0 10px 20px 10px; width:300px;  float:left; _display:inline; overflow:hidden; text-align:center;  }

.product_c_list .bd ul li:hover{ background:#01b0cb;}

.product_c_list .bd ul li .pic{width:245px; height:245px; border: solid #ddd 1px; margin:50px auto 30px auto; text-align:center; border-radius:50%; overflow:hidden; }

.product_c_list .bd ul li:hover .pic{ border: solid #01b0cb 1px; }

.product_c_list .bd ul li .pic img{ width:245px; height:245px; display:block;   }

.product_c_list .bd ul li .title{ margin:0 25px 25px 25px;  color:#000; font-size:18px; line-height:40px;   }

.product_c_list .bd ul li .title strong{ font-weight:normal;}

.product_c_list .bd ul li .title p{ margin-bottom:30px; color:#666; line-height:24px;font-size:12px;   }

.product_c_list .bd ul li:hover .title{color:#fff;  }

.product_c_list .bd ul li:hover .title p{ color:#fff;  }

.product_c_list .bd ul li .title p a{ padding:5px 30px; line-height:25px; border-radius:20px; background:#01b0cb; color:#fff;  }

.product_c_list .bd ul li:hover .title p a{   background:#fff; color:#01b0cb;  }



.fazx{padding:50px 0;}

.fazx_t{ display:block;width:100%; margin:auto;text-align:center; padding-bottom:15px;  background: url(../images/bar.jpg) no-repeat center bottom;  }

.fazx_t strong{  font-size:36px; line-height:65px; color:#01b0cb;}

.fazx_t span{ font-weight:normal; display:block;   font-size:18px;   color:#666;  text-transform:uppercase;  }

.fazx_con{ position:relative; margin:30px auto; max-width:1280px;min-width:800px;}

.fazx_con .hd .prev{  position: absolute; top:45%;  display:block; left:-50px;  width:30px; height:50px;cursor:pointer; background: url(../images/left2.png) no-repeat  ;}

.fazx_con .hd .next{  position: absolute; top:45%;  display:block; right:-50px;  width:30px; height:50px;cursor:pointer; background:url(../images/left2.png) no-repeat -65px 0;  }

.fazx_con .bd ul{ overflow:hidden; zoom:1; }

.fazx_con .bd ul li{  width:426px;  float:left; _display:inline; overflow:hidden; }

.fazx_con .bd ul li .pic{width:426px; height:346px;  overflow:hidden; }

.fazx_con .bd ul li .pic img{ width:100%; height:100%;display:block;   }

.fazx_con .bd ul li .title{ position:relative; padding:30px 50px 0 50px; height:316px;  color:#fff; background:#90c018; }

.fazx_con .bd ul li .title .sj{ position:absolute; top:-36px; left:0; width:100%; height:36px;  background:url(../images/sj.png) no-repeat center center;}

.fazx_con .bd ul li .title2{   background:#01b0cb; }

.fazx_con .bd ul li .title .sj2{ bottom:-36px; top:auto;  background:url(../images/sj2.png) no-repeat center center;}

.fazx_con .bd ul li .title3{   background:#6bb947; }

.fazx_con .bd ul li .title .sj3{ background:url(../images/sj3.png) no-repeat center center;}

.fazx_con .bd ul li .title em{font-size:80px;}

.fazx_con .bd ul li .title strong{ margin-left:10px; font-size:36px; font-weight:normal;}

.fazx_con .bd ul li .title span{ margin-bottom:20px; text-transform:uppercase;font-size:18px; display:block;}

.fazx_con .bd ul li .title p{  line-height:24px;font-size:12px;   }

@media (min-width:1440px){

.fazx_con{ position:relative; margin:30px auto;width:1280px;}

}

@media (min-width:1320px) and (max-width:1440px) {

.fazx_con{ position:relative; margin:30px auto;width:1200px;}

.fazx_con .bd ul li{  width:400px;  float:left; _display:inline; overflow:hidden; }

.fazx_con .bd ul li .pic{width:400px; height:325px;  overflow:hidden; }

.fazx_con .bd ul li .title{ position:relative; padding:30px 50px 0 50px; height:295px;  color:#fff;   }

}

@media (min-width:1218px) and (max-width:1320px) {

.fazx_con{ position:relative; margin:30px auto;width:1100px;}

.fazx_con .bd ul li{  width:365px;  float:left; _display:inline; overflow:hidden; }

.fazx_con .bd ul li .pic{width:365px; height:296px;  overflow:hidden; }

.fazx_con .bd ul li .title{ position:relative; padding:30px 50px 0 50px; height:265px;  color:#fff;  }

}

@media (max-width:1218px) {

.fazx_con{ position:relative; margin:30px auto;width:1000px;}

.fazx_con .bd ul li{  width:335px;  float:left; _display:inline; overflow:hidden; }

.fazx_con .bd ul li .pic{width:335px; height:272px;  overflow:hidden; }

.fazx_con .bd ul li .title{ position:relative; padding:10px 40px 0 40px; height:262px;  color:#fff;  }

}



.news{ padding:50px 0; background:url(../images/news_bg.jpg) no-repeat  ; background-size:100% 100%; font-size:14px}

.news_con{ max-width:1280px; margin:30px auto; min-width:800px;}



.slideTxtBox{ }

.slideTxtBox .hd{ width:520px; margin:40px auto;}

.slideTxtBox .hd li{ display:block;  font-size:18px; padding:0 50px; background:#01b0cb; margin-right:1px; line-height:50px; float:left;}

.slideTxtBox .hd li.on{ background:#90c018; }

.slideTxtBox .hd li a{ display:block; color:#fff;}.news_tab{margin:40px auto; }

.news_tab li{  margin-right:30px; width:47%; float:left; margin-bottom:35px; height:156px; border-bottom:1px dashed #ddd; }

.news_tab li .pic{ float:left; width:180px; height:123px;}

.news_tab li .pic img{  width:180px; height:123px;}



.news_tab li .txt{  float: right; width:390px;}

.news_tab li .txt h2{ margin:0 0 10px 0;   font-size:14px;}

.news_tab li .txt h2 a{ color:#222;}

.news_tab li .txt h2:hover a{ color:#01b0cb;}

.news_tab li .txt p{ clear:both; color:#555;}

.news_tab li .txt p a{ display:block; margin-top:20px; text-transform:uppercase; color:#01b0cb;}



@media (min-width:1440px){

.news_con{ width:1280px; margin:30px auto; }

}

@media (min-width:1300px) and (max-width:1440px) {

.news_con{ width:1200px; margin:30px auto; }

.news_tab li .txt{  float: right; width:350px;}

}

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

.news_con{ width:1100px; margin:30px auto; }

.news_tab li .txt{  float: right; width:320px;}

}

@media (max-width:1200px) {

.news_con{ width:1000px; margin:30px auto; }

.news_tab li .pic{ float:left; width:160px; height:109px;}

.news_tab li .pic img{  width:160px; height:109px;}

.news_tab li .txt{  float: right; width:290px;}

}.more{ text-align:center;}

.more a{ padding:10px 0; color:#01b0cb; font-size:18px; border-bottom:2px solid #01b0cb; line-height:40px;}



.bottom{ line-height:50px; background:#1b1b1b;}

.bottom_nav{max-width:1280px;margin:auto; }

.bottom_nav ul{ width:100%; display:inline-table;}

.bottom_nav li{ width:12%; float:left; text-align:center;}

.bottom_nav li a{ display:block; color:#fff;}

.bottom_nav li a:hover{ background:#01b0cb; }

.bottom_nav li.on a{ background:#01b0cb; }



.foot{ padding:50px 0; background:#272727; width:100%;}

.foot_con{  max-width:1280px; min-width:1050px; margin:auto;}

.foot_logo{margin-left: 27px; color:#ddd;float:left; width:144px;}



.foot_lxwm{ color:#fff; float:left; margin-left:50px; }

.foot_lxwm p{ line-height:24px; }

.foot_lxwm p a{ line-height:24px; color:#FFF; }

.foot_lxwm p.tu img{ margin-right:10px; max-height:25px; }

.foot_lxfs{ width:450px; float:right;}

.foot_lxfs .ewm{ float:left; width:118px; margin-right:40px; }



.foot_lxfs .ewm img{  width:118px;  }

.foot_lxfs .tel{ float: left;}

.foot_search input{ color:#fff; margin-top:20px; background:#1b1b1b; border:none; width:170px; padding:0 5px;  height:35px; line-height:35px; }

.foot_search  .button{ width:50px; cursor:pointer;  height:35px; line-height:35px; background: url(../images/search2.png) no-repeat center center #01b0cb; border:none; }



.xf_right{}

.side{position:fixed;width:54px;height:200px;right:0;top:50%; margin-top:-100px;z-index:100;}

.side ul li{width:54px;height:54px;float:left;position:relative; margin-bottom:1px;}

.side ul li .sidebox{position:absolute;width:54px;height:54px;top:0;right:0 ; line-height:54px;background:#01b0cb;  color:#fff; overflow:hidden;}

.go_top .sidetop{ position: fixed; bottom:50px; right:50px;width:55px;height:55px; display:inline-block;background: url(../images/top.png) no-repeat center center #01b0cb; transition:all 0.3s;}

.go_top:hover .sidetop{background:url(../images/top.png) no-repeat center center #90c018;  }



.side{ width:100%; height:100%;}

#sidebar { position: fixed;z-index: 100;right: 10px; margin-top:-90px;	top:50%; }

#sidebar table {width: 55px;}

#sidebar table td{ margin:0; padding:0;height: 55px;}

#sidebar table  .img{width: 55px;height: 55px;margin: 0 auto; cursor:pointer; }

#sidebar table .t4 { position:relative;}

#sidebar table .t4 .img{background: url(../images/QQ.png) no-repeat center center #01b0cb;}



#sidebar table .t4 .djjt{   background:#90c018; font-size:14px;text-align:center; width: 55px; color:#fff;height:47px; padding-top:8px;  display:none; position:absolute; right:0px; top:0px;}



#sidebar table .t4:hover .djjt{ display:block;}



#sidebar table .t5{ position:relative; }

#sidebar table .t5 .img{background: url(../images/dh.png) no-repeat center center #01b0cb;}



#sidebar table .t5 .djjt{   background:#90c018; font-size:14px;text-align:center; width: 55px; color:#fff;height:47px; padding-top:8px;  display:none; position:absolute; right:0px; top:0px;}



#sidebar table .t5:hover .djjt{ display:block;}



#sidebar table .t5 .phone_NO{ position:absolute; top:0; right:55px; width:240px; font-size:14px; color:#333; background:#fff; line-height:24px; padding:20px; border-radius:5px; box-shadow:1px 1px 7px #ccc;   }

#sidebar table .t5 .phone_NO p{  padding:5px 0 5px 0px; }

#sidebar table .t5 .phone_NO p strong{ color:#01b0cb;}

#sidebar table .t5:hover .img{background: url(../images/dh.png) no-repeat center center #90c018;}

#sidebar table .t6{ position:relative;}

#sidebar table .t6 .img{background: url(../images/wx.png) no-repeat center center #01b0cb;}



#sidebar table .t6 .djjt{   background:#90c018; font-size:14px;text-align:center; width: 55px; color:#fff;height:47px; padding-top:8px;  display:none; position:absolute; right:0px; top:0px;}



#sidebar table .t6:hover .djjt{ display:block;}



#sidebar table .t6:hover .img{ background: url(../images/wx.png) no-repeat center center #90c018;}

#sidebar table .t6 .ewm{  position:absolute; right:55px; top:0;}

#sidebar table .t6 .ewm img{ width:170px;  }

#sidebar table a{text-decoration:none; }/* solution/方案中心 */

.banner{}

.fullSlide{ position:relative; width:100%;   position:relative;  height:237px; overflow:hidden;   }

.fullSlide .bd{ position:relative; z-index:0;  }

.fullSlide .bd ul{ width:100% !important; }

.fullSlide .bd li{ width:100% !important;  height:237px; }

.fullSlide .bd li a{ position:absolute; width:100%; height:2370px; display:block; z-index:1;;   }

.fullSlide .bd .txt{ position:absolute; width:415px; top:100px; left:22px;   font:normal 18px/30px "Microsoft YaHei";}

.fullSlide .bd .btn{ display:block; zoom:1; margin-top:8px;  width:72px; padding-right:10px;  height:31px; line-height:31px; text-align:center; color:#fff; font-size:12px; background:url(../images/banner-btn.png) 0 0 no-repeat;_background:url(../images/banner-btn-ie6.png) 0 0 no-repeat;}

.fullSlide .hd{ width:100%; position:absolute; z-index:1; bottom:0; left:0; height:30px; line-height:30px; text-align: center; }

.fullSlide .hd ul {   margin:auto;  width:1000px; }

.fullSlide .hd ul li{  cursor:pointer; display:inline-block; *display:inline; zoom:1; width:30px; height:7px; margin:2px; background:#1d1d1d; overflow:hidden;   line-height:9999px; filter:alpha(opacity=70);opacity:0.7; }

.fullSlide .hd ul .on{ filter:alpha(opacity=100);opacity:1;background:#01b0cb;   }



.fazx1{ width:100%;clear: both;}

.fazx_dh{  max-width:1280px; margin:20px auto; background:#01b0cb;}

.fazx_dh p{ text-align:center;  line-height:40px;}

.fazx_dh p a{ display:inline-block; padding:0 50px; font-size:16px; background:#44c3d7; color:#fff; margin:10px 20px;}

.fazx_dh p a:hover{  background:#fff; color:#01b0cb;  }

.fazx_dh p a.thisclass{  background:#fff; color:#01b0cb;  }

.fazx_con{ max-width:1280px; margin:auto; padding:50px 0; clear: both;}

.fazx_txt{ margin-left:2%; float:left; width:55%;}

.fazx_txt h1{  font-weight:normal; font-size:30px; line-height:70px;}

.fazx_txt p{ line-height:30px; color:#666; font-size:14px;}

.fazx_txt p a{ display:inline-block; padding:0 40px; margin-top:30px; border-radius:5px; line-height:40px; border:1px solid #01b0cb; color:#01b0cb; font-size:18px;}

.fazx_txt:hover p a{ background:#01b0cb;color:#fff; }

.fazx_pic{ margin-right:2%;  float: right; text-align:right; width:35%;}

.fazx_pic img{ max-width:100%;}

.fazx2{ background:#eee;}

.fazx_dh1{  max-width:1280px; margin:20px auto; background:#01b0cb;}

.fazx_dh1 p{ text-align:center;  line-height:40px;}

.fazx_dh1 p a{ display:inline-block; padding:0 10px; font-size:16px; background:#44c3d7; color:#fff; margin:10px 10px;}

.fazx_dh1 p a:hover{  background:#fff; color:#01b0cb;  }

.fazx_dh1 p a.thisclass{  background:#fff; color:#01b0cb;  }



/* product/产品中心 */



.cont{ max-width:1280px; margin:20px auto;}

.con_left{ border:1px solid #e6e5e5;margin-bottom:50px;  text-transform:uppercase;width:20%; float:left;}

.con_left_title{ background: url(../images/pro_tb.png) no-repeat 13px 13px #f5f5f5;  line-height:45px; padding:0 20px 0 40px;   font-size:18px;   color:#333;  }



.con_left_con{ background:#f5f5f5;   }

.con_left_con li{ margin-bottom:1px; line-height:40px;}

.con_left_con li a{ display:block; padding-left:20px;}

.con_left_con li:hover span a{ background:#fff;   border-left:3px solid #01b0cb; }

.con_left_con li.thisclass span a{ background:#fff;   border-left:3px solid #01b0cb; }

.con_left_con h3{  margin-bottom:1px; padding-left:10px; font-size:14px; background:#fff;   line-height:40px; border-left:3px solid #01b0cb;  }

.con_left_con h3:hover{  background:#01b0cb;   }

.con_left_con h3 a{ cursor:pointer; display:block;  }

.con_left_con h3:hover a{ color:#fff;  }

.con_left_con dl{ }

.con_left_con dl dd{ line-height:36px; }

.con_left_con dl dt a{ padding-left:20px; }

.con_left_con dl dd a{ display:block; color:#444; padding-left:30px; }

.con_left_con dl dd a:hover{  color:#01b0cb;  }



.con_right{ float:right; width:77%; }

.con_right_title{ line-height:40px; border-bottom:1px solid #ddd;}

.con_right_title strong{ float:left; display:inline-block; line-height:41px;  font-size:18px; font-weight:normal; color:#01b0cb;  }

.con_right_title ul{ float:right; margin-right:50px;}

.con_right_title ul li{ font-size:14px;  float: left;}

.con_right_title li a{  margin:0 5px;}

.con_right_title li:hover a{ color:#01b0cb; }

.con_right_title li:last-child a{ color:#01b0cb; }



.product{ width:100%; overflow:hidden; clear:both; margin-top:35px;}

.product ul{ }

.product li{ padding-bottom:50px;  position:relative; margin-right:3%;   background:#f5f5f5 ; border:1px solid #eee;margin-bottom:50px; position:relative; width:30%;  overflow:hidden;  float:left; }

.product li img{height:165px; width:300px;}

.product li .pic a{ text-align:center;}

.product li .pic{ overflow:hidden; }

.product li .pic .pic_txt{ height:300px; position:absolute; top:0; left:-350px; transition:0.5s ease-in-out;  background:url(../images/tmbg.png) ; color:#fff; width:100%; }

.product li:hover .pic .pic_txt{  left:0px;  }

.product li .pic .pic_txt p{ margin:20px; line-height:20px;}

.product li .pic .pic_txt p a{ display:block; line-height:40px; text-align:center; color:#fff; background:#01b0cb; width:100px; margin:auto;}

.product li strong a{ width:100%; background:#f5f5f5 ; text-align:center; position:absolute; bottom:0px; left:0; z-index:10; font-weight:normal; border-bottom:3px solid #ddd; display:block; padding:0 10px; line-height:50px; color:#333; font-size:14px; }

.product li:hover strong a{ border-bottom:3px solid #01b0cb; color:#01b0cb;}



.fenye{ height:60px; float:right; margin-right:3%; clear:both; }

.fenye ul li{  margin-right:5px;  float: left;line-height:25px; background:#f5f5f5;}

.fenye ul li a{  display:block; color:#333; padding:0 10px;}

.fenye ul li a:hover { background:#01b0cb; color:#fff;}

.fenye ul li.thisclass { background:#01b0cb; color:#fff; padding:0 10px;}

.fenye ul li.thisclass a{ }



/* product/产品详情 */



.product_d{ width:1280px; margin:30px auto;  }



.tab{ line-height:30px; font-size:14px; color:#333;}



#tabs {	 background:#f5f5f5;overflow: hidden;	width: 100%;	margin: 0;	padding: 0;	list-style: none;}

#tabs li { font-size:18px;  border-right:1px solid #fff;line-height:50px; 	float: left; }

#tabs a {	position: relative; padding:0 50px;display:block;color: #444;	}

#tabs a:hover, #tabs a:hover::after, #tabs a:focus, #tabs a:focus::after { background: #01b0cb;}

#tabs a:focus {	outline: 0;}

#tabs #current a, #tabs #current a::after { color:#fff; background: #01b0cb; z-index: 3;}



#content { position: relative;	z-index: 2;	}

#content h2, #content h3 {	margin: 0 0 15px 0;}

#tab1{ margin-top:20px; }

#tab2{ margin-top:20px; }
#tab2 p{ padding:0 !important; margin:0 !important;}

#tab2 td{ border-bottom:1px solid #e5e5e5;border-right:1px solid #e5e5e5; padding:10px; font-size:18px; color:#444; }
#tab2 table{ border-left:1px solid #e5e5e5; border-top:1px solid #e5e5e5;  }


#tab3{ margin-top:20px; position: relative;  overflow: hidden; width:1200px; }

#tab3 .bigImg{ width:650px; margin:auto; height: 528px; position: relative;}

#tab3 .bigImg li img{ border:1px solid #e5e5e5; vertical-align:middle; width:648px; height:528px; margin-top:20px;}



.product_tab3 .smallScroll{ width:910px; margin:auto;height:114px; margin-bottom: 6px;}

.product_tab3 .sPrev,.product_tab3 .sNext{ float: left; display: block; width:25px; height: 114px; text-indent: -9999px; background: url(../images/left3.png) no-repeat 0 50px; }

.product_tab3 .sNext{ background-position:  -38px 50px;}



.product_tab3 .smallImg{ float:left;  margin:15px; display:inline; width: 830px; overflow: hidden;}

.product_tab3 .smallImg ul{ height:114px;  width: 9999px; overflow: hidden; }

.product_tab3 .smallImg li{ float: left; margin-right:30px; width:140px; cursor:pointer;  display: inline;  }

.product_tab3 .smallImg img{ border:1px solid #e5e5e5;  width:140px; height:114px;  }



/* product/互动中心 */

.hdzx{ background:#eeeeee; clear:both; }

.hdzx_zj{width:1280px; margin:auto;}

.hdzx_con{ width:1296px;}

.hdzx_con ul{ margin-top:30px; }

.hdzx_con li{ background:#fff;  margin-bottom:50px; float:left; width:375px; height:295px; margin-right:57px; transition:ease-in 0.5s;-moz-transition:ease-in 0.5s;-ms-transition:ease-in 0.5s;-o-transition:ease-in 0.5s;-webkit-transition:ease-in 0.5s;}

.hdzx_con li:hover{ box-shadow:1px 1px 10px #bbb;}

.hdzx_con li img{  width:375px; }

.hdzx_con li strong{ display:block; font-weight:normal; font-size:14px;  padding:15px 20px;  }/* news/新闻中心 */



.cont2{width:1200px; margin:20px auto;}

.con_left_news{ float:left; width:260px; margin-bottom:20px;}

.con_left1{ margin-bottom:20px;}

.con_left1_title{ border-bottom:1px solid #ddd; line-height:42px; font-size:18px;   color:#333;  }

.con_left1_title span{ color:#999; text-transform:uppercase; margin-left:10px; font-size:16px;  }

.con_left1_con{ margin-top:20px;}

.con_left1_con ul{ width:280px;}

.con_left1_con li{ margin-bottom:15px;  border:2px solid #ddd;  line-height:40px; float:left; text-align:center; font-size:14px; width:120px; margin-right:15px;}

.con_left1_con li a{ color:#333; display:block;}

.con_left1_con li:hover{ background:none; border:2px solid #01b0cb; }

.con_left1_con li:hover a{ color:#01b0cb; }

.con_left1_con li.thisclass{ background:none; border:2px solid #01b0cb; }

.con_left1_con li.thisclass a{ color:#01b0cb; }

#sideMenu{ display:block; border:1px solid #dedede;}

#sideMenu h3{color:#01b0cb; background:#f3f5f6; line-height:40px; height:40px; font-size:14px; border-bottom:1px dashed #dedede; padding-left:22px;   z-index:5; position:relative; display:block;  font-weight:bold;}

#sideMenu h3.on{ background:#01b0cb; }

#sideMenu h3 a{ display:block; }

#sideMenu h3.on  a{ color:#fff; }

#sideMenu h3:hover{background:#01b0cb; }

#sideMenu h3:hover a{ color:#fff; }



.con_left3{ margin:0 0 20px 0; border:1px solid #dedede;}

.con_left3_title{  background: url(../images/contact_tb.png) no-repeat 10px 13px #f5f5f5;  line-height:45px; padding:0 20px 0 40px;  font-size:18px;   color:#333;}

.con_left3_con{ padding:0 0 5px 0}

.con_left3_con li{ margin:0 8px 0 10px; font-size:12px;color:#535454; line-height:24px;clear:both;}

.con_left3_con li img{ margin-top:15px;}

.con_left3_con li strong{ font-size:16px; display:block; font-weight:normal; color:#333;line-height:50px;}



.con_right2{ width:900px; float:right;}

.article_list{  }

.article_list li{ border-bottom:1px dashed #ddd;clear:both; margin-top:20px; padding-bottom:20px;}

.article_list li .pic{ float:left;  width:220px; height:150px;overflow:hidden;}

.article_list li .pic img{  width:220px; height:150px;}

.article_list li .txt{ float: right; width:725px;  }

.article_list li .txt h2 strong a{ font-weight:normal; font-size:18px; line-height:30px;}

.article_list li:hover .txt h2 strong a{color:#01b0cb; }

.article_list li .txt p {  color:#666;margin-top:5px;font-size:14px; line-height:24px;}

.article_list li .txt p a{ border:1px solid #01b0cb;color:#01b0cb;margin-left:10px; line-height:24px; display:inline-block; float:right; border-radius:20px; padding:0 15px;   }

.article_list li:hover .txt p a{ color:#fff; background:#01b0cb;   }

/* news/新闻详情 */

.article_left{ margin-bottom:30px; }

.article_left h1{ font-weight:normal; margin-top:20px; font-size:18px; line-height:50px; text-align:center;}

.article_left .zuozhe{ color:#444;  line-height:30px; padding-bottom:10px; border-bottom:1px dashed #ddd; text-align:center;}

.article_left .zuozhe span{ margin-right:20px;  }

.article_left .zuozhe img{  margin-top:8px;}

.article{ margin:20px 0 30px 0; font-size:14px; color:#444; line-height:36px;}



.syp{  border-top:1px dashed #e5e5e5; padding-top:20px;line-height:30px;clear:both; color:#01b0cb;   font-size:14px;}

.syp a{ color:#000;}

.syp a:hover{ color:#01b0cb;}

.syp strong{  color:#01b0cb;   font-size:14px; margin-right:10px;}

/* problem/常见问题 */

.cjwt_list li{ border-bottom:1px dashed #ddd;clear:both; margin-top:40px; padding-bottom:30px;}

.cjwt_list li  h2 a{ font-weight:normal; font-size:16px; line-height:30px; margin-bottom:20px; color:#01b0cb;}

.cjwt_list li em{ float:left; margin-right:10px; padding:0 10px; display:inline-block; background:#01b0cb; font-size:16px; line-height:30px; color:#fff;}

.cjwt_list li  h2 span{  font-size:14px; line-height:30px; color:#999; float:right;}

.cjwt_list li .answer p {  color:#666;margin-top:10px;   font-size:14px; line-height:24px;}

.cjwt_list li  .answer em{ background:#444;  color:#fff;}



/* 在线保修 */

.zxbx{ width:1100px; margin:auto; background:#f5f5f5; }

.zxbx h1{ line-height:90px; border-bottom:1px solid #ddd; color:#333; background:url(../images/zxbx.png) no-repeat 20px 30px; padding-left:60px; font-size:16px; font-weight:normal; }

.zxbx em{ color:#f00;}

.zxbx_left{ border-right:1px solid #ddd; float:left; width:450px; margin:70px 0 50px 70px;}

.zxbx h2{ margin-bottom:40px; text-align: center; font-weight: normal; font-size:30px; color:#01b0cb;}

.zxbx h2 span{  font-size:18px; color:#666;}

.zxbx_left_con li{ margin:10px; }

.zxbx_left_con li p{ font-size:14px; color:#333; line-height:25px; margin:7px 0; }

.zxbx_left_con li p span{ font-size:14px; color:#666;  }

.zxbx input{ padding:0 5px; font-size:14px; color:#444; line-height:30px; height:30px; border:1px solid #ddd ; width:350px;}



.zxbx_right{  float: right; width:450px; margin:70px 70px 50px 0;}

.zxbx textarea{ height:130px; padding:0 5px; font-size:14px; color:#444; line-height:30px;  border:1px solid #ddd ; width:415px;}

.zxbx .tijiao{ width:600px; margin:50px auto;}

.zxbx .button{ border:none; width:240px; cursor:pointer; background:#01b0cb; color:#fff; font-size:24px; line-height:50px; height:50px; text-align:center; float:left; margin-left:20px;}/* download/产品详情 */



.download{ margin:30px auto;}

.download li{ border:1px solid #ddd; clear:both; margin-top:30px;  }

.download li h1{ line-height:43px; padding-left:10px; font-size:14px; border-bottom:1px solid #ddd;   background:#f5f5f5; }

.download li:hover h1 strong a{ color:#01b0cb;}

.download li h1 span a{ background:url(../images/download.png) no-repeat left; padding-left:20px; float:right; color:#01b0cb; margin-right:10px;  }

.download li p{ margin:10px; line-height:30px; font-size:14px; color:#666;   }

 



/* 人才招聘 */



.list_zp{ font-size:14px;clear:both; margin:20px 0; }

.list_zp h1{ color:#000;}

.list_zp h1 strong{ width:245px; display:inline-block;}

.list_zp h1 span{ margin-right:5px;float:right; width:95px; text-align:right; display:inline-block;}

.sideMenu{}

.sideMenu h3{ border-bottom:1px solid #ddd; margin-top:10px; height:48px; line-height:48px;   cursor:pointer;}

.sideMenu h3 em{ float:right; display:block; width:48px; height:48px;   background:url(../images/jia.png) no-repeat 12px 12px  #01b0cb; cursor:pointer; }

.sideMenu h3.on{background:#01b0cb;  }

.sideMenu h3.on em{ background:url(../images/jian.png) no-repeat 12px 12px  #e5e5e5;  }

.sideMenu ul{ background:#fff; padding:10px 10px; color:#999; display:none; /* 默认都隐藏 */ }

.sideMenu ul li{ font-size:14px; line-height:30px;}

.sideMenu ul li img{ float:left;}

.sideMenu ul li a{ color:#01b0cb; border:1px solid #01b0cb; line-height:27px; margin:10px 0;border-radius:20px;   width:120px; text-align:center; display:block;}

.sideMenu ul li a:hover{color:#fff;   font-size:12px;background:#01b0cb; border-radius:20px; }

.sideMenu h3 strong{ margin-left:10px; color:#333;  }

.sideMenu h3 strong img{  float: left;  margin-top: 13px;  margin-left: 10px; }

.sideMenu h3.on strong{  color:#fff;  }

.sideMenu h3 span{ margin-right:10px; float:right;color:#fff; font-weight:normal; font-size:12px; text-align:right; }



/* 荣誉证书 */

.ryzz{ margin:30px 0;}

.ryzz ul{ width:1010px;}

.ryzz li{ position:relative; margin-right:30px; margin-bottom:20px; width:306px; float:left;  }

.ryzz li:hover a{ color:#01b0cb;}

.ryzz li img{width:306px; height:202px; border:1px solid #ddd;}

.ryzz li p{ line-height:40px; text-align:center; font-size:14px;}



.ryzs_tc{  background: url(../images/tmbg.png) ; width:100%; height:100%; position: fixed; z-index:999; top:0;left:0;}

.ryzs_tc p{ padding-top:3%; text-align:center; height:90%;vertical-align:middle;}

.ryzs_tc p a{margin-left:33px;}

.ryzs_tc p a.x{margin-left:5px;}

.ryzs_tc img{ max-width:100%;  max-height:100%;}



/* 联系我们 */

.cont_lxwm{margin-top:40px; background:#01b0cb;margin-bottom:35px;}

.lxwm_r{ font-size:14px;float:right;width:36%;height:370px; margin-top:30px;  color:#fff;}

.lxwm_r strong span{ font-size:24px; line-height:50px; margin-top:20px;}

.lxwm_r strong{ line-height:36px;}



.cutepage {  TEXT-ALIGN: right}

.ditus{float:left; width:47%; }

.ditus img{ max-width:100%;}

.con2{ clear:both;}

.foucebox {  width:45%; position:relative;  float:right;overflow:hidden;}

.foucebox .bd { margin-right:25px; margin-top:20px; clear:both; position:relative; overflow:hidden;}

.foucebox .bd li p strong{ font-size:18px; color:#222;font-weight:normal;}

.foucebox .bd li .txt{  line-height:30px; font-size:14px; margin-bottom:10px; color:#666;}



.foucebox .hd {   background:url(../images/ys.png) no-repeat  ; padding-right:4px; z-index:1; }

.foucebox .hd ul { position:relative;   }

.foucebox .hd li {text-align:center; float:left; background:#f5f5f5; line-height:30px; cursor:pointer; font-size:16px; color:#000;  margin-right:13px; margin-bottom:13px;  width:130px;   }

.foucebox .hd li:hover { color:#fff; background:#0169b0; }



/* 解决方案 */

.fazx_dh2{ clear:both; margin:20px auto; position:relative; max-width:1280px; min-width:870px; }

.fazx_dh2 .hd{ height:100%; max-width:1280px; margin:auto;}

.fazx_dh2 .hd .prev{  position: absolute; top:33%;  display:block; left:-30px;  width:30px; height:50px;cursor:pointer; background: url(../images/left2.png) no-repeat  ;}

.fazx_dh2 .hd .next{  position: absolute; top:33%;  display:block; right:-30px;  width:30px; height:50px;cursor:pointer; background:url(../images/left2.png) no-repeat -65px 0;  }

.fazx_dh2 .bd .tempWrap{ }

.fazx_dh2 .bd li{ background:#f5f5f5; text-align:center; font-size:14px; float:left; width:19%; margin-right:1%;}

.fazx_dh2 .bd li img{width:100%;}

.fazx_dh2 .bd li p{ margin:10px 0; font-size:16px;}

.fazx_dh2 .bd li:hover{ background:#01b0cb;  }

.fazx_dh2 .bd li.thisclass{ background:#01b0cb;  }

.fazx_dh2 .bd li:hover a{  color:#fff;}

.fazx_dh2 .bd li.thisclass a{ color:#fff;  }

.content_fangan{ max-width:1280px; line-height:30px; color:#444; font-size:14px; margin:20px auto 50px auto;}

.content_fangan p{  line-height:30px; color:#444; font-size:14px; }




/*--a-navigation--*/
#vivo-head{border-bottom:1px #e7e7e7 solid; border-bottom:1px rgba(0,0,0,.05) solid; z-index:99; background:#fff; position: relative;}
#vivo-head .vivo-nav{width:1200px; height:60px; margin:auto; background:#fff; position:relative; z-index:999;}
.vivo-nav a.vivo-logo{width:400px; height:60px; display:block; float:left; -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); -ms-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}
.vivo-nav ul{display:table; float:left; width:800px; height:60px; margin-left:50px; overflow: hidden;}
.vivo-nav ul li{display:table-cell; width:15%; height:60px; overflow:hidden; text-align:center; *float: left; border-right:1px #f2f2f2 solid;}
.vivo-nav ul li:first-child{border-left:1px #f2f2f2 solid;}
.vivo-nav ul li a{display:block; line-height:60px; font-size:16px; color:#4d4d4d; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out; transition:all .3s ease-in-out; -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); -ms-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}
.vivo-nav ul li a:hover,.vivo-nav ul li.current a,.vivo-nav ul li.current a:hover,.vivo-nav ul li.active a,.vivo-nav ul li.active a:hover{color:#fff; background:#008cd6; -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); -ms-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}
.vivo-nav ul li.hover{color:#fff; background:#008cd6; -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); -ms-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}
.vivo-nav ul li.hover a{color:#fff;}


.vivo-nav .search-user{float:right; height:60px;}
.search-user a{width:42px; height:42px; display:inline-block; margin-left:15px; position:relative; top:8px; border:1px #e7e7e7 solid; background:#fff; overflow:hidden; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; border-radius:50%; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out; transition:all .3s ease-in-out; -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); -ms-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}
.search-user a:hover,.search-user a.current{border:1px #008cd6 solid; background:#008cd6;}
.search-user a b{width:42px; height:42px; display:block; position:absolute; top:0; left:0; -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); -ms-transform:translate3d(0,0,0); transform:translate3d(0,0,0); -webkit-transition-delay:.1s; -moz-transition-delay:.1s; -ms-transition-delay:.1s; transition-delay:.1s;}
.search-user a.search b{background-position:0 0;}
.search-user a.search:hover b,.search-user a.search.current b{background-position:0 -43px;}
.search-user a.user b{background-position:-43px 0;}
.search-user a.english b{background-position:-113px 0;}
.search-user a.english:hover b,.search-user a.english.current b{background-position:-113px -43px;}
.search-user a.user b img{width: 42px; height: 42px;}
.search-user a.user:hover b,.search-user a.user.current b{background-position:-43px -43px;}

#vivo-head .vivo-search{height:80px; width:100%; background:#202223; position:relative; z-index: 9999; display:none;}
.vivo-search .search-box{width:700px; height:40px; position:absolute; top:20px; left:50%; margin-left:-350px; background:#666; -webkit-box-shadow:0 1px 2px rgb(0,0,0); -moz-box-shadow:0 1px 2px rgb(0,0,0); -ms-box-shadow:0 1px 2px rgb(0,0,0); box-shadow:0 1px 2px rgb(0,0,0); position: relative; z-index: 9999;}
.vivo-search .search-box input{width:550px; height:20px; padding:10px 20px; font-size:14px; color:#555; border:none; background:#fff; overflow:hidden; vertical-align:middle;}
.vivo-search .search-box button{width:110px; height:40px; overflow:hidden; text-align:center; font-size:14px; color:#fff; border:none; overflow:hidden; vertical-align:middle; background:#008cd6; outline:none; cursor:pointer; -webkit-transition:background .2s ease-in-out; -moz-transition:background .2s ease-in-out; -ms-transition:background .2s ease-in-out; transition:background .2s ease-in-out;}
.vivo-search .search-box button:hover{background:#0074b2;}
.vivo-search .search-box button:active{-webkit-box-shadow:0 1px 2px rgba(0,0,0,.3) inset; -moz-box-shadow:0 1px 2px rgba(0,0,0,.3) inset; -ms-box-shadow:0 1px 2px rgba(0,0,0,.3) inset; box-shadow:0 1px 2px rgba(0,0,0,.3) inset;}
.vivo-search .search-box a.ose{width:24px; height:24px; position:absolute; top:8px; right:-40px; background:url(../images/hmd-head-ico.png) -86px 0 no-repeat; _background-image:url(../images/hmd-head-ico.gif);}
.vivo-search .search-box a.ose:hover{background-position:-86px -25px;}
.vivo-search .search-box .qk-results{width: 588px; position: absolute; left: 0; top: 40px; border: 1px #eee solid; border-top:none; display: none;}
.vivo-search .search-box .qk-results ul li{display: block; position: relative; background: #fff; border-top: 1px #eee solid;}
.vivo-search .search-box .qk-results ul li a{display: block; padding: 10px; position: relative; color: #666; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.vivo-search .search-box .qk-results ul li a b{width: 60px; height: 60px; float: left; overflow: hidden; margin-right: 10px;}
.vivo-search .search-box .qk-results ul li a h2{font-weight: bold; padding-bottom: 2px; margin-top: 12px;}
.vivo-search .search-box .qk-results ul li a span{display: inline-block; position: absolute; right: 15px; top: 30px; font-size: 14px;}
.vivo-search .search-box .qk-results ul li a:hover{color: #fff; background: #00aaff;}
.vivo-search .search-box .qk-results .other-results{padding: 10px; background: #fff; border-top: 1px #eee solid;}
.vivo-search .search-box .qk-results .other-results a{font-size: 14px; color:#00aaff; }

.vivo-menu-series{position:absolute; z-index:99; top:0px; left:0; height:auto; width:100%;display:none; z-index:11;}
.vivo-menu-series dl{display:block; width:870px; height:auto; margin:0 0 0 230px; overflow:hidden; position: relative; border:1px solid #ccc; background:#fff;}
.vivo-menu-series dl dd{display:block; float:left; margin:15px 0; padding:5px 20px;}
.vivo-menu-series dl dd a{display:block; width:auto; height:auto; position:relative; overflow: hidden; text-align:center; }
.vivo-menu-series dl dd a:hover,.vivo-menu-series dl dd a.current{ -webkit-transition:all .5s ease-in-out; -moz-transition:all .5s ease-in-out; -ms-transition:all .5s ease-in-out; transition:all .5s ease-in-out; color:#008cd6;}
.vivo-menu-series dl dd a b{width:250px; height:140px; display:block; position:absolute; top:0; left:50%; margin-left:-125px; text-indent:-9999px; background:url(../images/vivo-mobiles-ico.png) no-repeat; _background-image:url(../images/vivo-mobiles-ico.gif); -webkit-transition-delay:.1s; -moz-transition-delay:.1s; -ms-transition-delay:.1s; transition-delay:.1s;}



.vivo-menu-series dl dd.y-series a b{background-position:-753px 0;}
.vivo-menu-series dl dd.y-series a:hover b,.vivo-menu-series dl dd.y-series a.current b{background-position:-753px -167px;}
.vivo-menu-series dl dd.xshot-series a b{background-position:-1004px 0;}
.vivo-menu-series dl dd.xshot-series a:hover b,.vivo-menu-series dl dd.xshot-series a.current b{background-position:-1004px -167px;}
.vivo-menu-series dl dd a h2{text-align: center; color: #666; font-size: 18px; font-weight: normal; position: relative; top: 120px; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.vivo-menu-series dl dd a:hover h2,.vivo-menu-series dl dd a.current h2{color: #fff;}
/* user menu */
.vivo-menu-user{position:absolute; top:60px; right:0; height:auto; display:none;}
.vivo-menu-user em{width: 12px; height: 7px; overflow: hidden; background: url(../images/vivo-menu-user-corner.jpg) no-repeat; position: absolute; top: -6px; right: 15px;}
.vivo-menu-user dl{display:block; width:100%; height:auto; overflow:hidden; border:1px #ededed solid; background:#fff; background:rgba(255,255,255,.95); -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; border-radius:3px;}
.vivo-menu-user dl dd a{display:block; height: 40px; line-height: 40px; padding: 0 25px; text-align: center; position:relative; color: #666; -webkit-transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; -ms-transition:all .2s ease-in-out; transition:all .2s ease-in-out;}
.vivo-menu-user dl dd a:hover,.vivo-menu-user dl dd a.current{background-color:#008cd6; color: #fff; -webkit-transition:all .5s ease-in-out; -moz-transition:all .5s ease-in-out; -ms-transition:all .5s ease-in-out; transition:all .5s ease-in-out;}
.vivo-menu-user dl dd a b{width:26px; height:26px; display:inline-block; overflow: hidden; vertical-align: middle; margin-right: 8px; position:relative; top:-2px; -webkit-transition-delay:.1s; -moz-transition-delay:.1s; -ms-transition-delay:.1s; transition-delay:.1s; background: url(../images/vivo-menu-user-ico.png) no-repeat;}
.vivo-menu-user dl dd.ac-myvivo a b{background-position:0 0;}
.vivo-menu-user dl dd.ac-myvivo a:hover b,.vivo-menu-user dl dd.ac-myvivo a.current b{background-position: -26px 0;}
.vivo-menu-user dl dd.ac-editinfo a b{background-position:0 -26px;}
.vivo-menu-user dl dd.ac-editinfo a:hover b,.vivo-menu-user dl dd.ac-editinfo a.current b{background-position: -26px -26px;}
.vivo-menu-user dl dd.ac-order a b{background-position:0 -52px;}
.vivo-menu-user dl dd.ac-order a:hover b,.vivo-menu-user dl dd.ac-order a.current b{background-position: -26px -52px;}
.vivo-menu-user dl dd.ac-logout a b{background-position:0 -78px;}
.vivo-menu-user dl dd.ac-logout a:hover b,.vivo-menu-user dl dd.ac-logout a.current b{background-position: -26px -78px;}
/* community menu */
.vivo-menu-community{position:absolute; top:60px; left:0; width:100%; background:#fff; background:rgba(255,255,255,.95); border-top:1px #e7e7e7 solid; border-bottom:1px #e4e4e4 solid; display:none; z-index:11;}
.vivo-menu-community .menu-content{width: 1100px; margin: auto; height: 106px; padding: 30px 0; position: relative;}
.vivo-menu-community dl{display:block; width:20%; overflow:hidden; float:left;}
.vivo-menu-community dl dt{display: block; padding-bottom: 10px; margin-right: 20px;}
.vivo-menu-community dl dt a{font-size: 18px; color: #008cd6;}
.vivo-menu-community dl dt a b{width: 30px; height: 30px; overflow: hidden; display: inline-block; vertical-align: middle; position: relative; top: -3px; margin-right: 5px; background: url(../images/community-menu-ico.png) no-repeat; _background: url(../images/community-menu-ico.gif) no-repeat;}
.vivo-menu-community dl dd{display:block; margin-right: 20px;}
.vivo-menu-community dl dd a{display:block; width: 47%; line-height: 1.8em; padding-left: 5px; float: left; overflow: hidden; white-space: nowrap; position:relative; color: #666; -webkit-transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; -ms-transition:all .2s ease-in-out; transition:all .2s ease-in-out;}
.vivo-menu-community dl dd a:hover{color: #008cd6;}
.vivo-menu-community dl.comm1 dd a{width: 100%;}
.vivo-menu-community dl.comm1 dt a b{background-position: 0 0;}
.vivo-menu-community dl.comm2 dt a b{background-position: -30px 0;}
.vivo-menu-community dl.comm3 dt a b{background-position: -60px 0;}
.vivo-menu-community dl.comm4 dt a b{background-position: -90px 0;}
.vivo-menu-community dl.comm5 dt a b{background-position: -120px 0;}
/*--z-navigation--*/

/* crubms */
.v-crumbs{width: 1100px; margin: auto; color: #999;}
.v-crumbs a{-webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.v-crumbs a:hover{color: #008cd6;}

/*--a-login-reg--*/
#loginreg_layer .lr-box .fieldset-fill ul li b.correct,#loginreg_layer .lr-box .fieldset-fill ul li em,#loginreg_layer .lr-box .other-method ul li a b,#loginreg_layer .lr-title a.ose{background: url(../images/vivo-loginreg-ico.png) no-repeat;}
#loginreg_layer{width: 100%; background: #fff; position: relative; overflow: hidden; border-bottom: 1px #f2f2f2 solid; background: url(../images/loginreg-title-bg.jpg); display: none;}
body.loginreg #loginreg_layer{display: block;}
#loginreg_layer .lr-title{position: relative; overflow: hidden;}
#loginreg_layer .lr-title h2.logo{width: 302px; height: 80px; overflow: hidden; position: absolute; top: 50%; left: 50%; margin: -60px 0 0 -151px; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
#loginreg_layer .lr-title .btn-box{width: 100%; height: 48px; position: absolute; left: 0; bottom: 10%; text-align: center;}
#loginreg_layer .lr-title .btn-box a{width: 175px; height: 48px; line-height: 48px; color: #fff; font-size: 18px; margin: 0 5px; display: inline-block; overflow: hidden;}
#loginreg_layer .lr-title em{width: 38px; height: 21px; overflow: hidden; position: absolute; bottom: 0; left: 50%; background: url(../images/loginreg-corner-ico.png) no-repeat;}
#loginreg_layer .lr-title a.ose{width: 48px; height: 48px; display: inline-block; overflow: hidden; position: absolute; top: 20px; right: 20px; background-position: -90px 0;}
#loginreg_layer .lr-title a.ose:hover{background-position: -90px -48px;}
#loginreg_layer .lr-box{width: 100%; background: #fff; position: relative;}
#loginreg_layer .lr-box .fieldset{width: 545px; margin: 0 auto; position: relative; top: 35px;}
#loginreg_layer .lr-box .fieldset-fill{float: left; width: 375px; position: relative;}
#loginreg_layer .lr-box .fieldset-fill .fieldset-section{display: none; width: 100%; height: auto; position: absolute; top: 0; left: 0; background: #fff;}
#loginreg_layer .lr-box .fieldset-fill p.sub-title{font-size: 14px; color: #555; margin-bottom: 15px;}
#loginreg_layer .lr-box .fieldset-fill ul{display: block; margin-right: 25px;}
#loginreg_layer .lr-box .fieldset-fill ul li{display: block; position: relative; margin-bottom: 10px;}
#loginreg_layer .lr-box .fieldset-fill ul li input{padding: 10px 40px; height: 28px; line-height: 28px; width: 268px; vertical-align: middle;}
#loginreg_layer .lr-box .fieldset-fill ul li b.correct{width: 20px; height: 20px; overflow: hidden; position: absolute; top: 15px; right: 12px;}
#loginreg_layer .lr-box .fieldset-fill ul li em{width: 20px; height: 20px; overflow: hidden; position: absolute; top: 15px; left: 12px;}
#loginreg_layer .lr-box .fieldset-fill ul li b.correct{background-position: -20px 0;}
#loginreg_layer .lr-box .fieldset-fill ul li b.error{background-position: -20px -20px;}
#loginreg_layer .lr-box .fieldset-fill ul li p.tip{font-size: 14px; padding-top: 4px; color: #f04141;}
#loginreg_layer .lr-box .fieldset-fill ul li.login-btn{margin-bottom: 20px; padding-top: 10px;}
#loginreg_layer .lr-box .fieldset-fill ul li.login-btn a{width: 100%; height: 48px; line-height: 48px; color: #fff; font-size: 18px; display: inline-block; overflow: hidden; text-align: center;}

#loginreg_layer .lr-box .fieldset-fill ul.slogin li.username em{background-position: 0 0;}
#loginreg_layer .lr-box .fieldset-fill ul.slogin li.psw em{background-position: 0 -20px;}
#loginreg_layer .lr-box .fieldset-fill ul.slogin li.forgot{font-size: 14px; color: #999;}
#loginreg_layer .lr-box .fieldset-fill ul.slogin li.forgot a.v_checkbox{margin-right: 5px; top: -1px;}
#loginreg_layer .lr-box .fieldset-fill ul.slogin li.forgot a.forgot-pwd{position: absolute; right: 0; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
#loginreg_layer .lr-box .fieldset-fill ul.slogin li.forgot a.forgot-pwd:hover{color: #008cd6;}

#loginreg_layer .lr-box .fieldset-fill ul.phoneregister li.phonenumber input{width: 140px;}
#loginreg_layer .lr-box .fieldset-fill ul.phoneregister li.phonenumber a{width: 116px; height: 48px; line-height: 48px; color: #fff; font-size: 18px; margin-left: 10px; display: inline-block; vertical-align: middle; overflow: hidden; text-align: center;}
#loginreg_layer .lr-box .fieldset-fill ul.phoneregister li.phonenumber b.correct{right: 138px;}
#loginreg_layer .lr-box .fieldset-fill ul.phoneregister li.phonenumber em{background-position: 0 -40px;}
#loginreg_layer .lr-box .fieldset-fill ul.phoneregister li.vercode em{background-position: 0 -60px;}
#loginreg_layer .lr-box .fieldset-fill ul.phoneregister li.psw em{background-position: 0 -20px;}

#loginreg_layer .lr-box .fieldset-fill ul.emailregister li.email em{background-position: 0 -80px;}
#loginreg_layer .lr-box .fieldset-fill ul.emailregister li.psw em{background-position: 0 -20px;}

#loginreg_layer .lr-box .other-method{float: right; width: 170px; display: none;}
#loginreg_layer .lr-box .other-method p.sub-title{font-size: 14px; color: #555; margin-bottom: 15px; padding-left: 25px;}
#loginreg_layer .lr-box .other-method ul{display: block; padding-left: 25px; border-left: 1px #ededed solid;}
#loginreg_layer .lr-box .other-method ul li{display: block; position: relative; margin-bottom: 10px;}
#loginreg_layer .lr-box .other-method ul li a{width: 100%; height: 48px; line-height: 48px; display: inline-block; background: #f04141; color: #fff; overflow: hidden; font-size: 16px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
#loginreg_layer .lr-box .other-method ul li a b{width: 48px; height: 48px; display: inline-block; overflow: hidden; margin-right: 13px; position: relative; top: -2px;}
#loginreg_layer .lr-box .other-method ul li.sina a{background: #ff7777;}
#loginreg_layer .lr-box .other-method ul li.sina a:hover{background: #f04141;}
#loginreg_layer .lr-box .other-method ul li.sina a b{background-position: -42px 0; border-right: 1px #f57272 solid;}
#loginreg_layer .lr-box .other-method ul li.tencent a{background: #33bae7;}
#loginreg_layer .lr-box .other-method ul li.tencent a:hover{background: #10aadd;}
#loginreg_layer .lr-box .other-method ul li.tencent a b{background-position: -42px -48px; border-right: 1px #31b3de solid;}
#loginreg_layer .lr-box .other-method ul li.qq a{background: #5ca3e1;}
#loginreg_layer .lr-box .other-method ul li.qq a:hover{background: #3686cc;}
#loginreg_layer .lr-box .other-method ul li.qq a b{background-position: -42px -96px; border-right: 1px #589cd8 solid;}
#loginreg_layer .lr-box .other-method ul li.renren a{background: #6a9bec;}
#loginreg_layer .lr-box .other-method ul li.renren a:hover{background: #4380e6;}
#loginreg_layer .lr-box .other-method ul li.renren a b{background-position: -42px -144px; border-right: 1px #6695e3 solid;}

#loginreg_layer .lr-box .phonereg-tips{display: none;}
#loginreg_layer .lr-box .phonereg-tips .reg-complete{width: 545px; height: 300px; margin: auto; background: url(../images/vivo-logreg-complete.jpg) center -40px no-repeat;}
#loginreg_layer .lr-box .phonereg-tips .btn{text-align: center;}
#loginreg_layer .lr-box .phonereg-tips .btn a{width: 120px; height: 38px; line-height: 38px; color: #fff; font-size: 16px; margin: 0 15px; display: inline-block; overflow: hidden; text-align: center; vertical-align: middle;}
#loginreg_layer .lr-box .phonereg-tips span{text-align: center; color: #555; font-size: 14px; vertical-align: middle; display: inline-block;}

#loginreg_layer .lr-box .emailver-tips{display: none;}
#loginreg_layer .lr-box .emailver-tips .reg-complete{width: 545px; height: 300px; margin: auto; background: url(../images/vivo-logreg-complete1.jpg) center -40px no-repeat;}
#loginreg_layer .lr-box .emailver-tips .btn{text-align: center;}
#loginreg_layer .lr-box .emailver-tips .btn a{width: 120px; height: 38px; line-height: 38px; color: #fff; font-size: 16px; margin: 0 15px; display: inline-block; overflow: hidden; text-align: center; vertical-align: middle;}
#loginreg_layer .lr-box .emailver-tips span{text-align: center; color: #555; font-size: 14px; vertical-align: middle; display: inline-block;}

#loginreg_layer .lr-box .emailreg-tips{display: none;}
#loginreg_layer .lr-box .emailreg-tips .reg-complete{width: 545px; height: 250px; margin: auto;}
#loginreg_layer .lr-box .emailreg-tips .reg-complete img{float: left; margin-right: 22px; position: relative; top: 20px;}
#loginreg_layer .lr-box .emailreg-tips .reg-complete h2{font-size: 25px; color:#008cd6; display: block; padding-top: 60px;}
#loginreg_layer .lr-box .emailreg-tips .reg-complete p{color: #555; font-size: 14px; padding-top: 10px;}
#loginreg_layer .lr-box .emailreg-tips .reg-complete .sendagain{padding-top: 40px; font-size: 14px; color: #555;}
#loginreg_layer .lr-box .emailreg-tips .reg-complete .sendagain a{color: #008cd6;}
#loginreg_layer .lr-box .emailreg-tips .btn{text-align: left; width: 545px; margin: auto;}
#loginreg_layer .lr-box .emailreg-tips .btn a{width: 180px; height: 38px; line-height: 38px; color: #fff; font-size: 16px; margin-left: 180px; display: inline-block; overflow: hidden; text-align: center; vertical-align: middle;}
#loginreg_layer .lr-box .emailreg-tips span{text-align: center; color: #555; font-size: 14px; vertical-align: middle; display: inline-block;}
/*--z-login-reg--*/

/*--a-fieldset--*/
.v_radio span b,.v_checkbox b,.v_select em b,.v_select_rect em b,.v_search em b,.v_checkbox b{background:url(../images/vivo-fieldset-ico.png) no-repeat;}

input.v_inp{background: #f5f5f5; border: none; -webkit-box-shadow: 0 0 5px rgba(0,140,214,0) , 0 1px 2px rgba(0,0,0,.1) inset; -moz-box-shadow: 0 0 5px rgba(0,140,214,0) , 0 1px 2px rgba(0,0,0,.1) inset; -ms-box-shadow: 0 0 5px rgba(0,140,214,0) , 0 1px 2px rgba(0,0,0,.1) inset; box-shadow: 0 0 5px rgba(0,140,214,0) , 0 1px 2px rgba(0,0,0,.1) inset; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; font-size: 16px; color: #333; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
input.v_inp:focus{-webkit-box-shadow: 0 0 5px rgba(0,140,214,.5) , 0 0 2px rgba(0,0,0,.1) inset; -moz-box-shadow: 0 0 5px rgba(0,140,214,.5) , 0 0 2px rgba(0,0,0,.1) inset; -ms-box-shadow: 0 0 5px rgba(0,140,214,.5) , 0 0 2px rgba(0,0,0,.1) inset; box-shadow: 0 0 5px rgba(0,140,214,.5) , 0 0 2px rgba(0,0,0,.1) inset; background: #fff;}

.v_checkbox{display: inline-block; vertical-align: middle; position: relative;}
.v_checkbox b{width: 18px; height: 18px; overflow: hidden; display: inline-block; background-position:-88px 0; margin-right: 5px;}
.v_checkbox:hover b{background-position:-88px -19px;}
.v_checkbox.current b,.v_checkbox.current:hover b{background-position:-88px -38px;}

.v_radio{display: inline-block; vertical-align: middle; position: relative; margin-right: 10px;}
.v_radio span{width: 18px; height: 18px; display: inline-block; overflow: hidden; vertical-align: middle; position: relative; margin-right: 5px;}
.v_radio span b{width: 18px; height: 18px; overflow: hidden; background-position: -29px 0; display: inline-block;}
.v_radio:hover span b{background-position:-29px -19px;}
.v_radio.current span b{background-position:-29px -38px;}

.v_select_block{display: inline-block; font-weight: normal; font-size: inherit; position: relative; padding-right: 10px; color: #333; z-index: 9999; cursor: default;}
.v_select{border: 1px #eaeaea solid; display: inline-block; vertical-align: middle; background: #fff; position: relative; padding-right: 36px; height: 34px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; border-radius: 30px;}
.v_select span{display: block; text-align: center; margin: 0 9px 0 15px; white-space: nowrap; overflow: hidden; font-size: 16px; height: 34px; line-height: 34px; color: #333;}
.v_select em{width: 28px; height: 28px; overflow: hidden; display: block; position: absolute; top: 1px; right: 2px; background: #fff;  border: 1px #f2f2f2 solid; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.3); -moz-box-shadow: 0 2px 2px rgba(0,0,0,.3); -ms-box-shadow: 0 2px 2px rgba(0,0,0,.3); box-shadow: 0 2px 2px rgba(0,0,0,.3); -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.v_select em b{width: 28px; height: 28px; display: inline-block; position: relative; overflow: hidden; background-position: 0 -18px;}
.v_select em:hover{background: #008cd6; border: 1px #008cd6 solid;}
.v_select em:hover b{background-position: 0 -47px;}
.v_select .menu{width: 100%; position: absolute; top: 34px; left: 0; border: 1px #eaeaea solid; background: #fff; overflow: hidden; overflow-y: auto; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; border-radius: 15px; height: 175px; display: none;}
.v_select .menu a{display: block; padding: 0 10px; height: 35px; line-height: 35px; font-size: 16px; color: #333; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.v_select .menu a:hover,.v_select .menu a.current{background:#008cd6; color: #fff; }
.v_select_rect{border: 1px #eaeaea solid; display: inline-block; vertical-align: middle; background: #fff; position: relative; padding-right: 36px; height: 34px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px;}
.v_select_rect span{display: block; text-align: center; margin: 0 15px; white-space: nowrap; overflow: hidden; font-size: 16px; height: 34px; line-height: 34px; color: #333;}
.v_select_rect em{width: 34px; height: 34px; overflow: hidden; display: block; position: absolute; top: -1px; right: -1px; background: #fff;  border: 1px #eaeaea solid; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out; transition:all .3s ease-in-out; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px;}
.v_select_rect em b{width: 28px; height: 28px; display: inline-block; position: relative; overflow: hidden; background-position: 0 -18px; top: 2px; left: 2px;}
.v_select_rect em:hover{background: #008cd6; border: 1px #008cd6 solid;}
.v_select_rect em:hover b{background-position: 0 -47px;}
.v_select_rect .menu{width: 100%; position: absolute; top: 34px; left: -1px; border: 1px #eaeaea solid; background: #fff; overflow: hidden; overflow-y: auto; display: none;}
.v_select_rect .menu a{display: block; padding: 0 10px; height: 35px; line-height: 35px; font-size: 16px; color: #333; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.v_select_rect .menu a:hover,.v_select_rect .menu a.current{background:#008cd6; color: #fff; }

.v_search_block{display: inline-block; font-weight: normal; font-size: inherit; position: relative; padding-right: 10px; color: #333; z-index: 9999; cursor: default;}
.v_search{border: 1px #eaeaea solid; display: inline-block; vertical-align: middle; background: #fff; position: relative; padding-right: 36px; height: 34px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; border-radius: 30px;}
.v_search span{display: block; text-align: center; margin: 0 9px 0 15px; white-space: nowrap; overflow: hidden; font-size: 16px; height: 34px; line-height: 34px; color: #333;}
.v_search span input{width: 100%; height: 34px; line-height: 34px; background: no-repeat; border: none; font-size: 14px; color: #555;}
.v_search em{width: 28px; height: 28px; overflow: hidden; display: block; position: absolute; top: 2px; right: 2px; background: #fff;  border: 1px #eaeaea solid; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%;-webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.v_search em b{width: 28px; height: 28px; display: inline-block; position: relative; overflow: hidden; background-position: -52px 0;}
.v_search em:hover{background: #008cd6; border: 1px #008cd6 solid;}
.v_search em:hover b{background-position: -52px -28px;}
.v_search .menu{width: 100%; position: absolute; top: 34px; left: 0; border: 1px #eaeaea solid; background: #fff; overflow: hidden; overflow-y: auto; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; border-radius: 15px; height: 175px; display: none;}
.v_search .menu a{display: block; padding: 0 10px; height: 35px; line-height: 35px; font-size: 16px; color: #333; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.v_search .menu a:hover,.v_search .menu a.current{background:#008cd6; color: #fff; }


.v_light_btn{border: none; background: #7fc5ea; font-size: 14px; color: #fff; display: inline-block; cursor:pointer; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.v_light_btn:hover{background: #7fc5ea; color: #fff;}
.v_light_btn:active{background: #7fc5ea; color: #fff;}

.v_dark_btn{border: none; background: #008cd6; font-size: 14px; color: #fff; display: inline-block; cursor:pointer; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.v_dark_btn:hover{background: #00aaff; color: #fff;}
.v_dark_btn:active{background: #0073b0; color: #fff;}

.v_green_btn{border: none; background: #39ca74; font-size: 14px; color: #fff; display: inline-block; cursor:pointer; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.v_green_btn:hover{background: #39ca74; color: #fff;}
.v_green_btn:active{background: #39ca74; color: #fff;}


/*--z-fieldset--*/

/*--a-foot--*/
#vivo-foot{height:60px; background:#4d4d4d; margin-top:20px;}
#vivo-foot .vivo-footer{width:1100px; margin:auto; padding-top:0px; position:relative;}
.vivo-footer p{color:#fff; padding-top: 20px; padding-right: 200px;}
.vivo-footer a.footer-logo{width: 148px; height: 54px; display: inline-block; float: left; position: relative; background: url(../images/foot_logo.png) no-repeat; margin-right: 40px; top:0px;}
.vivo-footer p a{color:#666; -webkit-transition:color .2s ease-in-out; -moz-transition:color .2s ease-in-out; -ms-transition:color .2s ease-in-out; transition:color .2s ease-in-out;}
.vivo-footer p a:hover{color:#008cd6;}
.vivo-footer .footer-nav{color:#ccc; font-size:14px; padding-bottom:8px; margin-left: 135px;}
.vivo-footer .footer-nav a{color:#ccc; padding:0 10px;}
.vivo-footer .footer-nav a:first-child{padding-left:0;}
.vivo-footer .vivo-sns-list{position:absolute; top:15px; right:0; color:#ccc;}
.vivo-sns-list a{width:27px; height:27px; display:inline-block; overflow:hidden; margin-left:8px; background:#808080; -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; border-radius:4px; -webkit-transition:background .2s ease-in-out; -moz-transition:background .2s ease-in-out; -ms-transition:background .2s ease-in-out; transition:background .2s ease-in-out; vertical-align:middle;}
.vivo-sns-list a b{width:27px; height:27px; overflow:hidden; display:inline-block; background:url(../images/himedia-sns-ico.png) no-repeat;}
.vivo-sns-list a:hover b{-webkit-transition-delay:.1s; -moz-transition-delay:.1s; -ms-transition-delay:.1s; transition-delay:.1s;}
.vivo-sns-list a.sina b{background-position:0 0;}
.vivo-sns-list a.sina:hover{background:#e52c42;}
.vivo-sns-list a.sina:hover b{background-position:0 -27px;}
.vivo-sns-list a.tencent b{background-position:-27px 0;}
.vivo-sns-list a.tencent:hover{background:#14addf;}
.vivo-sns-list a.tencent:hover b{background-position:-27px -27px;}
.vivo-sns-list a.weixin b{background-position:-54px 0;}
.vivo-sns-list a.weixin:hover{background:#20a900;}
.vivo-sns-list a.weixin:hover b{background-position:-54px -27px;}
.vivo-sns-list a.qzone b{background-position:-81px 0;}
.vivo-sns-list a.qzone:hover{background:#ffc600;}
.vivo-sns-list a.qzone:hover b{background-position:-81px -27px;}
.vivo-sns-list a.renren b{background-position:-108px 0;}
.vivo-sns-list a.renren:hover{background:#056be8;}
.vivo-sns-list a.renren:hover b{background-position:-108px -27px;}
.vivo-weixin-overbox{width:143px; height:143px; background:#fff; position:absolute; bottom:40px; right:-56px; -webkit-border-radius:2px; -moz-border-radius:2px; -ms-border-radius:2px; border-radius:2px; -webkit-box-shadow:0 0 5px rgba(0,0,0,.3); -moz-box-shadow:0 0 5px rgba(0,0,0,.3); -ms-box-shadow:0 0 5px rgba(0,0,0,.3); box-shadow:0 0 5px rgba(0,0,0,.3); z-index:99; display:none;}
.vivo-weixin-overbox img{position:relative; left:15px; top:15px;}
.vivo-weixin-overbox b{width:18px; height:12px; overflow:hidden; background:url(../images/overbox-cd-icon.png) no-repeat; position:absolute; bottom:-12px; left:50%; margin-left:-9px;}
.lan-en{position: absolute; top: 75px; right: 0; background:url(../images/vivo-lan-en-ico.jpg) center right no-repeat; padding-right: 12px; }
.gongshang{float:left;margin-right:15px;padding-top:5px;}
/*--z-foot--*/


/*下拉导航*/
.head-v3{position:relative;z-index:100; width:1200px; margin:0 auto;}


.navigation-down{position:absolute;top:60px;left:0px;width:100%;}
.navigation-down .nav-down-menu{width:100%;margin:0;background:#F5F7FA;position:absolute;top:0px; height:85px; border-bottom:2px solid #008CD6; }/*344157*/
.navigation-down .nav-down-menu dl{float:left;margin:10px 80px 18px 0;}
.navigation-down .menu-1 dl{margin:15px 0px 15px 0;}
.navigation-down .menu-1 dt{padding-bottom:10px; padding-right:18px;margin-bottom:10px; float:left;}
.navigation-down .menu-1 dt a{transition:color 0.2s linear 0s;}
.navigation-down .menu-1 dt a:hover{color:#999;}
.navigation-down .menu-1 dd{ float:left; margin:12px 15px;}
.navigation-down .menu-1 dd a{ color:#808080;transition:color 0.2s linear 0s; font-family:"微软雅黑"; font-size:15px;}
.navigation-down .menu-1 dd a:hover{color:#60aff6}
.navigation-down .menu-2 dd a,.navigation-down .menu-3 dd a{}

.update_nav_t{border-right:1px dotted rgb(0,140,214); text-align:right; height:38px; padding-top:3px;}
.update_nav_t1{color:#008CD6; font-family:'微软雅黑'; font-size:18px;}
.update_nav_t2{text-align:right; margin-top:5px; font-family:'微软雅黑'; color:#B3B3B3; font-size:16px}





.vivo-nav{width:1100px; height:60px; margin:auto; background:#fff; position:relative; z-index:999;}
.vivo-nav a.vivo-logo{width:400px; height:60px; display:block; float:left; -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); -ms-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}
.vivo-nav ul{display:table; float:left; width:730px; height:60px; margin-left:20px; overflow: hidden;}
.vivo-nav ul li{display:table-cell; width:14%; height:60px; overflow:hidden; text-align:center; *float: left; border-right:1px #f2f2f2 solid;}
.vivo-nav ul li:first-child{border-left:1px #f2f2f2 solid;}
.vivo-nav ul li a{display:block; line-height:60px; font-size:16px; color:#4d4d4d; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out; transition:all .3s ease-in-out; -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); -ms-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}
.vivo-nav ul li a:hover,.vivo-nav ul li.current a,.vivo-nav ul li.current a:hover,.vivo-nav ul li.active a,.vivo-nav ul li.active a:hover{color:#fff; background:#008cd6; -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); -ms-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}
.vivo-nav ul li.hover{color:#fff; background:#008cd6; -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); -ms-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}
.vivo-nav ul li.hover a{color:#fff;}



/****************底部 style*******************/
#bottom{ margin:0 auto; width:100% ; background:url(../images/bottombg.jpg); margin-top:10px; height:150px; }
.bottom_menu{margin:0 auto; width:1004px; height:33px; line-height:33px; text-align:center; color:#666;word-spacing:8px;}
.bottom_menu a{color:#666}
.bottom_menu a:hover{color:#008ae6}
.bottom_copy{margin:0 auto; width:1004px; line-height:24px; text-align:center;  word-spacing:8px; color:#FFF; padding:20px 0px 0px 0px }
.bottom_copy a{color:#FFF;}


.p14{font-weight: bold; font-size: 15px; color:#339900; line-height: 30px}

.nb7{
	border:1px solid #CCCCCC;
    /*padding:0.1em 1em;*/
    text-align:left;
    vertical-align:middle; height:16px;COLOR: #666666; padding-top:3px; padding-left:5px}
	
.nb8{
	border:1px solid #CCCCCC;
    /*padding:0.1em 1em;*/
    text-align:left;
    vertical-align:middle; COLOR: #666666; padding-top:3px; padding-left:5px}
.back {
	DISPLAY: block; PADDING-LEFT: 18px; BACKGROUND: url(../images/button_back.gif) no-repeat 0px 3px; VERTICAL-ALIGN: middle; WIDTH: 70px; COLOR: #000000; LINE-HEIGHT: 24px; HEIGHT: 24px; TEXT-ALIGN: left; TEXT-DECORATION: none
}


/*page分页*/
.jogger {padding-right: 2px; padding-left: 2px; padding-bottom: 2px; margin: 7px; padding-top: 2px; font-family: "lucida sans unicode", "lucida grande", lucidagrande, "lucida sans", geneva, verdana, sans-serif}
.jogger a {padding-right: 0.64em; padding-left: 0.64em; padding-bottom: 0.43em; margin: 2px; color: #fff; padding-top: 0.5em; background-color: #ee4e4e; text-decoration: none}
.jogger a:hover {padding-right: 0.64em; padding-left: 0.64em; padding-bottom: 0.43em; margin: 2px; color: #fff; padding-top: 0.5em; background-color: #de1818}
.jogger a:active {padding-right: 0.64em; padding-left: 0.64em; padding-bottom: 0.43em; margin: 2px; color: #fff; padding-top: 0.5em; background-color: #de1818}
.jogger span.current {padding-right: 0.64em; padding-left: 0.64em; padding-bottom: 0.43em; margin: 2px; color: #6d643c; padding-top: 0.5em; background-color: #f6efcc}
.jogger span.disabled {display: none}


.img {
	BORDER-RIGHT: #d8e3e9 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #d8e3e9 1px solid; PADDING-LEFT: 2px; BACKGROUND: #ffffff; PADDING-BOTTOM: 2px; BORDER-LEFT: #d8e3e9 1px solid; PADDING-TOP: 2px; BORDER-BOTTOM: #d8e3e9 1px solid
}
.img:hover {
	BORDER-RIGHT: #2296d1 2px solid; PADDING-RIGHT: 1px; BORDER-TOP: #2296d1 2px solid; PADDING-LEFT: 1px; BACKGROUND: #ffffff; PADDING-BOTTOM: 1px; BORDER-LEFT: #2296d1 2px solid; PADDING-TOP: 1px; BORDER-BOTTOM: #2296d1 2px solid
}