/* ----------------------------
 --CSS  好视通 www.hst.com
 --by   市场部 Sivan 2016-11-18
 --update  v.2018-03-20
-------------------------------*/
/*--------------------重定义浏览器默认样式--------------------*/
html,body{ -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
div, dl, dt, dd, ul, ol, li, form, input, table, tbody, tr, th, em, input, img { margin: 0; padding: 0; }
body { margin: 0; padding: 0; border: none; font-family: "Microsoft YaHei", Helvetica, arial, sans-serif; color: #36475a; background-color: #FFF; font-size: 14px; min-width: 240px; max-width: 2560px;margin: 0 auto; }
a:active, a:focus { outline: none; }
ul, ol, li { list-style: none; }
em, i { font-style: normal; }
ul, ol { list-style: none; }
a:active{-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
textarea { -webkit-appearance: none;}
.white { color: #fff; }
.gray { background-color: #f6f6f6; }
.mt10 { margin-top: 10px; }
.mt20 { margin-top: 20px; }
.mt30 { margin-top: 30px; }
.mt40 { margin-top: 40px; }
.mt50 { margin-top: 50px; }
.mt100 { margin-top: 100px; }
.mt200 { margin-top: 200px; }
.mt300 { margin-top: 300px; }
.mt600 { margin-top: 600px; }
.mt700 { margin-top: 700px; }
@font-face {font-family: 'sivan';src: url('/web/css/font/sivan.ttf');
}


/*----------低版本IE6 7 8 IE内核（兼容）提示升级浏览器----------*/
#browser_ie { position: absolute; top: 60px; z-index: 9999; background-color: #f6f6b4; display: none; width: 100%; height: 120px; color: #000; font-size: 15px; }
#browser_ie .brower_info { position: relative; margin: 0px auto; width: 1100px; padding-top: 20px; }
#browser_ie .brower_info .notice_info { position: absolute; margin-top: 5px; left: 0px; }
#browser_ie .brower_info .notice_info p { text-align: left; line-height: 25px; width: 600px; display: inline-block }
#browser_ie .browser_list { position: absolute; left: 620px; top: 30px; }
#browser_ie .browser_list img { width: 40px; height: 40px; }
#browser_ie .browser_list span { text-align: center; width: 80px; display: inline-block; }
#browser_ie .close_btn { width: 25px; height: 25px; background: url(/web/images/brower/xzb-cbtn.png) no-repeat; --webkit-border-radius: 50%;
-moz-border-radius: 50%; border-radius: 50%; position: absolute; right: 100px; top: 20px; cursor: pointer; }
.mask { position: absolute; top: 0px; filter: alpha(opacity=60); background-color: #777; z-index: 1002; left: 0px; opacity: 0.5; -moz-opacity: 0.5; }
#ie-alert-overlay { width: 100%; height: 100%; background-image: url(/web/images/brower/bg.png); position: absolute; top: 0; left: 0; z-index: 99999; }
* html #ie-alert-overlay {   /* fixed position hack for IE6 */ position: absolute; z-index: 9999; }
/*Pop Up Panel*/
#ie-alert-panel { width: 620px; height: 420px; position: fixed; background: url(/web/images/brower/iealertsprite.png) no-repeat; background-position: -1px -100px; top: 50%; left: 50%; margin: -201px 0 0 -296px; padding: 72px 0 0 72px; _position: absolute;  /* fixed position hack for IE6 */ _top:expression(300+((e=document.documentElement.scrollTop)?e:document.body.scrollTop)+'px');  /* top:300px hack for IE6 */
/* font settings */
font-weight: bold; color: #333; line-height: 1.5em; z-index: 999999; }
#ie-alert-panel #gogo_btn { display: block; width: 140px; height: 42px; line-height: 42px; text-align: center; font-size: 12px; color: #008ed7; border: 1px #0080ff solid; }
#ie-alert-panel #goon { display: block; width: 25px; height: 25px; background: url(/web/images/brower/xzb-cbtn.png) no-repeat; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; position: absolute; right: 0px; top: 15px; cursor: pointer; }
#ie-alert-panel p { font-size: 14px; width: 486px; text-align: justify; color: #666; font-weight: 500; }
#ie-alert-panel .ie_ps { font-size: 14px; color: #666; font-weight: 500; }
#ie-alert-panel img { border: 0; }
#ie-alert-panel span { font-size: 18px; margin: 0 0 20px 0; display: block; padding: 0; }
#ie-alert-panel ul { list-style: none; margin: 0; padding: 0; }
#ie-alert-panel li { float: left; margin: 0 22px 0 0; }
#ie-alert-panel li.last { margin-right: 0; }
#ie-alert-panel a { display: inline-block; }
.browser { position: absolute; bottom: 35px; }
.chrome, .firefox, .ie9, .opera, .safari { background: url(/web/images/brower/iealertsprite.png) no-repeat; }
/*browsers*/
.chrome { background-position: 0 0; width: 73px; height: 96px; margin: 0 4px 0 0; }
.firefox { background-position: -292px 0; width: 73px; height: 98px; }
.ie9 { background-position: -179px 0; width: 95px; height: 98px; }
.opera { background-position: -90px 0; width: 73px; height: 98px; }
.safari { background-position: -387px 0; width: 73px; height: 98px; margin: 0 4px 0 0; }
/*--------------------全局常用 CSS 样式--------------------*/
#fsmeeting { position: relative; z-index: 1; }
.w1200 { width: 1200px; height: auto; margin-right: auto; margin-left: auto; clear: both; float: none; }
.w940 { width: 940px; height: auto; min-height: 1000px; margin-right: auto; margin-left: auto; clear: both; float: none; }
/**.loading_w { margin: auto; position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 200px; height: 200px; z-index: 9999; background: url(/web/images/loader.gif) center no-repeat; opacity: .8; transition: visibility 0ms cubic-bezier(0.23, 1, 0.32, 1) 400ms, opacity 400ms cubic-bezier(0.23, 1, 0.32, 1) 0ms }
*/
.loading_w { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 9999; background: #FFF url(/web/images/loader.gif) center no-repeat; opacity: .8; transition: visibility 0ms cubic-bezier(0.23, 1, 0.32, 1) 400ms, opacity 400ms cubic-bezier(0.23, 1, 0.32, 1) 0ms }
.current, .on { color: #008ed7; }
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; *zoom:1;
}
.disnone { display: none; }
#doyoo_panel { display: none!important; }
#header { width: 100%; min-width: 1000px; position: relative; z-index: 9999; height: auto; }
#main { /*min-width: 1000px; */ min-height: 500px; overflow: hidden; margin-right: auto; margin-left: auto; }
.fl { float: left; }
.fr { float: right; }
.mt50 { /*! margin-top: 50px; */ }
.f16 { font-size: 14px; }
.c6 { color: #666; }
a:hover { text-decoration: none; }
a:active, a:focus { outline: none; }
::selection { background: #008ed7; color: #fff; }

@media screen and (max-width:1200px) {
.contact .container { width: 100%; }
}
.contact .comix_w { color: #6e798b; padding-left: 16px; }
.contact .topsub_w { display: block; display: inline-block; min-width: 40px; /*! height: 32px; */ /*! line-height: 32px; */ vertical-align: middle; text-align: right; font-size: 14px; color: #6e798b; 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: #0080ff ; }
.tell_w em { color: #0080ff  }
.contact a { color: #6e798b; padding: 0 4px; }
.contact a:hover { color: #0080ff; }
.contact a:hover p { color: #0080ff; }
.contact #recruitment { position: relative; padding: 0 4px 0 2px; }
.contact #recruitment i { width: 1px; height: 13px; color: #CCC; overflow: hidden; margin-top: 11px; }
.language_w { display: block; display: inline-block; width: auto; min-width: 40px; padding: 0; height: 32px; line-height: 32px; vertical-align: middle; margin: 0 auto; text-align: center; font-size: 14px; color: #FFF; overflow: hidden; }
.language_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); }
.language_w a { display: block; display: inline-block; position: relative; color: #6e798b; padding: 0 4px; }
.language_w a:hover { color: #0080ff ; }

@media (max-width: 680px) {
.login_w { margin: 0 -5px 0 0; font-size: 12px; }
.language_w { display: none; }
.tell_w { display: none; }
}
/*实心渐入箭头通用BTN按钮*/
.btn_default { outline: none; position: relative; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; color: #fff; overflow: hidden; }
.btn_default:active { border-color: #17954c; color: #17954c; }
.btn_default:hover { background: #0080ff; }
.btn_default: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; }
.btn_default:hover:before { left: 80%; }
.btn_default:active:before { color: #FFF; }
.btn_view_more { overflow: hidden;display: block; width: 130px; height: 42px; line-height: 42px; border-radius: 30px; -webkit-border-radius: 30px; -ms-border-radius: 30px; -moz-border-radius: 30px; border: 1px #0080ff  solid; font-size: 14px;text-align: center; background-color: #0080ff ; color: #fff; margin: 30px auto 30px auto; }
.btn_read_more:hover { color: #FFF; background-color: #0080ff; }
.btn_view_more i { font-family: "宋体"; padding-left: 4px; }
.btn_view_more:hover { color: #FFF; background-color: #0080ff; }

/*空心渐入箭头通用BTN按钮*/
.btn_hollow { display: block; width: 80px; height: 32px; line-height: 32px; border-radius: 30px; -webkit-border-radius: 30px; -ms-border-radius: 30px; -moz-border-radius: 30px; border: 1px #0080ff  solid; text-align: center; background-color: transparent; color: #0080ff ; margin: 30px auto 30px auto; }
.btn_hollow:hover { color: #FFF; background-color: #0080ff; }
.btn_hollow i { font-family: "宋体"; padding-left: 4px; }
/*--------------------页面布局以及通用的区块样式--------------------*/ 
/*乐语 css*/
.main_leyu { position: fixed; z-index: 999; right: 20px; top: 200px; z-index: 100; width: 130px; height: auto; font-family: "PingFang SC", Helvetica, arial, sans-serif, Microsoft YaHei; }
.main_leyu .leyu_w { display: block; border: 1px solid #cddbf0; border-radius: 10px; background: #F9FAFB; box-shadow: 0 6px 12px 0 rgba(0,0,0,.15); z-index: 99; }
.main_leyu .leyu_w .leyu_hader { border-bottom: 1px dashed #cddbf0; text-align: center; }
.main_leyu .leyu_w .leyu_hader h5 { font-size: 16px; color: #36475a; font-weight: 700; margin: 20px auto 10px auto; letter-spacing: 2px; }
.main_leyu .leyu_w .leyu_hader p { color: #999; margin: 0px auto 5px auto; }
.main_leyu .leyu_w .leyu_list { color: #666; max-width: 300px; text-align: center; height: 110px; padding: 10px 0; border-bottom: 1px solid #cddbf0; }
.main_leyu .leyu_w .leyu_list a { display: block; margin: 0 auto; width: 88px; height: 32px; color: #36475a; }
.main_leyu .leyu_w .leyu_list a:hover { color: #0080ff }
.main_leyu .leyu_w .leyu_list a p { float: left; display: block; display: inline-block; margin: 0; line-height: 24px; height: 24px; }
.main_leyu .leyu_w .leyu_list a i { float: left; display: block; display: inline-block; margin: 0; width: 32px; height: 24px; background: url(/web/images/leyu_icon.png) no-repeat center center; }
.main_leyu .leyu_w .leyu_list a:hover i, .main_leyu .leyu_w.animated .leyu_list a.leyushouqian i { -webkit-animation: bobounce-snce 1s .2s ease both; -moz-animation: bounce-s 1s .2s ease both; transform-origin: center; transform: bounce-s(0deg); }
.main_leyu .leyu_w .leyu_tell { text-align: center; border-bottom: 1px solid #cddbf0;  }
.main_leyu .leyu_w .leyu_tell h5 { color: #0080ff; font-size: 14px; font-weight: 700; margin: 10px auto 2px auto; letter-spacing: 1px; }
.main_leyu .leyu_w .leyu_tell p { color: #6e798b; font-size: 12px; margin: 2px auto 5px auto; }
.main_leyu .leyu_w .weixing_container { width: 62px; height: 50px; border-right: 1px solid #cddbf0; background: #f5f5f5; border-bottom-left-radius: 10px; background: url(/web/images/weixing-icon.png) no-repeat center center; float: left; }
.main_leyu .leyu_w .weixing_show { display: none; width: 112px; height: 172px; background: #fff; border: 1px solid #cddbf0; position: absolute; left: -125px; top: -120px; box-shadow: 0 6px 12px 0 rgba(0,0,0,.15); }
.main_leyu .leyu_w .weixing_show .weixing_sanjiao { width: 0; height: 0; border-style: solid; border-color: transparent transparent transparent #FFF; border-width: 6px; left: 110px; top: 138px; position: absolute; z-index: 2; }
.main_leyu .leyu_w .weixing_show .weixing_sanjiao_big { width: 0; height: 0; border-style: solid; border-color: transparent transparent transparent #E7E9E9; border-width: 8px; left: 110px; top: 136px; position: absolute; }
.main_leyu .leyu_w .weixing_show .weixing-ma { width: 105px; height: 105px; padding-left: 5px; padding-top: 5px; background: url(/web/images/weixing-ma.jpg) no-repeat center center; }
.main_leyu .leyu_w .weixing_show .weixing_txt { position: absolute; top: 110px; left: 7px; width: 100px; margin: 0 auto; text-align: center; }
.main_leyu .leyu_w .leyu_feedback { width: 60px; height: 50px; background: #f5f5f5; border-bottom-right-radius: 10px; background: url(/web/images/leyu_feedback.png) no-repeat center center; float: right; }
.main_leyu .leyu_w .leyu_feedback a { display: block; width: 60px; height: 50px; }
.main_leyu .leyu_w .go-top { width: 60px; height: 50px; background: #f5f5f5; border-bottom-right-radius: 10px; background: url(/web/images/totop-icon.html) no-repeat center center; float: right; }
.main_leyu .close-im { position: absolute; right: -3px; top: 10px; z-index: 100; width: 24px; height: 24px; }
.main_leyu .close-im a { display: block; width: 11px; height: 11px; background: url(/web/images/close_im.png) no-repeat center center; }
.main_leyu .close-im a:hover { text-decoration: none; }
.main_leyu .open_leyu { display: none; cursor: pointer; margin-left: 60px; margin-top: 10px; width: 60px; height: 60px; background-color: #0080ff ; position: relative; z-index: 999; box-shadow: 0 6px 12px 0 rgba(0,0,0,.2); border-radius: 60px; }
.main_leyu .open_leyu i { display: block; position: absolute; z-index: 2; right: -0px; top: -8px; width: 10px; height: 10px; background-color: #0080ff ; border-radius: 20px; -webkit-transition: 0.8s ease-out; transition: 0.8s ease-out; }
.main_leyu .open_leyu h4 { color: #FFF; width: 60px; height: 60px; text-align: center; margin: 0 auto; background: url(/web/images/icon_leyu_zx.png) no-repeat center 14px; position: relative; }
.main_leyu .circle { margin: auto; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(11, 158, 251, 0.3); width: 60px; height: 60px; border-radius: 50%; z-index: -1; transform: scale(1); -webkit-transform: scale(1) }
.main_leyu .circle { opacity: 0; }
.main_leyu .c_1 { animation: 2000ms scaleToggleOne cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards }
.main_leyu .c_2 { animation: 2500ms scaleToggleTwo cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards }
.main_leyu .animated .c_3 { animation: 3000ms scaleToggleThree cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards }
.main_leyu .animated .circle { opacity: .5 }
@keyframes scaleToggleOne {
0% {
-webkit-transform:scale(1);
-mzo-transform:scale(1);	
transform:scale(1)
}
50% {
-webkit-transform:scale(2);
-webkit-transform:scale(2);
transform:scale(2)
}
to {
-webkit-transform:scale(1);
transform:scale(1)
}
}
@keyframes scaleToggleTwo {
0%, 20% {
-webkit-transform:scale(1);
transform:scale(1)
}
60% {
-webkit-transform:scale(2);
-moz-transform:scale(2);
transform:scale(2)
}
to {
-webkit-transform:scale(1);
-moz-transform:scale(1);	
transform:scale(1)
}
}
@keyframes scaleToggleThree {
0%, 33% {
-webkit-transform:scale(1);
-moz-transform:scale(1);	
transform:scale(1)
}
66% {
-webkit-transform:scale(2);
-moz-transform:scale(2);	
transform:scale(2)
}
to {
-webkit-transform:scale(1);
-moz-transform:scale(1);
transform:scale(1)
}
}

@media (max-width:970px) {
.main_leyu { display: none; }
}
/*----------通用顶部----------*/ 
.top { background-color: #FFF; }
.logo { display: block;  height: 50px; width: 150px;}
.sign { margin: 20px 0px 0px 40px; }
.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: #0080ff ; -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: #0080ff; 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: #0080ff; }
.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 #0080ff  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(/web/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 20px; 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: #0080ff; }
.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: 100px; 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: 40px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; }
.nav .sub li.sub_w_c:hover a { color: #0080ff;}
.nav .sub li.sub_w_l dl dd a:hover { color: #0080ff;border: 1px solid #0080ff; }
.nav .sub li.sub_w_r { padding-left: 5%; font-size: 14px; }
.nav .sub li.sub_w_r p{line-height: 20px;}
.nav .sub li.sub_w_r p span { color: #0080ff; }
.nav .sub li.sub_w_r a { color: #36475a; font-size: 16px; font-weight: 700 }
.nav .sub li.sub_w_r a.a_bd{ color: #36475a; font-size: 14px; font-weight: 700; }
.nav .sub li.sub_w_r a:hover { color: #0080ff; }
.nav .sub li.sub_w_r .lx_w { height: 107px; padding-left: 60px; margin-top: 20px; background: url(/web/images/icon_tell.png) no-repeat -0px 18px; }
.nav .sub li.sub_w_r .lx_w i { font-size: 26px; font-style: normal; color: #ff6900; margin: 20px 0 10px 0; }
.nav .sub li.sub_w_r .lx_w p em { color: #07aa54; 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 li.sub_w_c:hover p {  color: #0080ff; }
.nav .sub li.sub_w_c:hover .sub_tt {  color: #36475a; }

.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_r .lx_w { height: 107px; padding-left: 60px; margin-top: 20px; background: url(/web/images/icon_tell.png) no-repeat -0px 18px; }
.nav .sub li.sub_w_r .lx_w i { font-size: 26px; font-style: normal; color: #ff6900; margin: 20px 0 10px 0;font-size: 34px;font-weight: 700;font-family: "sivan", Helvetica, arial, sans-serif;}
.nav .sub li.sub_w_r a.btn_qq { display: block;display: inline-block;vertical-align: middle;width:100px;height:34px;color: #36475a; font-size: 16px; font-weight: 500; font-size: 16px;font-weight: 700;background: url(/web/images/btn_qq.png) no-repeat center center;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
.nav .sub li.sub_w_r a.btn_qq:hover{background: url(/web/images/btn_qq_h.png) no-repeat center center;}



/*解决方案二级导航*/
.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: #0080ff; }
.nav .sub li.sub_w_c .industry_list { overflow: hidden; }
.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: 40px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; }
.nav .sub li.sub_w_c .industry_list a:hover { color: #0080ff ;border: 1px solid #0080ff; }
/*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; overflow: hidden; 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: #0080ff  }
.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: #0080ff ; border: 1px solid #0080ff  }
.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(/web/images/icon_d.png) no-repeat center center; transition: all .5s; -webkit-transition: all .5s }
.fsnav ul .fix_nav_btn:hover i { color: #0080ff ; }
.fsnav ul .fix_nav_btn i { color: #0080ff ; -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%; }
.clodmeeting h3, .training h3, .Hardware h3 { color: #6e798b; margin: 20px auto 30px auto; }
.clodmeeting { width: 100%; }
.training { width: 100%; /*! background: url(/web/images/bg2.jpg) no-repeat top center; */ background-color: #F5F5F5 }
.training .training_img { width: 98%; }
.Hardware { width: 100%; /*! background: url(/web/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(/web/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: #0080ff; 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;  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: #0080ff; }
.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: 30px 0px 10px 0px; 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: 20px 0 0 0; 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: #0080ff ; 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 #0080ff solid; text-align: center; background-color: #0080ff; color: #fff; margin: 50px auto 30px auto; }
.customer_w .customer_more:hover { color: #FFF; border: 1px #0080ff solid; background-color: #0080ff; }
/*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: #0080ff; 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(/web/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; font-family: "sivan", Helvetica, arial, sans-serif;}
.contact_w .contact_left .phone_num_u { /*! font-weight: bold; */ font-size: 26px; padding-top: 0px; padding-bottom: 30px;font-family: "sivan", Helvetica, arial, sans-serif; }
.contact_w .contact_left .phone_num_f { font-weight: normal; font-size: 16px; font-family: "sivan", Helvetica, arial, sans-serif;}
.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(/web/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: 18px; }
.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(/web/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: #0080ff; }


@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: 2.5; }
}

@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: 2.5 }
}

@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: 2.5; }
}

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

/*-----通用布局 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: 30px; padding-bottom: 10px; 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; }

@media (max-width:480px) {
.news .news_list { padding: 0 10px 30px 10px; }
}
.news .new_list_w { 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 #0080ff; margin: 0 auto; }
.news .new_btn_w { overflow: hidden; }
.news .date_w { display: block; display: inline-block; float: left; 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: #0080ff; }
#nav-wrap a:hover { color: #0080ff; }
.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: #0080ff; 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: #0080ff; }
.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: #0080ff; -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg) }
.submenu li { border-bottom: 1px solid #0080ff; }


.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(/web/images/icon_m_nav_l.png) no-repeat center center;background-size:contain;}
.navsm li.active a i { color: #0080ff; -ms-transform: rotate(90deg); -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg) }
.submenu li { border-bottom: 1px solid #0080ff; }

.navsm li .submenu li a { display: block; font-size: 14px; background: #0080ff; 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: #0080ff; 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;  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(/web/images/icon_advantage.png) no-repeat 0 0; }
#footer .footer_advantage_w .advantage_list .icon_2 { background: url(/web/images/icon_advantage.png) no-repeat 0 -42px; }
#footer .footer_advantage_w .advantage_list .icon_3 { background: url(/web/images/icon_advantage.png) no-repeat 0 -84px; }
#footer .footer_advantage_w .advantage_list .icon_4 { background: url(/web/images/icon_advantage.png) no-repeat 0 -126px; }
#footer .footer_w { padding: 20px 0 20px 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: #0080ff; }
#footer .footer_menu a { line-height: 32px; color: #7f868b }
#footer .footer_menu a:hover { color: #0080ff; }
#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: 34px; font-weight: 700; margin: 20px 0 20px 0;
	font-family: "sivan", Helvetica, arial, sans-serif; }
#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: #0080ff ; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; }
.f_contact_btn .btn_view_footer:hover { background-color: #0080ff; }
#footer .erweima_w .f_contact_btn .btn_view_yellow { background-color: #f5a00e; }
.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: #0080ff; }
.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: #0080ff; }
.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: #0080ff; }
/*--------------------通用底部--------------------*/
.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: #0080ff ; 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(/web/images/yinhao1.png) top left no-repeat, url(/web/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%; }

/*--------------------手机底部2016-12-21--------------------*/
@media (max-width:970px) {
.contact  { display: none; } 
#footer { display: none; }
.m_footerr_w { display: block; }
.m_footer_nav_w, .fixed_btn { display: block; }
#goTopBtn { right: 10px; bottom: 60px; }
#doyoo_monitor, #doyoo_panel, #doyoo_share { display: none !important; }/*手机网页隐藏乐语弹窗、左侧、分享*/
 .tips_p {text-align: center !important;}    
}
@media (max-width:1200px) {
.contactlog  { display: none; } 
}

@media (min-width:969px) {
.m_footerr_w { display: none; }
.m_footer_nav_w { display: none; }
}
.m_footerr_w { background-color: #262a33; padding: 1.2rem 0.2rem 1.2rem 0.2rem;overflow: hidden;}
.m_footerr_w .m_footerr { max-width: 750px; margin: 0 auto; }
.m_footerr_w .m_footer_t_l { float: left; font-size: 16px; color: #929292; line-height: 24Px; }
.m_footerr_w .m_footer_t_l .m_footer_phone { font-size: 32px; margin: 20px auto; color: #CCC; }
.m_footerr_w .m_footer_t_r { float: right; display: table; margin: 10px auto; width: 180px; height: 180px; }
.m_footerr_w .m_footer_t_r span { display: table-cell; vertical-align: middle; }

@media (max-width:922px) {
.m_footerr_w .m_footer_t_l { float: left; font-size: 16px; color: #929292; line-height: 24Px; }
.m_footerr_w .m_footer_t_l .m_footer_phone { font-size: 32px; margin: 16px auto; color: #CCC; }
.m_footerr_w .m_footer_t_r { float: right; display: table; margin: 10px auto; width: 180px; height: 180px; }
.m_footerr_w .m_footer_t_r span { display: table-cell; vertical-align: middle; }
}

@media (max-width:750px) {
.m_footerr_w .m_footer_t_l { float: left; font-size: 16px; color: #929292; line-height: 24Px; }
.m_footerr_w .m_footer_t_l .m_footer_phone { font-size: 32px; margin: 20px auto; color: #CCC; }
.m_footerr_w .m_footer_t_r { float: right; display: table; margin: 10px auto; width: 180px; height: 180px; }
.m_footerr_w .m_footer_t_r span { display: table-cell; vertical-align: middle; }
}

@media (max-width:680px) {
.m_footerr_w .m_footer_t_l { float: left; font-size: 14px; color: #929292; line-height: 24Px; }
.m_footerr_w .m_footer_t_l p { margin: 8px 0 8px 0; }
.m_footerr_w .m_footer_t_l .m_footer_phone { font-size: 32px; margin: 10px auto; color: #CCC; }
.m_footerr_w .m_footer_t_r { float: right; display: table; margin: 10px auto; width: 180px; height: 180px; }
.m_footerr_w .m_footer_t_r span { display: table-cell; vertical-align: middle; }
}

@media (max-width:480px) {
.m_footerr_w .m_footer_t_l { float: left; font-size: 14px; color: #7f868b; line-height: 24Px; }
.m_footerr_w .m_footer_t_l p { margin: 4px 0 4px 0; }
.m_footerr_w .m_footer_t_l .m_footer_phone { font-size: 32px; margin: 10px auto; color: #CCC; }
.m_footerr_w .m_footer_t_r { float: right; display: table; margin: 10px auto; width: 180px; height: 180px; }
.m_footerr_w .m_footer_t_r span { display: table-cell; vertical-align: middle; }
}

@media (min-width:320px) and (max-width:480px) {
.m_footerr_w .m_footer_t_l { float: none; width: 100%; text-align: center; font-size: 14px; color: #7f868b; line-height: 20Px; }
.m_footerr_w .m_footer_t_l .m_footer_phone { font-size: 32px; margin: 30px auto; color: #CCC; }
.m_footerr_w .m_footer_t_r { float: none; display: table; text-align: center; width: 180px; height: 180px; margin: 10px auto; }
.m_footerr_w .m_footer_t_r span { display: table-cell; vertical-align: middle; }
}

@media (max-width:320px) {
.m_footerr_w .m_footer_t_l { float: none; width: 100%; text-align: center; font-size: 14px; color: #7f868b; line-height: 20Px; }
.m_footerr_w .m_footer_t_l .m_footer_phone { font-size: 32px; margin: 20px auto; color: #CCC; }
.m_footerr_w .m_footer_t_r { float: none; display: table; text-align: center; width: 180px; height: 180px; margin: 10px auto; }
.m_footerr_w .m_footer_t_r span { display: table-cell; vertical-align: middle; }
}
.m_footer_nav_w { position: fixed; z-index: 999; bottom: 0; height: 1.04rem;line-height: 1.04rem; min-width: 2.4rem; width: 100%; margin: 0 auto;  color: #42566e; font-size: 12px; text-align: center;  
 background: hsla(0,0%,100%,.2);
 overflow: hidden; 

}
.m_footer_nav_w:after{
content: "";
margin: auto;   
position: absolute;
z-index: -1;
left: 0;
top: 0;
right: 0;
bottom: 0;
background-color: #eef1f6;    
opacity:0.95;
filter:Alpha(opacity=95);
filter: blur(0.2rem);
margin: -0.5rem;
}

.m_footer_nav_w .m_footer_nav { max-width: 7.5rem; margin: 0 auto; }
.m_footer_nav_w .m_footer_nav li a { display: block; float: left; width: 33.33%; height: 1.04rem;line-height: 1.04rem;text-align: center; padding: 0.15rem 0; font-size: 0.24rem; color: #171f2b;  }
.m_footer_nav_w .m_footer_nav li a div { height: 1.04rem;line-height: 1.04rem; margin: 0px auto; }
.m_footer_nav_w .m_footer_nav li a:hover { color: #0080ff; background-color: #F2F2F2; }


.m_footer_nav_w .m_footer_nav li a p { margin: 0 auto;text-align:center;  height: 0.44rem; line-height: 0.44rem; float: none; }




.m_footer_nav_w .m_footer_nav li a .m_footer_icon { display: block; width: 0.44rem; height: 0.44rem; margin: 0 auto;text-align:center; float: none; }

.m_footer_nav_w .m_footer_nav li a .m_icon_zx { background: url(/web/images/icon_biaodan.png) no-repeat 0 0; background-size: contain; }
.m_footer_nav_w .m_footer_nav li a:hover .m_icon_zx { background: url(/web/images/icon_biaodan_h.png) no-repeat 0 0; background-size: contain; background-position: 0 0; }
.m_footer_nav_w .m_footer_nav li a .m_icon_dh { background: url(/web/images/icon_dianhua.png) no-repeat 0 0; background-size: contain; }
.m_footer_nav_w .m_footer_nav li a:hover .m_icon_dh { background: url(/web/images/icon_dianhua_h.png) no-repeat 0 0; background-size: contain; background-position: 0 0; }
.m_footer_nav_w .m_footer_nav li a .m_icon_ty { background: url(/web/images/icon_zixun.png) no-repeat 0 0; background-size: contain; }
.m_footer_nav_w .m_footer_nav li a:hover .m_icon_ty { background: url(/web/images/icon_zixun_h.png) no-repeat 0 0; background-size: contain; background-position: 0 0; }


/*--------------------返回顶部--------------------*/
.totop { width: 42px; height: 42px; position: fixed; z-index: 99; right: 42px; bottom: 42px; display: none; -webkit-border-radius: 30px; -moz-border-radius: 30px;border-radius: 30px; background: url(/web/images/totop.png) no-repeat 0 0px; -webkit-opacity: 0.8; -moz-opacity: 0.8; opacity: 0.8;}
.totop:hover { background: url(/web/images/totop.png) no-repeat 0 -42px;  -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; }
/*----------媒体查询-外边距通用----------*/	
@media only screen and (max-width: 480px) {
.mt10 { margin-top: 5px; }
.mt20 { margin-top: 10px; }
.mt30 { margin-top: 15px; }
.mt40 { margin-top: 20px; }
.mt50 { margin-top: 25px; }
.mt100 { margin-top: 50px; }
.mt200 { margin-top: 80px; }
.mt300 { margin-top: 120px; }
.mt600 { margin-top: 200px; }
.mt700 { margin-top: 250px; }
}
.xzypx { background: url(/web/images/ypxa1.jpg) no-repeat center center; }
.zxpx { background: url(/web/images/ypxb1.jpg) no-repeat center center; }
.qynbpx { background: url(/web/images/ypxc1.jpg) no-repeat center center; }
.wrdkt { background: url(/web/images/ypxd1.jpg) no-repeat center center; }
/*---------------单页面通用样式---------------*/
.overview { max-width: 1400px; margin: 0px auto 0px auto; padding: 30px 30px 30px 30px; margin-top: 10px; padding-bottom: 50px }
.overview .row { height: auto; padding: 35px 0px; border-bottom: 1px solid #EEE; }
.overview a { color: #36475a }
.overview a:hover { color: #08A3F0 }
.overview p a { color: #08A3F0 }
.overview p a:hover { color: #0390d6; }
.overview p a i { font-family: '宋体'; }
.overview2 { max-width: 1400px; margin: 0px auto; padding: 0px 25px 20px 25px; }
.overview p { line-height: 24px; padding: 0px 0; margin-top: 15px; color: #36475a; }
.bgfff { background-color: #fff; width: 100%; }
.bgf5 { background: #f5f5f5; }
.bgf5 p { line-height: 24px; padding: 0; color: #6e798b; }
.rline { border-right: 1px #eee solid; }
.detail { max-width: 1000px; background: #fff; margin: 10px auto; padding: 20px; }
/*---------------通用：新闻、关于我们内页导航样式---------------*/ 
.details_nav { background-color: #FFF; border-top: 1px #eee solid; padding: 10px 0; font-size: 16px; color: #666; }
.details_nav a { color: #36475a; overflow: hidden; word-wrap: break-word; word-break: normal; }
.details_nav a:hover, .details_nav .active { color: #0080ff; }
/*--------------------新闻列表样式--------------------*/
.xw_list_w { }
.xw_list_w .xw_list { }
.xw_list_w .xw_list p { color: #666; }
.xw_list .xw_img { height: 160px; min-height: 160px; max-height: 160px; background: url(/web/images/loading.gif) 50% no-repeat; overflow: hidden; }
/*----------新闻内页----------*/
.xw_bg_w { background-color: #fff; padding: 20px; margin-top: 10px; }
.xw_w { font-size: 14px; line-height: 32px; padding-right: 20px; }
.xw_w .xw_h { padding: 15px 0px; border-bottom: 1px solid #E7E7E7; margin-right: 10px; }
.xw_w .xw_h h2 { font-size: 32px; line-height: 42px; font-weight: 700; color: #36475a; }
.xw_w .xw_h .ReleaseDate { color: #666; line-height: 32px; font-size: 14px; margin: 0px; padding: 0px; float: left; }
.xw_w .xw_h .fx_box { float: left; margin-top: 2px; }
.xw_w .xw_h .ReleaseDate span { margin-right: 10px; }
.xw_w .xw_h .fx_box a { color: #666; }
.xw_w .news_content { padding-right: 0px; }
.xw_w .news_content img { display: block; margin: 0 auto; padding: 10px; /* max-width:650px */ }
.xw_w .news_content p { font-size: 16px; line-height: 2.2; color: #36475a; margin: 10px 0; padding: 0px; text-indent: 25px; }
.xw_w .news_content h4 { font-size: 16px; font-weight: bold; color: #36475a; }
.xw_w .Thenext { margin: 20px 0px; color: #36475a; overflow: hidden; line-height: 24px; }
.xw_w .Thenext .last_t { float: left; margin-bottom: 20px; text-overflow: ellipsis; /* for IE */ -moz-text-overflow: ellipsis; /* for Firefox,mozilla */ white-space: nowrap; overflow: hidden; }
.xw_w .Thenext .next_t { float: right; text-align: right; text-overflow: ellipsis; /* for IE */ -moz-text-overflow: ellipsis; /* for Firefox,mozilla */ white-space: nowrap; overflow: hidden; }
.xw_w .Thenext a { color: #666; }
.xw_w .Thenext a:hover { color: #08A3F0; }
/*新闻 max-768*/
@media screen and (max-width: 768px) {
.about_left_w  { display: none; }
/*.about_right_w { width: 100% !important; }*/
}

/*----------媒体查询-新闻内页----------*/
@media(max-width:970px) {
.xw_w .xw_h h2 { line-height: 42px; font-size: 24px; }
.xw_w .news_content img { display: block; margin: 0 auto; padding: 10px; max-width: 100% !important; height: auto !important; width: auto\9; }/*程序不对图片添加类，对新闻图片增加兼容手机代码*/
}

@media(max-width:768px) {
.xw_bg_w { background-color: #FFF; padding: 20px; margin-top: 0px; }
.xw_w { font-size: 14px; line-height: 32px; padding: 0px; }
.xw_w .xw_h { padding: 0px 0px; border-bottom: 1px solid #E7E7E7; margin-right: 10px; }
.xw_w .xw_h h2 { line-height: 32px; font-size: 24px; color: #000 }
.xw_w .xw_h .ReleaseDate { color: #666; line-height: 32px; font-size: 14px; margin: 0px; padding: 0px; float: left; }
.xw_w .xw_h .fx_box { float: left; margin-top: 2px; }
.xw_w .news_content p { font-size: 14px; line-height: 32px; color: #36475a; margin: 10px 0; padding: 0px; text-indent: 25px; }
.xw_w .news_content h4 { font-size: 16px; font-weight: bold; color: #36475a; }
.xw_w .Thenext { margin: 0px 0px; color: #36475a; padding: 20px 0px; overflow: hidden; border-top: 1px dashed #F2F2F2; border-bottom: 1px dashed #F2F2F2; }
.xw_w .Thenext .last_t { float: left; text-align: left; text-overflow: clip; /* for IE */ -moz-text-overflow: clip; /* for Firefox,mozilla */ white-space: normal; overflow: none; }
.xw_w .Thenext .next_t { float: left; text-align: left; text-overflow: clip; /* for IE */ -moz-text-overflow: clip; /* for Firefox,mozilla */ white-space: normal; overflow: none; }
.xw_w .Thenext a { color: #666; }
.xw_w .Thenext a:hover { color: #08A3F0; }
}
/*----------右侧新闻推荐----------*/
.tj_w { margin-top: 42px; }
.tj_w h3 { color: #36475a; line-height: 42px; padding: 15px 0px; margin-left: 10px; border-bottom: 1px solid #E7E7E7; }
.tj_w .tj { margin: 30px 0 20px 0; line-height: 24px }
.tj_w .tj_title { color: #666; }
.tj_w .tj_title a { color: #999; }
.tj_w .tj_title a.btn_tj_rmore { -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; display: inline-block; color: #666; height: 24px; line-height: 24px; color: #0390D6; }
.tj_w .tj_title a.btn_tj_rmore i { font-family: '宋体'; padding-left: 3px; }
.tj_w .tj:hover a, .tj_title a:hover { color: #00A8EC; }
.solution_box { position: relative; }
.yuan { z-index: 50; width: 14px; height: 14px; background: url(/web/images/i16.png) no-repeat center center; position: absolute; cursor: pointer; }
.qxmai { bottom: 480px; left: 1090px; }
.sxtou { top: 195px; left: 960px; }
.cptj { display: none; position: fixed; bottom: 0; z-index: 500; background-color: #fff; width: 990px; left: 50%; margin-left: -495px; height: 150px; }
.cptj1 { padding: 20px; float: left; }
.place_more { background-color: #07a3f0; height: 150px; color: #fff; font-size: 18px; padding: 62px 40px; display: block; }

/*----------媒体查询-右侧新闻推荐----------*/
@media (min-width:970px) and (max-width:1170px) {
.tj_w .tj_title { height: 50px; text-overflow: ellipsis; word-break: break-all; overflow: hidden; }
}

@media (max-width:970px) {
.tj_w { margin-top: 0px; }
.tj_w .tj { margin: 30px 0 20px 0; line-height: 24px }
.tj_w .tj_title { height: 50px; text-overflow: ellipsis; word-break: break-all; overflow: hidden; }
.tj_w h3 { color: #36475a; font-size: 24px; }
}

@media (max-width:760px) {
.tj_w { margin-top: 10px; padding: 0; }
.tj_w .tj_title { height: auto; text-overflow: ellipsis; word-break: break-all; overflow: hidden; }
.tj_w h3 { font-size: 20px; color: #36475a; line-height: 42px; margin-left: 10px; border-bottom: 1px solid #E7E7E7; background: url(/web/images/img/icon_titlie_bottom.png) no-repeat 0 28px; padding-left: 10px; margin-bottom: 10px; }
.tj { margin: 20px 0 20px 0; }
.tj_w .tj { width: 50%; float: left; }
}

@media (min-width:320px) and (max-width:480px) {
.tj_w .tj { width: 100%; float: left; }
}

@media (max-width:320px) {
.tj_w .tj { width: 100%; float: left; }
}

.fs_advantage { margin: 0 auto; background-color: #FFF; }
.pzcard { float: left; width: 25%; height: 100px; background: url(/web/images/i17.png) no-repeat center center; padding: 35px 0; margin: 20px auto; }
.maginauto { margin: 0 auto; }
.bs img { margin: 10px; }

/*-----?????¨??￥???è????°???----*/
.Privacy { width: 1100px; margin: auto; }
.Privacy ul { padding: 0px; }
.Privacy_01 { font-size: 14px; color: #666666; font-family: "Comic Sans MS", cursive, "???è?ˉé??é??"; list-style-type: none; text-align: center; line-height: 50px; }
.tyfk { width: 1000px; margin: auto; background-image: url(/web/images/img/tyfk_bg.png); background-repeat: no-repeat; height: 380px; padding-top: 75px; height: 500px; }
.tyfk ul { padding-left: 0px; }
.ty02 table tr td .ty_btn { background-image: url(/web/images/img/tybtn.png); background-repeat: no-repeat; width: 162px; height: 39px; border: 0px; cursor: pointer; margin-top: 10px; }
.ty01 { width: 280px; border-right: #ccc solid 1px; margin-left: 50px; }
.ty01 dl dt { font-size: 16px; font-family: "???è?ˉé??é??"; color: #8CB7C7; line-height: 40px; }
.ty01 dl dd { margin-top: 20px; }
.ty02 { width: 600px; padding: 0px; }
.ty02 table tr { height: 36px; }
.ty02 table tr td { font-size: 14px; color: #666; }
.ty02 table tr td input { padding: 0 0 0 5px; line-height: 32px; font-size: 14px; color: #999; border: 1px solid #d2d2d2; }
label { cursor: default; }
.case_info { background-color: #edebec; padding: 10px; overflow: auto; height: 250px; width: 750px; margin: auto; }
.map_w { padding-bottom: 30px; padding-top: 30px; }
.map_w { float: left; }
.map_w dl { margin-left: 55px; padding-bottom: 20px; }
.map_w dl dt { font-size: 14px; line-height: 30px; color: #3399CC; width: 150px; height: 30px; background-color: #f7f7f7; font-weight: bold; }
.map_w dl dd { font-size: 12px; color: #666; line-height: 24px; }
.map_w dl dt a { color: #06C; text-decoration: none; }
.map_w dl dd a { font-size: 12px; color: #666; line-height: 24px; text-decoration: none; }
.about_w { background-color: #FFF; max-width: 1400px; margin-top: 0px; padding-bottom: 50px; padding: 10px; }
.about_w .about_left_w .about_left_nav h4 { width: 100%; height: 42px; line-height: 42px; font-size: 16px; font-size: 16px; font-weight: bold; border-bottom: 1px solid #EEE; color: #36475a; }
.about_w .about_left_w .about_left_nav dl { margin-top: 0px; padding-bottom: 10px; border-bottom: 1px dashed #f2f2f2; }
.about_w .about_left_w .about_left_nav dl dt { height: 42px; line-height: 42px; }
.about_w .about_left_w .about_left_nav dl dt a { font-size: 14px; font-weight: bold; color: #36475a; display: block; height: 32px; line-height: 32px; }
.about_w .about_left_w .about_left_nav dl dd { margin: 0; padding: 0px; }
.about_w .about_left_w .about_left_nav dl dd a { float: left; width: 50%; padding-right: 10%; height: 32px; line-height: 32px; font-size: 14px; font-weight: normal; display: block; color: #6e798b; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

/*----------?a??????￥èˉ￠-??3?o???????----------*/
@media only screen and (max-width: 420px) {
.about_w .about_left_w .about_left_nav dl dd a { float: left; width: 100%; padding-right: 10%; height: 32px; line-height: 32px; font-size: 14px; font-weight: normal; display: block; color: #666; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
}
.about_w .about_left_w .about_left_nav dl dd a.active { color: #0080ff;}
.about_w .about_left_w .about_left_nav a:hover { -webkit-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; color: #0080ff; }
.about_w .about_left_w .about_left_nav { background: url(/web/images/left_line_bg.jpg) no-repeat right top; word-wrap: break-word; word-break: normal;background-size: 8% 100%; }
.about_w .about_left_w .left_contact_w { padding-right: 5%; }
.about_w .about_left_w .left_contact_w p { margin: 0px; padding: 0px 0; line-height: 32px; color: #36475a; font-size: 13px; }
.about_w .about_left_w .left_contact_w .left_lx_w { border: 1px solid #EEE; color: #666; padding: 4%; margin-top: 10px; margin-bottom: 20px; overflow: hidden; }
.about_w .about_left_w .left_contact_w .left_lx_w .left_lx_img { margin: 0; padding: 0; margin-top: 2px; }
.about_w .about_left_w .left_contact_w .left_lx_w .left_lx_t { margin: 0; padding: 0 }
.about_w .about_left_w .left_contact_w .left_lx_w i { font-size: 23px; font-style: normal; color: #ff6900; margin: 20px 0 10px 0; }
.about_w .about_left_w .left_contact_w .left_lx_w p { line-height: 24px; color: #6e798b; font-size: 14px; }
.about_w .about_left_w .left_contact_w .left_lx_w p em { color: #07aa54; padding: 0 2px; }
.about_w .about_right_w { margin-top: 20px; }
.about_w .about_right_w h3 { margin: auto; }
.about_w .about_right_w p { font-size: 16px; line-height: 30px; color: #36475a;text-indent: 2em;margin: auto; }
/*----------??????è?￡èa?----------*/
.ry_w { padding-bottom: 30px; padding: 10px; }
.ry_w .ry_list_w { padding-bottom: 10px; }
.ry_w .ry_list_w:hover .ry_li .ry_tt { color: #00A8EC }
.ry_w .ry_list_w .ry_li { background-color: #FFF; border: 1px solid #EEE; text-align: center; margin: 10px 0px; padding: 20px 20px 10px 20px; }
.ry_w .ry_list_w .ry_li .ry_tt { height: 32px; line-height: 32px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 16px; color: #36475a; margin-top: 15px; }
.ry_w .ry_list_w .ry_li .ry_li_img { position: relative; z-index: 3; display: block; *display:inline;
zoom: 1;/*???é?¤???????¤?è?1è·?*/ cursor: pointer; height: 160px; min-height: 160px; max-height: 160px; overflow: hidden; background: url(/web/images/loading.gif) 50% no-repeat; }
.ry_w .ry_list_w .ry_li .ry_li_img .view { display: none; overflow: hidden; cursor: pointer; position: absolute; z-index: 9999; left: 24%; top: 40%; width: 50%; height: 42px; color: #fff; border: 1px solid #fff; padding: 0px 12px; line-height: 42px; text-align: center; border: 1px solid #fff; opacity: 1; filter: alpha(opacity=100); -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; border-radius: 30px;}
.ry_w .ry_list_w .ry_li .ry_li_img .view:hover { border: 1px solid #08A3F0; background-color: #08A3F0; border-radius: 30px; -moz-radius: 30px; -webkit-radius: 30px; transition: all 0.2s ease-out 0s; }
.ry_w .ry_list_w .ry_li .ry_li_img .dark { display: none; position: absolute; z-index: 1; top: 0px; right: 0px; _right: 6px; height: 100%; width: 100%; background: url(/web/images/1px.png) repeat; }
.ry_w .hover .ry_li .ry_li_img .dark { display: block; }
.ry_w .hover .ry_li .ry_li_img .view { display: block; top: 40%; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; }
.ry_w .ry_list_w .ry_li:hover { -webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.1); -webkit-transition: all .2s linear; transition: all .2s linear; box-shadow: 0 15px 30px rgba(0,0,0,0.1); -webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0); }
/*--------------------é????¨?¨????--------------------*/

/*----------é?μ? ?----------*/
.text-c { margin-top: 50px; text-align: center; }
.text-c a { height: 32px; line-height: 32px; border: solid 1px #CCCCCC; padding: 0px 20px; text-decoration: none; color: #666; display: inline-block; margin-right: 5px; margin-bottom: 10px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; }
.text-c span { color: #F60; height: 32px; line-height: 32px; border: solid 1px #08A3F0; padding: 0px 20px; text-decoration: none; color: #FFF; display: inline-block; margin-right: 5px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; background-color: #08A3F0; }
/*----------é?μ? ?2----------*/
.page_number { text-align: center; }
.page_number a, .page_number span { height: 32px; line-height: 32px; border: solid 1px #CCCCCC; padding: 0px 20px; text-decoration: none; color: #666; display: inline-block; margin: 10px 5px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; }
.page_number span { background-color: #0080ff ; color: #FFF; border: solid 1px #0080ff ; }
.page_number a:hover { color: #F60; border: solid 1px #0080ff ; color: #FFF; background-color: #0080ff ; }

@media screen and (max-width:480px) {
.page_number { margin: 30px; auto;
}
.page_number .container { margin: 0 -30px }
.page_number a { height: 32px; line-height: 32px; border: solid 1px #CCCCCC; padding: 0px 20px; text-decoration: none; color: #666; display: inline-block; margin: 0px 10px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; }
}
/*----------é?￠????±??ˉ?è?a----------*/
.location_w { font-size: 14px; height: 62px; line-height: 42px; color: #6d7989; margin: 0px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.sep { color: #c7d2df; padding: 0 8px; }
.location_w a:hover { color: #FE760A; }
.location_w a { color: #6d7989; height: 20px; line-height: 20px; width: auto; padding: 0 2px 0 2px; text-align: center; transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -webkit-transition: all 0.2s ease-out 0s; }
.location_w a:hover { color: #00A8EC; }
/*----------?a??????￥èˉ￠-???é?μé?￠????±? max-990----------*/
.location { border-bottom: 2px solid #DFDFDF; margin-bottom: 15px; padding: 5px 0; width: 1100px; margin: auto; margin-top: -30px; color: #666; padding-top: 30px; }
.location a { text-decoration: none; color: #666; }
/*----------?????????IE6 7 8 IE???? ?????????1???????¤o????o§?μ?è§???¨----------*/
#browser_ie { position: absolute; font-size: 12px; top: 107px; z-index: 9999; background-color: #f6f6b4; display: none; width: 100%; height: 120px; color: #000; font-size: 15px }
#browser_ie .brower_info { position: relative; margin: 0px auto; width: 1100px; padding-top: 20px; }
#browser_ie .brower_info .notice_info { position: absolute; margin-top: 5px; left: 0px; }
#browser_ie .brower_info .notice_info p { text-align: left; line-height: 25px; width: 600px; display: inline-block }
#browser_ie .browser_list { position: absolute; left: 620px; top: 30px; }
#browser_ie .browser_list img { width: 40px; height: 40px; }
#browser_ie .browser_list span { text-align: center; width: 80px; display: inline-block; }
#browser_ie .close_btn { width: 18px; height: 18px; background: url(/web/images/xzb-cbtn.png) no-repeat; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; position: absolute; right: 100px; top: 20px; cursor: pointer; }
.mask { position: absolute; top: 0px; filter: alpha(opacity=60); background-color: #777; z-index: 1002; left: 0px; opacity: 0.5; -moz-opacity: 0.5; }
/*----------é?μé?￠??oè????-----------*/
.building_w { width: 100%; height: auto; margin: 0 auto; padding: 0; }
.building_c { width: 600px; height: auto; margin: 0 auto; padding: 0; min-height: 500px; padding-top: 150px; margin-bottom: 40px; }
.building_c img { float: left; margin-right: 30px; }
.building_c h1 { line-height: 42px; padding-left: 20px; font-size: 22px; color: #36475a; }
.building_c p { margin-left: 120px; font-size: 12px; line-height: 24px; color: #666666; }
.building_c p a { color: #0f87da; text-decoration: none; }
.building_f { line-height: 32px; margin-top: 20px; font-style: normal; font-size: 14px; }
.building_ptop { margin-top: 20px; }
.building_p { font-style: normal; color: #0f87da; }

/*--------------------CSS3??¨???--------------------*/

/*é??é?¨?? ??￥???è????¤???é??hover??¨???*/
@-moz-keyframes a_post_item_3 {
 0% {
-moz-box-shadow:0px 0px 0px 0px rgba(0,168,236,1);
}
 100% {
-moz-box-shadow:0px 0px 0px 8px rgba(0,168,236,0);
}
}
@-webkit-keyframes a_post_item_3 {
 0% {
-webkit-box-shadow:0px 0px 0px 0px rgba(0,168,236,1);
}
00% {
-webkit-box-shadow:0px 0px 0px 8px rgba(0,168,236,0);
}
}
/*é|?é?μ??¨?o?????¤o???é??hover??¨???*/
@-moz-keyframes a_post_item_1 {
 0% {
-moz-box-shadow:0px 0px 0px 0px rgba(60,199,22,1);
}
 100% {
-moz-box-shadow:0px 0px 0px 12px rgba(60,199,22,0);
}
}
@-webkit-keyframes a_post_item_1 {
 0% {
-webkit-box-shadow:0px 0px 0px 0px rgba(60,199,22,1);
}
 100% {
-webkit-box-shadow:0px 0px 0px 12px rgba(60,199,22,0);
}
}
/*é|?é?μ???è′1èˉ???¨???é??hover??¨???*/
@-moz-keyframes a_post_item_2 {
 0% {
box-shadow:0px 0px 0px 0px rgba(255,126,34,1);
}
 100% {
-moz-box-shadow:0px 0px 0px 12px rgba(255,126,34,0);
}
}
@-webkit-keyframes a_post_item_2 {
 0% {
-moz-box-shadow:0px 0px 0px 0px rgba(255,126,34,1);
}
 100% {
-moz-box-shadow:0px 0px 0px 12px rgba(255,126,34,0);
}
}
 /*???????????¨-?°?(è????¨???è????-???hover?o¤?o?)*/
  @-webkit-keyframes bounce-s {
0%, 20%, 50%, 80%, 100% {
-webkit-transform:translateY(0)
}
 40% {
-webkit-transform:translateY(-6px)
}
 60% {
-webkit-transform:translateY(-3px)
}
}
 @-moz-keyframes bounce-s {
0%, 20%, 50%, 80%, 100% {
-moz-transform:translateY(0)
}
 40% {
-moz-transform:translateY(-6px)
}
 60% {
-moz-transform:translateY(-3px)
}
}
 @keyframes bounce-s {
0%, 20%, 50%, 80%, 100% {
transform:translateY(0)
}
 40% {
transform:translateY(-6px)
}
 60% {
transform:translateY(-3px)
}
}

/*???????????¨-?¤§*/
  @-webkit-keyframes bounce {
0%, 20%, 50%, 80%, 100% {
-webkit-transform:translateY(0)
}
 40% {
-webkit-transform:translateY(-3px)
}
 60% {
-webkit-transform:translateY(-3px)
}
}
 @-moz-keyframes bounce {
0%, 20%, 50%, 80%, 100% {
-moz-transform:translateY(0)
}
 40% {
-moz-transform:translateY(-6px)
}
 60% {
-moz-transform:translateY(-3px)
}
}
 @keyframes bounce {
0%, 20%, 50%, 80%, 100% {
transform:translateY(0)
}
 40% {
transform:translateY(-6px)
}
 60% {
transform:translateY(-3px)
}
}

/*è??è?2???é??hover??¨???*/
@-moz-keyframes a_post_item_3 {
 0% {
box-shadow:0px 0px 0px 0px rgba(0,128,192,1);
}
 100% {
box-shadow:0px 0px 0px 12px rgba(0,128,192,0);
}
}
@-webkit-keyframes a_post_item_3 {
 0% {
box-shadow:0px 0px 0px 0px rgba(0,128,192,1);
}
 100% {
box-shadow:0px 0px 0px 12px rgba(0,128,192,0);
}
}

/*?????￡??¨???*/ 
@-webkit-keyframes kuosan {
 0% {
 -webkit-transform:scale(0);
  -webkit-transform:scale(0);
  -webkit-opacity:1;
  -webkit-filter:alpha(opacity=100)\9
}
 100% {
 -webkit-transform:scale(4.6);
  -webkit-transform:scale(4.6);
  -webkit-opacity:0;
  -webkit-filter:alpha(opacity=0)\9
}
}
@keyframes kuosan {
 0% {
 -webkit-transform:scale(0);
  -webkit-transform:scale(0);
  -webkit-opacity:1;
  -webkit-filter:alpha(opacity=100)\9
}
 100% {
 -webkit-transform:scale(4.6);
  -webkit-transform:scale(4.6);
  -webkit-opacity:0;
  -webkit-filter:alpha(opacity=0)\9
}
}


/*-----css3??¨???-??3?o???????Banner-----*/
@-moz-keyframes slow_scale {
0% {
-moz-transform:  scale(1.1);
}
100% {
-moz-transform:  scale(1.0);
}
}
@-webkit-keyframes slow_scale {
0% {
-webkit-transform:  scale(1.1);
}
100% {
-webkit-transform:  scale(1.0);
}
}
@keyframes slow_scale {
0% {
transform: scale(1.1);
}
100% {;
transform: scale(1);
}
}
/*----------é????¨???????o§???èˉ|???é?μCSS??¨???----------*/  

/*-----h1?????￠??????????·??? .active è§|???èˉ￥??¨???-----*/ 
.active .mcu_text_w h1, .active .m550_img_w img { opacity: 1; -webkit-transition: all .3s .1s; -webkit-transition-delay: ease; -moz-transition: all .3s .1s ease; -o-transition: all .3s .1s ease; transition: all .3s .1s ease; -webkit-animation: moveDown 0.6s ease-in-out 0.2s backwards; -moz-animation: moveDown 0.6s ease-in-out 0.2s backwards; -o-animation: moveDown 0.6s ease-in-out 0.2s backwards; -ms-animation: moveDown 0.6s ease-in-out 0.2s backwards; animation: moveDown 0.6s ease-in-out 0.2s backwards; }
 @-webkit-keyframes moveDown {
 0% {
 -webkit-transform: translateY(-10px);
 opacity: 0;
}
 100% {
 -webkit-transform: translateY(0px);
 opacity: 1;
}
}
 @-moz-keyframes moveDown {
 0% {
 -moz-transform: translateY(-10px);
 opacity: 0;
}
 100% {
 -moz-transform: translateY(0px);
 opacity: 1;
}
}
 @-o-keyframes moveDown {
 0% {
 -o-transform: translateY(-10px);
 opacity: 0;
}
 100% {
 -o-transform: translateY(0px);
 opacity: 1;
}
}
 @keyframes moveDown {
 0% {
 transform: translateY(-10px);
 opacity: 0;
}
 100% {
 transform: translateY(0px);
 opacity: 1;
}
}
/* 产品中心动画集合(云会议，远程课堂)*/

/* 产品中心通用按钮*/

.cp_btn_w { margin-left: -20px; margin-right: -20px; }
.btn_r_more, .btn_free_trial { display: block; display: inline-block; width: auto; min-width: 60px; padding: 0 40px; height: 42px; line-height: 42px; margin: 0px 20px 0px 20px; text-align: center; font-size: 14px; color: #FFF; background-color: #0080ff ; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; }
.btn_r_more:hover, .btn_free_trial:hover { color: #FFF; background-color: #00aaff;/**box-shadow: 1px 2px 6px 0px rgb( 31, 159, 238,.6 );**/ }
/*类别栏目页面，免费试用按钮为黄色（两个按钮一起时）*/
.fscp_category_w .btn_free_trial { display: block; display: inline-block; width: auto; min-width: 60px; padding: 0 40px; height: 42px; line-height: 42px; margin: 0px 20px 0px 20px; text-align: center; font-size: 14px; color: #FFF; background-color: #f5a00e; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; }
.fscp_category_w .btn_free_trial:hover { background: #e49814; }

@media screen and (max-width:480px) {
.btn_r_more, .btn_free_trial { display: block; display: inline-block; width: auto; min-width: 100px; padding: 0 40px; height: 42px; line-height: 42px; margin: 10px auto 0 auto; text-align: center; font-size: 14px; color: #FFF; background-color: #0080ff ; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; }
.fscp_category_w .btn_free_trial { display: block; display: inline-block; width: auto; min-width: 100px; padding: 0 40px; height: 42px; line-height: 42px; margin: 10px auto 0 auto; text-align: center; font-size: 14px; color: #FFF; background-color: #f5a00e; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; }
}
/*.fscp_w下的H1、 .cp_s_w下首个P标签、免费试用.btn_free_trial(插件wow.js .cp_s_w触发条件。添加.active)*/ 
.fscp_w .cp_s_w.active .cp_desc em { opacity: 1; -webkit-transition: all .8s .1s; -webkit-transition-delay: ease; -moz-transition: all .8s .1s ease; -o-transition: all .8s .1s ease; transition: all .8s .1s ease; -webkit-animation: moveDown 0.8s ease-in-out 0.2s backwards; -moz-animation: moveDown 0.8s ease-in-out 0.2s backwards; -o-animation: moveDown 0.8s ease-in-out 0.2s backwards; -ms-animation: moveDown 0.8s ease-in-out 0.2s backwards; animation: moveDown 0.8s ease-in-out 0.2s backwards; }
.fscp_w .cp_s_w.active .cp_desc h1 { opacity: 1; -webkit-transition: all .6s .1s; -webkit-transition-delay: ease; -moz-transition: all .6s .1s ease; -o-transition: all .6s .1s ease; transition: all .6s .1s ease; -webkit-animation: moveDown 0.6s ease-in-out 0.2s backwards; -moz-animation: moveDown 0.6s ease-in-out 0.2s backwards; -o-animation: moveDown 0.6s ease-in-out 0.2s backwards; -ms-animation: moveDown 0.6s ease-in-out 0.2s backwards; animation: moveDown 0.6s ease-in-out 0.2s backwards; }
 @-webkit-keyframes moveDown {
 0% {
-webkit-transform: translateY(-20px);
 -webkit-opacity: 0;
}
 100% {
transform: translateY(0px);
 opacity: 1;
}
}
 @-moz-keyframes moveDown {
 0% {
-moz-transform: translateY(-20px);
 -moz-opacity: 0;
}
 100% {
  -moz-transform: translateY(0px);
  -moz-opacity: 1;
}
}
 @-o-keyframes moveDown {
 0% {
-o-transform: translateY(-20px);
 -o-opacity: 0;
}
 100% {
 -o-transform: translateY(0px);
  -o-opacity: 1;
}
}
 @keyframes moveDown {
 0% {
 transform: translateY(-20px);
 opacity: 0;
}
 100% {
 transform: translateY(0px);
 opacity: 1;
}
}
/*段落文字p动画*/ 
.fscp_w .cp_s_w.active .cp_text p { opacity: 1; -webkit-transition: all 1s .1s; -webkit-transition-delay: ease; -moz-transition: all 1s .1s ease; -o-transition: all 1s .1s ease; transition: all 1s .1s ease; -webkit-animation: moveDown 1s ease-in-out 0.2s backwards; -moz-animation: moveDown 1s ease-in-out 0.2s backwards; -o-animation: moveDown 1s ease-in-out 0.2s backwards; -ms-animation: moveDown 1s ease-in-out 0.2s backwards; animation: moveDown 1s ease-in-out 0.2s backwards; }
/**单独的免费试用动画**/
.fscp_w .active .btn_r_more, .fscp_w .active .btn_view_further, .fscp_w .active .btn_free_trial { opacity: 1; -webkit-transition: all .3s .1s; -webkit-transition-delay: ease; -moz-transition: all .3s .1s ease; -o-transition: all .3s .1s ease; transition: all .3s .1s ease; -webkit-animation: moveDown 0.8s ease-in-out 0.4s backwards; -moz-animation: moveDown 0.8s ease-in-out 0.4s backwards; -o-animation: moveDown 0.8s ease-in-out 0.4s backwards; -ms-animation: moveDown 0.8s ease-in-out 0.4s backwards; animation: moveDown 0.8s ease-in-out 0.4s backwards; opacity: 1; -webkit-transition: all 1.4s .1s; -webkit-transition-delay: ease; -moz-transition: all 1.4s .1s ease; -o-transition: all 1.4s .1s ease; transition: all 1.4s .1s ease; -webkit-animation: moveDown 1.6s ease-in-out 0.2s backwards; -moz-animation: moveDown 1.6s ease-in-out 0.2s backwards; -o-animation: moveDown 1.6s ease-in-out 0.2s backwards; -ms-animation: moveDown 1.6s ease-in-out 0.2s backwards; animation: moveDown 1.6s ease-in-out 0.2s backwards; }
/**中间图片往上移动动画**/

.fscp_w .cp_s_w.active .cp_center_img { opacity: 1; -webkit-transition: 1.2s ease-in-out 0.6s backwards; -webkit-transition-delay: ease; -moz-transition: 1.2s ease-in-out 0.6s backwards ease; -o-transition: 1.2s ease-in-out 0.6s backwards ease; transition: 1.2s ease-in-out 0.6s backwards ease; -webkit-animation: moveUp 1.2s ease-in-out 0.6s backwards; -moz-animation: moveUp 1.2s ease-in-out 0.6s backwards; -o-animation: moveUp 1.2s ease-in-out 0.6s backwards; -ms-animation: moveUp 1.2s ease-in-out 0.6s backwards; animation: moveUp 1.2s ease-in-out 0.6s backwards; }
 @-webkit-keyframes moveUp {
 0% {
 -webkit-transform: translateY(-20px);
  -webkit-opacity: 0;
}
 100% {
 -webkit-transform: translateY(0px);
  -webkit-opacity: 1;
}
}
 @-moz-keyframes moveUp {
 0% {
-moz-transform: translateY(-20px);
 -moz-opacity: 0;
}
 100% {
-moz-transform: translateY(0px);
 -moz-opacity: 1;
}
}
 @-o-keyframes moveUp {
 0% {
-o-transform: translateY(-20px);
-o-opacity: 0;
}
 100% {
-o-transform: translateY(0px);
 -o-opacity: 1;
}
}
 @keyframes moveUp {
 0% {
 transform: translateY(-20px);
 opacity: 0;
}
 100% {
 transform: translateY(0px);
 opacity: 1;
}
}
/**右侧图片做移动**/
.fscp_w .cp_s_w.active .pull-right.cp_img img { opacity: 1; -webkit-transition: 1.2s ease-in-out 0.6s backwards; -webkit-transition-delay: ease; -moz-transition: 1.2s ease-in-out 0.6s backwards ease; -o-transition: 1.2s ease-in-out 0.6s backwards ease; transition: 1.2s ease-in-out 0.6s backwards ease; -webkit-animation: moveLeft 1.1s ease-in-out 0.6s backwards; -moz-animation: moveLeft 1.1s ease-in-out 0.6s backwards; -o-animation: moveLeft 1.1s ease-in-out 0.6s backwards; -ms-animation: moveLeft 1.1s ease-in-out 0.6s backwards; animation: moveLeft 1.1s ease-in-out 0.6s backwards; }
 @-webkit-keyframes moveLeft {
 0% {
 -webkit-transform: translateX(20px);
 -webkit-opacity: 0;
}
 100% {
 -webkit-transform: translateX(0px);
 -webkit-opacity: 1;
}
}
 @-moz-keyframes movemoveLeft {
 0% {
 -moz-transform: translateX(20px);
 -webkit-opacity: 0;
}
 100% {
 -moz-transform: translateX(0px);
 -webkit-opacity: 1;
}
}
 @-o-keyframes movemoveLeft {
 0% {
 -o-transform: translateX(20px);
 -o-opacity: 0;
}
 100% {
 -o-transform: translateX(0px);
 -o-opacity: 1;
}
}
 @keyframes movemoveLeft {
 0% {
 transform: translateX(0px);
 opacity: 0;
}
 100% {
 transform: translateX(20px);
 opacity: 1;
}
}
/**左侧图片右边移动**/
.fscp_w .cp_s_w.active .pull-left.cp_img img { -webkit-animation: moveRight 1.2s ease-in-out 0.6s backwards; -moz-animation: moveRight 1.2s ease-in-out 0.6s backwards; -o-animation: moveRight 1.2s ease-in-out 0.6s backwards; -ms-animation: moveRight 1.2s ease-in-out 0.6s backwards; animation: moveRight 1.2s ease-in-out 0.6s backwards; }
 @-webkit-keyframes moveRight {
 0% {
 -webkit-transform: translateX(-20px);
 -webkit-opacity: 0;
}
 100% {
 -webkit-transform: translateX(0px);
 -webkit-opacity: 1;
}
}
 @-moz-keyframes moveRight {
 0% {
 -moz-transform: translateX(-20px);
 -moz-opacity: 0;
}
 100% {
 -moz-transform: translateX(0px);
  -moz-opacity: 1;
}
}
 @-o-keyframes moveRight {
 0% {
 -o-transform: translateX(-20px);
 -o-opacity: 0;
}
 100% {
 -o-transform: translateX(0px);
 -o-opacity: 1;
}
}
 @keyframes moveRight {
 0% {
 transform: translateX(-20px);
 opacity: 0;
}
 100% {
 transform: translateX(0px);
 opacity: 1;
}
}
/*-----段落文字p动画,添加.active 触发该动画-----*/ 
.active .mcu_text_w em, .active .mcu_text_w p { opacity: 1; -webkit-transition: all .3s .1s; -webkit-transition-delay: ease; -moz-transition: all .3s .1s ease; -o-transition: all .3s .1s ease; transition: all .3s .1s ease; -webkit-animation: moveUp 0.6s ease-in-out 0.2s backwards; -moz-animation: moveUp 0.6s ease-in-out 0.2s backwards; -o-animation: moveUp 0.6s ease-in-out 0.2s backwards; -ms-animation: moveUp 0.6s ease-in-out 0.2s backwards; animation: moveUp 0.6s ease-in-out 0.2s backwards; }
@-webkit-keyframes moveUp {
 0% {
 -webkit-transform: translateY(20px);
 -webkit-opacity: 0;
}
 100% {
 -webkit-transform: translateY(0px);
 -webkit-opacity: 1;
}
}
 @-moz-keyframes moveUp {
 0% {
 -moz-transform: translateY(20px);
  -moz-opacity: 0;
}
 100% {
 -moz-transform: translateY(0px);
  -moz-opacity: 1;
}
}
 @-o-keyframes moveUp {
 0% {
 -o-transform: translateY(20px);
  -o-opacity: 0;
}
 100% {
 -o-transform: translateY(0px);
  -o-opacity: 1;
}
}
 @keyframes moveUp {
 0% {
 transform: translateY(20px);
 opacity: 0;
}
 100% {
 transform: translateY(0px);
 opacity: 1;
}
}
/*----------临时：通用-产品中心特点、硬件产品详情页----------*/   
.ysp { position: relative; }
.ysptext { position: absolute; right: 0px; top: 220px; z-index: 1; width: 40%; padding-top: 100px; margin: 0 auto }
.section { min-height: 900px; overflow: hidden; }
.section h1 { font-size: 42px; line-height: 48px; margin-top: 10%; }
.section p { line-height: 28px; font-size: 15px; margin: 30px 0 40px 0; }
.fsboxing { width: 60%; padding-top: 8%; }