@charset "utf-8";
html{-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:none;}
body{margin:0;padding:0;color:#77787b;font:12px/24px "\5FAE\8F6F\96C5\9ED1",Arial, sans-serif;min-width:1240px;}
body,div,span,iframe,h1,h2,h3,h4,h5,h6,p,a,em,img,strong,b,i,hr,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,tbody,tfoot,thead,tr,th,td,article,aside,figure,hgroup,menu,footer,header,nav,section,time,input{margin:0;padding:0;}
a{outline:none;cursor:pointer;color:#666;text-decoration:none;transition:all 0.15s ease-in-out 0s;}
a:hover{outline:none;color:#0092dc;text-decoration:underline;}

ul,ol{list-style-type:none;}
h1,h2,h3,h4,h5,h6{font-weight:400}
select,input,textarea,img,select{vertical-align:middle;font-family:Arial}
em,i{font-style: normal}
.fc{clear:both;}
.clear{clear:both;display:block;overflow:hidden;height:0;}
.cf:after,#main_content:after,.iwrap:after{content:".";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.cf{zoom:1;} /*解决ie6/7兼容问题*/
.top,.wrapper,#main_content{width:1200px;margin:0 auto;padding:0;}
.container{background:#f2f2f2;}
img{max-width:100%}
textarea {resize:none;min-height:60px;padding:15px 20px;}

.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
@-webkit-keyframes bounce{20%,53%,80%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.050,.855,.060);animation-timing-function:cubic-bezier(.755,.050,.855,.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.050,.855,.060);animation-timing-function:cubic-bezier(.755,.050,.855,.060);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}@keyframes bounce{20%,53%,80%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.050,.855,.060);animation-timing-function:cubic-bezier(.755,.050,.855,.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.050,.855,.060);animation-timing-function:cubic-bezier(.755,.050,.855,.060);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}
@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}
@-webkit-keyframes zoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}
/*全局结束*/
[class^="icon-"], [class*=" icon-"],.icon{background:url(../images/icon.png) no-repeat;}
[class^="bicon-"], [class*=" bicon-"]{background:url(../images/bicon.png) no-repeat;display:inline-block}
.icon-tel{background-position:0 0;width:18px;height:15px;}

