@charset "utf-8";
html{margin:0;padding:0;}
body{margin:0;padding:0;color:#555;font:12px/1.5 "\5FAE\8F6F\96C5\9ED1",Arial, sans-serif;background:#fff;}
body,p,div{word-wrap:break-word;}
p{margin:5px 0;}
table{border-collapse:collapse;}
ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5{margin:0;padding:0;}

a{outline:none;cursor:pointer;color:#555;text-decoration:none;transition:all 0.15s ease-in-out 0s;}
a:hover{outline:none;color:#10b2f9;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:1160px;margin:0 auto;padding:0;}
img{max-width:100%;height:auto;}
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:#7cd0f4;color:#fff;text-decoration:none}
.btn-blue:hover{background-color:#2db6f0;color:#fff;text-decoration:none}
.btn-primary{background-color:#232f3e;color:#fff;text-decoration:none}
.btn-primary:hover{background-color:#5d82cf;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}
.header .tnav{height:29px;line-height:29px;font-size:14px;border-bottom:1px solid #f4f4f4;}
.header .tnav .notice{float:left;}

.header .tnav .link{float:right;line-height:20px;padding-top:5px;font-size:12px;text-transform:uppercase;}
.header .tnav .link a{float:left;color:#666;margin:0 0px 0 17px;width:18px;height:18px;}
.header .tnav .link .icon-skype{background-position:0 -20px;}
.header .tnav .link .icon-ali{background-position:0 -40px;}
.header .tnav .link .icon-qq{background-position:0 -60px;}

.header .tnav .link .icon-skype:hover{background-position:-20px -20px;}
.header .tnav .link .icon-ali:hover{background-position:-20px -40px;}
.header .tnav .link .icon-qq:hover{background-position:-20px -60px;}

.header .top{position:relative;height:126px;}
.header .logo{position:absolute;left:0px;top:32px;}

.header .tel{position:absolute;right:0;top:54px;font-size:14px;height:45px;color:#000;line-height:20px;padding-left:56px;}
.header .tel i{position:absolute;left:0;top:0;float:left;background-position:0 -255px;width:45px;height:45px;}
.header .tel strong{font-size:24px;color:#10b2f9;line-height:28px;font-family:arial}
/*主菜单=======================*/
.header .nav{height:46px;background:#f7f7f7;border-top:1px solid #ebebeb;}
.header #nav{float:left;}
.header .nav li{float:left;padding-right:1px;text-align:center;position:relative;}
.header .nav .psa{display:block;color:#555;line-height:46px;height:46px;font-size:16px;padding:0 33px;}
.header .nav .shover,.header .nav .active,.header .nav .psa:hover{background:#fff;text-decoration:none;color:#555;}

.header .nav .subnav{float:left;visibility:hidden;background:#fff;position:absolute;left:0px;top:46px;padding:10px 15px;width:150px;box-shadow:0 3px 3px #ddd}
.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;font-size:14px;white-space:nowrap;text-overflow:ellipsis;}
.header .nav .subnav ul li a i{background-position:0 -219px;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:#000;text-decoration:none}
.header .nav .subnav .sub-menu a:hover i,.header .nav .subnav .sub-menu a.active i{background-position:0 -229px;}

.header .nav .subnav .sub-menu ul{position:absolute;left:100%;top:0;width:150px;box-shadow:0 3px 3px #ddd}
.header .nav .subnav .sub-menu .pic img{width:100%;}

.header .nav .lang{float:right;}
.header .nav .lang i{float:left;width:20px;height:20px;margin:15px 5px 0 0;}
.header .nav .lang a{float:left;line-height:50px;color:#cecece;font-size:16px;}

.header .search{position:absolute;right:0;top:55px;height:40px;line-height:40px;background:#fff;border:1px solid #232f3e;}
.header .search .stxt{float:left;border:0;height:20px;line-height:20px;overflow:hidden;padding:10px;width:230px;font-size:14px;background:none;font-size:16px;}
.header .search .go{display:block;float:left;width:82px;height:40px;line-height:40px;font-size:16px;color:#fff;background:#232f3e;}
.header .search .go .icon-so{float:left;margin:14px 8px 0 12px;background-position:0 -188px;width:15px;height:12px;}
.header .search .go span{white-space:nowrap;}
/*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:18px;z-index:10;text-align:center;}
.banner .bnav a{float:left;width:10px;height:10px;text-indent:-999em;margin-right:5px;cursor:pointer;background:#639b1b;border-radius:100%;}
.banner .bnav a.selected{background:#b2e76f;}

#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;margin:30px auto;}
#side{float:left;width:268px;}
#main{float:right;width:854px;}
/*主框架结束*/
.main_t{border-bottom:1px solid #f4f4f4;height:68px;line-height:68px;position:relative;padding-top:10px;}
.main_t h2{float:left;font-size:26px;color:#555;}

.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{float:right;height:30px;line-height:30px;color:#999;font-size:14px;margin-top:15px;}
.mapnav span{float:left;}
.mapnav a{float:left;color:#999;}
.mapnav em{float:left;padding:0 5px;}

.mtitle{text-align:center;padding:0px 0 22px;}
.mtitle h2{display:inline-block;position:relative;font-size:30px;color:#232f3e;font-weight:400;padding:0 140px;line-height:46px;height:46px;}
.mtitle h2 span{background:#eee;position:relative;z-index:1;display:inline-block;padding:0 24px;}
.mtitle b{position:absolute;left:0;top:50%;width:100%;height:1px;background:#ccc;}
.mtitle p{font-size:18px;color:#777;line-height:30px;}

.cintro{border-bottom:1px solid #f4f4f4;padding:28px 0 34px;}
.cintro .desc{float:left;width:700px;font-size:14px;line-height:28px;color:#777;}
.cintro .pic{float:right;width:426px;padding-top:8px;}
/*侧栏开始================================*/
.sbox{margin-bottom:20px}
.sbox_t{}

.c_list{}
.c_list li{}
.c_list li h2{line-height:50px;}
.c_list li a{position:relative;color:#fff;display: block;font-size:16px;height:50px;line-height:50px;padding-left:32px;background:#7cd0f4;margin-bottom:1px;}
.c_list li a i{position:absolute;left:16px;top:50%;margin-top:-4px;width:8px;height:8px;background:#fff;border-radius:100%;}
.c_list li a:hover,.c_list li a.active{background:#2db6f0;text-decoration:none;}

.c_list li .sub-menu{display:none;}
.c_list li .sub-menu a{color:#666;height:28px;line-height:28px;padding-left:37px;border:0;}
.c_list li .sub-menu a i{width:5px;height:1px;background:#c0c0c0;margin:0;left:19px;}
.c_list li .sub-menu a:hover,.c_list li .sub-menu a.active{background:none;color:#53af40;}
.c_list li .sub-menu a:hover i,.c_list li .sub-menu a.active i{background:#53af40;}
.c_list li .sub-menu li:last-child a{border-bottom:0;}
/*侧栏结束================================*/

.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;}

/*底部开始================================*/
.guanzhu{text-align:center;padding:36px 0 0px;background:url(../images/gz.jpg) center top no-repeat;height:194px;}
.guanzhu h2{color:#56d848;font-size:24px;line-height:50px;margin-bottom:40px;}
.guanzhu h2 b{display:block;height:2px;width:52px;background:#ccc;margin:0 auto;}
.guanzhu .list{}
.guanzhu .list a{display:inline-block;margin:0 15px;width:160px;height:50px;line-height:50px;background:#fff;border:1px solid #56d848;border-radius:5px;font-size:18px;color:#777;text-align:left;}
.guanzhu .list a i{float:left;width:36px;height:36px;margin:7px 14px 0}
.guanzhu .list .icon-skype{background-position:0 -80px;}
.guanzhu .list .icon-ali{background-position:0 -116px;}
.guanzhu .list .icon-qq{background-position:0 -152px;}
.guanzhu .list a:hover{border-color:#1fcc0c;color:#1fcc0c;}

.footer{font-size:12px;}
.footer a{color:#777}
.footer .wrapper{width:1100px;}

.foota{padding:27px 0 20px}
.fnav{float:left;line-height:32px;text-align:left;}
.fnav>li{float:left;width:102px;padding-left:45px;}
.fnav b{display:block;height:1px;width:15px;background:#a2a2a2;margin-bottom:12px;border-bottom:1px solid #e0e0e0;}
.fnav a{font-size:12px;}
.fnav a:hover{color:#000}
.fnav .psa{display:block;font-size:14px;line-height:18px;margin-bottom:22px;color:#777;}
.fnav ul{line-height:32px;}
.fnav ul li{height:32px;line-height:32px;overflow: hidden;white-space:nowrap;text-overflow:ellipsis;}
.fnav li.c1{padding-left:0;}

.foota .qcode{float:right;width:130px;height:130px;margin:3px 48px 0 0;text-align:center;}
.foota .qcode h2{font-size:14px;line-height:20px;margin-top:20px;color:#555;}

.footb{line-height:20px;padding:15px 0;background:#10b2f9;color:#fff;}
.footb a{color:#fff;}
.links{float:left;}
.links em{padding:0 10px;}
.copyright{float:right;}
/*底部结束================================*/

.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;}
.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 14px;border-radius:2px;}
.pagination li .current{background:#56d848;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}