@charset "utf-8";
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,img,div{margin:0;padding:0;border:0;}
body{color:#555;background:#fff;font-size:14px;font-family:"\5FAE\8F6F\96C5\9ED1",Arial, sans-serif;line-height:24px;min-width:1200px;}
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}
a{color:#555;text-decoration:none;outline:none;transition:all 0.15s ease-in-out 0s;}
a:hover{color:#ee8e16;}
em,i{font-style: normal}
.fc{clear:both;}
.clear{clear:both;display:block;overflow:hidden;height:0;}
.cf:after{content:".";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.cf{zoom:1;} /*解决ie6/7兼容问题*/
.wrapper,#main_content{width:1200px;margin:0 auto;padding:0;}

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,.header .top .info i,.header .nav .arrowa{background:url(../images/icon.png) no-repeat;display:inline-block}
[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:35px;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-orange{background-color:#ee8e16;color:#fff;text-decoration:none}
.btn-orange:hover{background-color:#3b2a75;color:#fff;text-decoration:none}
.btn-primary{background-color:#ee8e16;color:#fff;text-decoration:none}
.btn-primary:hover{background-color:#3b2a75;color:#fff;text-decoration:none}
.btn-disabled,.btn-disabled:hover{background-color:#999;color:#fff;text-decoration:none;cursor:default}
/*头部开始==========================================*/
.navfix .header .nav{position:fixed;_position:absolute;left:0;top:0px;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop));padding:0;width:100%;height:auto;}
.navfix .tbanner{margin-top:48px;}

.header{position:relative;z-index:999;}
.header .tnav{height:36px;line-height:36px;border-bottom:1px solid #eee;color:#999;font-size:12px;}
.header .tnav .notice{float:left;}
.header .tnav .link{float:right;}
.header .tnav .link a{color:#999;margin:0 5px;}

.header .top{height:130px;position:relative;}
.header .top .wrapper{position:relative;}
.header .logo{float:left;margin:49px 25px 0 0;}
.header .tinfo{float:left;margin-top:61px;height:34px;line-height:34px;border-left:1px solid #ccc;color:#333;font-size:20px;padding-left:25px;}

.header .tel{position:absolute;right:100px;top:47px;font-size:14px;height:50px;color:#777;line-height:20px;padding-left:60px;}
.header .tel i{position:absolute;left:0;top:0;float:left;background-position:0 0;width:47px;height:47px;}
.header .tel strong{font-size:24px;color:#3b3b3b;line-height:30px;font-weight:400;font-family:arial}

.header .qrcode{
     position:absolute;right:0;top:25px;
     width: 80px;

}
.header .qrcode img{width: 80px;}
/*主菜单=======================*/
.header .nav{background:#3b2a75;height:48px;}
.header .nav .wrapper{position:relative;}
.header .nav li{float:left;padding:0 1px;position:relative;}
.header .nav .psa{float:left;text-align:center;transition:color 0.15s ease-in-out 0s;overflow:hidden;position:relative;display:block;font-size:16px;text-transform:uppercase;padding:0 45px;height:48px;line-height:48px;text-align:center;color:#fff;position:relative;z-index:3;}
.header .nav .home{padding:0}
.header .nav .shover,.header .nav .active,.header .nav .psa:hover{text-decoration:none;color:#fff;background:#ee8e16;}

.header .nav .lang{float:right;padding-top:9px;}
.header .nav .lang a{display:block;text-align:center;color:#fff;background:#584a89;border:1px solid #fff;height:28px;line-height:28px;border-radius:5px;font-size:14px;width:88px;}
.header .nav .lang a:hover{color:#fff;background:none;border-color:#ee8e16;background:#ee8e16}

.header .nav .subnav{float:left;visibility:hidden;background:#fff;position:absolute;left:1px;top:48px;padding:10px 20px;width:160px;box-shadow:0 3px 3px #ddd}
.header .nav .subnav .arrow{position:absolute;left:50%;top:-13px;margin-left:-8px;content:'';border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid #96cc3d;}
.header .nav .subnav ul{}
.header .nav .subnav ul li{float:none;padding:0;border-bottom:1px dotted #ddd;}
.header .nav .subnav ul li a{position:relative;display:block;text-align:left;line-height:38px;height:38px;overflow:hidden;color:#444;padding-left:17px;}
.header .nav .subnav ul li a i{background-position:0 -59px;height:10px;left:0;margin-top:-5px;position:absolute;top:50%;width:4px;}
.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:#ee8e16;text-decoration:none}

.header .nav .nprods{visibility:hidden;background:#fff;position:absolute;left:0px;top:48px;width:1200px;box-shadow:0 3px 3px #ddd}
.header .nav .nprod{padding:22px 30px 30px;}
.header .nav .nprod img{width:100%;height:100%;}
.header .nav .nprod .info{float:left;padding-right:30px;width:270px;}
.header .nav .nprod .info h2{font-size:16px;line-height:33px;}
.header .nav .nprod .info a{display:block;border:1px solid #ddd;height:178px;}

.header .nav .nprod .list{float:left;width:840px;padding-top:18px;}
.header .nav .nprod .list li{float:left;width:124px;height:130px;margin:0 10px 0 0;padding:0;text-align:center;}
.header .nav .nprod .list li .pic{height:86px;border:1px solid #ddd;padding:1px;}
.header .nav .nprod .list li h3{height:30px;line-height:30px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:12px;}
.header .nav .nprod .list li a:hover .pic{border-color:#ee8e16}
/*banner======================*/
.banner{position:relative;width:100%;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 no-repeat;background-size:auto 100%}
.bannerfd{text-align: center}
.banner .bnav {position:absolute;bottom:20px;left:50%;}
.banner .bnav a{float:left;width:42px;height:8px;background:#2b2b2b;margin:0 2px;cursor:pointer;}
.banner .bnav a.selected {background:#ee8e16;}

#navigateLeft,#navigateRight{cursor:pointer;position:absolute;top:50%;margin-top:-78px;width:74px;height:145px;z-index:4;display:none;background:url(../images/arrow.png) no-repeat}
#navigateRight{right:30px;background-position:-74px 0}
#navigateLeft{left:30px;}
/*头部结束===========================================*/
.main-wrapper{padding-top:28px;}
#main_content{clear:both;margin:30px auto;position:relative;padding-bottom: 40px;}
#main_content:after{
     position: absolute;
     left:0;top:0;bottom:0;width: 240px;
     background: #42327f;
     content:'';
}
#side{float:left;width:220px;position: relative;z-index:2;padding:18px 10px;}
#main{float:right;width:930px;font-size:14px;}
/*主框架结束*/
#main_t{border-bottom:1px solid #eee;height:60px;line-height:60px;position:relative;}
#main_t h2{float:left;font-size:24px;border-bottom:2px solid #ee8e16;color:#ee8e16;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{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;position:relative;margin-bottom:55px;padding-top:25px;}
.mtitle h2{font-size:30px;color:#333;font-weight:400;line-height:75px;height:75px;}
.mtitle h2 strong{color:#ee8e16;font-weight:400;}
.mtitle b{display: none;}

.mtitle:after{
     position: absolute;
     content:'';
     width: 500px;
     height: 1px;
     background: #eee;
     bottom:0;
     left:calc(50% - 250px);
 }
.mtitle:before{
     position: absolute;
     content:'';
     width: 7px;
     height: 7px;
     border:2px solid #ee911b;
     bottom:-5px;
     background: #fff;
     left:calc(50% - 5px);
     border-radius: 50%;
     z-index: 2;
 }

/*侧栏开始================================*/
.sbox{margin-bottom:20px}
.sbox_t{height: 40px;line-height: 40px;background: #ee8e16;font-size:16px;color:#fff;text-align: center;}

.c_list>li{border-bottom: 1px dotted rgba(255,255,255,.3);}
.c_list>li h2 a{display:block;line-height:24px;color:#777;font-size:16px;padding:17px 0 17px 25px;position: relative;color:#fff;}
.c_list>li h2 a:after{
     position: absolute;left:0;top:26px;content:'';background: #fff;border-radius: 50%;width: 8px;height: 8px;
}
.c_list>li ul{
     display: none;
     border-top: 1px dotted rgba(255,255,255,.3);
     padding-bottom: 10px;
}
.c_list>li ul a{
     padding:5px 0 5px 25px;line-height: 20px;display: block;color:#fff;
}
.c_list a:hover,.c_list a.active{color:#ee8e16;}

/*侧栏结束================================*/

.loading{text-align:center;width:200px;height:30px;line-height:30px;background:#ddd;border-radius:5px;margin:10px auto}

/*底部开始================================*/
.guanzhu{text-align:center;padding:10px 0 40px;color:#777;border-top:2px solid #eee;}
.guanzhu h2{display:inline-block;font-size:24px;line-height:110px;position:relative;padding:0 95px;}
.guanzhu h2 span{position:relative;z-index:1;display:inline-block;padding:0 20px;background:#fff;}
.guanzhu h2 b{position:absolute;left:0;top:50%;width:100%;height:1px;background:#ccc;}
.guanzhu .item{display:inline-block;width:140px;margin:0 18px;line-height:40px;font-size:16px;}
.guanzhu .item .pic{border:1px solid #efefef;height:138px;}
.guanzhu .item .pic img{width:100%;height:100%;}

.footer{background:#ddd;font-size:14px;color:#fff;}
.footer dl{float:left;width:200px;margin:0;line-height:20px;}
.footer dt{margin-bottom:28px;font-size:18px;}
.footer dt a{color:#aaa;}
.footer dd{font-size:14px;color:#aaa;margin:0;}
.footer dd a{display:block;color:#aaa;line-height:32px;}
.footer a:hover{text-decoration:underline;color:#fff}

.fnav{background:#333;padding:46px 0}

.copyright{clear:both;line-height:20px;text-align:center;font-size:14px;color:#555;padding:15px 0}
.copyright a{color:#555;padding:0 4px;}
.copyright a:hover{text-decoration:underline;color:#333;}

/*底部结束================================*/

.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;}
.fl{ float:left}.fr{ float:right}
.mt5{ margin-top:5px;}
.mt10{ margin-top:10px;}
.mt20{ margin-top:20px;}
.mt40{ margin-top:40px;}
.ml30{ margin-left:30px;}
.mb10{ margin-bottom:10px;}
.mb15{ margin-bottom:15px;}
.mb20{ margin-bottom:20px;}
.mb30{ margin-bottom:30px;}
.mr0{ margin-right:0px;}
.mr2{ margin-right:2px;}
.mr10{ margin-right:10px;}
.mr20{ margin-right:20px;}
.mr25{ margin-right:25px;}
.mr30{ margin-right:30px;}
.mr40{ margin-right:40px;}
.black{color:#000}
.red{ color:#F00}
.green{ color:#4a4a49}
.blue{color:#2a99ee;}
.blue:hover{color:#0286eb;}
.blue2{color:#43bcc7;}
.blue2:hover{color:#18858f;}
.gold{color:#e9d356}
.f12{font-size:12px}
.f14{font-size:14px}
.f16{font-size:16px}
.f18{font-size:18px}
.f20{font-size:20px}
.bold{font-weight:bold}

.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}
.fl{text-align:left}
.fr{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:18px;}
.pagination li{display:inline-block;margin:0 6px;color:#777}
.pagination li a{display:inline-block;background:#f0f0f0;height:35px;line-height:35px;padding:0 15px;border-radius:2px;}
.pagination li .current{background:#359eef;color:#fff}
.pagination li a:hover{background:#359eef;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) #000 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:#2b2b2b;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}

/*tips*/
.tips-dialog{position:absolute;border:1px solid #d0cdc9;box-shadow:0 0 4px rgba(0,0,0,.15);background:#fff;z-index:999;}
.tips-dialog a{color:#2a8dda;}
.tips-dialog a.brown{color:#b8954b;}
.tips-dialog a:hover{text-decoration:underline;}
.tips-dialog .icon-closed{position:absolute;width:14px;height:14px;top:10px;right:10px;cursor:pointer;overflow:hidden;}
.tips-dialog .icon-closed:hover{background-position:0 -23px;}

.c-tips-header{height:29px;line-height:29px;text-align:center;background:#fbfaf9;border-bottom:1px solid #d8d6d3;color:#666;}
.c-tips-header .title{font-weight:bold;}
.c-tips-header .icon-closed{top:8px;right:8px;}

.c-tips-box{position:absolute;opacity:0;filter:Alpha(opacity=0);}
.c-tips-box .j_loading{margin:2px 0 17px; padding: 20px 0 10px;text-align: center;}
.c-tips-box .j_loading span{background:url(loading.gif?v=2015052701) 0 center no-repeat;display: inline-block;height:25px;line-height:25px;padding:0 0 0 26px;}

.tips-top-left .tips-dialog,.tips-top .tips-dialog,.tips-top-right .tips-dialog{top:-8px;}
.tips-bottom-left .tips-dialog,.tips-bottom .tips-dialog,.tips-bottom-right .tips-dialog{top:8px;}
.tips-left-top .tips-dialog,.tips-left .tips-dialog,.tips-left-bottom .tips-dialog{left:-8px;}
.tips-right-top .tips-dialog,.tips-right .tips-dialog,.tips-right-bottom .tips-dialog{left:8px;}

.j-arrow-a,.j-arrow-b{position:absolute;display:block;width:0;height:0;overflow:hidden;line-height:0;font-size:0;_color:#FF3FFF;_filter:chroma(color=#FF3FFF);}
.tips-top-left .j-arrow-a,
.tips-top .j-arrow-a,
.tips-top-right .j-arrow-a{bottom: -8px;border-top:8px solid #d0cdc9;border-bottom:0 none;border-left:8px solid transparent;border-right:8px solid transparent;}
.tips-top-left .j-arrow-b,
.tips-top .j-arrow-b,
.tips-top-right .j-arrow-b{bottom: -7px;border-top:8px solid #fff;border-bottom:0 none;border-left:8px solid transparent;border-right:8px solid transparent;}
.tips-top-left .j-arrow-a,.tips-top-left .j-arrow-b{left:15px;}
.tips-top .j-arrow-a,.tips-top .j-arrow-b{left:50%;margin-left:-8px;}
.tips-top-right .j-arrow-a,.tips-top-right .j-arrow-b{right:15px;}
.tips-bottom-left .j-arrow-a,
.tips-bottom .j-arrow-a,
.tips-bottom-right .j-arrow-a{top:-8px;border-bottom:8px solid #d0cdc9;border-top:0 none;border-left:8px solid transparent;border-right:8px solid transparent;}
.tips-bottom-left .j-arrow-b,
.tips-bottom .j-arrow-b,
.tips-bottom-right .j-arrow-b{top:-7px;border-bottom:8px solid #fff;border-top:0 none;border-left:8px solid transparent;border-right:8px solid transparent;}
.tips-bottom-left .j-arrow-a,.tips-bottom-left .j-arrow-b{left:15px;}
.tips-bottom .j-arrow-a,.tips-bottom .j-arrow-b{margin-left:-8px;left:50%;}
.tips-bottom-right .j-arrow-a,.tips-bottom-right .j-arrow-b{right:15px;}
.tips-left-top .j-arrow-a,
.tips-left .j-arrow-a,
.tips-left-bottom .j-arrow-a{right: -8px;border-left:8px solid #d0cdc9;border-right:0 none;border-top:8px solid transparent;border-bottom:8px solid transparent;}
.tips-left-top .j-arrow-b,
.tips-left .j-arrow-b,
.tips-left-bottom .j-arrow-b{right: -7px;border-left:8px solid #fff;border-right:0 none;border-top:8px solid transparent;border-bottom:8px solid transparent;}
.tips-left-top .j-arrow-a,.tips-left-top .j-arrow-b{top:7px;}
.tips-left .j-arrow-a,.tips-left .j-arrow-b{margin-top:-8px;top:50%;}
.tips-left-bottom .j-arrow-a,.tips-left-bottom .j-arrow-b{bottom:15px;}
.tips-right-top .j-arrow-a,
.tips-right .j-arrow-a,
.tips-right-bottom .j-arrow-a{left: -8px;border-right:8px solid #d0cdc9;border-left:0 none;border-top:8px solid transparent;border-bottom:8px solid transparent;}
.tips-right-top .j-arrow-b,
.tips-right .j-arrow-b,
.tips-right-bottom .j-arrow-b{left:-7px;border-right:8px solid #fcfbf8;border-left:0 none;border-top:8px solid transparent;border-bottom:8px solid transparent;}
.tips-right-top .j-arrow-a,.tips-right-top .j-arrow-b{top:7px;}
.tips-right .j-arrow-a,.tips-right .j-arrow-b{margin-top:-8px;top:50%;}
.tips-right-bottom .j-arrow-a,.tips-right-bottom .j-arrow-b{bottom:15px;}

/*table*/
.table{border:1px solid #eee;border-collapse:collapse;border-radius:5px;width:100%;}
.table th{background:#f5f5f5;color:#666;font-weight:400;height:34px;line-height:34px;text-align:center;font-size:14px;}
.table th.tc,.table td.tc {text-align:center;}
.table > thead > tr > th{vertical-align:middle}
.table > tbody > tr > td{line-height:20px;vertical-align:middle;text-align:center;}
.table > thead > tr > th label,.table > thead > tr > th input[type="text"]{height:20px;line-height:20px;}
.table tbody th,.table tbody td{border:1px solid #eee;font-size:14px;}
.table tbody td{padding:8px 5px;}
.table > tbody > tr > td.noinfo{padding:20px}
.table > tbody > tr > td.op{white-space:nowrap}
.table > tbody > tr > td.op .btn{padding:0 8px;margin:0 5px;}
.table-condensed > tbody > tr > td{padding:2px;}
.table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th{background-color:#f1f1f1;}