/*--------------------重定义浏览器默认样式--------------------*/
.contact { background-color: #000; padding-top: 15px;}
a:hover { text-decoration: none; }
a:active, a:focus { outline: none; }
::selection { background: #008ed7; color: #fff; }
ul, ol, li { list-style: none; }
@media screen and (max-width:1200px) {
.contact .container { width: 100%; }
}
.contact .comix_w { color: #fff; padding-left: 16px; margin: 5px 0px 0px 0px; font-size: 19px; font-weight: 900;}
.contact .topsub_w { display: block; display: inline-block; width: auto; min-width: 40px; /*! height: 32px; */ /*! line-height: 32px; */ vertical-align: middle; margin: 5px auto 0 auto; text-align: right; font-size: 19px; color: #fff;  font-weight: 900; overflow: hidden; }

@media (max-width: 680px) {
.contact .comix_w { font-size: 12px; }
}
.login_w { display: block; display: inline-block; width: auto; min-width: 40px; height: 32px; line-height: 32px; vertical-align: middle; margin: 0 20px; text-align: right; font-size: 14px; color: #6e798b; ; overflow: hidden; }
.login_w .s_line { display: block; height: 13px; width: 1px; background: #6e798b; ; overflow: hidden; position: absolute; left: 0; top: 50%; margin-left: -2px; margin-top: -6px; opacity: .3; filter: alpha(opacity=30); }
.login_w a { display: block; display: inline-block; position: relative; color: #6e798b; padding: 0 4px; }
.login_w a:hover { color: #009deb; }
.tell_w em { color: #ff0000 }
.contact a { color: #6e798b; padding: 0 4px; }
.contact a:hover { color: #009cea; }
.contact a:hover p { color: #009cea; }
.contact #recruitment { position: relative; padding: 0 4px 0 2px; }
.contact #recruitment i { width: 1px; height: 13px; color: #CCC; overflow: hidden; margin-top: 11px; }
/*----------通用顶部----------*/ 
.top { background-color: #FFF; }
.logo { display: block; background: url(/skin/images/logo.png) center center no-repeat; height: 50px; width: 150px; margin-top: 15px; margin-left: 0px;}
.sign { margin: 20px 0px 0px 0px; }
.sign a.dl { display: block; display: inline-block; position: relative; width: auto; min-width: 60px; padding: 0 40px; height: 42px; line-height: 42px; margin: 0 auto; text-align: center; font-size: 14px; color: #FFF; overflow: hidden; background-color: #009DEB; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
.sign a.dl:before { font-family: "宋体"; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; position: relative; content: ">"; position: absolute; left: 130%; top: 50%; margin-top: -8px; height: 100%; font-size: 125%; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
.sign a.dl:hover:before { left: 80%; }
.sign a.dl:hover { background-color: #008FD7; color: #fff; text-decoration: none; }
#nav { position: relative; background-color: #FFF; /*! -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1); */ /*! box-shadow: 0 1px 2px rgba(0,0,0,0.1); */ }
.header { /*! border-bottom: 1px solid #d9d9d9; */ height: 80px; position: relative; z-index: 999; background-color: #FFF; box-shadow: 0px 01px 4px rgba(0,0,0.1,0.1); }
.more i { font-style: normal; font-family: "宋体"; }
/*----------通用主导航----------*/  
.nav { position: static; background-color: #FFF; margin: 0 auto; font-family: "Microsoft YaHei", SimSun, SimHei; }
.nav a { color: #36475a; cursor: pointer; }
.nav a:hover { color: #008FD7; }
.nav h3 { float: left; height: 80px; font-size: 100%; font-weight: normal; font-size: 16px; margin-top: 0px; margin-bottom: 0px; }
.nav h3 a { position: relative; display: block; padding: 32px 0px; color: #36475a; ; cursor: pointer; }
.nav .on h3 a { display: block; height: 80px; border-bottom: 3px #009DEB solid; }
/**
.nav h3 a i.xl_icon { position: absolute; display: inline-block; width: 9px; height: 9px; margin: 4px 6px; overflow: hidden; vertical-align: middle; content: ""; vertical-align: text-bottom; background: url(../images/icon_xl.png) center center no-repeat; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; }
.nav h3 a:hover i.xl_icon { transform-origin: center; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }
**/
.nav .m { position: static; float: left; height: 80px; padding: 0px 10px; display: block; color: #36475a; }
.nav .s { float: left; width: 9px; text-align: center; color: #eee; }
.nav h3 a { display: block; }
.sub_w { display: none; min-width: 100%; max-width: 100%; margin: auto; position: absolute; z-index: 99999; top: 0; left: 0; top: 80px; right: 0; background-color: #F8F8F8; box-shadow: 0px 2px 2px rgba(0,0,0,0.1); }
.sub_w .sub_w_about { padding: 50px 0px; }
.nav .sub { display: block; margin: auto; width: 100%; min-height: 100px; max-width: 1400px; }
.nav .sub:hover { display: block }
.nav .sub li { float: left; }
.nav .sub_cp_l { padding: 0 20px 0 0; }
.nav .sub_cp_r { padding: 0 0 0 20px; }
.nav .sub li.sub_w_c { float: left; text-align: center; min-height: 180px; padding: 50px 0 30px 0; min-height: 100px; }
.nav #cp .sub li.sub_w_c { padding: 50px 0; min-height: 100px; }
.nav .sub li.sub_w_c:hover { background-color: #F2F2F2; }
.nav #fa .sub li.sub_w_c:hover { background-color: transparent; }
.nav .sub li.sub_w_l { /*! border-right: 1px solid #DDD; */ padding: 0 0 0 20px; }
.nav .sub li.sub_w_l p { margin-bottom: 30px; }
.nav .sub li.sub_w_l dl dt { margin-bottom: 5px; margin-bottom: 15px; }
.nav .sub li.sub_w_l dt a { font-size: 16px; color: #36475a; font-size: 16px; font-weight: 700 }
.nav .sub li.sub_w_l dt a:hover { color: #008FD7; }
.nav .sub li.sub_w_l dl { margin: 0px 0px 30px 0px; }
.nav .sub li.sub_w_l dl dd { float: left; line-height: 32px; width: 150px; color: #666; }
.nav .sub li.sub_w_l dl dd a { color: #6e798b; font-size: 14px; display: block; border: 1px solid #D3E1E7; text-align: center; margin-right: 10px; font-size: 14px; height: 42px; line-height: 42px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; }
.nav .sub li.sub_w_l dl dd a:hover, .nav .sub li.sub_w_c:hover a { color: #008FD7; }
.nav .sub li.sub_w_r { padding-left: 5%; font-size: 14px; }
.nav .sub li.sub_w_r p span { color: #2c8af8; }
.nav .sub li.sub_w_r a { color: #36475a; font-size: 16px; font-weight: 500; font-size: 16px; font-weight: 700 }
.nav .sub li.sub_w_r a:hover { color: #008FD7; }
.nav .sub li.sub_w_r .lx_w { height: 107px; padding-left: 60px; margin-top: 20px; background: url(../images/icon_tell.png) no-repeat -0px 18px; }
.nav .sub li.sub_w_r .lx_w i { font-size: 26px; font-style: normal; color: #F19E1B; margin: 20px 0 10px 0; }
.nav .sub li.sub_w_r .lx_w p em { color: #44A33C; padding: 0 2px; }
.nav .sub li.sub_w_r .lx_w em { font-style: normal; }
.nav .sub li.sub_w_c .sub_img { margin: 0 auto; text-align: center; }
.nav .sub li.sub_w_c .sub_img img { max-height: 100px; }
#cp .nav .sub li.sub_w_c .sub_img img { height: 150px; }
.nav .sub li.sub_w_c .sub_img img test { -webkit-animation: pulse 1s .2s ease both; -moz-animation: pulse 1s .1s ease both; animation: pulse 1s .1s ease both; }
.nav .sub li.sub_w_c a { font-size: 14px; margin: 10px auto; }
.nav .sub li.sub_w_c a p { margin: 10px auto 10px auto; color: #6e798b; }
.nav .sub .sub_cp_l .sub_tt { font-size: 16px; font-weight: 700; color: #36475a; ; margin: 0px auto 20px auto; text-align: left; padding-left: 27px; }
.nav .sub .sub_cp_r .sub_tt { font-size: 16px; font-weight: 700; color: #36475a; ; margin: 0px auto 20px auto; text-align: left; padding-left: 54px; }
/*解决方案二级导航*/
.nav .sub li.sub_w_c .plan_nav_text { padding: 0px 25px; text-align: left; }
.nav .sub li.sub_w_c .plan_nav_text h4 { text-align: left; margin: 0px; margin-bottom: 15px; }
.nav .sub li.sub_w_c .plan_nav_text h4 a { font-size: 16px; font-weight: 700; color: #36475a; font-size: 16px; }
.nav .sub li.sub_w_c .plan_nav_text h4 a:hover { color: #008FD7; }
.nav .sub li.sub_w_c .industry_list { overflow: hidden; padding-left: 0px; }
.nav .sub li.sub_w_c .industry_list li { float: left; width: 33.33%; display: block; font-size: 14px; line-height: 32px; min-width: 130px; }
.nav .sub li.sub_w_c .industry_list li a { display: block; min-width: 120px; color: #6e798b; border: 1px solid #D3E1E7; text-align: center; margin-right: 10px; font-size: 14px; height: 42px; line-height: 42px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; }
.nav .sub li.sub_w_c .industry_list a:hover { color: #009DEB; }
/*boostrap3 5列拓展*/
.col-lg-2dot4 { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; }

@media (min-width: 1400px) {
.col-lg-2dot4 { float: left; }
.col-lg-2dot4 { width: 20%; }
.col-lg-pull-2dot4 { right: 20%; }
.col-lg-push-2dot4 { left: 20%; }
.col-lg-offset-2dot4 { margin-left: 20%; }
}

/*----------手机平板导航----------*/ 

/*媒体查询-导航 max-320*/
@media screen and (max-width: 320px) {
.logo { width: 120px; }
.navnew { display: none; }
.navsm { display: block; }
}

/*媒体查询-导航 max-320*/
@media screen and (min-width: 320px) and (max-width: 600px) {
.navnew { display: none; }
.sign { display: none; }
.navsm { display: block; }
}

/*媒体查询-导航 max-768*/
@media screen and (max-width: 768px) {
.navnew { display: none; }
.sign { display: none; }
.navsm { display: block; }
.top { height: 50px; }
}

/*媒体查询-导航 max-1200*/
@media screen and (max-width:1200px) {
.top .container { width: 100%; }
.sign { display: none; }
.news1 { margin: 10px 0; }
.top { height: 50px; }
.sign { display: none; }
.navnew { display: none; }
.navsm { display: block !important; }
.top { height: 50px; position: relative; }
.nav { position: static }
.logo { height: 30px;  margin: 10px 0 0 0px; overflow: hidden; background: url(/skin/images/logo.png) left center no-repeat; background-size: contain; }
.nav h3 { float: left; height: 50px; font-weight: normal; font-size: 16px; margin-top: 0px; margin-bottom: 0px; }
.nav h3 a { display: block; line-height: 55px; padding: 0px 0px; color: #323232; ; cursor: pointer; }
.nav .on h3 a { display: block; height: 55px; border-bottom: 3px #0390d6 solid; }
.nav .m { position: static; float: left; height: 55px; padding: 0px 15px; display: block; color: #666; }
.nav .sub { display: none; overflow: hidden; width: 100%; height: auto; position: absolute; top: 55px; z-index: 99999; left: 0px; padding: 30px 0 30px 0; background: #F8F8F8; box-shadow: 0px 2px 8px rgba(0,0,0,0.1); }
}
/*----------通用：硬件产品中心、解决方案固定导航----------*/ 
.fsnav { position: relative; z-index: 10; border-bottom: 1px solid #ebebeb; background-color: #FFFFFF; background-color: #E8F0F2; width: 100%; height: 60px; line-height: 60px; }
.fsnav .container { overflow: hidden; }
.stuckMenu {; z-index: 100; }
.fsnav_p { margin: 0; padding: 0; font-size: 14px; height: 60px; line-height: 60px !important; float: left; color: #6e798b; ; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.fsnav ul { height: 60px; line-height: 55px; overflow: hidden; margin-bottom: 0px; padding-right: 0px; padding-left: 0px; }
.fsnav ul li { float: left; text-align: center; font-size: 14px; height: 60px; line-height: 60px; padding: 0 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.fsnav ul li.active a { color: #009DEB }
.fsnav ul li.r_more_w { float: right; padding: 0 0px }
.fsnav ul li a { color: #6e798b; }
.fsnav ul li a i { font-size: 13px; border: 1px solid #ccc; border-radius: 30px; padding: 2px 4px; margin: 0px 0px; vertical-align: middle; }
.fsnav ul li a:hover, .fsnav ul li a:hover i, .fsnav ul li .active { color: #169bde; border-color: #00A8EC }
.fsnav ul li a.r_more { display: inline-block; color: #6d7989; height: 42px; line-height: 42px; width: 100%; padding: 0 0px 0 0px; border: 1px solid #ccd4e3; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; padding: 0 0px 0 0px; }
.fsnav ul li a.r_more:hover, .isStuck ul li a.r_more { color: #FFF; background-color: #009DEB; border: 1px solid #009DEB }
.fsnav ul li a:hover, .fsnav ul li .active { color: #169bde; }

@media (max-width:1040px) {
.fsnav ul .fix_nav_btn { display: block; position: absolute; width: 36px; height: 51px; line-height: 51px; top: 0px; right: -10px; z-index: 120; padding: 0px; text-align: center; color: #999; font-size: 10px; -webkit-perspective: 52px; perspective: 52px; cursor: pointer; -webkit-transition: .5s; transition: .5s }
.fsnav ul .fix_nav_btn i { display: block; width: 100%; height: 100%; background: url(../images/icon_d.png) no-repeat center center; transition: all .5s; -webkit-transition: all .5s }
.fsnav ul .fix_nav_btn:hover i { color: #009DEB; }
.fsnav ul .fix_nav_btn i { color: #009DEB; -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.fsnav p.pull-left { display: none; }
.fsnav .fixed_nav ul { float: left !important; width: 100%; overflow-y: hidden; white-space: nowrap; }
.fsnav .fixed_nav ul li a { color: #333; display: block; width: auto; padding: 0 0px; text-align: center; max-width: 150px; overflow: hidden; white-space: nowrap; ; }
.fsnav .fixed_nav ul.tab_more { width: 100%; height: auto; text-align: left; overflow: hidden; white-space: normal; transition: all .5s; -webkit-transition: all .5s }
}
/*----------首页会议、培训、硬件----------*/ 
.clodmeeting h1, .training h1, .Hardware h1 { font-size: 38px; line-height: 1.8; color: #36475a; -webkit-transition: all 1s .1s; transition: all 1s .1s; -webkit-transform: translate3d(0, 30px, 0); transform: translate3d(0, 30px, 0); opacity: 0; }
.clodmeeting h3, .training h3, .Hardware h3 { font-size: 18px; margin-bottom: 20px; color: #6e798b; -webkit-transition: all 1s .3s; transition: all 1s .3s; -webkit-transform: translate3d(0, 30px, 0); transform: translate3d(0, 30px, 0); opacity: 0; }
.clodmeeting.animated h1, .training.animated h1, .Hardware.animated h1 { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; }
.clodmeeting.animated h3, .training.animated h3, .Hardware.animated h3 { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; }
.clodmeeting .btn_view_more, .training .btn_view_more, .Hardware .btn_view_more { -webkit-transition: all 1s .3s; transition: all 1s .3s; -webkit-transform: translate3d(0, 30px, 0); transform: translate3d(0, 30px, 0); opacity: 0; }
.clodmeeting.animated .btn_view_more, .training.animated .btn_view_more, .Hardware.animated .btn_view_more { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; }
.clodmeeting, .training, .Hardware { width: 100%; padding-top: 100px; padding-bottom: 100px; }
.clodmeeting h3, .training h3, .Hardware h3 { color: #6e798b; margin: 30px auto 40px auto; }
.clodmeeting { width: 100%; }
.training { width: 100%; /*! background: url(../images/bg2.jpg) no-repeat top center; */ background-color: #F5F5F5 }
.training .training_img { width: 98%; }
.Hardware { width: 100%; /*! background: url(../images/index.yingjian.jpg) no-repeat top center; */ background-size: cover }
.cloudmeeting_banner_bg { height: 800px; background-color: #161616; color: #FFF; overflow: hidden; background: #161616 url(../images/bg.jpg) no-repeat center center }
/*----------首页图片动画----------*/
.clodmeeting img, .training img, .Hardware img { -webkit-transition: all 1s .6s; transition: all 1s .6s; opacity: 0; -webkit-transform: translate3d(0, 100px, 0); transform: translate3d(0, 100px, 0) }
.clodmeeting.animated img, .training.animated img, .Hardware.animated img { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; }
/*首页行业案例LOGO*/
.customer_w .swiper-pagination-switch { width: 8px; height: 8px; display: inline-block; border-radius: 100%; background-color: #DDD; margin: 0 5px; }
.customer_w .swiper-pagination-switch { width: 8px; height: 8px; display: inline-block; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; background-color: #6e798b; opacity: .4; margin: 0 5px; -moz-transition: opacity 0.3s ease-in, opacity 0.3s ease-out; -webkit-transition: opacity 0.3s ease-in, opacity 0.3s ease-out; transition: opacity 0.3s ease-in, opacity 0.3s ease-out; }
.customer_w .swiper-active-switch { width: 20px; background-color: #08A1EF; opacity: .8; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; }
.customer_w .arrow-left, .customer_w .arrow-right { display: block; cursor: pointer; position: absolute; top: 50%; z-index: 1000; color: #FFF; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; background: #000; font-size: 22px; opacity: .4; width: 50px; height: 50px; line-height: 50px; text-align: center }
.customer_w .swiper-slide .title { font-style: italic; font-size: 42px; margin-top: 80px; margin-bottom: 0; line-height: 45px; }
.customer_w .pagination { margin: auto; position: absolute; z-index: 20; left: 0px; right: 0; bottom: 210px; text-align: center; transform: translate3d(0, 30px, 0); opacity: 0; filter: alpha(opacity=0)\9; }
.customer_w.animated .pagination { -webkit-transition: all 1s .6s; transition: all 1s .6s; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; filter: alpha(opacity=100)\9; }
.customer_w .btn_view_more { transform: translate3d(0, 30px, 0); opacity: 0; filter: alpha(opacity=0)\9; }
.customer_w.animated .btn_view_more { -webkit-transition: all 1s .8s; transition: all 1s .8s; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; filter: alpha(opacity=100)\9; }
.customer_w .swiper-container { width: 100%; margin-left: auto; margin-right: auto; }
.customer_w .swiper-slide { text-align: center; font-size: 18px; height: 100px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
.customer_w .swiper-pagination-bullet-active { width: 20px; border-radius: 20px; opacity: 1; background: #08a1ef; ; }
.customer_w .swiper-container-horizontal > .swiper-pagination-bullets { bottom: 0px }
.customer_w .glyphicon { background: none; color: #999; font-size: 14px }
.customer_w .glyphicon:hover { color: #007aff; }
.customer_w { position: relative; margin: 0 auto; padding: 100px 0px 100px 0; background-color: #FFF; }
.customer_w .customer_tt { margin: 0px auto 30px auto; }
.customer_w .customer_tt h1 { font-size: 32px; width: auto; margin: 0 10px; height: 38px; line-height: 42px; letter-spacing: 2px; color: #36475a; transform: translate3d(0, 30px, 0); opacity: 0; filter: alpha(opacity=0)\9; }
.customer_w .customer_tt h6 { font-size: 14px; padding-left: 10px; font-family: "PingFang SC", Helvetica, arial, sans-serif; color: #a5b1bf; text-transform: uppercase; text-align: center; letter-spacing: 2px; transform: translate3d(0, 30px, 0); opacity: 0; filter: alpha(opacity=0)\9; }
.news .new_tt hr { transform: translate3d(0, 30px, 0); opacity: 0; filter: alpha(opacity=0)\9; }
.customer_w .customer_tt hr { transform: translate3d(0, 30px, 0); opacity: 0; filter: alpha(opacity=0)\9; }
.customer_w.animated .customer_tt h1 { -webkit-transition: all 1s .1s; transition: all 1s .1s; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; filter: alpha(opacity=100)\9; }
.customer_w.animated .customer_tt h6 { -webkit-transition: all 1s .3s; transition: all 1s .3s; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; filter: alpha(opacity=100)\9; }
.customer_w.animated .customer_tt hr { -webkit-transition: all 1s .6s; transition: all 1s .6s; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; filter: alpha(opacity=100)\9; }
.customer_w .customer_list_w { margin: 10px auto 10px auto; }
.customer_w h3 { margin: 10px auto 30px auto; }
.customer_w .customer_list_w li { display: block; min-height: 390px; transform: translate3d(0, 30px, 0); opacity: 0; filter: alpha(opacity=0)\9; }
.customer_w.animated .customer_list_w li { -webkit-transition: all 1s .3s; transition: all 1s .3s; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; filter: alpha(opacity=100)\9; }
.customer_w .customer_img { position: relative; text-align: center; margin: 0 10px 30px 10px; padding: 30px 0px; border: 1px solid #d5e1ef; }
.customer_w .customer_only_text p { margin-top: 55px; line-height: 24px; font-size: 16px; text-align: center; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; }
.customer_w .customer_list_w .customer_text_w { display: none; overflow: hidden; position: absolute; z-index: 10; bottom: 0px; left: 0px; ; width: 100%; height: 140px; background-color: #009deb; color: #FFF; padding-right: 10px; padding-left: 10px; }
.customer_w .customer_list_w .customer_text_w p { margin-top: 55px; line-height: 24px; font-size: 16px; text-align: center; white-space: nowrap; text-overflow: ellipsis; /*! -o-text-overflow: ellipsis; *//*! overflow:hidden; */ }
.customer_w .customer_list_w .customer_text_w p a { color: #FFF }
.customer_w .customer_list_w .customer_text_w em { display: block; text-align: center; width: 30px; height: 2px; margin: 15px auto 0px auto; background: #FFF; }

@media screen and (max-width:768px) {
.customer_w .customer_list_w li { min-height: 300px; }
}

@media screen and (max-width:480px) {
.customer_w .customer_list_w li { min-height: 250px; }
}
.customer_w .customer_more { display: block; width: 120px; height: 36px; line-height: 36px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; border: 1px #08a1ef solid; text-align: center; background-color: #08a1ef; color: #fff; margin: 50px auto 30px auto; }
.customer_w .customer_more:hover { color: #FFF; border: 1px #08a1ef solid; background-color: #008FD7; }
/*Menu DropEft CSS*/
.dropeft { position: relative; overflow: hidden; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; z-index: 0; }
.water { display: block; position: absolute; background: rgba(255, 255, 255, 0.14); -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); transform: scale(0); }
.drop-animate { -webkit-animation: dropper 0.65s linear; -moz-animation: dropper 0.65s linear; -ms-animation: dropper 0.65s linear; -o-animation: dropper 0.65s linear; animation: dropper 0.65s linear; }
 @-webkit-keyframes dropper {
 100% {
 -webkit-opacity: 0;
 -webkit-transform: scale(2.5);
}
}
@-moz-keyframes dropper {
 100% {
  -moz-opacity: 0;
 -moz-transform: scale(2.5);
}
}
@-o-keyframes dropper {
 100% {
  -o-opacity: 0;
 -o-transform: scale(2.5);
}
}
@keyframes dropper {
 100% {
 opacity: 0;
 transform: scale(2.5);
}
}
/*End DropEft CSS*/
.btn_demo { position: relative; }
/*首页联系*/
.contact_w { background-color: #08A1EF; font-size: 12px; color: #FFF; padding: 30px 0px 0px 0px; }
.contact_w h6 { font-size: 12px; }
.contact_w .contact_left h6 { font-size: 14px; padding-top: 0px; padding-bottom: 0px; }
.contact_w .contact_btn { display: none; }
.contact_w .contact_left { padding: 20px 40px 20px 20px; }
.contact_w .contact_left .contact_list_hq { font-size: 14px; padding-top: 6px; padding-right: 10px; }
.contact_w .contact_left .contact_list_hq .contact_add { padding-top: 15px; padding-bottom: 15px; margin-right: 30px; border-bottom: 1px solid #20AFF8; }
.contact_w .contact_left .contact_list_hq .contact_add h4 { padding-left: 22px; background: url(../images/icon_city.png) 0 0 no-repeat; }
.contact_w .contact_left .contact_add p { font-size: 12px; }
.contact_w .contact_left .contact_add .contact_phone_num { font-size: 14px; }
.contact_w .contact_left .contact_num { padding: 20px 0 20px 0; }
.contact_w .contact_left .fllow { padding-bottom: 10px; }
.contact_w .contact_left .contact_phone_num { /*! font-weight: bold; */ font-size: 18px; padding-bottom: 20px }
.contact_w .contact_left .phone_num_u { /*! font-weight: bold; */ font-size: 26px; padding-top: 0px; padding-bottom: 30px }
.contact_w .contact_left .phone_num_f { font-weight: normal; font-size: 16px; }
.contact_w .contact_left .contact_list_hq em.hr_b { display: block; width: 135px; border-bottom: 4px solid #FFF; margin: 20px 0px 0px 0; }
.contact_w .contact_left .contact_list_hq em.hr_s { display: block; width: 135px; border-bottom: 1px solid #FFF; margin: 20px 0px; }
.contact_w .contact_right { padding: 20px 0; }
@media (max-width:1200px) {
.contact_w .contact_right { padding: 20px 15px; }
}
.contact_w .contact_right .contact_list_w { padding: 20px 0; padding-bottom: 12px; border-bottom: 1px solid #20AFF8; }
.contact_w .contact_right .contact_list_w h4 { display: block; margin: 0 0 20px 0; padding-left: 22px; font-size: 16px; background: url(../images/icon_city.png) 0 0 no-repeat }
.contact_w .contact_right .contact_list_w h6 { margin: 5px 0px; font-size: 12px; }
.contact_w .contact_right .contact_list_w p { margin: 0px 0px; line-height: 24px; }
.contact_w .contact_right .contact_list_w p.contact_phone_num { font-size: 16px }
.contact_w .contact_right .contact_add { height: 32px; line-height: 32px; padding-right: 10px; }
.contact_w .contact_left .contact_btn { display: block; width: 106px; height: 32px; line-height: 32px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; border: 1px #FFF solid; text-align: center; color: #fff; margin: 20px 0; }
.contact_w .contact_right .contact_btn { display: block; width: 106px; height: 32px; line-height: 32px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; border: 1px #FFF solid; text-align: center; font-size: 12px; color: #fff; margin: 10px 0; }
.contact_w .contact_btn i { display: inline-block; width: 22px; height: 22px; vertical-align: middle; margin-right: 2px; background: url(../images/icon_c.png) no-repeat center 0; }
.contact_w .contact_btn:hover i { -webkit-animation: bobounce-snce 1s .2s ease both; -moz-animation: bounce-s 1s .2s ease both; animation: bobounce-snce 1s .2s ease both; }
.contact_post_codes { display: none; }
.contact_w .contact_btn:hover { color: #FFF; border: 1px #45bdfb solid; background-color: #008FD7; }


@media (max-width:990px) {
.contact_w { display: none; }
}

/*--990--*/ @media screen and (max-width:990px) {
/*乐语隐藏*/
#doyoo_panel, #m_none, .footericon { display: none !important; }
/*底部安全与友链快隐藏*/
.footer .link_w, .footer .safe_w, .footer .footer_bottom_w .copy_w .f_nav { display: none!important; }
.footer .footer_bottom_w .copy_w .copyright { text-align: center; padding: 20px 0px; }
.clodmeeting { height: auto; }
.training { height: auto; }
.Hardware { height: auto; ; }
.clodmeeting h1, .training h1, .Hardware h1 { font-size: 32px; line-height: 1.4; }
.clodmeeting h3, .training h3, .Hardware h3 { font-size: 14px; letter-spacing: 1px; line-height: 1.4; }
}

@media screen and (max-width: 750px) {
.clodmeeting h1, .training h1, .Hardware h1 { font-size: 28px; line-height: 1.4; }
.clodmeeting h3, .training h3, .Hardware h3 { font-size: 16px; letter-spacing: 1px; line-height: 1.4; }
}

@media screen and (min-width: 480px) and (max-width: 750px) {
}

@media screen and (max-width: 480px) {
.clodmeeting h1, .training h1, .Hardware h1 { font-size: 24px; line-height: 1.4; }
.clodmeeting h3, .training h3, .Hardware h3 { font-size: 14px; letter-spacing: 1px; line-height: 1.4; }
}

/*---------------媒体查询-通用布局---------------*/

/*-----通用布局 max-768-----*/
@media screen and (max-width:768px) {
#doyoo_panel, #m_none, .footericon { display: none !important; }
}

/*-----通用布局 max-480-----*/
@media only screen and (max-width: 480px) {
.contact p.login_w { overflow: hidden; width: 90px; height: 32px; float: right !important; padding: 0 12px 0 0; }
.contact #recruitment { display: none !important; }
}

/*-----通用布局 顶部 max-420-----*/
@media only screen and (max-width: 420px) {
.contact p.login_w { overflow: hidden; width: 90px; height: 32px; float: right !important; padding: 0 12px 0 0; }
.contact p font { display: none !important; }
}

/*-----通用布局 顶部 max-240-----*/
@media only screen and (max-width: 240px) {
.contact p { height: auto; }
.contact p.login_w { float: left !important; padding: 0 8px 0 8px; }
.contact p font { display: none !important; }
}

/*-----内页通用 max-990-----*/
@media screen and (max-width:990px) {
#main, .bgf5, .w940, .cp_list_w, .cp_list_w, .cp_li, .cp_li_img, #tab_menu .bd { min-height: auto; }
}
/*----------首页新闻----------*/
.news { padding-top: 100px; padding-bottom: 100px; background-color: #e8f0f2; }
.news .new_tt { margin: 0px auto 30px auto; }
.news .new_tt h1 { font-size: 32px; width: auto; margin: 0 10px; height: 38px; line-height: 42px; letter-spacing: 2px; color: #36475a; transform: translate3d(0, 30px, 0); opacity: 0; filter: alpha(opacity=0)\9; }
.news .new_tt h6 { font-size: 14px; padding-left: 10px; font-family: "PingFang SC", Helvetica, arial, sans-serif; color: #a5b1bf; text-transform: uppercase; text-align: center; letter-spacing: 2px; transform: translate3d(0, 30px, 0); opacity: 0; filter: alpha(opacity=0)\9; }
.news .new_tt hr { transform: translate3d(0, 30px, 0); opacity: 0; filter: alpha(opacity=0)\9; }
.news.animated .new_tt h1 { -webkit-transition: all 1s .1s; transition: all 1s .1s; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; filter: alpha(opacity=100)\9; }
.news.animated .new_tt h6 { -webkit-transition: all 1s .3s; transition: all 1s .3s; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; filter: alpha(opacity=100)\9; }
.news.animated .new_tt hr { -webkit-transition: all 1s .6s; transition: all 1s .6s; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; filter: alpha(opacity=100)\9; }
.news h4 { font-weight: bold; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; line-height: 42px; opacity: 0; filter: alpha(opacity=0)\9; transform: translate3d(0, 10px, 0); }
.news.animated h4 { -webkit-transition: all 1s .1s; transition: all 1s .1s; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; filter: alpha(opacity=100)\9; }
.news h4 a { color: #36475a; }
.news h4 a:hover { color: #00A8EC; }
.news .news_list { padding: 0 40px 40px 40px; }

@media (max-width:480px) {
.news .news_list { padding: 0 10px 30px 10px; }
}
.news .new_list_w { height: 95px; color: #6e798b; line-height: 32px; ; overflow: hidden; opacity: 0; filter: alpha(opacity=0)\9; transform: translate3d(0, 10px, 0); }
.news.animated .new_list_w { -webkit-transition: all 1s .6s; transition: all 1s .6s; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; filter: alpha(opacity=100)\9; }
.hr { width: 20px; border-bottom: 3px solid #08a1ef; ; margin: 0 auto; }
.news .new_btn_w { overflow: hidden; }
.news .date_w { display: block; display: inline-block; float: left; width: 80px; height: 32px; line-height: 32px; margin: 20px 0; color: #a5b1bf; font-family: "Arial", Helvetica, Tahoma; opacity: 0; filter: alpha(opacity=0)\9; transform: translate3d(0, 10px, 0); }
.news.animated .date_w { -webkit-transition: all 1s .3s; transition: all 1s .3s; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; filter: alpha(opacity=100)\9; }
.news .btn_hollow { display: block; display: inline-block; line-height: 32px; margin: 20px 0; opacity: 0; filter: alpha(opacity=0)\9; transform: translate3d(0, 20px, 0); text-align: center; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; }
.news .btn_hollow { float: right; margin: 20px 0; opacity: 0; filter: alpha(opacity=0)\9; transform: translate3d(0, 20px, 0) }
.news.animated .btn_hollow { -webkit-transition: all 1s .3s; transition: all 1s .3s; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; filter: alpha(opacity=100)\9; }
.news .btn_view_more { opacity: 0; filter: alpha(opacity=0)\9; transform: translate3d(0, 20px, 0) }
.news.animated .btn_view_more { -webkit-transition: all 1s .8s; transition: all 1s .8s; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; filter: alpha(opacity=100)\9; }
.hr1 { width: 50px; border-bottom: 2px solid #fff; margin: 10px auto; }
.pic { padding: 0; }
.greenbox { padding: 2% 1.5% 3% 1.5%; color: #fff; position: relative; height: 293px; }
.cgreen { background-color: #75c158; }
.czi { background-color: #7772c6; }
.cblue { background-color: #08a2ef; }
.corange { background-color: #ecb230; }
.greenbox h4 { line-height: 26px; }
.greenbox a { color: #fff; }
.jiao { position: absolute; left: -10px; top: 80%; color: rgba(117,193,88,1.00); }
/*--老数据--*/
#slider2, #slider3 { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; margin: 0 auto; }
.rslides_tabs li:first-child { margin-left: 0; }
.rslides_tabs .rslides_here a { background: rgba(255,255,255,.1); color: #fff; font-weight: bold; }
.events { list-style: none; }
.callbacks_container { position: relative; float: left; width: 100%; }
.callbacks { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; }
.callbacks li { position: absolute; float: left; width: 100%; height: 330px; padding: 2% 5% }
.callbacks img { position: relative; z-index: 1; height: auto; border: 0; }
.callbacks .caption { display: block; position: absolute; z-index: 2; font-size: 20px; text-shadow: none; color: #fff; left: 0; right: 0; padding: 10px 20px; margin: 0; max-width: none; top: 10%; text-align: center; }
.callbacks_nav { position: absolute; -webkit-tap-highlight-color: rgba(0,0,0,0); top: 48%; left: 0; opacity: 0.7; z-index: 3; text-indent: -9999px; overflow: hidden; text-decoration: none; height: 80px; width: 40px; background: transparent url("../images/arrows.png") no-repeat left top; display: block; }
.callbacks_nav:hover { opacity: 0.5; }
.callbacks_nav.next { left: auto; background-position: right top; right: 0px; }
.callbacks_nav.prev { right: auto; background-position: left top; left: 0px; }
#slider3-pager a { display: inline-block; }
#slider3-pager span { float: left; }
#slider3-pager span { width: 100px; height: 15px; background: #fff; display: inline-block; border-radius: 30em; opacity: 0.6; }
#slider3-pager .rslides_here a { background: #FFF; border-radius: 30em; opacity: 1; }
#slider3-pager a { padding: 0; }
#slider3-pager li { display: inline-block; }
.rslides { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; }
.rslides li { -webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0; }
.rslides li { position: relative; display: block; float: left; }
.rslides img { height: auto; border: 0; }
.callbacks_tabs { list-style: none; position: absolute; bottom: -12%; z-index: 999; left: 32%; padding: 0; margin: 0; display: block; }
.slider-top span { font-weight: 600; }
.callbacks_tabs li { display: inline-block; margin: 0 .3em; }
#nav-wrap { border-top: 1px solid #e5e5e5; background-color: #F6F6F6; position: absolute; z-index: 9999; left: 0px; width: 1920px; }
#nav-wrap li { list-style: none; }
#nav-wrap li>a, #nav-wrap ul { color: #666; font-size: 16px; line-height: 30px; display: block; }
#nav-wrap img { max-width: 100%; height: auto; }
#nav-wrap ul { padding-top: 10px; padding-bottom: 20px;/*! position: absolute; *//*! z-index: 999; */ }
#nav-wrap ul>a { color: #008FD7; }
#nav-wrap a:hover { color: #008FD7; }
.navsm { display: none; position: relative; z-index: 101; }
.navsm .menu_handle { display: inline-block; vertical-align: middle; padding: 10px; background: transparent; width: 100%; border: none; width: 24px; height: 20px; padding: 4px; outline: none; position: absolute; top: 12px; right: 15px; z-index: 2000; }
.navsm .menu_handle span { display: block; width: 20px; height: 2px; margin-bottom: 5px; position: relative; background: #1092D8; border-radius: 3px; z-index: 1; -webkit-transform-origin: 20px; transform-origin: 20px; transition: background .5s cubic-bezier(.77, .2, .05, 1), opacity .55s ease, transform .5s cubic-bezier(.77, .2, .05, 1), width .5s; }
.navsm .menu_handle span:nth-last-child(2) { transform: rotate(0); transition: width .5s ease; }
.navsm .menu_handle.open span:nth-last-child(2) { width: 0; opacity: 0; transform: rotate(0); transition: width .5s; }
.navsm .menu_handle.open span { opacity: 1; transform: rotate(45deg); }
.navsm .menu_handle span:last-child { margin-bottom: 0; }
.navsm .menu_handle.open span:nth-last-child(3) { opacity: 1; transform: rotate(-45deg); }
.navsm .hideul { width: 100%; min-height: 601px; height: auto; background-color: rgba(243, 243, 243, 0.98); ; position: absolute; z-index: 100; left: 0; top: 50px; -webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.1); -moz-box-shadow: 0 15px 30px rgba(0,0,0,0.1); box-shadow: 0 15px 30px rgba(0,0,0,0.1); }

@media screen and (max-width:1200px) {
.navsm { margin: 0 -15px }
}
.navsm li { /*! padding-right: 12px; */ list-style: none; background-color: #F2F2F2; color: #666; border-bottom: 1px #E7E7E7 solid; -webkit-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; }
.navsm li a { position: relative; text-align: right; display: block; padding-left: 20px; line-height: 60px; font-size: 15px; text-align: left; color: #36475a; -webkit-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; }
.navsm li a:hover { color: #009CEA; background-color: #F8F8F8 }
.navsm li span { display: none; position: absolute; top: 18px; left: 20px; font-size: 14px; color: #666; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; }
.navsm li a:hover, .navsm li.active a, .navsm li.active a span, .navsm li a:hover span, .navsm li a:hover i { color: #009CEA; }
.hideul { display: none; }
.hideul ul.submenu { width: 100%; display: none; position: static }
.active ul.submenu { display: block; overflow: hidden }

.navsm li a i { position: absolute; font-size: 22px; right: 15px; top: 0px; color: #6e798b; -webkit-transform-origin: center center; -moz-transform-origin: center center; -webkit-transition: 0.5s ease all; -moz-transition: 0.5s ease all; }
.navsm li.active a i { color: #008FD7; -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg) }
.submenu li { border-bottom: 1px solid #008FD7; }


.navsm li a i {margin:auto;position: absolute;top:0;bottom:0;right:15px;display: block;width: 15px;height: 15px;text-align: center;text-indent: -9999px;line-height: 10px;font-size: 22px;;color: #999;-webkit-transition: 0.5s ease all; -moz-transition: 0.5s ease all;transition: 0.5s ease all;background: url(../images/icon_m_nav_l.png) no-repeat center center;background-size:contain;}
.navsm li.active a i { color: #008FD7; -ms-transform: rotate(90deg); -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg) }
.submenu li { border-bottom: 1px solid #008FD7; }

.navsm li .submenu li a { display: block; font-size: 14px; background: #08a1ef; color: #fff; line-height: 52px; -webkit-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; }
.navsm li.active .submenu li a:hover { background: #008FD7; color: #FFF; }
.content { position: relative; width: 100%; }
/*fsmeeting start*/
.fsmeeting1 { height: 900px; }
.fsbox { width: 36%; padding-top: 22%; margin: 0 auto; }
/*-----底部-----*/
#footer { background-color: #262a33; color: #81858c; padding-top: 10px; padding-bottom: 20px; max-width: 100%; overflow: hidden; }
#footer .footer_advantage_w { max-width: 100%; overflow: hidden; }
#footer .footer_advantage_w .container { padding: 0; border-bottom: 1px solid #2e333d; }
#footer .container { padding: 0; }
#footer .container .col-md-2 { padding: 0; width: 13%; }
#footer .footer_advantage { color: #72767b; padding: 30px 0; margin-right: -270px; }
#footer .footer_advantage_w .advantage_list { color: #FFF; font-size: 16px; display: inline-block; vertical-align: middle; text-align: left; float: left; width: 25%; height: 100%; }
#footer .footer_advantage_w .advantage_list .icon { display: inline-block; width: 32px; height: 32px; vertical-align: middle; margin-right: 10px; }
#footer .footer_advantage_w .advantage_list .icon_1 { background: url(../images/icon_advantage.png) no-repeat 0 0; }
#footer .footer_advantage_w .advantage_list .icon_2 { background: url(../images/icon_advantage.png) no-repeat 0 -42px; }
#footer .footer_advantage_w .advantage_list .icon_3 { background: url(../images/icon_advantage.png) no-repeat 0 -84px; }
#footer .footer_advantage_w .advantage_list .icon_4 { background: url(../images/icon_advantage.png) no-repeat 0 -126px; }
#footer .footer_w { padding: 30px 0 30px 0; }
#footer .footer_w h5 { margin-bottom: 20px; }
#footer .footer_w h5, #footer .footer_w h5 a { color: #FFF; }
#footer .footer_w h5:hover, #footer .footer_w h5 a:hover { color: #008FD7; }
#footer .footer_menu a { line-height: 32px; color: #7f868b }
#footer .footer_menu a:hover { color: #008FD7; }
#footer .footer_menu { }
#footer .erweima_w { overflow: hidden; }
#footer .erweima_w .f_erweima_img { width: 110px; float: left; margin-top: 13px; margin-right: 20px; }
#footer .erweima_w .f_erweima_img img { max-width: 110px; color: #262A33; }
#footer .erweima_w .f_contact_text { float: left; color: #FFF; }
#footer .erweima_w .f_contact_text h1 { font-size: 32px; font-weight: 700; margin: 20px 0 20px 0; }
#footer .erweima_w .f_contact_text p { letter-spacing: 2px; }
#footer .erweima_w .f_contact_btn { float: left }
@media screen and (max-width:1400px) {
#footer .container { padding: 0 15px; }
#footer .footer_advantage { padding: 30px 15px;  margin-right:0px;  }
}
/*按钮*/
#footer .erweima_w .f_contact_btn .btn_view_footer { overflow: hidden;display: block; display: inline-block; width: auto; min-width: 60px; padding: 0 30px; height: 42px; line-height: 42px; margin: 24px 30px 0px 0px; text-align: center; font-size: 14px; color: #FFF; background-color: #009DEB; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; }
.f_contact_btn .btn_view_footer:hover { background-color: #008fd7; }
#footer .erweima_w .f_contact_btn .btn_view_yellow { background-color: #ffb22d; }
.footer_link_set { }
.footer_link_set p { margin: 0px 0 0px 0; }
.footer_link_set .link_set { padding-top: 20px; border-top: 1px solid #2e333d; }
.footer_link_set .link_set a { margin-right: 20px; color: #81858c; }
.footer_link_set .link_set a:hover { color: #008fd7; }
.copyright_w { overflow: hidden; line-height: 32px; }
.copyright_w .copyright_span { float: left; }
.copyright_w .copyright_span a { color: #81858c; }
.copyright_w .copyright_span a:hover { color: #008fd7; }
.copyright_w .safe_w { float: right; opacity: .8; filter: alpha(opacity=100)\5; }
.copyright_w .safe_w a { padding-left: 5px; }
.copyright_w .safe_w a img { width: 24px;color:transparent; }
#footer .link_w { margin-top: 10px; margin-bottom: 20px; height: auto; }
#footer .link_w #yqlj { position: relative; cursor: pointer; color: #FFF; }
#footer .link_w .yqljnr { display: block; padding: 0px }
#footer .on .yqljnr { display: none; }
#footer .on #yqlj { color: #81858c; ; }
#footer .link_w #yqlj i { position: absolute; font-family: "宋体"; margin-left: 5px; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; }
#footer .on #yqlj i { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); color: #08A3F0; }
#footer .link_w #yqljnr { width: 100% }
#footer .link_w #yqljnr a { padding-right: 14px; font-size: 12px; color: #7f868b; }
#footer .link_w #yqljnr a:hover { color: #008fd7; }
/*--------------------通用底部--------------------*/
.footer { background-color: #262a33; height: auto; padding: 10px 0px 10px 0px; }
.footer, .footer .f_nav_w p, .footer .f_nav_w a { color: #AAA; }
.footer .f_nav_w { }
.footer .f_nav_w .f_padding { padding-top: 30px; }
.footer .f_nav_w li { list-style: none; margin: 8px 0; }
.footer .footer_bottom_w { margin-top: 20px; color: #999; }
.footer .footer_bottom_w a { color: #999; }
.footer .footer_bottom_w .copy_w { }
.footer .footer_bottom_w .safe_w { margin-top: 25px; }
.footer .footer_bottom_w .copy_w .f_nav { overflow: hidden; }
.footer .footer_bottom_w .copy_w .copyright { padding-top: 0px; text-align: left; line-height: 24px; }
.footer .footer_bottom_w .copy_w .f_nav span { float: left; margin-right: 20px; line-height: 24px; }
.footer .footer_bottom_w .safe_w li { margin-right: 8px }
.footer .link_w { margin-top: 10px; margin-bottom: 20px; height: auto; }
.footer .link_w #yqlj { position: relative; cursor: pointer; padding-right: 10px; padding-left: 10px; color: #AAA; }
.footer .link_w .yqljnr { display: none; }
.footer .on .yqljnr { display: block; }
.footer .on #yqlj { color: #08A3F0; }
.footer .link_w #yqlj i { position: absolute; font-family: "宋体"; margin-left: 5px; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; }
.footer .on #yqlj i { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); color: #08A3F0; }
.footer .link_w #yqljnr { width: 100% }
.footer .link_w #yqljnr a { padding-right: 12px; font-size: 12px; color: #999 }
.footer .link_w #yqljnr a:hover { color: #FFF; }
.footer a:hover { color: #fff; }
.navtit { display: block; font-size: 20px; height: 32px; line-height: 32px; margin-bottom: 20px; }
.footer .f_nav_w .testbutton { display: block; width: 80%; margin: 0 auto; font-size: 16px; background-color: #009DEB; text-align: center; line-height: 40px; color: #fff; margin-bottom: 20px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; }
.footer .testbutton:hover { background-color: #0390d6 }
.footericon li { padding-left: 10px; }
.footericon { vertical-align: text-bottom; ; }
.customer .carousel-caption { text-shadow: none; color: #666; }
.yinhao { height: 50px; font-size: 14px; line-height: 32px; padding: 1% 8%; color: #666; background: url(../images/yinhao1.png) top left no-repeat, url(../images/yinhao2.png) bottom right no-repeat; }
.customer { margin-top: 10px; position: relative; /*! height: 330px; */ overflow: hidden; }
.customerbox { position: relative; }
.bd ul li { margin-right: 20px; float: left; height: 24px; line-height: 24px; text-align: left; _display: inline; }
.sright, .sleft { position: absolute; z-index: 5; }
.sright { right: -10%; top: 50%; }
.sleft { left: -10%; top: 50%; }