/* ----------------------------
 --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, td, em, input, img { margin: 0; padding: 0; border: none; }
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);}
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
input,textarea { -webkit-appearance: none; border: 0;}
.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('../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(../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(../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(../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(../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(../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(../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(../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; width: auto; min-width: 40px; /*! height: 32px; */ /*! line-height: 32px; */ vertical-align: middle; margin: 5px auto 0 auto; 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;}
.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(../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(../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(../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(../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(../images/totop-icon.png) 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(../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(../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; background: url(../images/logo.png) center center no-repeat; height: 50px; width: 169px; margin-top: 15px; margin-left: 0px;}
.sign { margin: 20px 0px 0px 10px; }
.sign a.dl { display: block; display: inline-block; position: relative; width: auto; min-width: 20px; padding: 0 4px; height: 42px; line-height: 42px; margin: 0 auto; text-align: center; font-size: 14px; color: #333; overflow: hidden; -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; 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 { color: #000; 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; text-align:center; 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(../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: relative; 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: 120px; max-width: 120px; margin: auto; position: absolute; z-index: 99999; top: 0; left: -6px; 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(../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(../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(../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(../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;  margin: 10px 0 0 0px; overflow: hidden; background: url(../images/logo_2018.png) left center no-repeat; background-size: contain; }
.nav h3 { float: left; height: 50px; font-weight: normal; font-size: 16px; margin-top: 0px; margin-bottom: 0px; }
.nav h3 a { display: block; line-height: 55px; padding: 0px 0px; color: #323232; ; cursor: pointer; }
.nav .on h3 a { display: block; height: 55px; border-bottom: 3px #0390d6 solid; }
.nav .m { position: static; float: left; height: 55px; padding: 0px 15px; display: block; color: #666; }
.nav .sub { display: none; overflow: hidden; width: 100%; height: auto; position: absolute; top: 55px; z-index: 99999; left: 0px; padding: 30px 0 30px 0; background: #F8F8F8; box-shadow: 0px 2px 8px rgba(0,0,0,0.1); }
}
/*----------通用：硬件产品中心、解决方案固定导航----------*/ 
.fsnav { position: relative; z-index: 10; border-bottom: 1px solid #ebebeb; background-color: #FFFFFF; background-color: #E8F0F2; width: 100%; height: 60px; line-height: 60px; }
.fsnav .container { overflow: hidden; }
.stuckMenu {; z-index: 100; }
.fsnav_p { margin: 0; padding: 0; font-size: 14px; height: 60px; line-height: 60px !important; float: left; color: #6e798b; ; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.fsnav ul { height: 60px; line-height: 55px; overflow: hidden; margin-bottom: 0px; padding-right: 0px; padding-left: 0px; }
.fsnav ul li { float: left; text-align: center; font-size: 14px; height: 60px; line-height: 60px; padding: 0 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.fsnav ul li.active a { color: #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(../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 { margin-top:150px; font-weight:bold; font-size: 42px; 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 span { display:block; font-weight:normal; font-family:Arial, Helvetica, sans-serif; clear:both; font-size:26px;}
.clodmeeting h3, .training h3, .Hardware h3 { font-size: 18px; margin-bottom: 20px; color: #6e798b; -webkit-transition: all 1s .3s; transition: all 1s .3s; -webkit-transform: translate3d(0, 30px, 0); transform: translate3d(0, 30px, 0); opacity: 0; }
.clodmeeting.animated h1, .training.animated h1, .Hardware.animated h1 { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; }
.clodmeeting.animated h3, .training.animated h3, .Hardware.animated h3 { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; }
.clodmeeting .btn_view_more, .training .btn_view_more, .Hardware .btn_view_more { -webkit-transition: all 1s .3s; transition: all 1s .3s; -webkit-transform: translate3d(0, 30px, 0); transform: translate3d(0, 30px, 0); opacity: 0; }
.clodmeeting.animated .btn_view_more, .training.animated .btn_view_more, .Hardware.animated .btn_view_more { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; }
.clodmeeting, .training, .Hardware { width: 100%; padding-top: 100px; padding-bottom: 100px; }
.clodmeeting h3, .training h3, .Hardware h3 { color: #6e798b; margin: 30px auto 40px auto; line-height:35px; }
.clodmeeting { width: 100%; }
.training { width: 100%; /*! background: url(../images/bg2.jpg) no-repeat top center; */ background-color: #f3f3f3 }
.training .training_img { width: 98%; }
.Hardware { width: 100%; /*! background: url(../images/index.yingjian.jpg) no-repeat top center; */ background-size: cover }
.cloudmeeting_banner_bg { height: 800px; background-color: #161616; color: #FFF; overflow: hidden; background: #161616 url(../images/bg.jpg) no-repeat center center }
/*----------首页图片动画----------*/
.clodmeeting img, .training img, .Hardware img { -webkit-transition: all 1s .6s; transition: all 1s .6s; opacity: 0; -webkit-transform: translate3d(0, 100px, 0); transform: translate3d(0, 100px, 0) }
.clodmeeting.animated img, .training.animated img, .Hardware.animated img { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; }
/*首页行业案例LOGO*/
.customer_w .swiper-pagination-switch { width: 8px; height: 8px; display: inline-block; border-radius: 100%; background-color: #DDD; margin: 0 5px; }
.customer_w .swiper-pagination-switch { width: 8px; height: 8px; display: inline-block; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; background-color: #6e798b; opacity: .4; margin: 0 5px; -moz-transition: opacity 0.3s ease-in, opacity 0.3s ease-out; -webkit-transition: opacity 0.3s ease-in, opacity 0.3s ease-out; transition: opacity 0.3s ease-in, opacity 0.3s ease-out; }
.customer_w .swiper-active-switch { width: 20px; background-color: #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; bottom: 210px; text-align: center; transform: translate3d(0, 30px, 0); opacity: 0; filter: alpha(opacity=0)\9; }
.customer_w.animated .pagination { -webkit-transition: all 1s .6s; transition: all 1s .6s; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; filter: alpha(opacity=100)\9; }
.customer_w .btn_view_more { transform: translate3d(0, 30px, 0); opacity: 0; filter: alpha(opacity=0)\9; }
.customer_w.animated .btn_view_more { -webkit-transition: all 1s .8s; transition: all 1s .8s; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; filter: alpha(opacity=100)\9; }
.customer_w .swiper-container { width: 100%; margin-left: auto; margin-right: auto; }
.customer_w .swiper-slide { text-align: center; font-size: 18px; height: 100px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
.customer_w .swiper-pagination-bullet-active { width: 20px; border-radius: 20px; opacity: 1; background: #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: 100px 0px 100px 0; background-color: #FFF; }
.customer_w .customer_tt { margin: 0px auto 30px auto; }
.customer_w .customer_tt h1 { font-size: 32px; width: auto; margin: 0 10px; height: 38px; line-height: 42px; letter-spacing: 2px; color: #36475a; transform: translate3d(0, 30px, 0); opacity: 0; filter: alpha(opacity=0)\9; }
.customer_w .customer_tt h6 { font-size: 14px; padding-left: 10px; font-family: "PingFang SC", Helvetica, arial, sans-serif; color: #a5b1bf; text-transform: uppercase; text-align: center; letter-spacing: 2px; transform: translate3d(0, 30px, 0); opacity: 0; filter: alpha(opacity=0)\9; }
.news .new_tt hr { transform: translate3d(0, 30px, 0); opacity: 0; filter: alpha(opacity=0)\9; }
.customer_w .customer_tt hr { transform: translate3d(0, 30px, 0); opacity: 0; filter: alpha(opacity=0)\9; }
.customer_w.animated .customer_tt h1 { -webkit-transition: all 1s .1s; transition: all 1s .1s; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; filter: alpha(opacity=100)\9; }
.customer_w.animated .customer_tt h6 { -webkit-transition: all 1s .3s; transition: all 1s .3s; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; filter: alpha(opacity=100)\9; }
.customer_w.animated .customer_tt hr { -webkit-transition: all 1s .6s; transition: all 1s .6s; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; filter: alpha(opacity=100)\9; }
.customer_w .customer_list_w { margin: 10px auto 10px auto; }
.customer_w h3 { margin: 10px auto 30px auto; }
.customer_w .customer_list_w li { display: block; min-height: 390px; transform: translate3d(0, 30px, 0); opacity: 0; filter: alpha(opacity=0)\9; }
.customer_w.animated .customer_list_w li { -webkit-transition: all 1s .3s; transition: all 1s .3s; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; filter: alpha(opacity=100)\9; }
.customer_w .customer_img { position: relative; text-align: center; margin: 0 10px 30px 10px; padding: 30px 0px; border: 1px solid #d5e1ef; }
.customer_w .customer_only_text p { margin-top: 55px; line-height: 24px; font-size: 16px; text-align: center; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; }
.customer_w .customer_list_w .customer_text_w { display: none; overflow: hidden; position: absolute; z-index: 10; bottom: 0px; left: 0px; ; width: 100%; height: 140px; background-color: #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(../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(../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(../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: 1.4; }
}

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

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

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

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

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

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

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

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

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

@media (max-width:480px) {
.news .news_list { padding: 0 10px 30px 10px; }
}
.news .new_list_w { height: 95px; color: #6e798b; line-height: 32px; ; overflow: hidden; opacity: 0; filter: alpha(opacity=0)\9; transform: translate3d(0, 10px, 0); }
.news.animated .new_list_w { -webkit-transition: all 1s .6s; transition: all 1s .6s; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; filter: alpha(opacity=100)\9; }
.hr { width: 20px; border-bottom: 3px solid #0080ff; ; margin: 0 auto; }
.news .new_btn_w { overflow: hidden; }
.news .date_w { display: block; display: inline-block; float: left; width: 80px; height: 32px; line-height: 32px; margin: 20px 0; color: #a5b1bf; font-family: "Arial", Helvetica, Tahoma; opacity: 0; filter: alpha(opacity=0)\9; transform: translate3d(0, 10px, 0); }
.news.animated .date_w { -webkit-transition: all 1s .3s; transition: all 1s .3s; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; filter: alpha(opacity=100)\9; }
.news .btn_hollow { display: block; display: inline-block; line-height: 32px; margin: 20px 0; opacity: 0; filter: alpha(opacity=0)\9; transform: translate3d(0, 20px, 0); text-align: center; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; }
.news .btn_hollow { float: right; margin: 20px 0; opacity: 0; filter: alpha(opacity=0)\9; transform: translate3d(0, 20px, 0) }
.news.animated .btn_hollow { -webkit-transition: all 1s .3s; transition: all 1s .3s; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; filter: alpha(opacity=100)\9; }
.news .btn_view_more { opacity: 0; filter: alpha(opacity=0)\9; transform: translate3d(0, 20px, 0) }
.news.animated .btn_view_more { -webkit-transition: all 1s .8s; transition: all 1s .8s; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; filter: alpha(opacity=100)\9; }
.hr1 { width: 50px; border-bottom: 2px solid #fff; margin: 10px auto; }
.pic { padding: 0; }
.greenbox { padding: 2% 1.5% 3% 1.5%; color: #fff; position: relative; height: 293px; }
.cgreen { background-color: #75c158; }
.czi { background-color: #7772c6; }
.cblue { background-color: #08a2ef; }
.corange { background-color: #ecb230; }
.greenbox h4 { line-height: 26px; }
.greenbox a { color: #fff; }
.jiao { position: absolute; left: -10px; top: 80%; color: rgba(117,193,88,1.00); }
/*--老数据--*/
#slider2, #slider3 { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; margin: 0 auto; }
.rslides_tabs li:first-child { margin-left: 0; }
.rslides_tabs .rslides_here a { background: rgba(255,255,255,.1); color: #fff; font-weight: bold; }
.events { list-style: none; }
.callbacks_container { position: relative; float: left; width: 100%; }
.callbacks { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; }
.callbacks li { position: absolute; float: left; width: 100%; height: 330px; padding: 2% 5% }
.callbacks img { position: relative; z-index: 1; height: auto; border: 0; }
.callbacks .caption { display: block; position: absolute; z-index: 2; font-size: 20px; text-shadow: none; color: #fff; left: 0; right: 0; padding: 10px 20px; margin: 0; max-width: none; top: 10%; text-align: center; }
.callbacks_nav { position: absolute; -webkit-tap-highlight-color: rgba(0,0,0,0); top: 48%; left: 0; opacity: 0.7; z-index: 3; text-indent: -9999px; overflow: hidden; text-decoration: none; height: 80px; width: 40px; background: transparent url("../images/arrows.png") no-repeat left top; display: block; }
.callbacks_nav:hover { opacity: 0.5; }
.callbacks_nav.next { left: auto; background-position: right top; right: 0px; }
.callbacks_nav.prev { right: auto; background-position: left top; left: 0px; }
#slider3-pager a { display: inline-block; }
#slider3-pager span { float: left; }
#slider3-pager span { width: 100px; height: 15px; background: #fff; display: inline-block; border-radius: 30em; opacity: 0.6; }
#slider3-pager .rslides_here a { background: #FFF; border-radius: 30em; opacity: 1; }
#slider3-pager a { padding: 0; }
#slider3-pager li { display: inline-block; }
.rslides { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; }
.rslides li { -webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0; }
.rslides li { position: relative; display: block; float: left; }
.rslides img { height: auto; border: 0; }
.callbacks_tabs { list-style: none; position: absolute; bottom: -12%; z-index: 999; left: 32%; padding: 0; margin: 0; display: block; }
.slider-top span { font-weight: 600; }
.callbacks_tabs li { display: inline-block; margin: 0 .3em; }
#nav-wrap { border-top: 1px solid #e5e5e5; background-color: #F6F6F6; position: absolute; z-index: 9999; left: 0px; width: 1920px; }
#nav-wrap li { list-style: none; }
#nav-wrap li>a, #nav-wrap ul { color: #666; font-size: 16px; line-height: 30px; display: block; }
#nav-wrap img { max-width: 100%; height: auto; }
#nav-wrap ul { padding-top: 10px; padding-bottom: 20px;/*! position: absolute; *//*! z-index: 999; */ }
#nav-wrap ul>a { color: #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(../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; padding-top: 10px; padding-bottom: 20px; max-width: 100%; overflow: hidden; }
#footer .footer_advantage_w { max-width: 100%; overflow: hidden; }
#footer .footer_advantage_w .container { padding: 0; border-bottom: 1px solid #2e333d; }
#footer .container { padding: 0; }
#footer .container .col-md-2 { padding: 0; width: 13%; }
#footer .footer_advantage { color: #72767b; padding: 30px 0; margin-right: -270px; }
#footer .footer_advantage_w .advantage_list { color: #FFF; font-size: 16px; display: inline-block; vertical-align: middle; text-align: left; float: left; width: 33%; height: 100%; }
#footer .footer_advantage_w .advantage_list .icon { display: inline-block; width: 32px; height: 32px; vertical-align: middle; margin-right: 10px; }
#footer .footer_advantage_w .advantage_list .icon_1 { background: url(../images/icon_advantage.png) no-repeat 0 0; }
#footer .footer_advantage_w .advantage_list .icon_2 { background: url(../images/icon_advantage.png) no-repeat 0 -42px; }
#footer .footer_advantage_w .advantage_list .icon_3 { background: url(../images/icon_advantage.png) no-repeat 0 -84px; }
#footer .footer_advantage_w .advantage_list .icon_4 { background: url(../images/icon_advantage.png) no-repeat 0 -126px; }
#footer .footer_w { padding: 30px 0 30px 0; }
#footer .footer_w h5 { margin-bottom: 20px; }
#footer .footer_w h5, #footer .footer_w h5 a { color: #ffbc00; }
#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; color:#ffbc00; 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(../images/yinhao1.png) top left no-repeat, url(../images/yinhao2.png) bottom right no-repeat; }
.customer { margin-top: 10px; position: relative; /*! height: 330px; */ overflow: hidden; }
.customerbox { position: relative; }
.bd ul li { margin-right: 20px; float: left; height: 24px; line-height: 24px; text-align: left; _display: inline; }
.sright, .sleft { position: absolute; z-index: 5; }
.sright { right: -10%; top: 50%; }
.sleft { left: -10%; top: 50%; }

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

@media (min-width:969px) {
.m_footerr_w { display: none; }
.m_footer_nav_w { display: none; }
}
.m_footerr_w { background-color: #262A33; padding: 50px 20px 70px 20px;  }
.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: 50px; min-width: 240px; width: 100%; margin: 0 auto; background-color: #FFF; color: #42566e; font-size: 12px; text-align: center; }
.m_footer_nav_w .m_footer_nav { max-width: 1200px; margin: 0 auto; }
.m_footer_nav_w .m_footer_nav li a { display: block; float: left; width: 50%; height: 50px; text-align: center; min-height: 1px; padding: 5px 5px; font-size: 14px; color: #36475a; border: 1px solid #E7E7E7; border-right: none; }
.m_footer_nav_w .m_footer_nav li a div { width: 120px; height: 50px; margin: 5px 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; line-height: 12px; height: 32px; line-height: 32px; float: left; }
.m_footer_nav_w .m_footer_nav li a .m_footer_icon { display: block; width: 34px; height: 32px; margin: 0 auto; float: left; }
.m_footer_nav_w .m_footer_nav li a .m_icon_ty { background: url(../images/m_gift.png) no-repeat 0 0; background-size: cover; }
.m_footer_nav_w .m_footer_nav li a .m_icon_zx { background: url(../images/m_chak.png) no-repeat 0 0; background-size: cover; }
.m_footer_nav_w .m_footer_nav li a .m_icon_xz { background: url(../images/m_download.png) no-repeat 0 0; background-size: cover; }
.m_footer_nav_w .m_footer_nav li a .m_icon_dh { background: url(../images/m_tel.png) no-repeat 0 0; background-size: cover; }
.m_footer_nav_w .m_footer_nav li a:hover .m_footer_icon { background-position: 0 -34px; }
/*--------------------返回顶部--------------------*/
.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(../images/totop.png) no-repeat 0 0px; -webkit-opacity: 0.8; -moz-opacity: 0.8; opacity: 0.8;}
.totop:hover { background: url(../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(/statics/images/ypxa1.jpg) no-repeat center center; }
.zxpx { background: url(/statics/images/ypxb1.jpg) no-repeat center center; }
.qynbpx { background: url(/statics/images/ypxc1.jpg) no-repeat center center; }
.wrdkt { background: url(/statics/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 { min-height: 600px; 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(../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; }

/*----------媒体查询-新闻内页----------*/
@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(../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(../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(../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(../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(../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_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; }

/*----------媒体查询-关于我们----------*/
@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 { padding: 5% 0%; background: url(../images/left_line_bg.jpg) no-repeat right top; word-wrap: break-word; word-break: normal; }
.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: 60px auto 30px auto; }
.about_w .about_right_w p { font-size: 16px; line-height: 32px; color: #36475a; }
/*----------企业荣誉----------*/
.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;/*清除双倍外边距*/ cursor: pointer; height: 160px; min-height: 160px; max-height: 160px; overflow: hidden; background: url(../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(../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; }
}
/*----------面包屑导航----------*/
.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; }
/*----------媒体查询-内页面包屑 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内核（兼容）提示升级浏览器----------*/
#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(../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; }
/*----------页面建设中----------*/
.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);
}
}
/*首页在线演示按钮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);
}
}
/*首页免费试用按钮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交互)*/
  @-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)
}
}

/*蓝色按钮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动画-关于我们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);
}
}
/*----------通用硬件产品详情页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;
}
}

/*-- events --*/
.w3layouts_event_grid {padding: 0px;}
.w3_agile_event_grid1{position:relative;overflow: hidden;}
.w3_agile_event_grid1_pos{position:absolute;top:6%;left:5%; z-index: 9;} 

.w3_agile_event_grid1_pos ul li{display:block; text-align:left; text-transform:uppercase; float: none; font-size:18px;color:#fff;	line-height: 35px;}
.w3_agile_event_grid1_pos ul p { font-size:24px; line-height:40px; text-align:left; color:#fff}
.w3_agile_event_grid1_pos ul li a{
	color: #fff;
	font-size:14px;
    position: relative;
    padding: .8em 2.5em; border:#fff 2px solid;
	text-decoration:none;
}
.w3_agile_event_grid1_pos ul li a:hover{
	background:#efb312;
	color:#fff;
}



.w3_agile_event_grid1_pos p{color:#fff;}
.agile_event_grid1_pos{
	position:absolute;
	top:6%;
	left:6%;
	z-index: 9;width: 94%;
}

.agile_event_grid1_pos1{
	position:absolute;
	bottom:12%;
	left:6%;
	z-index: 9;width: 94%;
}
.agile_event_grid1_pos1 ul li{display:block; text-align:left; text-transform:uppercase; float: none; font-size:18px;color:#333;	line-height: 35px;}
.agile_event_grid1_pos1 ul p { margin-bottom:0px; font-size:24px; text-align:left; line-height:45px; color:#151618}
.agile_event_grid1_pos1 ul li a{
	color: #fff;
	font-size:14px;
    position: relative;
    padding: .2em 1.0em; border:#fff 2px solid;
	text-decoration:none;
	 margin-top:20px; clear:both; display:block; width:110px; text-align:center;
}
.agile_event_grid1_pos1 ul li a:hover{
	background:#efb312; border:#efb312 2px solid;
	color:#fff;
}



.agile_event_grid1_pos ul li{display:block; text-align:left; text-transform:uppercase; float: none; font-size:18px;color:#fff;	line-height: 35px;}
.agile_event_grid1_pos ul p { margin-bottom:0px; font-size:24px; text-align:left; line-height:45px; color:#fff}
.agile_event_grid1_pos ul li a{
	color: #fff;
	font-size:14px;
    position: relative;
    padding: .2em 1.0em; border:#fff 2px solid;
	text-decoration:none;
	 margin-top:20px; clear:both; display:block; width:110px; text-align:center;
}
.agile_event_grid1_pos ul li a:hover{
	background:#efb312; border:#efb312 2px solid;
	color:#fff;
}

.w3_agile_event_grid1:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
  
    background: rgba(17, 19, 18, 0.24);
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    opacity: 0;
    -ms-filter: alpha(opacity=0);
    filter: alpha(opacity=0);
}
.w3layouts_event_grid:hover li, .w3layouts_event_grid:hover p{ color:#fff;}
.w3layouts_event_grid:hover .w3_agile_event_grid1:before {
    opacity: 1;
    -ms-filter: alpha(opacity=100);
    filter: alpha(opacity=100);
}
.w3_agile_event_grid1 img {
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
	display: inline-block;
	

}
.w3layouts_event_grid:hover .w3_agile_event_grid1 img {
    transform: scale(1.05,1.05);
    -webkit-transform: scale(1.05,1.05);
    -moz-transform: scale(1.05,1.05);
    -ms-transform: scale(1.05,1.05);
    -o-transform: scale(1.05,1.05);
	
}
/*二级导航*/
.ins-navbox{height: auto; min-height:75px;background-color: #fff;border-bottom: 1px solid #e5e5e5; clear:both;}
.ins-navbox.fixed{position: fixed;top: 0;left: 0;z-index: 11;}
.ins-navbox li{
	margin-right: 23px; float:left;
	font-size: 16px;
	line-height: 74px;
}
.ins-navbox.twrap li{
	margin-right: 10px;
}
.ins-navbox li a{
	display: block;
	padding: 0 18px; color:#666;
}

.ins-navbox li a:hover,.ins-navbox li a.hover{
	color: #000; font-weight:bold;
	border-bottom: 2px solid #205299;
	position: relative;
	margin-bottom: -1px;
}
.footer2 { background:#fff; border:#efefef 1px solid; margin:50px auto;}
.footer2 .title { font-size:24px; color:#363636; padding:30px 0;}
.footer2 .title p { font-size:16px; color:#999}
.footer2 .title:before { width:3px; margin-right:20px; background:#c2c8cc; content:""; display:block; height:55px; float:left;}


/*分类列表*/
.hard_product_list_w{ margin-top: 50px;padding-bottom: 10px;}
.hard_title_w{max-width:300px;margin:0 auto;height:42px;margin:20px auto;text-align:center;background: url(../images/hard_product_list_w_bg.png) repeat-x  center center;}
.hard_title_w h1{ display: inline; padding: 0 30px;font-weight: 400;font-size: 28px; color:#36475a;;background-color: #E8F0F2;}
.yjcp_list_w { padding: 50px 0 20px 0; }
.yjcp_list_w .yjcp_list { border:#efefef 1px solid; position: relative;z-index: 1;background-color: #FFF; color: #6d7989; line-height: 24px; text-align: center; padding:20px 30px 50px 30px; margin-bottom: 30px;}
.yjcp_list_w li{position: relative;z-index: 1;}
.yjcp_list_w li .i_free{font-size: 12px;position: absolute;z-index: 10;background: #ff6900;; color:#FFF;padding: 2px 10px;right: 30px;top: 15px;}
.yjcp_list_w li .i_recommend{font-size: 12px;position: absolute;z-index: 10;background: #0080ff; color:#FFF;padding: 2px 10px;right: 30px;top: 15px;}
.yjcp_list_w li .i_hot{font-size: 12px;position: absolute;z-index: 10;background: #ff4e4e; color:#FFF;padding:2px 10px;right: 30px;top: 15px;}
.yjcp_list_w li .i_new{font-size: 12px;position: absolute;z-index: 10;background: #68C516;color:#FFF;padding: 2px 10px;right: 30px;top: 15px;}

@media screen and (max-width:680px) {
.yjcp_list_w li .i_free{right: 10px;top: 10px;}
.yjcp_list_w li .i_recommend{right: 10px;top: 10px;}
.yjcp_list_w li .i_hot{right: 10px;top: 10px;}
.yjcp_list_w li .i_new{right: 10px;top: 10px;}


.ins-navbox li{
	margin-right: 10px; float:left;
	font-size: 16px;
	line-height: 74px;
}
.ins-navbox.twrap li{
	margin-right: 10px;
}
.ins-navbox li a{
	display: block;
	padding: 0 0px; color:#666;
}


}

.yjcp_list_w .yjcp_list p { margin: 20px 0px;color:#6e798b;font-size:14px;min-height:48px;max-height:48px;overflow: hidden}

.yjcp_list a.btn { display: block;display: inline-block;width: auto;min-width: 120px;padding: 0 40px;height: 42px;line-height: 42px;margin: 0px 20px 0px 20px;text-align: center;font-size: 14px;color: #FFF;background-color: #0080ff;border-radius: 30px;-moz-transition: all 0.2s ease-out 0s; -webkit-transition: all 0.2s ease-out 0.2s; transition: all 0.2s ease-out 0.2s;	}
.yjcp_list_w .btn_r_more, .yjcp_list_w .btn_free_trial {display: block;display: inline-block; width: auto;min-width: 60px; padding: 0 40px; height: 42px;line-height: 40px; margin: 0px 20px 0px 20px;text-align: center; font-size: 14px; color: #0080ff;border:1px solid #E8F0F2;color: #6e798b;border:1px solid #ccd4e3;background-color:transparent; border-radius: 30px;	}
.yjcp_list_w .yjcp_list:hover .btn_r_more, .yjcp_list_w .yjcp_list:hover .btn_free_trial{
    border: 1px solid #0080ff;
    color: #FFF;
    background-color: #0080ff;
}
.yjcp_list_w .btn_r_more:hover, .yjcp_list_w .btn_free_trial:hover{
      border:1px solid #0080ff;;
	color: #FFF;
  background-color: #0080ff; 
}

.yjcp_list:hover a.btn { background-color: #008FD7;}
.yjcp_list_w .yjcp_list: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); }

.yjcp_list_w .yjcp_list  p,.yjcp_list_w .yjcp_list h4,.yjcp_list_w .yjcp_list .btn_r_more{-webkit-transition: all .5s ease;transition: all .5s ease;}
.yjcp_list_w .yjcp_list:hover h4{
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0px, 5px, 0);
}
.yjcp_list_w .yjcp_list:hover p{
-webkit-transform: translate3d(0, -3px, 0);
transform: translate3d(0px, -3px, 0);
}
.yjcp_list_w .yjcp_list:hover .btn_r_more{
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0px, -5px, 0);
}

.yjcp_list_w .yjcp_list:hover h4 a { color: #0080ff; }
.yjcp_list_w .yjcp_list h4 a {display: block;height:32px; color: #36475a; line-height: 32px;font-size: 22px; text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.yjcp_list_w .yjcp_list h4 a i{
    font-size: 12px;
    border: 1px solid #36475a;
    border-radius: 4px;
    padding: 2px 6px;
    margin: 0px 0px;
    vertical-align: middle;
}
.yjcp_list_w .yjcp_list:hover h4 a i {border: 1px solid #0080ff;}
.yjcp_list_w .yjcp_list h4 a:hover { color: #0080ff; }
.yjcp_list_w .yjcp_list img { -webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.98); -moz-transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }
.yjcp_list_w .yjcp_list:hover img { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }




@media screen and (max-width:480px) {
  .yjcp_list_w { padding: 0px 0 0px 0; }
  .yjcp_list_w li{padding-left: 5px;padding-right: 5px;}
 .yjcp_list_w .yjcp_list h4 a {font-size: 16px;}
  .yjcp_list_w .yjcp_list p { margin: 20px 0px;font-size:12px;}
  .yjcp_list_w .yjcp_list { line-height: 24px;  padding:10%; margin-bottom: 10px;} 
.yjcp_list_w .btn_r_more, .yjcp_list_w .btn_free_trial {padding: 0 30px; height: 38px;line-height: 38px; margin: 0px 10px 0px 10px;text-align: center; font-size: 12px; }

.clodmeeting, .training, .Hardware {
    width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
}

.clodmeeting h1, .training h1, .Hardware h1 {
    margin-top: 20px;
    font-weight: bold;
    font-size: 42px;
    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;
}

} 

@media screen and (max-width:320px) {
  .yjcp_list_w li{width:100%;padding-left: 5px;padding-right: 5px;}
    .yjcp_list_w li{padding-left: 10px;padding-right: 10px;}
    .yjcp_list_w .yjcp_list { line-height: 24px;  padding:20px; margin-bottom: 20px;} 
}

@media screen and (min-width:1200px) {
.yjcp_list_w .yjcp_list .yj_img {min-height:160px;color:#FFF;}    
}
@media screen and (max-width:1200px) {
.yjcp_list_w .yjcp_list .yj_img {min-height:100px;}
}


/*----------新闻动态列表----------*/ 
.wrap_news_w .page_number { text-align: center; margin:30px auto; }
.wrap_section_w{background-color:#fff;padding:0}
.news_list_w{background-color:#fff;padding:0}

.news_list{padding:1% 0;overflow: hidden;margin: 0 auto;min-height:250px;}
.news_list_w:nth-child(2n+1){ background-color: #fff; }
.news_list .news_img{min-height: 50px;margin: 10px auto 10px auto;overflow: hidden;}
.news_list .news_img a{display: block;padding-top: 53%;vertical-align: middle;position: relative;	background-color:#E0E6EA;overflow: hidden;}
.news_list .news_img a::after{ content: ""; display: block; width: 100%; height: 100px; margin: auto; position: absolute;z-index: 2; top: 0; bottom: 0; left: 0; right: 0; top: auto; transition: all 0.3s ease;background-image: linear-gradient(-180deg,transparent,rgba(0,0,0,.1)); }
.news_list .news_img a ::before {display: block;height: 100%;visibility: hidden;vertical-align: middle;}
.news_list .news_img a img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;	max-width: 100%;display: block;vertical-align: middle;color:transparent;-webkit-transition: opacity 1s, transform 1s;transition: opacity 1s, transform 1s;}
.news_list .btn_r_more{
    display: block;
    display: inline-block;
    width: auto;
    min-width: 60px;
    padding: 0 40px;
    height: 42px;
    line-height: 42px;
    margin: 0px 0px 0px 0px;
    text-align: center;
    font-size: 14px;
    color: #0080ff ;
    border: 1px solid #E8F0F2;
    color: #6e798b;
    border: 1px solid #ccd4e3;
    background-color: transparent;
    border-radius: 30px;
}
.news_list .btn_r_more:hover{
    border: 1px solid #00aaff;
    color: #FFF;
    background-color: #00aaff;
}
.news_list .news_text{padding-left:15px;margin: 10px auto 0 auto;}
.news_list .news_text .text_w{position:relative;min-height:130px;margin-bottom:2%;} 
.news_list .news_text .text_w h4{margin-top:0;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;width:70%;} 
.news_list .news_text .text_w h4 a{font-size:18px;line-height: 1.2;color:#36475a ;font-weight:700;	-webkit-transition: ease-in all 0.3s;-moz-transition: ease-in all 0.3s;transition: ease-in all 0.3s;} 
.news_list .news_text .text_w h4 a:hover{color:#0080ff }
.news_list:hover .news_text .text_w h4 a{color:#0080ff }
.news_list .news_text .text_w .new_con{line-height: 28px;color:#6e798b;;max-height:80px;width:80%;overflow:hidden;}
@media (max-width:992px) {
    .news_list{min-height:100px;}
    .news_list .news_text .text_w{;min-height:auto;} 
    .news_list  .btn_r_more {display: none;}  
}
@media (max-width:768px) {
 .news_list .news_text .text_w .new_con{width:100%;}  
 .news_list{padding:10% 0;overflow: hidden;margin: 0 auto;min-height:300px;}
}
.text_w .day_w, .text_w .date_w { display:block; text-align:center; font-family:Arial;color:#a5b1bf;}
.text_w .news_date {width: 80px;height:80px;padding:15px;position:absolute;top:0px;right:0px; border:1px solid #E8E8E8;color:#999;	-webkit-transition: ease-in all 0.3s;-moz-transition: ease-in all 0.3s;transition: ease-in all 0.3s;
 -webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;}
.text_w .day_w { height:35px; line-height:35px; font-size:30px;font-weight:700;color:#6e798b;}
.text_w .date_w { height:18px; line-height:18px; font-size:12px;padding-bottom:20px;border-bottom:1px solid #E8E8E8}

@media (max-width:768px) {
 .news_list .news_text .text_w h4{width:100%;}
 .text_w .news_date{ display: none;}
    .news_list .news_text .btn_theme_default {display: none;} 
}