.btn{cursor:pointer;display:inline-block;font-size:16px;font-weight:normal;line-height:40px;padding:0px 10px;text-align:center;vertical-align:middle;white-space:nowrap;border-radius:2px;}
.btn-big{height:50px;line-height:50px;border-radius:5px;font-size:16px;}
.btn-sm{height:30px;line-height:30px}
.btn-xs{height:22px;line-height:22px;font-sie:12px;padding: 1px 5px;}
.btn-default{color:#555;text-decoration:none;border:2px solid #ccc;}
.btn-blue{background-color:#007ac3;color:#fff;text-decoration:none}
.btn-blue:hover{background-color:#007ac3;color:#fff;text-decoration:none}
.btn-primary{background-color:#0092dc;color:#fff;text-decoration:none}
.btn-primary:hover{background-color:#016da3;color:#fff;text-decoration:none}
.btn-disabled,.btn-disabled:hover{background-color:#999;color:#fff;text-decoration:none;cursor:default}
/*头部开始==========================================*/
.header{position:relative;z-index:1;background:#fff;}
.header .top{position:relative;height:100px;}
.header .logo{position:absolute;left:0px;top:10px;}
.header .logo img{}

.header .tlink{position:absolute;top:30px;right:0;}
.header .tlink .icon-skype{float:left;width:40px;height:40px;background-position:0 -92px;margin-right:20px;}
.header .tel{float:left;line-height:40px;color:#0092dc;font-size: 30px;}
.header .tel i{float:left;width:40px;height:40px;margin-right:15px;}
/*主菜单=======================*/
.header .nav{height:40px;background:#0092dc;}
.header #nav{float:left;}
.header .nav li{float:left;padding-right:1px;text-align:center;position:relative;}
.header .nav .psa{display:block;color:#fff;line-height:40px;height:40px;font-size:16px;padding:0 28px;}
.header .nav .shover,.header .nav .active,.header .nav .psa:hover{background:#016da3;text-decoration:none;color:#fff;}

.header .nav .subnav{float:left;visibility:hidden;background:#fff;position:absolute;left:0px;top:40px;width:150px;box-shadow:0 3px 3px #ddd}
.header .nav .subnav ul{padding:10px 15px;float:left;}
.header .nav .subnav .sub-menu{float:left;}
.header .nav .subnav ul li{display:block;float:none;padding:0;border-bottom:1px dotted #ddd;background:none;}
.header .nav .subnav ul li:after{display:none;}
.header .nav .subnav ul li a{position:relative;display:block;text-align:left;line-height:32px;height:32px;overflow:hidden;color:#666;padding-left:17px;white-space:nowrap;text-overflow:ellipsis;}
.header .nav .subnav ul li a i{background-position:0 -72px;width:4px;height:10px;margin-top:-5px;position:absolute;left:0;top:50%;}
.header .nav .subnav ul li:last-child{border-bottom:0;}
.header .nav .subnav .sub-menu a:hover,.header .nav .subnav .sub-menu a.active{background:none;color:#0092dc;text-decoration:none}
.header .nav .subnav .sub-menu a:hover i,.header .nav .subnav .sub-menu a.active i{background-position:0 -82px;}

.header .nav .subnav .sub-menu ul{visibility:hidden;position:absolute;left:100%;top:-10px;box-shadow:0 3px 3px #ddd;background:#fff;}


.header .search{float:right;height:30px;line-height:30px;background:#fff;margin-top:5px;}
.header .search .searchbd{float:left;}
.header .search .stxt{float:left;border:0;height:20px;line-height:20px;overflow:hidden;padding:5px 10px;width:200px;font-size:14px;background:none;}
.header .search .go{display:block;float:left;width:50px;height:30px;background:#016da3;}
.header .search .go .icon-so{display:block;margin:7px auto;background-position:0 -40px;width:20px;height:16px;}
.header .search .go span{white-space:nowrap;display:none;}
/*banner======================*/
.banner{position:relative;overflow:hidden;}
.banner_m{margin:0 auto;overflow:hidden;position:relative;}
.banner_m li,.banner_m li a{display:block;width:100%;height:100%;}
.banner_m li a img{width:100%}
.banner_m li a{background:url(.) center;background-size:auto 100%}
.bannerfd{text-align: center}

.banner .bnav{position:absolute;left:50%;bottom:20px;z-index:10;text-align:center;}
.banner .bnav a{float:left;width:60px;height:8px;text-indent:-999em;margin-right:3px;cursor:pointer;background:#fff;}
.banner .bnav a.selected{background:#0092dc;}

#navigateLeft,#navigateRight{cursor:pointer;position:absolute;top:50%;margin-top:-36px;width:39px;height:72px;z-index:4;display:none;background:url(../images/arrow.png) no-repeat}
#navigateRight{right:30px;background-position:-39px 0px}
#navigateLeft{left:30px;}
/*头部结束===========================================*/
#main_content{clear:both;padding:30px 0;}
#side{float:left;width:220px;}
#main{float:right;width:950px;}
/*主框架结束*/
.main_t{border-bottom:1px solid #ddd;height:60px;line-height:60px;position:relative;}
.main_t h2{float:left;font-size:24px;border-bottom:2px solid #252e37;color:#252e37;line-height:59px;padding:0 5px;}

.main_c{padding:30px 0px;min-height:150px;height:auto;_height:150px;}
.main_c img{max-width:100%}
.main_c p{margin-bottom:10px;}

.mapnav{height:30px;line-height:30px;font-size:14px;padding:9px 0;border-bottom:1px solid #ddd;}
.mapnav .icon-location{float:left;width:12px;height:16px;background-position:0 -56px;margin:7px 8px 0 0}
.mapnav span{float:left;}
.mapnav a{float:left;}
.mapnav em{float:left;padding:0 5px;}

.mtitle{position:relative;text-align:center;padding:0px 0 34px;}
.mtitle div{position:relative;display:inline-block;padding:0 30px 0 85px;background:#f2f2f2;z-index:2}
.mtitle em{position:absolute;left:30px;top:0;width:55px;font-size:76px;font-family:Arial;color:#0092dc;line-height:60px;text-align:right;}
.mtitle span{text-align:left;display:block;white-space:nowrap;}
.mtitle .t1{font-size:28px;color:#2f2f2f;line-height:32px;height:32px;}
.mtitle .t2{font-size:24px;color:#0092dc;letter-spacing:4px;}
.mtitle:after{position:absolute;left:0;top:15px;content:'';width:100%;height:1px;background:#bbb;}
/*侧栏开始================================*/
.sbox{margin-bottom:10px}
.sbox_t{height:80px;background:url(../images/sboxt.png) no-repeat;color:#fff;position:relative;padding-left:78px;}
.sbox_t em{position:absolute;left:0;right:0;width:78px;height:80px;line-height:80px;text-align:right;font-size:72px;font-family:Arial;}
.sbox_t span{display:block;font-size:18px;line-height:20px;}
.sbox_t .cn{padding-top:28px;}
.sbox_t .en{letter-spacing:1px;}

.c_list{}
.c_list li{margin-bottom:2px;position:relative;}
.c_list li.shover{z-index:1}
.c_list li h2{line-height:32px;}
.c_list li a{position:relative;color:#666;display: block;font-size:12px;height:32px;line-height:32px;padding:0 32px 0 20px;background:url(../images/pr_bg.jpg) no-repeat;overflow:hidden;}
.c_list li a:hover,.c_list li a.active,.c_list li.shover .psa a{background:#0092dc;color:#fff;text-decoration:none;}


.c_list li .sub-menu{display:none;position:absolute;top:0px;left:200px;width:220px;box-shadow:0 3px 3px #fff}
.c_list li .sub-menu li{margin:0;}
.c_list li .sub-menu a{padding-left:20px;background:#fff;border-bottom:2px solid #f2f2f2;}
.c_list li .sub-menu a:hover,.c_list li .sub-menu a.active{background:#0092dc;color:#fff;text-decoration:none;}
.c_list li .sub-menu li:last-child a{border-bottom:0;}
.c_list li .showsub{display:block;}

.tj{background:#fff;padding:5px;}
.tj li{padding:4px 3px;}
.tj a{display:block;border:1px solid #f1f1f1;padding:1px;}
.tj a:hover{border-color:#0092dc;background:#0092dc}
/*侧栏结束================================*/

.loading{width:200px;height:31px;line-height:31px;border-radius:5px;margin:10px auto 40px}
.loading span{display:block;background:url(../images/loading.gif) 0 center no-repeat;padding-left:25px;font-size:14px;color:#fff}
.loading .all{background:#ddd;padding:0;text-align:center;border-radius:4px;}

/*底部开始================================*/
.footer{background:#fff;padding:0px;font-size:12px;}
.footer a{}
.footer .wrapper{}

.foota{padding:30px 0 34px;background:#00a0e9;color:#fff}
.foota a{color:#fff;}
.foota a:hover{color:#fff}

.fnav{line-height:40px;color:#fff;font-size:16px;margin-bottom:30px;}
.fnav a{font-size:16px;margin:0 50px;}
.fnav .home{margin-left:0;}

.foota .fcontact{float:left;font-size:14px;background:url(../images/flogo.png) 0 center no-repeat;padding-left:140px;min-height:80px;}
.foota .qcode{float:right;width:90px;height:90px;margin-right:15px;text-align:center;}
.foota .qcode h2{font-size:12px;line-height:20px;margin-top:5px;}

.footb{line-height:22px;padding:22px 0;}
.links{background:#fff;height:40px;line-height:40px;}
.links strong{margin-right:5px;}
.links em{padding:0 10px;}

.copyright{color:#0092dc;padding:10px 0;}
.copyright a{color:#0092dc;}
.copyright .wrapper{}
/*底部结束================================*/

.wshare{}
/*焦点图片*/
.bfocus{position:relative;margin:0 auto}
.bfocus img {border:0;}
.bfocus .bfocus_wrap a{display:block;overflow:hidden;}
.bfocus .link_nav {position: absolute; width: 100%; bottom:0; height: 32px; font-weight:bold; color:#818181;}
.bfocus .link_nav a {position: absolute; line-height: 32px; color: #fff; left: 5px;color:#818181; ;}
.bfocus .num_nav {position:absolute;bottom:20px;right:20px}
.bfocus .num_nav span{float:left;text-align:center;width:24px;height:20px;line-height:20px;background:#e4ebf5;cursor:pointer;margin-right:5px;}
.bfocus .num_nav span.selected {background:#0092df;width:26px;color:#fff}
.bfocus .slt_nav{ position:absolute; bottom:5px; right:0px;}
.bfocus .slt_nav a{ display:block;float:left;margin-right:10px;position:relative;border:1px solid #222}
.bfocus .slt_nav span{ display:block;float:left;background:#000;position:absolute;top:0;left:0;filter: alpha(opacity=40);opacity: 0.4}
/*其它*/

.infonav {border:1px solid #ddd; line-height:30px; margin-bottom:10px; text-align: center; background:#f3f3f3;}
.fat{font-weight:bold;}
.fl{float:left;}
.fr{float:right;}
.red{color:#f00;}
.orange{color:#f60}
.ced1c24{color:#ed1c24;}
.pt0{padding-top:0px;}
.pl36{padding-left:36px;}
.pl30{padding-left:30px;}
.pt48{padding-top:48px;}
.pt10{padding-top:10px;}
.pt8{padding-top:8px;}
.pt5{padding-top:5px;}
.pt3{padding-top:3px;}
.pb9{padding-bottom:9px;}
.ml30{margin-left:30px;}
.ml36{margin-left:36px;}
.ml18{margin-left:18px;}
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt12{margin-top:12px;}
.mt14{margin-top:14px;}
.mt20{margin-top:20px;}
.mt28{margin-top:28px;}
.mt33{margin-top:33px;}
.mt30{margin-top:30px;}
.mt25{margin-top:25px;}
.mr24{margin-right:24px;}
.gray3{color:#333;}
.f18{font-size:18px;}

.song{font-family:"\5B8B\4F53";}
.yahei{font-family:"\5FAE\8F6F\96C5\9ED1";}
.heiti{font-family:"\9ED1\4F53";}
.arial{font-family:"Arial";}
.tc{text-align:center}
.tu{text-transform:uppercase}
.tlow{text-transform:lowercase}
.tj{text-align:justify}
.tl{text-align:left}
.tr{text-align:right}
.hide{display:none}

.noinfo{font-size:14px; color:#777; padding:150px 0;text-align:center;font-size:20px}
.noinfo a{color:#016aaf;}
/*分页*/
.pagination{padding:0;clear:both;margin:20px 0px 40px;text-align:center;font-size:12px;}
.pagination li{display:inline-block;margin:0 3px;color:#474747}
.pagination li a{display:inline-block;background:#eee;height:30px;line-height:30px;padding:0 10px;border-radius:2px;}
.pagination li .current{background:#639b1b;color:#fff}
.pagination li a:hover{background:#639b1b;color:#fff;text-decoration:none}

.pnav{line-height:26px;color:#777;padding:10px 0px;border-top:1px dotted #ddd;margin:20px 0;}
.pnav span{display:block}
.pnav a{color:#777}

.map_t{ padding-left:35px;background-position:10px -233px;height:30px;line-height:30px;font-size:16px;font-weight:normal}
.map_t a{color:#0072b8}
.map_m{ padding-left:30px;border-bottom:1px dotted #ddd;margin-bottom:15px;padding-bottom:5px;}
.map_m a{display:block;float:left; height:22px;line-height:22px; width:170px;overflow:hidden;padding:0 5px;margin-right:10px}

/*back-top*/
.back-top{display:none;width:60px;height:60px;background:url(../images/back-top-arrow.png) #232f3e center center no-repeat; position:fixed; bottom:100px;right:10px; z-index:1001;filter:alpha(Opacity=80); opacity: 0.8;}
.back-top:hover{filter:alpha(Opacity=100); opacity:1; cursor:pointer;transition:all 0.40s ease-in 0s;}
/*animate*/
.wapBtnAn{transform:rotateZ(180deg);-moz-transform:rotateZ(180deg);-ms-transform:rotateZ(180deg);-o-transform:rotateZ(180deg);-webkit-transform:rotateZ(180deg);}
/*404页面*/
.error404{background:#fff;padding:40px 0;border-top:1px solid #ddd;}
.error404 .sorry .pic{text-align: center}
.error404 .sorry .pic img{max-width:100%}
.error404 .sorry .con{float:left;padding:280px 0 0 50px;line-height:24px;color:#545559}
.error404 .sorry a{color:#228feb}

/*在线客服代码*/
.onlinebox{position:absolute;top:100px;right:0px;z-index:999;background:#0e0e0e;border-radius:6px 0px 0 6px;}
.onlinebox a{color:#00A0E9;}
.onlinebox a:hover{color:#ff8100;text-decoration:none;}
.onlinebox .hd{width:36px;float:left;position:relative;z-index:1;margin-top:21px;height:181px;}
.onlinebox .hd a{font-size:0;text-indent:-999em;display:block;position:relative;z-index:9;top:0;left:0;background:url(../images/online/cn.png) no-repeat;width:20px;height:146px;overflow:hidden;padding:8px;background-position:0px 12px;}

.onlinebox .bd{display:none;float:left;width:150px;padding:5px;overflow:hidden;}
.onlinebox .bd .con{background:#F7F7F7;}
.onlinebox .con{min-height:152px;background:#F7F7F7;border-radius:6px;margin-top:4px;}
.onlinebox .con h3{font-size:14px;color:#333;font-weight:600;line-height:24px;padding:5px;text-align:center}
.onlinebox .con ul{padding:0px;}
.onlinebox .con ul li{line-height:38px;height:38px;border-bottom:solid 1px #E6E4E4;overflow:hidden;padding:0 8px;}
.onlinebox .con ul li .tit{color:#666;}
.onlinebox .con ul li .img{margin-right:5px}
.onlinebox .con ul li img{vertical-align:middle;}
.onlinebox .con ul li:last-child{border-bottom:0}

.online-show .hd a{background-position:-36px 12px;}
.online-show .bd{display:block;}

.onlinebox .en a{background-image:url(../images/online/en.png)}

.online-left{left:0px;right:auto;border-radius:0px 6px 6px 0;}
.online-left .hd{float:right}
.online-left .hd a{background-position:-36px 12px;}
.online-left.online-show .hd a{background-position:0px 12px;}


.sidefloat{transform:translateX(50px);transition:transform 1s cubic-bezier(0, 0.93, 0.06, 1) 0s;}
.sidefloat.show {opacity: 1;transform:translateX(0px);}

.sidefloat{top:20%;position:fixed;right:0;width:50px;z-index:20;}
.sidefloat ul li {position:relative;background:#1c1d21;cursor:pointer;float:right;font-size:16px;width:50px;height:50px;line-height:50px;margin-bottom:1px;color:#fff;}
.sidefloat ul li a {color:#fff;display:block}
.sidefloat ul li:hover {background:#1689eb;}
.sidefloat ul .cza{overflow:hidden}
.sidefloat ul li i{background:url(../images/side.png) no-repeat;}
.sidefloat ul li.top {position:relative;background:#cccdcf;color:#1c1c1c;cursor:pointer;font-weight:800;line-height:50px;text-align:center;width:50px;overflow:visible}
.sidefloat ul li.top span{position:absolute;top:-5px;left:50%;margin-left:-5px;display:block;height:0px;width:0px;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid #cccdcf}

.sidefloat ul li.top:hover {background:#1689eb;color:#fff;}
.sidefloat ul li.top:hover span {border-bottom-color:#1689eb}
.sidefloat ul li i {display:block;float:left;height:50px;overflow:hidden;width:50px;}
.sidefloat ul li i.a {background-position:0px 0px;background:url(../images/qq.gif) no-repeat}
.sidefloat ul li i.b {background-position:0px -45px;}
.sidefloat ul li i.c {background-position:0px -90px;}
.sidefloat ul li i.d {background-position:0px -135px;}
.sidefloat ul li i.e {background-position:0px -180px;}
.sidefloat ul li i.f {background-position:0px -225px;}
.sidefloat ul li span{color:#fff;white-space:nowrap}
.sidefloat ul li.tel{cursor:default;font-size:16px;}
.sidefloat ul .qq.active i.a{background:url(../images/side.png) no-repeat;}

.erweima {position:absolute;left:-190px;bottom:0px;width:180px;background:#fff;border:1px solid #ddd;cursor:default;display:none;float:right;height:210px;}
.erweima p {color:#000;font-size:14px;line-height:30px;text-align:center;display:block}
.erweima p img {display:block;height:160px;margin:10px 10px 0;width:160px;}
.sidefloat ul li .erweima .arrow,.sidefloat ul li .erweima .arrow:after{position:absolute;content:'';background:none;width:0px;height:0px;border:7px solid transparent;_border-style:dashed dashed dashed solid;border-left-color:#ddd;}
.sidefloat ul li .erweima .arrow{bottom:19px;right:-14px;}
.sidefloat ul li .erweima .arrow:after{border-left-color:#fff;top:-7px;left:-8px;z-index:1}