@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:#035199;color:#fff;text-decoration:none}
.btn-primary:hover{background-color:#093e8e;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 .top{position:relative;height:115px;}
.header .logo{position:absolute;left:0px;top:23px;}

.header .tel{float:right;position:relative;margin-top:43px;font-size:14px;color:#666;line-height:24px;padding-left:45px;}
.header .tel i{position:absolute;left:0;top:8px;float:left;width:36px;height:36px;}
.header .tel strong{font-size:18px;color:#254fa8;font-style:italic;font-family:arial;font-weight:400;}

.header .alibaba{float:right;margin:42px 33px 0 0}
/*涓昏彍鍗旪======================*/
.header .nav{height:42px;background:#093e8e;border-top:1px solid #ebebeb;}
.header #nav{float:left;}
.header .nav li{float:left;padding-right:16px;text-align:center;position:relative;}
.header .nav .psa{display:block;color:#fff;line-height:42px;height:42px;font-size:16px;padding:6px 39px 0;margin-top:-6px;}
.header .nav .shover,.header .nav .active,.header .nav .psa:hover{background:#0a68d4;text-decoration:none;color:#fff;}
.header .nav li:last-child{padding-right:0;}
.header .nav .subnav{float:left;visibility:hidden;background:#fff;position:absolute;left:0px;top:42px;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;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{float:right;height:26px;line-height:26px;background:#fff;margin-top:7px;border:1px solid #0a68d4;border-radius:26px;padding:0 10px 0 14px;}
.header .search .searchbd{float:left;}
.header .search .stxt{float:left;border:0;height:20px;line-height:20px;overflow:hidden;padding:3px 0px;width:170px;font-size:12px;background:none;}
.header .search .go{display:block;float:left;width:24px;height:26px;background:none;}
.header .search .go .icon-so{display:block;margin:7px auto;background-position:0 -46px;width:16px;height:13px;}
.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: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:0px auto 40px;}
#side{float:left;width:240px;}
#main{float:right;width:880px;}
/*涓绘鏋剁粨鏉?/
.main_t{border-bottom:1px solid #ddd;height:88px;line-height:88px;position:relative;}
.main_t h2{float:left;font-size:24px;color:#ff7700;}

.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:29px;}
.mapnav span{float:left;}
.mapnav a{float:left;color:#999;}
.mapnav em{float:left;padding:0 5px;}
.mapnav .ns{color:#ff7700}

.mtitle{text-align:center;padding:24px 0;position:relative;}
.mtitle h2{display:inline-block;position:relative;z-index:1;font-size:24px;color:#000;font-weight:400;padding:0 53px;line-height:46px;height:46px;background:#fff;}
.mtitle b{position:absolute;left:0;top:50%;width:100%;height:1px;background:#ededed;}
.mtitle .more{position:absolute;right:0;top:50%;z-index:1;margin-top:-15px;font-size:12px;color:#666;line-height:30px;padding-left:10px;background:#fff;}

.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{background:#093e8e;padding:6px 0 0 15px;height:82px;}
.sbox_t span{display:block;font-size:24px;color:#fff;line-height:54px;}
.sbox_t b{display:block;background:#fff;width:26px;height:4px;}


.c_list{border:1px solid #ccc;border-top:0;padding:1px;}

.c_list li{}

.c_list li a{position:relative;color:#555;display: block;font-size:16px;height:48px;line-height:48px;padding-left:32px;background:#ededed;margin-bottom:1px;}
.c_list li a i{position:absolute;top:50%;}
.c_list li a .icon-dot{left:11px;width:12px;height:12px;background-position:0 -103px;margin-top:-6px;}
.c_list li a .icon-arrow{display:none;right:10px;width:12px;height:7px;background-position:0 -125px;margin-top:-3px;}
.c_list li a:hover,.c_list li a.active{text-decoration:none;color:#427bae}
.c_list li a:hover .icon-arrow,.c_list li a.active .icon-arrow{display:block;}
.c_list li a:hover i.icon-dot,.c_list li a.active i.icon-dot{background-position:-12px -103px;}

.c_list li .sub-menu{display:none;padding:0 11px;}
.c_list li .sub-menu a{padding-left:15px;height:45px;line-height:45px;font-weight:400;border-bottom:1px solid #eee;background:none;color:#666;}
.c_list li .sub-menu a i{width:18px;height:auto;background:none;margin:0;left:0px;top:0;font-size:12px;}
.c_list li .sub-menu a:hover,.c_list li .sub-menu a.active{background:none;color:#427bae}
.c_list li .sub-menu li:last-child a{border-bottom:0;}
.c_list 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;}

/*搴曢儴寮€濮婟===============================*/
.footer{font-size:12px;border-top:1px solid #eee;}
.footer a{color:#777}
.footer .wrapper{width:1100px;}

.foota{background:#215199;height:40px;font-size:14px;color:#bed1ee;line-height:40px;}
.foota a{color:#bed1ee;}
.foota a:hover{color:#fff}

.fnav{float:left;line-height:40px;}
.fnav>li{float:left;margin-right:62px;}


.footb{padding:32px 0;background:#3a65a5;}
.fcontact{float:left;padding-left:93px;color:#acbed9;font-size:14px;line-height:24px;background:url(../images/tel.png) 0 3px no-repeat}
.fcontact a{color:#acbed9;}

.footb .qcode{float:right;width:100px;margin:3px 0px 0 0;text-align:center;background:#fff;}
.footb .qcode h2{font-size:12px;line-height:18px;color:#555;padding-bottom:2px;}

.links{padding:20px 0}
.links h2{font-size:24px;color:#000;line-height:30px;position:relative;padding-left:13px;margin-bottom:14px;}
.links h2:after{position:absolute;left:0;top:4px;content:'';height:24px;width:4px;background:#254fa8}
.links .list{color:#777;}
.links .list a{color:#777}
.links .list a:hover{color:#254fa8}
.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:16px;}
.pagination li{display:inline-block;margin:0 3px;color:#666}
.pagination li a{display:inline-block;background:#ddd;height:34px;line-height:34px;padding:0 14px;border-radius:2px;}
.pagination li .current{background:#70c0e8;color:#fff}
.pagination li a:hover{background:#70c0e8;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:#093e8e;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}