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

body { margin:0; padding:0;font-size:14px;font-family:"微软雅黑",Lao UI,sans-serif; color:#3a3a3a;overflow-x:hidden; }
html{-webkit-text-size-adjust:none;}
html,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,b,i,center,dl,dt,dd,ol,ul,li,u,fieldset,form,label,legend,caption,footer{margin:0;padding:0;border:0;outline:0;background:transparent; font-weight:normal;list-style: none;}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}

/*html5 reset*/
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
menu, figure{margin:0;padding:0;}
button, input, select, textarea {font-size: 100%;}

/*input:focus{outline:0 none}*/
ul,ol,menu{list-style:none;}
p{ padding:0px; margin:0px;list-style:none;}
fieldset{padding:0 1em 1em 1em; margin:1.6em 0;border:1px solid #ccc;} /*** padding-top is margin-top for fieldsets in Opera ***/
legend{padding-left:.8em; padding-right:.8em;}
legend+*{margin-top:1em;} /*** compensates for the opera margin bug ***/
sub{ font-size:smaller; line-height:0; vertical-align:sub;}
sup{ font-size:smaller; line-height:0; vertical-align:super;}
img{border:0; -ms-interpolation-mode: bicubic;/*处理图片失真*/}
a{color:#3a3a3a;cursor:pointer; text-decoration:none;}
a:hover{color:#069ae7;text-decoration:underline; text-decoration:none;}
a:focus{outline:1px dotted}

.fl{ float:left;}.fr{ float:right; }
.clear{ clear:both;}

.con{ width:100%; height:auto; overflow:hidden;box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); position:fixed; top:0; z-index:99;background:url(../images/bg.jpg) repeat-x left top;}
.yyc{box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);}
.toper{ width:1200px; height:41px;line-height:41px; margin:auto; overflow: hidden; text-align:right; color:#069ae7;}
.toper img{ vertical-align:middle; padding:0 5px;}
.toper span{float:left;}
.toper a{color:#069ae7; }


.top{ width:1200px; height:100px; margin:auto;}
.logo{ width:276px; height:100px; float:left;}

.nav{width:860px; height:100px; float:left; margin-left:64px;}
.nav_box{ margin:0 auto;}
.nav ul{height:100px;}
.nav li{float:left; padding:0 28px;}
.nav li p{line-height:98px;text-align:center;position:relative; text-transform:uppercase;}
.nav li p a{height:98px;display:block; font-size:18px; border-bottom:2px #fff solid;}
.nav li:hover p a{height:98px;display:block;text-decoration:none; border-bottom:2px #069ae7 solid; 	-webkit-transition:all 0.3s ease-out;
	-moz-transition:all 0.3s ease-out;
	-o-transition:all 0.3s ease-out;
	transition:all 0.3s ease-out;
}
.naver{display:none;}
.erjibox{display:none;}
.nav li:hover .erjibox{display:block;background:#FFF;width:200px;position:absolute;box-shadow:0 3px 5px #DDD;z-index:99;}
.nav li:hover .erjibox .erji{line-height:40px;position:relative;}
.nav li:hover .erjibox .erji a{line-height:40px;display:block;padding-left:10px;}
.nav li:hover .erjibox .erji:hover a{line-height:40px;display:block;text-decoration:none;background:#161616;color:#FFF;padding-left:10px;}
.nav li:hover .erjibox .erji dl{display:none;}
.nav li:hover .erjibox .erji:hover dl{display:block;position:absolute;left:200px;top:0px;width:180px;background:#FFF;z-index:99;box-shadow:0px 3px 5px #DDD;}
.nav li:hover .erjibox .erji:hover dl a{background:#FFF;color:#666;}
.nav li:hover .erjibox .erji:hover dl a:hover{background:#161616;color:#FFF;}

/****************banner****************/
.main_image {width:100%; height:520px; overflow:hidden; margin:141px auto 0 auto; position:relative;}
.main_image ul {width:9999px; height:520px; overflow:hidden; position:absolute; top:0; left:0}
.main_image li {float:left; width:100%; height:520px;}
.main_image li span {display:block; width:100%; height:520px;}
.main_image li a {display:block; width:100%; height:520px;}
div.flicking_con {width:990px; margin:0 auto; position:relative}
div.flicking_con .flicking_inner {position:absolute; top:480px; left:50%; z-index:2; width:300px; height:21px} /* 121126 */
div.flicking_con a {float:left; width:21px; height:21px; margin:0; padding:0; background:url('../images/btn_main_img.png') 0 0 no-repeat; display:block; text-indent:-1000px}
div.flicking_con a.on {background-position:0 -21px}
#btn_prev,#btn_next{z-index:3;position:absolute;display:block;width:73px!important;height:74px!important;top:50%;margin-top:-37px;display:none;}
#btn_prev{background:url(../images/hover_left.png) no-repeat left top;left:100px;}
#btn_next{background:url(../images/hover_right.png) no-repeat right top;right:100px;}

.prolist{ width:1200px; height:auto; overflow:hidden; margin:35px auto;}
.prolist ul { zoom:1; margin-right:-130px;}
.prolist ul li{ width:208px; height:auto; overflow:hidden; float:left; margin-right:40px;}
.prolist ul li h3{ height:33px; line-height:33px; font-size:17px;}
.prolist ul li h3 span{display: inline-block; float: left; overflow: hidden; padding-right:8px;}
.prolist ul li h3 a{ padding-left:48px;}
.prolist ul li p{  padding-top:12px; line-height:23px; font-size:15px; font-weight:bold; color:black;}

.list{ background:url(../images/icon.png); width:208px;height:33px;}

.list1{ background-position:0px -9px;}
.list1:hover{ background-position:0px -43px; color:#069ae7;}

.list2{ background-position:0px -78px;}
.list2:hover{ background-position:0px -112px; color:#069ae7;}

.list3{ background-position:0px -152px;}
.list3:hover{ background-position:0px -186px; color:#069ae7;}

.list4{ background-position:0px -223px;}
.list4:hover{ background-position:0px -257px; color:#069ae7;}

.list5{ background-position:0px -294px;}
.list5:hover{ background-position:0px -328px; color:#069ae7;}

.hotpro{ width:100%; height:auto; overflow:hidden; margin:auto;}

.hotnews{ width:100%; height:auto; overflow:hidden; margin:auto; background:#efefef;}
.abcrf{ width:1200px; height: auto; overflow:hidden; margin:30px auto;}
.abcrf h3{ font-size:22px; border-bottom:1px #e4e4e4 solid; height:40px;}
.abcrf h3 span{ float:left;border-bottom:2px #069ae7 solid; padding-bottom:8px; text-transform:uppercase;}
.abcrf h3 .hd{ float:right;}
.abcrf h3 .hd .prev{ display:block; width:26px; height:26px; float:right;  overflow:hidden; cursor:pointer; background:url(../images/yz.gif) no-repeat;  left:0px; top:5px; z-index:10;}
.abcrf h3 .hd .next{ display:block; width:26px; height:26px; float:right;  overflow:hidden;cursor:pointer; background:url(../images/yz.gif) no-repeat -27px 0;right:0px; top:5px; z-index:10;}

.picScroll-left{ width:100%; overflow:hidden; position:relative; margin:25px 0 0 0;}
.picScroll-left .bd{ padding:10px 0px;}
.picScroll-left .bd ul{ overflow:hidden; zoom:1; margin-right:-32px; }
.picScroll-left .bd ul li{ width:276px; margin-right:32px; float:left; _display:inline; overflow:hidden; background:#fff;}
.picScroll-left .bd ul li .pic{ position:relative;width:276px; height:276px; overflow:hidden;}
.picScroll-left .bd ul li .pic img{width:276px; height:276px; left:0; top:0; position:absolute; transition:all 0.3s;}
.picScroll-left .bd ul li .pic:hover img{width:301px; height:301px;  position: absolute; left:-15px; top:-15px;}

.picScroll-left .bd ul li .title{ line-height:42px; text-align:center;width:250px;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow:hidden;display:block;}
.picScroll-left .bd ul li .nom{ line-height:32px; text-align:center; color:#898989;}
.picScroll-left .bd ul li .prmore{ margin:20px auto 25px auto; text-align:center;}
.picScroll-left .bd ul li .prmore a{ background:#c5c5c5; color:#fff; padding:9px 19px; font-size:16px;}
.picScroll-left .bd ul li .prmore a:hover{background:#069ae7;}

.inkh{ width:1200px; height:auto; overflow:hidden; margin:40px auto;}
.inabos1{ width:584px; height:auto; overflow:hidden; float:left;}
.inabos1 h3{ line-height:55px; height:55px; font-size:26px;text-transform:uppercase;}
.inabos1con{ line-height:25px; margin:20px 0; height:auto; overflow:hidden; width:100%;} 
.inabos1more{ background:#069ae7; text-align:center;width:120px; height:42px; line-height:42px; overflow:hidden; margin:25px 0;}
.inabos1more a{   color:#fff; font-size:16px;}

.abcrfs{ width:550px; float:left; margin-left:66px; height: auto; overflow:hidden;}
.picScroll-lefts{ width:100%; overflow:hidden; position:relative; margin:25px 0 0 0;}
.picScroll-lefts .hds{}
.picScroll-lefts .hds .prevs{ display:block; width:18px; height:42px; float:right;  overflow:hidden; cursor:pointer; background:url(../images/yft_pic46.gif) no-repeat; position:absolute; left:0px; top:125px; z-index:10;}
.picScroll-lefts .hds .nexts{ display:block; width:18px; height:42px; float:right;  overflow:hidden;cursor:pointer; background:url(../images/yft_pic46.gif) no-repeat -99px 0; position:absolute; right:0px; top:125px; z-index:10;}
.picScroll-lefts .bds{ padding:10px 8px;}
.picScroll-lefts .bds ul{ overflow:hidden; zoom:1; }
.picScroll-lefts .bds ul li{ margin:0 5px 0 40px; float:left; _display:inline; overflow:hidden;}
.picScroll-lefts .bds ul li .pics{ text-align:center;width:203px;}
.picScroll-lefts .bds ul li .pics img{ width:100%;}
.picScroll-lefts .bds ul li .pics a:hover img{ border-color:#999; }
.picScroll-lefts .bds ul li .titles{ line-height:24px; padding-top:10px; font-size:16px; text-align:center;}

.link{ width:100%; height:auto; overflow:hidden; background:#f3f3f3; text-align:center;}

.footer{ width:100%; height:auto; overflow:hidden; background:#252525;}
.footer_center{width:1200px;height:auto; overflow:hidden; margin:25px auto 0 auto; color:#858585; border-bottom:1px #303030 solid; padding-bottom:25px;}
.ftcsl{ width:780px; height:auto; overflow:hidden; float:left;}
.ftcsl a{color:#858585; padding:0 8px;}
.ftcsl a:hover{ color:#d6d6d6;}
.ftcs2{ width:400px; height:auto; overflow:hidden; float:left;}
.ftcs2 img{ padding:0px 12px;}
.footer_cop{ width:1200px; padding:15px 0; color:#858585; margin:auto;}

/**内页样式*/
#content{ width:100%;}

#contain{ margin-top:180px;}
#content h2{ font-size:18px; height:50px;}
.common{ width:1200px; margin:30px auto; }
#information{ margin-bottom:90px; }
#information article{ height:190px; position:relative; overflow:hidden; }
#information article.hover .news_content_info h4 a{ color:#5a83c0; }
#information article.hover .information_more{ background:#ec008c; }
.information_more{ display:block; width:70px; height:20px; line-height:20px; text-align:center; font-size:12px; color:#fff; background:#cdcdcd; position:absolute; bottom:0; left:0;
	-webkit-transition:all 0.3s ease-out;
	-moz-transition:all 0.3s ease-out;
	-o-transition:all 0.3s ease-out;
	transition:all 0.3s ease-out;
 }
.information_title{ height:60px; width:260px; font-size:24px; color:#2d2c2c; line-height:60px;text-transform:uppercase; }
.information_title i{ background:url('../images/title-icon.png') no-repeat; display:inline-block; width:45px; height:60px; vertical-align:top }
.information_title .about_i{ background-position:0 -120px; }
.information_title .news_i{ background-position:0 -61px; }
.information_title .business_i{ background-position:0 -242px; }
.information_title .sustainable_i{ background-position:0 -302px; }
.information_title .support_i{ background-position:0 -181px; }
.information_title .contact_i{ background-position:0 -361px; }
.crumbs{ width:940px; border-bottom:1px #eee solid;}
.crumbs,.crumbs a{ font-size:16px; color:#919191; line-height:60px;
	-webkit-transition:all 0.3s ease-out;
	-moz-transition:all 0.3s ease-out;
	-o-transition:all 0.3s ease-out;
	transition:all 0.3s ease-out;
	
 }
.crumbs a:hover{ color:#069ae7; }
.crumbs span{ margin:0 12px; }

.nybanner{ overflow:hidden;height:250px; }
.nybanner img {width: 100%; display: inline-block;}
#left{ width:260px; margin-top:20px; }

#menu{ margin-top:10px; }
#menu ul{ display:block; width:230px; }
#menu li{ display:block; height:auto; overflow:hidden; margin-bottom:10px; }
#menu li a{ background:#fff; line-height:30px; font-size:15px; text-indent:44px; width:100%; height:100%; display:block;
	-webkit-transition:all 0.3s ease-out;
	-moz-transition:all 0.3s ease-out;
	-o-transition:all 0.3s ease-out;
	transition:all 0.3s ease-out;
}
#menu li a:hover,#menu li.menu_cur a{ color:#fff; background:#069ae7; }
#menu li.menu_cur ul li a{ color:#3a3a3a; background:none; }
#menu li ul{ border-bottom:1px #ddd dashed; height:auto; overflow:hidden; padding-bottom:5px;}
#menu li ul li{ height:27px; margin-bottom:0px !important; }
#menu li ul li a{ font-size:13px; text-indent:58px;background:url(../images/nav.jpg) no-repeat 48px center !important;}
#menu li ul li a:hover{ color:#069ae7; display:block; background:#fff; }

#right{ width:890px; position:relative; margin-top:30px; }
.track{ width:13px; height:100%; position:absolute; background:url('../images/track.png') repeat-y 50% 2px; left:-36px; }
.track i{ width:11px; height:11px; background:#fff; border:1px solid #d0d0d0; display:block; position:relative; top:7px;
	-webkit-transition:all 1.3s ease-out;
	-moz-transition:all 1.3s ease-out;
	-o-transition:all 1.3s ease-out;
	transition:all 1.3s ease-out;
 }
#right:hover .track i{ background:#ff9000; border:1px solid #ff9000; }
#right .cate_title{ height:40px;  display:block; font-size:18px; font-weight:500; color:#535353; cursor:default; }
#rights{width:900px; height:auto; overflow:hidden; margin-top:10px; }

.nycon{ width:100%; line-height:25px; height:auto; overflow:hidden; margin:20px 0; text-align:justify; min-height:500px;}
.nycon img{ clear:both; margin:auto; display:block;}
.nycon p{ padding-bottom:2em;}


/***Equipment***/
.Equipment{ width:100%;}
.Equipment ul { margin-right:-3%; zoom:1; overflow:hidden;}
.Equipment ul li{ width:22%; float:left; height:auto; overflow:hidden; margin-right:2.7%; margin-top:3%;}
.Equipment ul li img{ clear:both; display:block; margin:auto; width:100%;}
.Equipment ul li h4{ line-height:42px; text-align:center; overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;}
.Equipment ul li:hover{-webkit-transition: all 2s linear 0s;  }

/**news**/
#news_list ul li{ display:block; height:60px; position:relative; margin-bottom:20px; }
.news_time{ height:80px; color:#a9a9a9; font-size:16px; }
.news_info{ height:80px; width:790px; }

.news_info_title{ color:#535353; font-size:16px; margin-bottom:10px; display:block;
	-webkit-transition:all 0.3s ease-out;
	-moz-transition:all 0.3s ease-out;
	-o-transition:all 0.3s ease-out;
	transition:all 0.3s ease-out;
 }
.news_info_title:hover{ color:#2258a6; }
.news_info p{ line-height:20px; color:#a9a9a9; }

.li_i{ width:11px; height:11px; position:absolute; top:7px;  left:-36px; background:#fff; border:1px solid #d0d0d0;
	-webkit-transition:all 0.3s ease-out;
	-moz-transition:all 0.3s ease-out;
	-o-transition:all 0.3s ease-out;
	transition:all 0.3s ease-out;
 }

#view_more{ height:20px; width:690px; position:relative; background:#fff;  }
#view_more a{ display:block; width:100%; height:50px; line-height:50px; text-align:center; color:#bababa; background:#f3f3f3; font-size:18px; position:absolute; left:0; top:30px;
	-webkit-transition:all 0.3s ease-out;
	-moz-transition:all 0.3s ease-out;
	-o-transition:all 0.3s ease-out;
	transition:all 0.3s ease-out;
 }
#view_more a:hover{ background:#ec008c; color:#fff; }
#news_list li:hover .li_i{ background:#ff9000; border:1px solid #ff9000; }

.newsbox3{ width:100%; height:auto; overflow:hidden;}
.newsbox3 h3{ font-size:22px; text-align:center; line-height:70px; border-bottom:1px #eee solid;} 
.shijian {text-align: center;height: 50px;line-height: 50px;}
.shijian span {padding: 0 2%;color: #999;border-right: 1px solid #DDD;}
.newcon{ width:100%; height:auto; overflow:hidden; margin:30px 0; line-height:25px; padding-bottom:15px; border-bottom:1px #eee solid;}
.newcon img { clear:both; margin:auto; display:block; padding:10px 0;}
.newsnt{ width:100%; height:auto; overflow:hidden; line-height:30px; margin-bottom:25px;}

/*solution*/
.solution_list{ width:1200px; height:auto; overflow:hidden; position:relative; margin:0 auto 20px auto; }
.so_left{ width:900px;  height:auto; overflow:hidden; float:left; border-right:1px #ddd solid; padding-right:35px; }
.so_left p{ line-height:23px;}
.soultionbox{width:900px;  height:auto; overflow:hidden; margin:30px 0;}
.soultionbox dl{ padding:25px 0; border-bottom:1px #ddd solid;height:auto; overflow:hidden; }
.soultionbox dl dt{ width:190px; height:190px; float:left;}
.soultionbox dl dt img{ width:100%;}
.soultionbox dl dd{ margin-left:25px; width:685px; height:190px; float:left;}
.soultionbox dl dd .s_bt{ height:40px; line-height:40px; font-size:17px; text-transform:uppercase;}
.soultionbox dl dd .s_con{ line-height:23px;}

.so_rg{ width:230px; height:auto; overflow:hidden; float:left; margin-left:34px;}
.so_rg p{ line-height:27px;}
/***contact **/
.contactbox{ width:1100px; height:auto; overflow:hidden; margin:30px auto;}
.contactbox h3{ font-size:17px; font-weight:bold; line-height:50px; border-bottom:1px #eee solid;}
.connn{ line-height:27px; margin:35px 0;}
.connn p{ padding-bottom:2em;}

.contactbox h4{ line-height:27px;}
.selabox{ width:1100px; height:auto; overflow:hidden; border-top:1px #eee solid; margin:20px auto;}
.selabox dl{ float:left; width:25%; margin-top:15px;}
.selabox dl dt{ font-size:16px; text-transform:uppercase; line-height:35px;}
.selabox dl dd{ line-height:27px; }
.selabox dl dd p{ font-size:14px;}
.selabox dl dd a{ color:#069ae7; font-size:14px;}

/*************分页css*************/
.cuspages{ width:100%; height:auto; overflow:hidden; margin:50px 0 25px 0;}
.pages {overflow: hidden;zoom: 1;font-size: 12px;float: right;clear:both;}
.pages span, .pages a {float: left;width: 34px;height: 34px;border: #e2e2e2 1px solid;font-size:12px;text-align: center;line-height: 34px;margin-right: 5px;}
.pages .disabled { color: #ccc; }
.pages .current {background-color: #f26f21;border: #f26f21 1px solid;color: #fff;}

/*products*/
.procon{ width:890px; height:auto; overflow:hidden;}
.procon ul{zoom:1; margin-right:-35px;}
.procon ul li{ width:250px; height:310px; float:left; margin-right:35px; margin-bottom:20px;}
.procon ul li .pics{ position:relative;width:250px; height:250px; overflow:hidden;}
.procon ul li .pics img{ width:250px; height:250px; left:0; top:0; position:absolute; transition:all 0.3s;}
.procon ul li .pics:hover img{width:265px; height:265px;  position: absolute; left:-15px; top:-15px;}
.procon ul li h3{ height:30px; line-height:30px; text-align:center; font-size:15px;width:250px;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow:hidden;display:block;}
.procon ul li h4{ height:20px; line-height:20px; text-align:center; color:#898989;}
/*prolist*/
.prolist{ width:1200px; height:auto; overflow:hidden; margin:30px auto;}
.profl{ width:750px; height:auto; overflow:hidden; float:left;}
.profl ul{}
.profl ul li{ width:150px; height:180px; float:left; margin:25px 30px 25px 52px;}
.profl ul li img{ display:block; margin:auto; clear:both}
.profl ul li img:hover{ opacity:0.8;}
.profl ul li h4{ height:30px; line-height:30px; text-align:center; font-size:16px;}
.profl ul li h4 a{font-size:16px;}

.prorg{ width:450px; height:auto; overflow:hidden; float:left; background:#f2f2f2;}
.protjk{ width:320px; height:auto; overflow:hidden; margin:25px auto; background:#fff; padding:20px;}
.protjk p{ line-height:23px;}
.protjk ul{ margin-top:25px;}
.protjk ul li{ width:100%; height:24px; line-height:24px; font-size:16px; color:#00a7ff; background:url(../images/nav.jpg) no-repeat left center; text-indent:11px;}
.protjk ul li a{font-size:16px; color:#00a7ff;}
.protjk ul li a:hover{color:#065b87;}

.cd-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 40px;
  right: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background:#069ae7 url(../images/top.png) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* 如果用户继续向下滚动,这个按钮的透明度会变得更低 */
  opacity: 1;
}
.no-touch .cd-top:hover {
  background-color: #ffd200;
  opacity: 1;
}
@media only screen and (min-width: 768px) {
  .cd-top {
    right: 20px;
    bottom: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .cd-top {
    height: 60px;
    width: 60px;
    right: 30px;
    bottom: 30px;
  }
}

/*flickr style*/
    div#flickrpager {
        padding-right: 3px;
        padding-left: 3px;
        padding-bottom: 3px;
        margin: 3px;
        padding-top: 3px;
        text-align: center;
        clear: both;
    }
div#flickrpager a {border: #dedfde 1px solid; padding-right: 6px; background-position: 50% bottom; padding-left: 6px; padding-bottom: 2px;  color: #0061de; margin-right: 3px; padding-top: 2px; text-decoration: none}
div#flickrpager a:hover {border: #000 1px solid;background-image: none; color: #fff;background-color: #0061de}
div#flickrpager a:active {border-right: #000 1px solid; border-top: #000 1px solid; background-image: none; border-left: #000 1px solid; color: #fff; border-bottom: #000 1px solid; background-color: #0061de}
div#flickrpager span.current {padding-right: 6px; padding-left: 6px; font-weight: bold; padding-bottom: 2px; color: #ff0084; margin-right: 3px; padding-top: 2px}
div#flickrpager a.disabled {padding-right: 6px; padding-left: 6px; padding-bottom: 2px; color: #adaaad; margin-right: 3px; padding-top: 2px}

/*badoo style*/
    div#badoopager {
        padding-right: 0px;
        padding-left: 0px;
        font-size: 13px;
        padding-bottom: 10px;
        color: #48b9ef;
        padding-top: 10px;
        font-family: arial, helvetica, sans-serif;
        text-align: center;
        clear: both;
    }
div#badoopager a {border-right: #f0f0f0 2px solid; padding-right: 5px; border-top: #f0f0f0 2px solid; padding-left: 5px; padding-bottom: 2px; margin: 0px 2px; border-left: #f0f0f0 2px solid; color: #48b9ef; padding-top: 2px; border-bottom: #f0f0f0 2px solid; text-decoration: none}
div#badoopager a:hover {border-right: #FF6D06 2px solid; border-top: #FF6D06 2px solid; border-left: #FF6D06 2px solid; color: #FF6D06; border-bottom: #FF6D06 2px solid}
div#badoopager a:active {border-right: #FF6D06 2px solid; border-top: #FF6D06 2px solid; border-left: #FF6D06 2px solid; color: #FF6D06; border-bottom: #FF6D06 2px solid}
div#badoopager span.current {border-right: #FF6D06 2px solid; padding-right: 5px; border-top: #FF6D06 2px solid; padding-left: 5px; font-weight: bold; padding-bottom: 2px; border-left: #FF6D06 2px solid; color: #fff; padding-top: 2px; border-bottom: #FF6D06 2px solid; background-color: #ff6c16}
div#badoopager a.disabled {display: none}
div#badoopager input[type=text]{width:30px}
.kefu { position: fixed;z-index:999;width: 123px; height:auto; overflow:hidden;top:30%;right:1%;background:#fff; border:1px #ddd solid;}
.kefubox{ width:123px; height:auto; overflow:hidden;  padding:10px 0;}
.kefubox ul li{ width:100px; line-height:18px; padding:5px 0; border-bottom:1px #eee solid; margin:auto; font-size:10px;}
.kefubox ul li a{font-size:10px!important;}
.kefubox ul li img{vertical-align: middle;}