@charset "utf-8";
/* -------------------------------
 --css     硬件详情页面
 --by      市场部 Sivan 2017-110
 --update  v.2018-06-05(HST-H310U)
目录————————————————
1.表格
2.产品详情页
3.说明文档待完善
**/
/* 详情父元素标签 */
.details_w {}
/* 参数父元素标签 */
.parameter_w { padding: 50px 0; }
.parameter_w .parameter_title { padding: 0 10px; margin: 50px auto 50px auto; color: #364759; }
.parameter_w .parameter_title em { display: inline-block; width: 20px; border-bottom: 3px solid #0080ff; }
/* 响应式表格 */
table { background-color: transparent; border-collapse: collapse;/* 边框合并属性  */ }
caption { padding-top: 8px; padding-bottom: 8px; color: #777; text-align: left }
th { text-align: left }
.table { width: 100%; max-width: 100%; margin-bottom: 20px }
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th { padding: 20px 10px; line-height: 1.42857143; vertical-align: center; border-bottom: 1px solid #e6edf7; }
.table>thead>tr>th { vertical-align: bottom; border-bottom: 2px solid #e6edf7; }
.table>caption+thead>tr:first-child>td, .table>caption+thead>tr:first-child>th, .table>colgroup+thead>tr:first-child>td, .table>colgroup+thead>tr:first-child>th, .table>thead:first-child>tr:first-child>td, .table>thead:first-child>tr:first-child>th { border-top: 0 }
.table>tbody+tbody { border-top: 2px solid #e6edf7 }
.table .table { background-color: #fff }
.table-condensed>tbody>tr>td, .table-condensed>tbody>tr>th, .table-condensed>tfoot>tr>td, .table-condensed>tfoot>tr>th, .table-condensed>thead>tr>td, .table-condensed>thead>tr>th { padding: 5px }
.table-bordered { border: 1px solid #e6edf7 }
.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th { border: 1px solid #e6edf7 }
.table-bordered>thead>tr>td, .table-bordered>thead>tr>th { border-bottom-width: 2px }
.table-striped>tbody>tr:nth-of-type(odd) { background-color: transparent; }
.table-hover>tbody>tr:hover { background-color: #f5f5f5 }
table col[class*=col-] { position: static; display: table-column; float: none }
table td[class*=col-], table th[class*=col-] { position: static; display: table-cell; float: none }
.table>tbody>tr.active>td, .table>tbody>tr.active>th, .table>tbody>tr>td.active, .table>tbody>tr>th.active, .table>tfoot>tr.active>td, .table>tfoot>tr.active>th, .table>tfoot>tr>td.active, .table>tfoot>tr>th.active, .table>thead>tr.active>td, .table>thead>tr.active>th, .table>thead>tr>td.active, .table>thead>tr>th.active { background-color: #f5f5f5 }
.table-hover>tbody>tr.active:hover>td, .table-hover>tbody>tr.active:hover>th, .table-hover>tbody>tr:hover>.active, .table-hover>tbody>tr>td.active:hover, .table-hover>tbody>tr>th.active:hover { background-color: #e8e8e8 }
.table>tbody>tr.success>td, .table>tbody>tr.success>th, .table>tbody>tr>td.success, .table>tbody>tr>th.success, .table>tfoot>tr.success>td, .table>tfoot>tr.success>th, .table>tfoot>tr>td.success, .table>tfoot>tr>th.success, .table>thead>tr.success>td, .table>thead>tr.success>th, .table>thead>tr>td.success, .table>thead>tr>th.success { background-color: #dff0d8 }
.table-hover>tbody>tr.success:hover>td, .table-hover>tbody>tr.success:hover>th, .table-hover>tbody>tr:hover>.success, .table-hover>tbody>tr>td.success:hover, .table-hover>tbody>tr>th.success:hover { background-color: #d0e9c6 }
.table>tbody>tr.info>td, .table>tbody>tr.info>th, .table>tbody>tr>td.info, .table>tbody>tr>th.info, .table>tfoot>tr.info>td, .table>tfoot>tr.info>th, .table>tfoot>tr>td.info, .table>tfoot>tr>th.info, .table>thead>tr.info>td, .table>thead>tr.info>th, .table>thead>tr>td.info, .table>thead>tr>th.info { background-color: #d9edf7 }
.table-hover>tbody>tr.info:hover>td, .table-hover>tbody>tr.info:hover>th, .table-hover>tbody>tr:hover>.info, .table-hover>tbody>tr>td.info:hover, .table-hover>tbody>tr>th.info:hover { background-color: #c4e3f3 }
.table>tbody>tr.warning>td, .table>tbody>tr.warning>th, .table>tbody>tr>td.warning, .table>tbody>tr>th.warning, .table>tfoot>tr.warning>td, .table>tfoot>tr.warning>th, .table>tfoot>tr>td.warning, .table>tfoot>tr>th.warning, .table>thead>tr.warning>td, .table>thead>tr.warning>th, .table>thead>tr>td.warning, .table>thead>tr>th.warning { background-color: #fcf8e3 }
.table-hover>tbody>tr.warning:hover>td, .table-hover>tbody>tr.warning:hover>th, .table-hover>tbody>tr:hover>.warning, .table-hover>tbody>tr>td.warning:hover, .table-hover>tbody>tr>th.warning:hover { background-color: #faf2cc }
.table>tbody>tr.danger>td, .table>tbody>tr.danger>th, .table>tbody>tr>td.danger, .table>tbody>tr>th.danger, .table>tfoot>tr.danger>td, .table>tfoot>tr.danger>th, .table>tfoot>tr>td.danger, .table>tfoot>tr>th.danger, .table>thead>tr.danger>td, .table>thead>tr.danger>th, .table>thead>tr>td.danger, .table>thead>tr>th.danger { background-color: #f2dede }
.table-hover>tbody>tr.danger:hover>td, .table-hover>tbody>tr.danger:hover>th, .table-hover>tbody>tr:hover>.danger, .table-hover>tbody>tr>td.danger:hover, .table-hover>tbody>tr>th.danger:hover { background-color: #ebcccc }
.table-responsive { min-height: .01%; overflow-x: auto }

@media screen and (max-width:767px) {
.table-responsive { width: 100%; margin-bottom: 15px; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; border: 1px solid #e6edf7 }
.table-responsive>.table { margin-bottom: 0 }
.table-responsive>.table>tbody>tr>td, .table-responsive>.table>tbody>tr>th, .table-responsive>.table>tfoot>tr>td, .table-responsive>.table>tfoot>tr>th, .table-responsive>.table>thead>tr>td, .table-responsive>.table>thead>tr>th { white-space: nowrap }
.table-responsive>.table-bordered { border: 0 }
.table-responsive>.table-bordered>tbody>tr>td:first-child, .table-responsive>.table-bordered>tbody>tr>th:first-child, .table-responsive>.table-bordered>tfoot>tr>td:first-child, .table-responsive>.table-bordered>tfoot>tr>th:first-child, .table-responsive>.table-bordered>thead>tr>td:first-child, .table-responsive>.table-bordered>thead>tr>th:first-child { border-left: 0 }
.table-responsive>.table-bordered>tbody>tr>td:last-child, .table-responsive>.table-bordered>tbody>tr>th:last-child, .table-responsive>.table-bordered>tfoot>tr>td:last-child, .table-responsive>.table-bordered>tfoot>tr>th:last-child, .table-responsive>.table-bordered>thead>tr>td:last-child, .table-responsive>.table-bordered>thead>tr>th:last-child { border-right: 0 }
.table-responsive>.table-bordered>tbody>tr:last-child>td, .table-responsive>.table-bordered>tbody>tr:last-child>th, .table-responsive>.table-bordered>tfoot>tr:last-child>td, .table-responsive>.table-bordered>tfoot>tr:last-child>th { border-bottom: 0 }
}
/*-产品中心三级导航--*/ 

.details_nav_w { position: relative; z-index: 100; min-width: 320px; width: 100%; margin: 0 auto; height: 62px; line-height: 32px; color: #6e798b; overflow: hidden; background-color: #E8F0F2; }
.details_nav_w a { color: #6e798b; }
.details_nav_w a:hover { color: #0080ff; }  

@media (max-width:720px) {
.details_nav_w { height: auto; ; }
}
.details_nav_w .btn_r_more, .details_nav_w .btn_free_trial { display: block; display: inline-block; width: auto; min-width: 100px; padding: 0 20px; height: 32px; line-height: 32px; margin: 0px 0px 0px 30px; text-align: center; font-size: 14px; color: #0080ff ; ; border: 1px solid #0080ff ; background-color: transparent; border-radius: 30px; }
.nav_drop_down .btn_r_more, .nav_drop_down .btn_free_trial { color: #FFF; ; background-color: #0080ff ; }
.nav_drop_down .btn_r_more:hover, .nav_drop_down .btn_free_trial:hover { background-color: #00aaff; color: #fff; }
.details_nav_w .details_left { padding: 15px 0 15px 0; }
.details_nav_w .details_right { padding: 15px 0 15px 0; transition: all .5s; -webkit-transition: all .5s }
.details_nav_w .details_right li { display: inline; }
.details_nav_w .details_right li a { display: block; float: left; padding: 0 20px; }
.details_nav_w .details_right li.active a { color: #0080ff; }
.details_nav_w .details_right li a.btn_r_more { float: right; margin: 0px 0px 0px 0px; }
.details_nav_w .btn_back { display: none; }

@media (max-width:720px) {
.details_nav_w .details_right { float: none !important; padding: 15px 0 15px 0; width: auto; ; margin: 0 auto; overflow: hidden; }
.details_nav_w .details_right .btn_back { display: block; width: 32px; height: 32px; padding: 0 0px; background: url(../images/icon_nav_left.png) no-repeat center right; }
.details_nav_w .details_left { display: none !important; }
.details_nav_w .details_nav_btn { display: block; position: absolute; width: 60px; height: 60px; line-height: 51px; top: 0px; right: 0px; z-index: 120; padding: 0 10px; text-align: center; color: #6e798b; background-color: rgb(215, 224, 227, .95); font-size: 10px; -webkit-perspective: 52px; perspective: 52px; cursor: pointer; -webkit-transition: .5s; transition: .5s }
.details_nav_w .details_nav_btn i { display: block; width: 100%; height: 100%; background: url(../images/icon_nav_down.png) no-repeat center center; transition: all .5s; -webkit-transition: all .5s }
.details_nav_w .details_nav_btn:hover i { color: #0080ff ; }
.details_nav_w .details_nav_btn i { color: #0080ff ; -webkit-transform: rotate(0deg); transform: rotate(0deg); }
.nav_drop_down .details_nav_btn i { color: #0080ff ; -webkit-transform: rotate(180deg); transform: rotate(180deg); }
/*-下拉添加 class，高度ªåŠ¨--*/ 
.nav_drop_down { min-height: 62px; height: auto !important; }
.nav_drop_down .details_right { float: none !important; }
.details_nav_w .btn_back { display: block !important; }
}
/*-硬件产品详情页公用--*/ 
.fscp_w .cp_s_w { min-height: 900px; overflow: hidden; padding: 0 0 100px 0; max-width: 2560px; margin: 0 auto; }
.fscp_w .cp_s_w .cp_text p { color: #6e798b; }

@media screen and (max-width:992px) {
.fscp_w .cp_s_w { min-height: 0; padding: 0 0 50px 0; }
}
.fscp_w .ysp { position: relative; }
.fscp_w .cp_s_w .ysptext { position: absolute; right: 0px; top: 220px; z-index: 1; width: 40%; padding-top: 100px; margin: 0 auto }
.fscp_w .cp_s_w .cp_desc h1 { font-size: 42px; line-height: 48px; margin-top: 100px; margin-bottom: 30px; }
.fscp_w .cp_s_w .cp_desc em { display: inline-block; width: 20px; border-bottom: 3px solid #0080ff; }
.fscp_w .cp_s_w .cp_desc .text-center p { max-width: 620px; margin: 30px auto 50px auto; line-height: 32px; font-size: 18px; }
.fscp_w .cp_s_w .cp_desc p { max-width: 720px; margin: 30px auto 40px auto; line-height: 32px; font-size: 18px; }
.fscp_w .cp_s_w .fsboxing { width: 55%; padding-top: 12%; }

@media (max-width:480px) {
.fscp_w .cp_s_w .cp_desc h1 { font-size: 24px; line-height: 1.5; font-weight: 700 }
.fscp_w .cp_s_w .cp_desc .text-center p { max-width: 620px; margin: 40px auto 40px auto; line-height: 32px; font-size: 14px; }
.fscp_w .cp_s_w .cp_desc p { max-width: 420px; margin: 40px auto 40px auto; line-height: 32px; font-size: 16px; }
}
/*--视频会议终端 HST-X3 (首屏)--*/ 
.fscp_w .details_x3_w { position: relative; z-index: 1; color: #FFF; background-color: #1a1c25; background-size: cover; max-height: 2000px !important; text-align: center; -webkit-transition: all .8s ease; transition: all 0.8s ease }
.fscp_w .details_x3_w .cp_desc { margin-top: 15%; }
.fscp_w .details_x3_w .cp_desc.text-center p { max-width: 820px; }
.fscp_w .details_x3_w .reason_list_w { display: block; max-width: 720px; margin: -40px auto 100px auto; overflow: hidden; -webkit-transform: translate3d(0, 80px, 0); transform: translate3d(0, 80px, 0); -webkit-transition: all .8s ease; transition: all 0.8s ease }
.fscp_w .details_x3_w .cp_text p { color: #FFF; }
.fscp_w .details_x3_w .cp_desc { position: relative; z-index: 100; }
.fscp_w .details_x3_w .cp_desc p { max-width: 720px; margin: 40px auto; }
.fscp_w .details_x3_w .btn_r_more, .fscp_w .details_x3_w .btn_free_trial { background-color: #FFF; color: #0080ff ; }
.fscp_w .details_x3_w .btn_r_more:hover, .fscp_w .details_x3_w .btn_free_trial:hover { box-shadow: 1px 2px 6px 0px rgb( 0, 0, 0, .2 ); }
.fscp_w .details_x3_w .cp_img { -webkit-transform: rotate(0) translateX(-400px) translateY(100px); -moz-transform: rotate(0) translateX(-400px) translateY(100px); -o-transform: rotate(0) translateX(-400px) translateY(100px); transform: rotate(0) translateX(-400px) translateY(100px); -webkit-transition: all 3.5s ease; -moz-transition: all 3.5s ease; -o-transition: all 3.5s ease; transition: all 3.5s ease; }
.fscp_w .details_x3_w.active .cp_img { -webkit-transform: rotate(0) translateX(0) translateY(0); -moz-transform: rotate(0) translateX(0) translateY(0); -o-transform: rotate(0) translateX(0) translateY(0); transform: rotate(0) translateX(0) translateY(0); }
.fscp_w .details_x3_w .details_x3_w_bg { width: 100%; margin: auto; position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; opacity: .8; background-image: -moz-radial-gradient( 50% 50%, circle closest-side, rgb(44,49,61) 0%, rgb(26,28,37) 200%); background-image: -webkit-radial-gradient( 50% 50%, circle closest-side, rgb(44,49,61) 0%, rgb(26,28,37) 200%); background-image: -ms-radial-gradient( 50% 50%, circle closest-side, rgb(44,49,61) 0%, rgb(26,28,37) 200%); -webkit-transition: all 1.5s ease; -moz-transition: all 1.5s ease; -o-transition: all 1.5s ease; transition: all 1.5s ease }
.fscp_w .details_x3_w_bg.active .details_x3_w_bg { opacity: .4; }
/*--HST-X3 向右--*/ 
.fscp_w .details_x3_w_b { background-color: #e8f0f2; text-align: right; }
.fscp_w .details_x3_w_b .pull-right { margin-top: 20%; text-align: right; }
.fscp_w .details_x3_w_b .pull-left { margin-top: 10%; ; margin-left: -130px; }

@media (min-width: 1200px) {
.fscp_w .details_x3_w_b .pull-left { max-width: none; margin-left: -130px; }
}

@media (max-width: 1600px) {
.fscp_w .details_x3_w_b .pull-left { max-width: 100%; margin-left: -100px; }
}

@media (max-width:1200px) {
.fscp_w .details_x3_w_b .pull-right { width: 100%; margin-top: 20%; text-align: center; }
.fscp_w .details_x3_w_b .pull-left { width: 100%; margin-top: 10%; ; margin-left: 0px; }
}
/*--HST-X3 向左--*/ 
.fscp_w .details_x3_w_a { background-color: #FFF; text-align: center; }
.fscp_w .details_x3_w_a .pull-left { margin-top: 16%; text-align: left; }
.fscp_w .details_x3_w_a .pull-right { margin-top: 10%; ; margin-right: -50px; }

@media (min-width: 1200px) {
.fscp_w .details_x3_w_a .pull-right img { max-width: none; }
}

@media (min-width: 992px) and (max-width: 1600px) {
.fscp_w .details_x3_w_a .pull-right { margin-top: 10%; margin-right: -100px; }
.fscp_w .details_x3_w_a .pull-right img { max-width: 100%; }
}

@media (max-width:1200px) {
.fscp_w .details_x3_w_a .pull-left { width: 100%; margin-top: 20%; text-align: center; }
.fscp_w .details_x3_w_a .pull-right { width: 100%; margin-top: 10%; ; margin-right: 0px; }
}
/* details_x3_w_3 专业的编解码技术动效*/
.fscp_w .details_x3_w_3 .cp_img { }
.fscp_w .details_x3_w_3 .cp_img  {
  -webkit-opacity: 0.6; -moz-opacity: 0.6; opacity: 0.6; 
  -webkit-transform: perspective(1200px) rotateX(-90deg) translate3d(0px, 200px, 0px) scale(.8, .8); 
  -moz-transform: perspective(1200px) rotateX(-90deg) translate3d(0px, 200px, 0px) scale(.8, .8);
  transform: perspective(1200px) rotateX(-90deg) translate3d(0px, 200px, 0px) scale(.8, .8); 
  -webkit-transition: all 3.5s ease; 
  -moz-transition: all 3.5s ease;
  transition: all 3.5s ease; 
}
.fscp_w .details_x3_w_3.active .cp_img { 
  -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; 
  -webkit-transform: translate3d(0, 0, 0); 
  -moz-transform: translate3d(0, 0, 0); 
  transform: translate3d(0, 0, 0); 
}



/*-- details_x3_w_4 强大的网络适应能力 居中--*/ 

.fscp_w .details_x3_w_4 { color: #FFF; background-color: #191b22; background-image: -moz-radial-gradient( 50% 50%, circle closest-side, rgb(44,48,57) 0%, rgb(25,27,34) 100%); background-image: -webkit-radial-gradient( 50% 50%, circle closest-side, rgb(44,48,57) 0%, rgb(25,27,34) 100%); background-image: -ms-radial-gradient( 50% 50%, circle closest-side, rgb(44,48,57) 0%, rgb(25,27,34) 100%); }
.fscp_w .details_x3_w_4 .cp_desc { margin-top: 15%; }
/*柔滑向上45°翻旋90°-动效*/
.fscp_w .details_x3_w_4 .cp_img { -webkit-transform: rotate(-45deg) translateX(-200px) translateY(400px); -moz-transform: rotate(45deg) translateX(-200px) translateY(400px); -o-transform: rotate(-45deg) translateX(-200px) translateY(400px); transform: rotate(-45deg) translateX(-200px) translateY(400px); -webkit-transition: all 3.5s ease; -moz-transition: all 3.5s ease; -o-transition: all 3.5s ease; transition: all 3.5s ease; }
.fscp_w .details_x3_w_4.active .cp_img { -webkit-transform: rotate(-90deg) translateX(0) translateY(50px); -moz-transform: rotate(-90deg) translateX(0) translateY(50px); -o-transform: rotate(-90deg) translateX(0) translateY(50px); transform: rotate(-90deg) translateX(0) translateY(50px); }
/*--丰富的会议管理功能 居中--*/ 

.fscp_w .details_x3_w_7 { position: relative; z-index: 1; color: #FFF; background: #233240 url(../images/cp_last_tel_bg_2.png) no-repeat center; background-image: -moz-radial-gradient( 50% 50%, circle closest-side, rgb(48,67,90) 0%, rgb(19,35,51) 200%); background-image: -webkit-radial-gradient( 50% 50%, circle closest-side, rgb(48,67,90) 0%, rgb(19,35,51) 200%); background-image: radial-gradient( 50% 50%, circle closest-side, rgb(48,67,90) 0%, rgb(19,35,51) 200%); min-height: 300px !important; max-height: 900px !important; text-align: center; }
.fscp_w .details_x3_w_7 .cp_text p { color: #FFF; }
.fscp_w .details_x3_w_7 .cp_desc { position: relative; z-index: 100; }
.fscp_w .details_x3_w_7 .cp_img { height: auto; margin: auto; margin-top: 50px; position: relative; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; }
.fscp_w .details_x3_w_7 .details_x3_w_bg { width: 100%; margin: auto; position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; bottom: 0px; background: url(../images/cp_control_bg.png) no-repeat center center; background-size: contain }
/*------------------视频会议终端 HST-A1 (首屏)--------------------------------------*/ 
.fscp_w .details_a1_w { position: relative; z-index: 1; color: #FFF; background-color: #1a1c25; background-image: -moz-radial-gradient( 50% 50%, circle closest-side, rgb(49, 56, 68) 0%, rgb(24, 27, 30) 200%); background-image: -webkit-radial-gradient( 50% 50%, circle closest-side, rgb(49, 56, 68) 0%, rgb(24, 27, 30) 200%); background-image: radial-gradient( 50% 50%, circle closest-side, rgb(49, 56, 68) 0%, rgb(24, 27, 30) 200%); background-size: cover; max-height: 2000px !important; text-align: center; -webkit-transition: all .8s ease; transition: all 0.8s ease }
.fscp_w .details_a1_w .cp_desc { margin-top: 15%; }
.fscp_w .details_a1_w .cp_desc.text-center p { max-width: 820px; }
/*优势小列表*/ 

.fscp_w .details_a1_w .a1_reason_list_w { display: block; max-width: 620px; margin: 40px auto 40px auto; overflow: hidden; -webkit-transform: translate3d(0, 80px, 0); transform: translate3d(0, 80px, 0); -webkit-transition: all .8s ease; transition: all 0.8s ease }
.fscp_w .details_a1_w .a1_reason_list_w li { display: inline-block; width: 25% }
.fscp_w .details_a1_w .a1_reason_list_w li h6 { display: block; padding: 0 25px; margin: 15px 10px; float: left; border: 1px solid #0080ff ; ; height: 52px; line-height: 52px; font-size: 16px; text-align: center; color: #0080ff ; ; border-radius: 8px; }
.fscp_w .details_a1_w.active .a1_reason_list_w { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

@media screen and (max-width:1200px) {
.fscp_w .details_a1_w .a1_reason_list_w { margin: 20px auto 50px auto; }
}

@media screen and (max-width:480px) {
.fscp_w .details_a1_w .a1_reason_list_w { display: block; max-width: 100%; margin: 0 auto; }
.fscp_w .details_a1_w .a1_reason_list_w li { display: inline-block; width: 25% }
.fscp_w .details_a1_w .a1_reason_list_w li h6 { height: 42px; line-height: 42px; font-size: 14px; padding: 0 10px; margin: 10px 5px; }
}
.fscp_w .details_a1_w .cp_text p { color: #FFF; }
.fscp_w .details_a1_w .cp_desc { position: relative; z-index: 100; }
.fscp_w .details_a1_w .cp_desc p { max-width: 720px; margin: 40px auto; }
.fscp_w .details_a1_w .btn_r_more, .fscp_w .details_x3_w .btn_free_trial { background-color: #FFF; color: #0080ff ; }
.fscp_w .details_a1_w .btn_r_more:hover, .fscp_w .details_x3_w .btn_free_trial:hover { box-shadow: 1px 2px 6px 0px rgb( 0, 0, 0, .2 ); }
/*右上向左前方由小放大-动效*/
.fscp_w .details_a1_w .cp_img { -webkit-transform: rotate(0) translateX(200px) translateY(-100px) scale(0.6, 0.6); -moz-transform: rotate(0) translateX(200px) translateY(-100px) scale(0.6, 0.6); -o-transform: rotate(0) translateX(200px) translateY(-100px) scale(0.6, 0.6); transform: rotate(0) translateX(200px) translateY(-100px) scale(0.6, 0.6); -webkit-transition: all 3.5s ease; -moz-transition: all 3.5s ease; -o-transition: all 3.5s ease; transition: all 3.5s ease; }
.fscp_w .details_a1_w.active .cp_img { -webkit-transform: perspective(0) rotateX(0) translate3d(0, 0, 0) scale(1, 1); -moz-transform: perspective(0) rotateX(0) translate3d(0, 0, 0) scale(1, 1); -o-transform: perspective(0) rotateX(0) translate3d(0, 0, 0) scale(1, 1); transform: perspective(0) rotateX(0) translate3d(0, 0, 0) scale(1, 1); }
.fscp_w .details_a1_w .details_x3_w_bg { width: 100%; margin: auto; position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; opacity: .8; background-image: -moz-radial-gradient( 50% 50%, circle closest-side, rgb(44,49,61) 0%, rgb(26,28,37) 200%); background-image: -webkit-radial-gradient( 50% 50%, circle closest-side, rgb(44,49,61) 0%, rgb(26,28,37) 200%); background-image: -ms-radial-gradient( 50% 50%, circle closest-side, rgb(44,49,61) 0%, rgb(26,28,37) 200%); -webkit-transition: all 1.5s ease; -moz-transition: all 1.5s ease; -o-transition: all 1.5s ease; transition: all 1.5s ease }
.fscp_w .details_a1_w.active .details_a1_w_bg { opacity: .4; }
/*--HST-A1 向右--*/ 
.fscp_w .details_a1_w_ { background-color: #e8f0f2; text-align: right; }
.fscp_w .details_a1_w_b .pull-right { margin-top: 20%; text-align: right; }
.fscp_w .details_a1_w_b .pull-left { margin-top: 10%; ; margin-left: -130px; }

@media (min-width: 1200px) {
.fscp_w .details_a1_w_b .pull-left { max-width: none; margin-left: -130px; }
}

@media (max-width: 1600px) {
.fscp_w .details_a1_w_b .pull-left { max-width: 100%; margin-left: -100px; }
}

@media (max-width:1200px) {
.fscp_w .details_a1_w_b .pull-right { width: 100%; margin-top: 20%; text-align: center; }
.fscp_w .details_a1_w_b .pull-left { width: 100%; margin-top: 10%; ; margin-left: 0px; }
}
/*--HST-A1 向左--*/ 
.fscp_w .details_a1_w_a { background-color: #FFF; text-align: center; }
.fscp_w .details_a1_w_a .pull-left { margin-top: 16%; text-align: left; }
.fscp_w .details_a1_w_a .pull-right { margin-top: 10%; ; margin-right: -50px; }

@media (min-width: 1200px) {
.fscp_w .details_a1_w_a .pull-right img { max-width: none; }
}

@media (min-width: 992px) and (max-width: 1600px) {
.fscp_w .details_a1_w_a .pull-right { margin-top: 10%; margin-right: -100px; }
.fscp_w .details_a1_w_a .pull-right img { max-width: 100%; }
}

@media (max-width:1200px) {
.fscp_w .details_a1_w_a .pull-left { width: 100%; margin-top: 20%; text-align: center; }
.fscp_w .details_a1_w_a .pull-right { width: 100%; margin-top: 10%; ; margin-right: 0px; }
}
/*小巧便携-右下角向左托起由小放大-动效*/
.fscp_w .details_a1_w_2 .cp_img { -webkit-transform: rotateX(0) translate3d(300px, 300px, -500px) scale(.9, .9); -moz-transform: rotateX(0) translate3d(300px, 300px, -500px) scale(.9, .9); -o-transform: rotateX(0) translate3d(300px, 300px, -500px) scale(.9, .9); transform: rotateX(0) translate3d(300px, 300px, -500px) scale(.9, .9); -webkit-transition: all 4.5s ease; -moz-transition: all 4.5s ease; -o-transition: all 4.5s ease; transition: all 4.5s ease; }
.fscp_w .details_a1_w_2.active .cp_img { -webkit-transform: perspective(0) rotateX(0) translate3d(0, 0, 0) scale(1, 1); -moz-transform: perspective(0) rotateX(0) translate3d(0, 0, 0) scale(1, 1); -o-transform: perspective(0) rotateX(0) translate3d(0, 0, 0) scale(1, 1); transform: perspective(0) rotateX(0) translate3d(0, 0, 0) scale(1, 1); }
/*-- details_x3_w_4 强大的网络适应能力 居中--*/ 

.fscp_w .details_a1_w_4 { background-color: #e8f0f2; }
.fscp_w .details_a1_w_4 .cp_desc { margin-top: 15%; }
/*柔滑向上45°翻旋90°-动效*/
.fscp_w .details_a1_w_4 .cp_img { -webkit-transform: perspective(1200px) rotateX(90deg) translate3d(0px, -100px, 0px) scale(.8, .8); -moz-transform: perspective(1200px) rotateX(90deg) translate3d(0px, -100px, 0px) scale(.8, .8); -o-transform: perspective(1200px) rotateX(90deg) translate3d(0px, -100px, 0px) scale(.8, .8); transform: perspective(1200px) rotateX(90deg) translate3d(0px, -100px, 0px) scale(.8, .8); -webkit-transition: all 3.5s ease; -moz-transition: all 3.5s ease; -o-transition: all 3.5s ease; transition: all 3.5s ease; }
.fscp_w .details_a1_w_4.active .cp_img { -webkit-transform: perspective(0) rotateX(0) translate3d(0, 0, 0) scale(1, 1); -moz-transform: perspective(0) rotateX(0) translate3d(0, 0, 0) scale(1, 1); -o-transform: perspective(0) rotateX(0) translate3d(0, 0, 0) scale(1, 1); transform: perspective(0) rotateX(0) translate3d(0, 0, 0) scale(1, 1); }
/*--高性价比 居中--*/ 

.fscp_w .details_a1_w_3 { position: relative; z-index: 1; color: #FFF; background: #000 url(../images/cp/details_a1_3_bg.png) no-repeat center bottom; background-size: contain; max-height: 1300px !important; text-align: center; }
.fscp_w .details_a1_w_3 .cp_text p { color: #FFF; }
.fscp_w .details_a1_w_3 .cp_desc { position: relative; z-index: 100; }
.fscp_w .details_a1_w_3 .cp_img { max-width: 800px; margin: auto; margin-bottom: 20%; position: relative; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; }
/*-details_a1_w_3动效*/
.fscp_w .details_a1_w_3 .cp_img { -webkit-transform: perspective(800px) rotateX(70deg) translate3d(0px, 100px, -50px) scale(.8, .8); -moz-transform: perspective(800px) rotateX(70deg) translate3d(0px, 100px, -50px) scale(.8, .8); -o-transform: perspective(800px) rotateX(70deg) translate3d(0px, 100px, -50px) scale(.8, .8); transform: perspective(800px) rotateX(70deg) translate3d(0px, 100px, -50px) scale(.8, .8); -webkit-transition: all 2.5s ease; -moz-transition: all 2.5s ease; ; -o-transition: all 2.5s ease; transition: all 2.5s ease; }
.fscp_w .details_a1_w_3.active .cp_img { -webkit-transform: perspective(0) rotateX(0) translate3d(0, 0, 0) scale(1, 1); -moz-transform: perspective(0) rotateX(0) translate3d(0, 0, 0) scale(1, 1); -o-transform: perspective(0) rotateX(0) translate3d(0, 0, 0) scale(1, 1); transform: perspective(0) rotateX(0) translate3d(0, 0, 0) scale(1, 1); }
/*------------------视频会议终端 HST-A1 (首屏)--------------------------------------*/ 
/*-.details_mcu8000{font-family: "FZLanTingKanHei-R-GBK";}--*/ 

.fscp_w .details_mcu8000_w { /*! font-family: "FZLanTingKanHei-R-GBK"; */ position: relative; z-index: 1; color: #FFF; background-color: #12171D; background-image: -moz-radial-gradient( 50% 50%, circle closest-side, rgb(71,79,84) 0%, rgb(12,19,23) 150%); background-image: -webkit-radial-gradient( 50% 50%, circle closest-side, rgb(71,79,84) 0%, rgb(12,19,23) 150%); background-image: -ms-radial-gradient( 50% 50%, circle closest-side, rgb(71,79,84) 0%, rgb(12,19,23) 150%); max-height: 2000px !important; text-align: center; -webkit-transition: all .8s ease; transition: all 0.8s ease }
.fscp_w .details_mcu8000_w .cp_desc { margin-top: 15%; }
.fscp_w .details_mcu8000_w .cp_desc.text-center p { max-width: 1020px; font-size: 16px; }
/*优势列表*/ 

.fscp_w .details_mcu8000_w .mcu8000_reason_list_w { display: block; max-width: 620px; margin: 40px auto 40px auto; overflow: hidden; -webkit-transform: translate3d(0, 80px, 0); transform: translate3d(0, 80px, 0); -webkit-transition: all .8s ease; transition: all 0.8s ease }
.fscp_w .details_mcu8000_w .mcu8000_reason_list_w li { width: 33.33%; padding: 0 30px; display: inline-block; *zoom: 1;
*display: inline
}
.fscp_w .details_mcu8000_w .mcu8000_reason_list_w li h6 { display: block; margin: 20px auto; border: 1px solid #0080ff ; ; height: 52px; line-height: 52px; font-size: 16px; text-align: center; color: #0080ff ; ; border-radius: 8px; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); -webkit-transition: all .8s ease; transition: all .8s ease; }
.fscp_w .details_mcu8000_w.active .mcu8000_reason_list_w li h6 { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.fscp_w .details_mcu8000_w .mcu8000_reason_list_w li:nth-child(1) h6 { -webkit-transition-delay: 0.1s; transition-delay: 0.1s; }
.fscp_w .details_mcu8000_w .mcu8000_reason_list_w li:nth-child(2) h6 { -webkit-transition-delay: 0.2s; transition-delay: 0.2s; }
.fscp_w .details_mcu8000_w .mcu8000_reason_list_w li:nth-child(3) h6 { -webkit-transition-delay: 0.3s; transition-delay: 0.3s; }
.fscp_w .details_mcu8000_w .mcu8000_reason_list_w li:nth-child(4) h6 { -webkit-transition-delay: 0.4s; transition-delay: 0.4s; }
.fscp_w .details_mcu8000_w .mcu8000_reason_list_w li:nth-child(5) h6 { -webkit-transition-delay: 0.5s; transition-delay: 0.5s; }
.fscp_w .details_mcu8000_w.active .mcu8000_reason_list_w { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

@media screen and (max-width:1200px) {
.fscp_w .details_mcu8000_w .mcu8000_reason_list_w { margin: 20px auto 50px auto; }
}

@media screen and (max-width:480px) {
.fscp_w .details_mcu8000_w .mcu8000_reason_list_w { display: block; max-width: 100%; margin: 0 auto; }
.fscp_w .details_mcu8000_w .mcu8000_reason_list_w li { display: inline-block; width: 50%; padding: 0 10px; }
.fscp_w .details_mcu8000_w .mcu8000_reason_list_w li h6 { height: 42px; line-height: 42px; font-size: 14px; padding: 0 10px; margin: 10px 5px; }
}
.fscp_w .details_mcu8000_w .cp_text p { color: #FFF; }
.fscp_w .details_mcu8000_w .cp_desc { position: relative; z-index: 100; }
.fscp_w .details_mcu8000_w .cp_desc .cp_text h1 { font-size: 38px }
.fscp_w .details_mcu8000_w .cp_desc p { max-width: 720px; margin: 40px auto; }

@media (max-width:480px) {
.fscp_w .details_mcu8000_w .cp_desc .cp_text h1 { font-size: 24px; line-height: 32px; font-weight: 700 }
}
.fscp_w .details_mcu8000_w .btn_r_more, .fscp_w .details_mcu8000_w .btn_free_trial { background-color: #FFF; color: #0080ff ; }
.fscp_w .details_mcu8000_w .btn_r_more:hover, .fscp_w .details_mcu8000_w .btn_free_trial:hover { box-shadow: 1px 2px 6px 0px rgb( 0, 0, 0, .2 ); }
/*右上向左前方由小放大-动效*/
.fscp_w .details_mcu8000_w .cp_img { -webkit-transform: rotate(0) translateX(200px) translateY(-100px) scale(0.6, 0.6); ; -moz-transform: rotate(0) translateX(200px) translateY(-100px) scale(0.6, 0.6); ; -o-transform: rotate(0) translateX(200px) translateY(-100px) scale(0.6, 0.6); ; transform: rotate(0) translateX(200px) translateY(-100px) scale(0.6, 0.6); ; -webkit-transition: all 3.5s ease; -moz-transition: all 3.5s ease; -o-transition: all 3.5s ease; transition: all 3.5s ease; }
.fscp_w .details_mcu8000_w.active .cp_img { -webkit-transform: perspective(0) rotateX(0) translate3d(0, 0, 0) scale(1, 1); -moz-transform: perspective(0) rotateX(0) translate3d(0, 0, 0) scale(1, 1); -o-transform: perspective(0) rotateX(0) translate3d(0, 0, 0) scale(1, 1); transform: perspective(0) rotateX(0) translate3d(0, 0, 0) scale(1, 1); }
.fscp_w .details_mcu8000_w .details_mcu8000_w_bg { width: 100%; margin: auto; position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; opacity: .8; background-image: -moz-radial-gradient( 50% 50%, circle closest-side, rgb(44,49,61) 0%, rgb(26,28,37) 200%); background-image: -webkit-radial-gradient( 50% 50%, circle closest-side, rgb(44,49,61) 0%, rgb(26,28,37) 200%); background-image: -ms-radial-gradient( 50% 50%, circle closest-side, rgb(44,49,61) 0%, rgb(26,28,37) 200%); -webkit-transition: all 1.5s ease; -moz-transition: all 1.5s ease; -o-transition: all 1.5s ease; transition: all 1.5s ease }
.fscp_w .details_mcu8000_w.active .details_mcu8000_w_bg { opacity: .4; }
/*--HST-A1 向右--*/ 
.fscp_w .details_mcu8000_w_b { background-color: #e8f0f2; text-align: right; }
.fscp_w .details_mcu8000_w_b .pull-right { margin-top: 15%; text-align: right; }
.fscp_w .details_mcu8000_w_b .pull-left { margin-top: 10%; ; margin-left: -130px; }

@media (min-width: 1200px) {
.fscp_w .details_mcu8000_w_b .pull-left { max-width: none; margin-left: -130px; }
}

@media (max-width: 1600px) {
.fscp_w .details_mcu8000_w_b .pull-left { max-width: 100%; margin-left: -100px; }
}

@media (max-width:1200px) {
.fscp_w .details_mcu8000_w_b .pull-right { width: 100%; margin-top: 10%; text-align: center; }
.fscp_w .details_mcu8000_w_b .pull-left { width: 100%; margin-top: 10%; ; margin-left: 0px; }
}
/*--HST-A1 向左--*/ 
.fscp_w .details_mcu8000_w_a { background-color: #FFF; text-align: center; }
.fscp_w .details_mcu8000_w_a .pull-left { margin-top: 16%; text-align: left; }
.fscp_w .details_mcu8000_w_a .pull-right { margin-top: 10%; ; margin-right: -50px; }

@media (min-width: 1200px) {
.fscp_w .details_mcu8000_w_a .pull-right img { max-width: none; }
}

@media (min-width: 992px) and (max-width: 1600px) {
.fscp_w .details_mcu8000_w_a .pull-right { margin-top: 10%; margin-right: -100px; }
.fscp_w .details_mcu8000_w_a .pull-right img { max-width: 100%; }
}

@media (max-width:1200px) {
.fscp_w .details_mcu8000_w_a .pull-left { width: 100%; margin-top: 20%; text-align: center; }
.fscp_w .details_mcu8000_w_a .pull-right { width: 100%; margin-top: 10%; ; margin-right: 0px; }
}
.fscp_w .details_mcu8000_w_2 { background: #E8F0F2;position: relative; z-index: 1;}
.fscp_w .details_mcu8000_w_2:after{
	content: "";
    margin: auto;
	position: absolute;
    left: 0;
    top: 0;
    right:0;
    bottom:0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.2);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#7f000000", endColorstr="#7f000000")\9;
      -webkit-transition: all 0.2s;
    transition: all 0.2s;
    z-index: 2;
}
.fscp_w .details_mcu8000_w_2.active:after{background:none;width:0;height:0;}
/* details_mcu8000_w_2 超大容量 外屏缩小进屏动效*/
.fscp_w .details_mcu8000_w_2 .cp_img {-webkit-transform: scale(1.6);-ms-transform: scale(1.6);transform: scale(1.6);  -webkit-transition: all 3.5s ease; -moz-transition: all 3.5s ease; -o-transition: all 3.5s ease; transition: all 3.5s ease; }
.fscp_w .details_mcu8000_w_2.active .cp_img {  -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1);} 

.fscp_w .details_mcu8000_w_3 { position: relative;z-index: 1;color: #FFF; background: #0C0807 url(/statics/images/mcu_8000_3_bg.jpg) no-repeat center center; background-size: cover; }
/* details_mcu8000_w_3 超大容量 性能稳定动效(与A1高性价比类似)*/
.fscp_w .details_mcu8000_w_3{background-position: 50px -50px;-webkit-transition: all 3.5s ease; -moz-transition: all 3.5s ease; -o-transition: all 3.5s ease; transition: all 3.5s ease; }
.fscp_w .details_mcu8000_w_3.active{ background-position: center center;}
.fscp_w .details_mcu8000_w_3:after{
	content: "";
    margin: auto;
	position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    right:0;
    bottom:0;
    width: 100%;
    height: 100%;
    max-width: 800px;
    background:url(../images/cp/details_a1_3.png) no-repeat center center;
    background-size: contain;
    -webkit-transform: perspective(6000px) rotateX(60deg) translate3d(0px, 300px, -50px) scale(.8, .8); 
    -moz-transform: perspective(6000px) rotateX(60deg) translate3d(0px, 300px, -50px) scale(.8, .8);
    -o-transform: perspective(6000px) rotateX(60deg) translate3d(0px, 300px, -50px) scale(.8, .8);
    transform: perspective(56000px) rotateX(60deg) translate3d(0px, 300px, -50px) scale(.8, .8);   
    -webkit-transition: all 2.5s ease;
    -moz-transition: all 2.5s ease; 
    -o-transition: all 2.5s ease;
    transition: all 2.5s ease;;
}

.fscp_w .details_mcu8000_w_3.active:after{
    -webkit-transform: perspective(0) rotateX(0) translate3d(0, 0, 0) scale(1, 1); 
    -moz-transform: perspective(0) rotateX(0) translate3d(0, 0, 0) scale(1, 1); 
    -o-transform: perspective(0) rotateX(0) translate3d(0, 0, 0) scale(1, 1);
    transform: perspective(0) rotateX(0) translate3d(0, 0, 0) scale(1, 1);
}
.fscp_w .details_mcu8000_w_3 .cp_text p { color: #FFF; }

.fscp_w .details_mcu8000_w_4 { position: relative; z-index: 1; background: #F5F5F5 url(/statics/images/mcu_8000_4_bg.jpg) no-repeat center center; background-size: cover; }
.fscp_w .details_mcu8000_w_4 .cp_text { position: relative; z-index: 10; }

@media (max-width:1200px) {
.fscp_w .details_mcu8000_w_4_bg { width: 100%; margin: auto; position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; opacity: .9; background: rgb(254, 254, 254); -webkit-transition: all 1.5s ease; -moz-transition: all 1.5s ease; -o-transition: all 1.5s ease; transition: all 1.5s ease; }
}
.fscp_w .details_mcu8000_w_5 { position: relative; z-index: 1; color: #FFF; background: #0E1319 url(/statics/images/mcu_8000_5_bg.jpg) no-repeat center center; background-size: contain; }
.fscp_w .details_mcu8000_w_5 .cp_text { position: relative; z-index: 10; }
.fscp_w .details_mcu8000_w_5 .cp_text p { color: #FFF; }

@media (max-width:1200px) {
.fscp_w .details_mcu8000_w_5_bg { width: 100%; margin: auto; position: absolute; z-index: 0; top: 0; right: 0; bottom: 0; left: 0; opacity: .8; background-image: -moz-radial-gradient( 50% 50%, circle closest-side, rgb(44,49,61) 0%, rgb(26,28,37) 200%); background-image: -webkit-radial-gradient( 50% 50%, circle closest-side, rgb(44,49,61) 0%, rgb(26,28,37) 200%); background-image: -ms-radial-gradient( 50% 50%, circle closest-side, rgb(44,49,61) 0%, rgb(26,28,37) 200%); -webkit-transition: all 1.5s ease; -moz-transition: all 1.5s ease; -o-transition: all 1.5s ease; transition: all 1.5s ease; }
}
.fscp_w .details_mcu8000_w_6 { position: relative; z-index: 1; background: #C7C7C7 url(/statics/images/mcu_8000_6_bg.jpg) no-repeat center center; min-height: 1200px; max-height: 1166px; background-size: cover; }
.fscp_w .details_mcu8000_w_6 .cp_text { margin-top: 300px; }
.fscp_w .details_mcu8000_w_6 .cp_text { position: relative; z-index: 10; }

@media (max-width:1200px) {
.fscp_w .details_mcu8000_w_6 .cp_text h1 { color: #FFF; }
.fscp_w .details_mcu8000_w_6 .cp_text { margin-top: 0; }
.fscp_w .details_mcu8000_w_6 .cp_text p { color: #FFF; }
.fscp_w .details_mcu8000_w_6 { min-height: 300px; max-height: 1200px; }
.fscp_w .details_mcu8000_w_6_bg { width: 100%; margin: auto; position: absolute; z-index: 0; top: 0; right: 0; bottom: 0; left: 0; opacity: .8; background-image: -moz-radial-gradient( 50% 50%, circle closest-side, rgb(44,49,61) 0%, rgb(26,28,37) 200%); background-image: -webkit-radial-gradient( 50% 50%, circle closest-side, rgb(44,49,61) 0%, rgb(26,28,37) 200%); background-image: -ms-radial-gradient( 50% 50%, circle closest-side, rgb(44,49,61) 0%, rgb(26,28,37) 200%); -webkit-transition: all 1.5s ease; -moz-transition: all 1.5s ease; -o-transition: all 1.5s ease; transition: all 1.5s ease; }
}
.fscp_w .details_mcu8000_w_7 { color: #FFF; background: #030303 url(/statics/images/cp/details_mcu8000_7.jpg) no-repeat center center; background-size: cover; }
.fscp_w .details_mcu8000_w_7{background-position: 50px -50px;-webkit-transition: all 3.5s ease; -moz-transition: all 3.5s ease; -o-transition: all 3.5s ease; transition: all 3.5s ease; }
.fscp_w .details_mcu8000_w_7.active{ background-position: center center;}
.fscp_w .details_mcu8000_w_7 .cp_text p { color: #FFF; }
/*------------------视频会议终端 HST-v5 (首屏)--------------------------------------*/ 
/*-.details_v5{font-family: "FZLanTingKanHei-R-GBK";}--*/ 
.fscp_w .details_v5_w { position: relative; z-index: 1; color: #FFF; background: #040000 url(../images/cp/details_v5_1_bg.jpg) no-repeat center top; background-size: cover; max-height: 2000px !important; text-align: center; -webkit-transition: all .8s ease; transition: all 0.8s ease }
.fscp_w .details_v5_w .cp_desc { margin-top: 15%; position: relative; z-index: 10; }
.fscp_w .details_v5_w .cp_desc p { max-width: 920px; font-size: 18px; color: #FFF; z-index: 10; }
/*HST-v5 优势列表*/ 
.fscp_w .details_v5_w .v5_reason_list_w { display: block; max-width: 680px; margin: 80px auto 40px auto; -webkit-transform: translate3d(0, 80px, 0); transform: translate3d(0, 80px, 0); -webkit-transition: all .8s ease; transition: all 0.8s ease }
.fscp_w .details_v5_w .v5_reason_list_w li { display: block; display: inline-block; *zoom: 1;
*display: inline;
width: 32%; height: auto; line-height: 1.5; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); -webkit-transition: all .8s ease; transition: all .8s ease; }
.fscp_w .details_v5_w .v5_reason_list_w li div { border-right: 1px solid #393939; }
.fscp_w .details_v5_w .v5_reason_list_w li:last-child div { border: none; }
.fscp_w .details_v5_w .v5_reason_list_w li h6 { display: block; font-size: 28px; line-height: 1.5; text-align: center; color: #0080ff; margin: 0 auto; padding: 0; }
.fscp_w .details_v5_w .v5_reason_list_w li p { display: block; font-size: 16px; line-height: 1.5; text-align: center; color: #6e798b; ; margin: 0 auto; padding: 0; }
.fscp_w .details_v5_w.active .v5_reason_list_w li { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.fscp_w .details_v5_w .v5_reason_list_w li:nth-child(1) { -webkit-transition-delay: 0.1s; transition-delay: 0.1s; }
.fscp_w .details_v5_w .v5_reason_list_w li:nth-child(2) { -webkit-transition-delay: 0.3s; transition-delay: 0.3s; }
.fscp_w .details_v5_w .v5_reason_list_w li:nth-child(3) { -webkit-transition-delay: 0.5s; transition-delay: 0.5s; }
.fscp_w .details_v5_w.active .v5_reason_list_w { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

@media screen and (max-width:1200px) {
.fscp_w .details_v5_w .v5_reason_list_w { margin: 20px auto 50px auto; }
}

@media screen and (max-width:480px) {
.fscp_w .details_v5_w .v5_reason_list_w { display: block; max-width: 100%; margin: 10% auto; display: flex; flex-wrap: wrap; justify-content: space-evenly; align-content: space-evenly; }
.fscp_w .details_v5_w .v5_reason_list_w li div { border: none; ; }
.fscp_w .details_v5_w .v5_reason_list_w li h6 { font-size: 16px; }
.fscp_w .details_v5_w .v5_reason_list_w li p { font-size: 14px; }
.fscp_w .details_v5_w .cp_text p { color: #FFF; }
.fscp_w .details_v5_w .cp_desc { position: relative; z-index: 100; }
.fscp_w .details_v5_w .cp_desc p { max-width: 820px; margin: 40px auto; }
}
.fscp_w .details_v5_w .btn_r_more, .fscp_w .details_v5_w .btn_free_trial { background-color: #FFF; color: #0080ff ; }
.fscp_w .details_v5_w .btn_r_more:hover, .fscp_w .details_v5_w .btn_free_trial:hover { box-shadow: 1px 2px 6px 0px rgb( 0, 0, 0, .2 ); }
/*由往而上，由小放大-动效*/
.fscp_w .details_v5_w .cp_img { -webkit-transform: rotate(0) translateX(0) translateY(150px) scale(.8, 0.8); -moz-transform: rotate(0) translateX(0) translateY(150px) scale(.8, 0.8); -o-transform: rotate(0) translateX(0) translateY(150px) scale(.8, 0.8); transform: rotate(0) translateX(0) translateY(150px) scale(.8, 0.8); -webkit-transition: all 3.5s ease; -moz-transition: all 3.5s ease; -o-transition: all 3.5s ease; transition: all 3.5s ease; }
.fscp_w .details_v5_w.active .cp_img { -webkit-transform: perspective(0) rotateX(0) translate3d(0, 0, 0) scale(1, 1); -moz-transform: perspective(0) rotateX(0) translate3d(0, 0, 0) scale(1, 1); -o-transform: perspective(0) rotateX(0) translate3d(0, 0, 0) scale(1, 1); transform: perspective(0) rotateX(0) translate3d(0, 0, 0) scale(1, 1); }
.fscp_w .details_v5_w .details_v5_w_bg { width: 100%; margin: auto; position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; opacity: .8; -webkit-transition: all 1.5s ease; -moz-transition: all 1.5s ease; -o-transition: all 1.5s ease; transition: all 1.5s ease }
.fscp_w .details_v5_w.active .details_v5_w_bg { opacity: .4; }
/*--HST-V5 向右--*/ 
.fscp_w .details_v5_w_b { background-color: #e8f0f2; text-align: right; }
.fscp_w .details_v5_w_b .pull-right { margin-top: 15%; text-align: right; }
.fscp_w .details_v5_w_b .pull-left { margin-top: 15%; ; margin-left: -130px; }

@media (min-width: 1200px) {
.fscp_w .details_v5_w_b .pull-left { max-width: none; margin-left: -130px; }
}

@media (max-width: 1600px) {
.fscp_w .details_v5_w_b .pull-left { max-width: 100%; margin-left: -100px; }
}

@media (max-width:1200px) {
.fscp_w .details_v5_w_b .pull-right { width: 100%; margin-top: 10%; text-align: center; }
.fscp_w .details_v5_w_b .pull-left { width: 100%; margin-top: 10%; ; margin-left: 0px; }
}
/*--HST-V5 向左--*/ 
.fscp_w .details_v5_w_a { background-color: #FFF; text-align: center; }
.fscp_w .details_v5_w_a .pull-left { margin-top: 16%; text-align: left; }
.fscp_w .details_v5_w_a .pull-right { margin-top: 10%; ; margin-right: -50px; }

@media (min-width: 1200px) {
.fscp_w .details_v5_w_a .pull-right img { max-width: none; }
}

@media (min-width: 992px) and (max-width: 1600px) {
.fscp_w .details_v5_w_a .pull-right { margin-top: 10%; margin-right: -100px; }
.fscp_w .details_v5_w_a .pull-right img { max-width: 100%; }
}

@media (max-width:1200px) {
.fscp_w .details_v5_w_a .pull-left { width: 100%; margin-top: 20%; text-align: center; }
.fscp_w .details_v5_w_a .pull-right { width: 100%; margin-top: 10%; ; margin-right: 0px; }
}
.fscp_w .details_v5_w_2 { background-color: #e8f0f2; }
/* details_v5_w_2 全高清应用效果 外屏缩小进屏动效*/
.fscp_w .details_v5_w_2 .cp_img {-webkit-transform: scale(1.2);-ms-transform: scale(1.2);transform: scale(1.2);  -webkit-transition: all 3.5s ease; -moz-transition: all 3.5s ease; -o-transition: all 3.5s ease; transition: all 3.5s ease; }
.fscp_w .details_v5_w_2.active .cp_img {  -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1);} 

/*全高清优势列表*/ 
.fscp_w .details_v5_w_2 .v5_hd_list_w { display: block; max-width: 680px; margin: 80px auto 40px auto; -webkit-transform: translate3d(0, 80px, 0); transform: translate3d(0, 80px, 0); -webkit-transition: all .8s ease; transition: all 0.8s ease }
.fscp_w .details_v5_w_2 .v5_hd_list_w li { display: block; display: inline-block; *zoom: 1;
*display: inline;
width: 32%; height: auto; line-height: 1.5; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); -webkit-transition: all .8s ease; transition: all .8s ease; }
.fscp_w .details_v5_w_2 .v5_hd_list_w li div { border-right: 1px solid #c2cdd9; }
.fscp_w .details_v5_w_2 .v5_hd_list_w li:last-child div { border: none; }
.fscp_w .details_v5_w_2 .v5_hd_list_w li h6 { display: block; font-size: 32px; line-height: 1.5; text-align: center; color: #0080ff; margin: 0 auto; padding: 0; }
.fscp_w .details_v5_w_2 .v5_hd_list_w li p { display: block; font-size: 16px; line-height: 1.5; text-align: center; color: #6e798b; ; margin: 0 auto; padding: 0; }
.fscp_w .details_v5_w_2.active .v5_hd_list_w li { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.fscp_w .details_v5_w_2 .v5_hd_list_w li:nth-child(1) { -webkit-transition-delay: 0.1s; transition-delay: 0.1s; }
.fscp_w .details_v5_w_2 .v5_hd_list_w li:nth-child(2) { -webkit-transition-delay: 0.3s; transition-delay: 0.3s; }
.fscp_w .details_v5_w_2 .v5_hd_list_w li:nth-child(3) { -webkit-transition-delay: 0.5s; transition-delay: 0.5s; }
.fscp_w .details_v5_w_2.active .v5_hd_list_w { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

@media screen and (max-width:1200px) {
.fscp_w .details_v5_w .v5_hd_list_w { margin: 20px auto 50px auto; }
}

@media screen and (max-width:480px) {
.fscp_w .details_v5_w_2 .v5_hd_list_w { display: block; max-width: 100%; margin: 10% auto; display: flex; flex-wrap: wrap; justify-content: space-evenly; align-content: space-evenly; }
.fscp_w .details_v5_w_2 .v5_hd_list_w li div { border: none; ; }
.fscp_w .details_v5_w_2 .v5_hd_list_w li h6 { font-size: 16px; }
.fscp_w .details_v5_w_2 .v5_hd_list_w li p { font-size: 14px; }
}

/* details_V5_w_3 业的编解码技术*/	

.fscp_w .details_v5_w_3 { background: #fff }

.fscp_w .details_v5_w_3 .cp_img  {
  -webkit-opacity: 0.6; -moz-opacity: 0.6; opacity: 0.6; 
  -webkit-transform: perspective(1200px) rotateX(-90deg) translate3d(0px, 200px, 0px) scale(.8, .8); 
  -moz-transform: perspective(1200px) rotateX(-90deg) translate3d(0px, 200px, 0px) scale(.8, .8);
  transform: perspective(1200px) rotateX(-90deg) translate3d(0px, 200px, 0px) scale(.8, .8); 
  -webkit-transition: all 3.5s ease; 
  -moz-transition: all 3.5s ease;
  transition: all 3.5s ease; 
}
.fscp_w .details_v5_w_3.active .cp_img { 
  -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; 
  -webkit-transform: translate3d(0, 0, 0); 
  -moz-transform: translate3d(0, 0, 0); 
  transform: translate3d(0, 0, 0); 
}


/* details_V5_w_4 强大的网络适应能力*/	
.fscp_w .details_v5_w_4 { position: relative; z-index: 1; color: #FFF; background: #171a20; padding: 0 0 200px 0 }
.fscp_w .cp_s_w.details_v5_w_4 .cp_desc p { max-width: 980px; margin: 30px auto 40px auto; }
.fscp_w .details_v5_w_4 .cp_text p { color: #fff; ; }
.fscp_w .details_v5_w_4 .cp_text p font { color: #f9c772; }
.fscp_w .details_v5_w_4 .cp_text { position: relative; z-index: 10; }
/*全高清优势列表*/ 
.fscp_w .details_v5_w_4 .v5_network_list_w { display: block; max-width: 920px; margin: 80px auto 40px auto; -webkit-transform: translate3d(0, 80px, 0); transform: translate3d(0, 80px, 0); -webkit-transition: all .8s ease; transition: all 0.8s ease }
.fscp_w .details_v5_w_4 .v5_network_list_w li { display: block; display: inline-block; *zoom: 1;
*display: inline;
width: 32%; height: auto; line-height: 1.5; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); -webkit-transition: all .8s ease; transition: all .8s ease; }
.fscp_w .details_v5_w_4 .v5_network_list_w li div { border-right: 1px solid #c2cdd9; }
.fscp_w .details_v5_w_4 .v5_network_list_w li:last-child div { border: none; }
.fscp_w .details_v5_w_4 .v5_network_list_w li h6 { display: block; font-size: 32px; line-height: 1.5; text-align: center; color: #0080ff; margin: 0 auto; padding: 0; }
.fscp_w .details_v5_w_4 .v5_network_list_w li p { display: block; font-size: 16px; line-height: 1.5; text-align: center; color: #6e798b; ; margin: 0 auto; padding: 0; }
.fscp_w .details_v5_w_4.active .v5_network_list_w li { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.fscp_w .details_v5_w_4 .v5_network_list_w li:nth-child(1) { -webkit-transition-delay: 0.1s; transition-delay: 0.1s; }
.fscp_w .details_v5_w_4 .v5_network_list_w li:nth-child(2) { -webkit-transition-delay: 0.3s; transition-delay: 0.3s; }
.fscp_w .details_v5_w_4 .v5_network_list_w li:nth-child(3) { -webkit-transition-delay: 0.5s; transition-delay: 0.5s; }
.fscp_w .details_v5_w_4.active .v5_network_list_w { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

@media screen and (max-width:1200px) {
.fscp_w .details_v5_w_4 .v5_network_list_w { margin: 20px auto 50px auto; }
}

@media screen and (max-width:480px) {
.fscp_w .details_v5_w_4 .v5_network_list_w { display: block; max-width: 100%; margin: 10% auto; display: flex; flex-wrap: wrap; justify-content: space-evenly; align-content: space-evenly; }
.fscp_w .details_v5_w_4 .v5_network_list_w li div { border: none; ; }
.fscp_w .details_v5_w_4 .v5_network_list_w li h6 { font-size: 16px; }
.fscp_w .details_v5_w_4 .v5_network_list_w li p { font-size: 14px; }
}
/*网络适应能力动效*/
.v5_network_img { width: 100%; height: auto; margin-top: 150px; position: relative; z-index: 1; }
/* details_V5_w_3 网络适应能力动效*/

.fscp_w .details_v5_w_4 .v5_network_img { 
  -webkit-opacity: 0.6; -moz-opacity: 0.6; opacity: 0.6; 
  -webkit-transform: perspective(1200px) rotateX(90deg) translate3d(0px, 200px, 0px) scale(1, 1); 
  -moz-transform: perspective(1200px) rotateX(90deg) translate3d(0px, 200px, 0px) scale(1, 1);
  transform: perspective(1200px) rotateX(90deg) translate3d(0px, 200px, 0px) scale(1, 1);
  -webkit-transition: all 3.5s ease; 
  -moz-transition: all 3.5s ease;
  transition: all 3.5s ease; 
}
.fscp_w .details_v5_w_4.active .v5_network_img { 

 position: relative;  
  -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; 
  -webkit-transform: translate3d(0, 0, 0); 
  -moz-transform: translate3d(0, 0, 0); 
  transform: translate3d(0, 0, 0); 
}

.v5_network_img .v5_network_left, .v5_network_img .v5_network_center, .v5_network_img .v5_network_right {
    margin:0 auto;
    display: block; 
    display: inline-block;
    *zoom: 1;
    *display: inline;
    width: 33.33%; 
    height: auto;
}

.v5_network_img .v5_network_center{
    margin:auto;
    min-width: 640px;
    position: absolute;
    left:0;
    top:0;
    right:0;
    bottom:0; 
}
.v5_network_img .v5_network_center img { margin: auto; position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; }
/*左右那一坨 动效*/
.fscp_w .v5_network_img .v5_network_left {float: left; position: relative; }
.fscp_w .v5_network_img .v5_network_right {float: right;  position: relative;}

.fscp_w .v5_network_img .v5_network_left{display: no ne;}
.fscp_w .v5_network_img .v5_network_right{display: n one;}

@media screen and (max-width:1900px) {
.v5_network_img .v5_network_center{min-width: 500px; }    
}
@media screen and (max-width:992px) {
    
.v5_network_img { margin-top: 10px; }    
.v5_network_img .v5_network_center{min-width: 320px; }   
.fscp_w .v5_network_img .v5_network_left, .fscp_w .v5_network_img .v5_network_right { opacity: .5;width: 100%; }  
    .fscp_w .v5_network_img .v5_network_left:after, .fscp_w .v5_network_img .v5_network_right:after {     
    }    
}


.fscp_w .v5_network_img .v5_network_left:after, .fscp_w .v5_network_img .v5_network_right:after { content: ""; margin: auto; position: absolute; z-index: 4; top: 0; right: 0; bottom: 0; left: 0; position: absolute; background: url(../images/cp/details_v5_4_left_0.png) no-repeat center center; -webkit-animation: cis_circle 20 linear infinite; -moz-animation: cis_circle 20s linear infinite; -o-animation: cis_circle 20s linear infinite; animation: cis_circle 20s linear infinite; }
/*中间那一坨 动效*/
.fscp_w .active .v5_network_img .v5_network_center .v5_network_center_0 { opacity: 1; margin: auto; position: absolute; z-index: 4; top: 0; right: 0; bottom: 0; left: 0; }
.fscp_w .active .v5_network_img .v5_network_center .v5_network_center_1 { opacity: 1; filter: alpha(opacity=100); margin: auto; position: absolute; z-index: 4; top: 0; right: 0; bottom: 0; left: 0; -webkit-animation: cis_circle 20 linear infinite; -moz-animation: cis_circle 20s linear infinite; -o-animation: cis_circle 20s linear infinite; animation: cis_circle 20s linear infinite; }
.fscp_w .active .v5_network_img .v5_network_center .v5_network_center_2 { opacity: 1; filter: alpha(opacity=100); margin: auto; position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; -webkit-animation: cis_trans 10s linear infinite; -moz-animation: cis_trans 10s linear infinite; -o-animation: cis_trans 130s linear infinite; animation: cis_trans 10s linear infinite; }
.fscp_w .active .v5_network_img .v5_network_center .v5_network_center_3 { opacity: 1; filter: alpha(opacity=100); margin: auto; position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; -webkit-animation: cis_circle 50s linear infinite; -moz-animation: cis_circle 50s linear infinite; -o-animation: cis_circle 50s linear infinite; animation: cis_circle 50s linear infinite; }


/*顺时针旋转动画*/
@-webkit-keyframes cis_circle {
 from {
transform:rotate(0deg)
}
 to {
transform:rotate(360deg)
}
}
 @-moz-keyframes cis_circle {
 from {
transform:rotate(0deg)
}
 to {
transform:rotate(360deg)
}
}
@keyframes cis_circle {
 from {
 transform:rotate(0deg)
}
 to {
 transform:rotate(360deg)
}
}

/*逆时针旋转动画*/
@-webkit-keyframes cis_trans {
 from {
 transform:rotate(0deg)
}
 to {
transform:rotate(360deg)
}
}
 @-moz-keyframes cis_trans {
 from {
 transform:rotate(0deg)
}
 to {
 transform:rotate(360deg)
}
}
@keyframes cis_trans {
 from {
 transform:rotate(360deg)
}
 to {
 transform:rotate(0deg)
}
}
.fscp_w .details_v5_w_5 { position: relative; z-index: 1; background-color: #e8f0f2; }
.fscp_w .details_v5_w_5 .cp_img {
     -webkit-transform: rotate(0) translateX(-100px) translateY(150px) scale(.8, .8);  
    -moz-transform: rotate(0) translateX(-100px) translateY(150px) scale(.8, .8); 
     -o-transform: rotate(0) translateX(-100px) translateY(150px) scale(.8, .8); 
    transform: rotate(0) translateX(-100px) translateY(150px) scale(.8, .8); 
    -webkit-transition: all 3.5s ease; 
    -moz-transition: all 3.5s ease; 
    -o-transition: all 3.5s ease;
    transition: all 3.5s ease;
}

.fscp_w .details_v5_w_5.active .cp_img { 
    -webkit-transform: perspective(0) rotateX(0) translate3d(0, 0, 0) scale(1.1, 1.1);
    -moz-transform: perspective(0) rotateX(0) translate3d(0, 0, 0) scale(1.1, 1.1);
    -o-transform: perspective(0) rotateX(0) translate3d(0, 0, 0) scale(1.1, 1.1);
    transform: perspective(0) rotateX(0) translate3d(0, 0, 0) scale(1.1, 1.1); }

.fscp_w .details_v5_w_5 .cp_text { position: relative; z-index: 10; }

@media (max-width:1200px) {
.fscp_w .details_v5_w_5_bg { width: 100%; margin: auto; position: absolute; z-index: 0; top: 0; right: 0; bottom: 0; left: 0; opacity: .8; background-image: -moz-radial-gradient( 50% 50%, circle closest-side, rgb(44,49,61) 0%, rgb(26,28,37) 200%); background-image: -webkit-radial-gradient( 50% 50%, circle closest-side, rgb(44,49,61) 0%, rgb(26,28,37) 200%); background-image: -ms-radial-gradient( 50% 50%, circle closest-side, rgb(44,49,61) 0%, rgb(26,28,37) 200%); -webkit-transition: all 1.5s ease; -moz-transition: all 1.5s ease; -o-transition: all 1.5s ease; transition: all 1.5s ease; }
}
.fscp_w .details_v5_w_7 { position: relative; z-index: 1; color: #FFF; background: #233240 url(../images/cp_last_tel_bg_2.png) no-repeat center top; background-image: -moz-radial-gradient( 50% 50%, circle closest-side, rgb(48,67,90) 0%, rgb(19,35,51) 200%); background-image: -webkit-radial-gradient( 50% 50%, circle closest-side, rgb(48,67,90) 0%, rgb(19,35,51) 200%); background-image: radial-gradient( 50% 50%, circle closest-side, rgb(48,67,90) 0%, rgb(19,35,51) 200%); min-height: 300px !important; max-height: 900px !important; text-align: center; }
.fscp_w .details_v5_w_7 .cp_text p { color: #FFF; }
.fscp_w .details_v5_w_7 .cp_desc { position: relative; z-index: 100; }
.fscp_w .details_v5_w_7 .cp_img { height: auto; margin: auto; margin-top: 50px; position: relative; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; }
.fscp_w .details_v5_w_7 .details_v5_w_7_bg { width: 100%; margin: auto; position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; background: url(../images/cp/details_v5_7_bg.png) no-repeat center center; background-size: contain; }
/*------------------视频会议终端 HST-HD620U (首屏)--------------------------------------*/ 
/*-.details_hd620u{font-family: "FZLanTingKanHei-R-GBK";}--*/ 
.fscp_w .details_hd620u_w { position: relative; z-index: 1; background: #f3f3f3 url(../images/cp/details_hd620u_1_bg.jpg) no-repeat center bottom; background-size: cover; max-height: 1370px !important; overflow: hidden; text-align: center; -webkit-transition: all .8s ease; transition: all 0.8s ease }
.fscp_w .details_hd620u_w .cp_desc { margin-top: 10%; position: relative; z-index: 10; }
.fscp_w .details_hd620u_w .cp_desc p { max-width: 780px; font-size: 18px; z-index: 10; }
/*HST-hd620u 优势列表*/ 
.fscp_w .details_hd620u_w .hd620u_reason_list_w { display: block; max-width: 1080px; margin: 80px auto 40px auto; -webkit-transform: translate3d(0, 80px, 0); transform: translate3d(0, 80px, 0); -webkit-transition: all .8s ease; transition: all 0.8s ease }
.fscp_w .details_hd620u_w .hd620u_reason_list_w li { display: block; display: inline-block; *zoom: 1;
*display: inline;
width: 24%; height: auto; line-height: 1.5; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); -webkit-transition: all .8s ease; transition: all .8s ease; }
.fscp_w .details_hd620u_w .hd620u_reason_list_w li div { border-right: 1px solid #C8CCCD; }
.fscp_w .details_hd620u_w .hd620u_reason_list_w li:last-child div { border: none; }
.fscp_w .details_hd620u_w .hd620u_reason_list_w li h6 { display: block; font-size: 28px; line-height: 1.5; text-align: center; color: #0080ff; margin: 0 auto; padding: 0; }
.fscp_w .details_hd620u_w .hd620u_reason_list_w li p { display: block; font-size: 14px; line-height: 1.5; text-align: center; color: #6e798b; ; margin: 0 auto; padding: 0; }
.fscp_w .details_hd620u_w.active .hd620u_reason_list_w li { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.fscp_w .details_hd620u_w .hd620u_reason_list_w li:nth-child(1) { -webkit-transition-delay: 0.1s; transition-delay: 0.1s; }
.fscp_w .details_hd620u_w .hd620u_reason_list_w li:nth-child(2) { -webkit-transition-delay: 0.3s; transition-delay: 0.3s; }
.fscp_w .details_hd620u_w .hd620u_reason_list_w li:nth-child(3) { -webkit-transition-delay: 0.5s; transition-delay: 0.5s; }
.fscp_w .details_hd620u_w.active .hd620u_reason_list_w { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

@media screen and (max-width:1366px) {
.fscp_w .details_hd620u_w .hd620u_reason_list_w li { width: 48%; margin: 20px auto; }
.fscp_w .details_hd620u_w .hd620u_reason_list_w li:nth-child(2) div { border: none; }
}

@media screen and (max-width:1200px) {
.fscp_w .details_hd620u_w .hd620u_reason_list_w { margin: 20px auto 50px auto; }
}

@media screen and (max-width:480px) {
.fscp_w .details_hd620u_w .hd620u_reason_list_w { display: block; max-width: 100%; margin: 10% auto; display: flex; flex-wrap: wrap; justify-content: space-evenly; align-content: space-evenly; }
.fscp_w .details_hd620u_w .hd620u_reason_list_w li h6 { font-size: 18px; }
.fscp_w .details_hd620u_w .hd620u_reason_list_w li p { font-size: 12px; }
.fscp_w .details_hd620u_w .cp_desc { position: relative; z-index: 100; }
.fscp_w .details_hd620u_w .cp_desc p { max-width: 820px; margin: 40px auto; }
}

@media screen and (max-width:320px) {
.fscp_w .details_hd620u_w .hd620u_reason_list_w li { width: 100%; margin: 10px auto; }
.fscp_w .details_hd620u_w .hd620u_reason_list_w li div { border: none; }
}
.fscp_w .details_hd620u_w .btn_r_more, .fscp_w .details_hd620u_w .btn_free_trial { background-color: #FFF; color: #0080ff ; }
.fscp_w .details_hd620u_w .btn_r_more:hover, .fscp_w .details_hd620u_w .btn_free_trial:hover { box-shadow: 1px 2px 6px 0px rgb( 0, 0, 0, .2 ); }
/*由往而上，由小放大-动效*/
.fscp_w .details_hd620u_w .cp_img { -webkit-transform: rotate(0) translateX(0) translateY(-100px) scale(.5, 0.5); -moz-transform: rotate(0) translateX(0) translateY(-100px) scale(.5, 0.5); -o-transform: rotate(0) translateX(0) translateY(-100px) scale(.5, 0.5); transform: rotate(0) translateX(0) translateY(-100px) scale(.5, 0.5); -webkit-transition: all 3.5s ease; -moz-transition: all 3.5s ease; -o-transition: all 3.5s ease; transition: all 3.5s ease; }
.fscp_w .details_hd620u_w.active .cp_img { -webkit-transform: perspective(0) rotateX(0) translate3d(0, 0, 0) scale(1, 1); -moz-transform: perspective(0) rotateX(0) translate3d(0, 0, 0) scale(1, 1); -o-transform: perspective(0) rotateX(0) translate3d(0, 0, 0) scale(1, 1); transform: perspective(0) rotateX(0) translate3d(0, 0, 0) scale(1, 1); }
.fscp_w .details_hd620u_w .details_hd620u_w_bg { width: 100%; margin: auto; position: absolute; z-index: -1; top: 0; right: 0; bottom: 0; left: 0; -webkit-transition: all 1.5s ease; -moz-transition: all 1.5s ease; -o-transition: all 1.5s ease; transition: all 1.5s ease }
/*--HST-hd620u 向右--*/ 
.fscp_w .details_hd620u_w_b { background-color: #e8f0f2; text-align: right; }
.fscp_w .details_hd620u_w_b .pull-right { margin-top: 10%; text-align: right; }
.fscp_w .details_hd620u_w_b .pull-left { margin-top: 10%; ; margin-left: -130px; }

@media (min-width: 1200px) {
.fscp_w .details_hd620u_w_b .pull-left { max-width: none; margin-left: -130px; }
}

@media (max-width: 1600px) {
.fscp_w .details_hd620u_w_b .pull-left { max-width: 100%; margin-left: -100px; }
}

@media (max-width:1200px) {
.fscp_w .details_hd620u_w_b .pull-right { width: 100%; margin-top: 10%; text-align: center; }
.fscp_w .details_hd620u_w_b .pull-left { width: 100%; margin-top: 10%; ; margin-left: 0px; }
}
/*--HST-hd620u 向左--*/ 
.fscp_w .details_hd620u_w_a { background-color: #FFF; text-align: center; }
.fscp_w .details_hd620u_w_a .pull-left { margin-top: 10%; text-align: left; }
.fscp_w .details_hd620u_w_a .pull-right { margin-top: 10%; ; margin-right: -50px; }

@media (min-width: 1200px) {
.fscp_w .details_hd620u_w_a .pull-right img { max-width: none; }
}

@media (min-width: 992px) and (max-width: 1600px) {
.fscp_w .details_hd620u_w_a .pull-right { margin-top: 10%; margin-right: -100px; }
.fscp_w .details_hd620u_w_a .pull-right img { max-width: 100%; }
}

@media (max-width:1200px) {
.fscp_w .details_hd620u_w_a .pull-left { width: 100%; margin-top: 20%; text-align: center; }
.fscp_w .details_hd620u_w_a .pull-right { width: 100%; margin-top: 10%; ; margin-right: 0px; }
}
.fscp_w .details_hd620u_w_2 { background: #FFF url(../images/cp/details_hd620u_2_bg.jpg) no-repeat center top; background-size: cover; }

@media screen and (min-width:1200px) {
.fscp_w .details_hd620u_w_2 { min-height: 1370px; }
}

@media screen and (max-width:992px) {
.fscp_w .details_hd620u_w_2 { min-height: 0; background: #FFF; }
}
/*全高清优势列表*/ 
.fscp_w .details_hd620u_w_2 .hd620u_hd_list_w { display: block; max-width: 680px; margin: 80px auto 40px auto; font-family: "FZLanTingKanHei-R-GBK"; -webkit-transform: translate3d(0, 80px, 0); transform: translate3d(0, 80px, 0); -webkit-transition: all .8s ease; transition: all 0.8s ease }
.fscp_w .details_hd620u_w_2 .hd620u_hd_list_w li { display: block; display: inline-block; *zoom: 1;
*display: inline;
width: 32%; height: auto; line-height: 1.5; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); -webkit-transition: all .8s ease; transition: all .8s ease; }
.fscp_w .details_hd620u_w_2 .hd620u_hd_list_w li div { border: 1px solid #aadaf1; padding: 10px; margin: 10px 20px; }
.fscp_w .details_hd620u_w_2 .hd620u_hd_list_w li h6 { display: block; font-size: 28px; line-height: 1.5; text-align: center; color: #6e798b; margin: 0 auto; padding: 0; }
.fscp_w .details_hd620u_w_2 .hd620u_hd_list_w li p { display: block; font-size: 16px; line-height: 1.5; text-align: center; color: #0080ff; ; margin: 0 auto; padding: 0; }
.fscp_w .details_hd620u_w_2.active .hd620u_hd_list_w li { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.fscp_w .details_hd620u_w_2 .hd620u_hd_list_w li:nth-child(1) { -webkit-transition-delay: 0.1s; transition-delay: 0.1s; }
.fscp_w .details_hd620u_w_2 .hd620u_hd_list_w li:nth-child(2) { -webkit-transition-delay: 0.3s; transition-delay: 0.3s; }
.fscp_w .details_hd620u_w_2 .hd620u_hd_list_w li:nth-child(3) { -webkit-transition-delay: 0.5s; transition-delay: 0.5s; }
.fscp_w .details_hd620u_w_2.active .hd620u_hd_list_w { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

@media screen and (max-width:1200px) {
.fscp_w .details_hd620u_w .hd620u_hd_list_w { margin: 20px auto 50px auto; }
}

@media screen and (max-width:768px) {
.fscp_w .details_hd620u_w_2 .hd620u_hd_list_w li div { margin: 0 10px; }
.fscp_w .details_hd620u_w_2 .hd620u_hd_list_w li h6 { font-size: 16px; }
.fscp_w .details_hd620u_w_2 .v5_hd_list_w li p { font-size: 14px; }
}

@media screen and (max-width:480px) {
.fscp_w .details_hd620u_w_2 .hd620u_hd_list_w { display: block; max-width: 100%; margin: 10% auto; display: flex; flex-wrap: wrap; justify-content: space-evenly; align-content: space-evenly; }
.fscp_w .details_hd620u_w_2 .hd620u_hd_list_w li div { margin: 0 auto; }
.fscp_w .details_hd620u_w_2 .hd620u_hd_list_w li h6 { font-size: 14px; }
.fscp_w .details_hd620u_w_2 .v5_hd_list_w li p { font-size: 14px; }
}

@media screen and (max-width:320px) {
.fscp_w .details_hd620u_w_2 .hd620u_hd_list_w li { width: 100%; margin: 10px auto; }
}
.fscp_w .details_hd620u_w_3 .cp_img { max-width: none; margin-top: 5%; }
/* details_hd620u_w_3 光学变倍镜头*/	
.fscp_w .details_hd620u_w_3 { background: #e8f0f2 }
.fscp_w .details_hd620u_w_3 .pull-right { margin-top: 15%; }
/*光学变倍镜头优势列表*/ 
.fscp_w .details_hd620u_w_3 .hd620u_camera_list_w { display: block; max-width: 920px; margin: 80px -100px 40px -400px; font-family: "FZLanTingKanHei-R-GBK"; -webkit-transform: translate3d(0, 80px, 0); transform: translate3d(0, 80px, 0); -webkit-transition: all .8s ease; transition: all 0.8s ease }
.fscp_w .details_hd620u_w_3 .hd620u_camera_list_w li { display: block; display: inline-block; *zoom: 1;
*display: inline;
width: 32%; height: auto; line-height: 1.5; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); -webkit-transition: all .8s ease; transition: all .8s ease; }
.fscp_w .details_hd620u_w_3 .hd620u_camera_list_w li div { border-right: 1px solid #c2cdd9; }
.fscp_w .details_hd620u_w_3 .hd620u_camera_list_w li:last-child div { border: none; }
.fscp_w .details_hd620u_w_3 .hd620u_camera_list_w li h6 { display: block; font-size: 20px; line-height: 1.5; text-align: center; color: #0080ff; margin: 0 auto; padding: 0; }
.fscp_w .details_hd620u_w_3 .hd620u_camera_list_w li h6 sub { font-size: 10px; }
.fscp_w .details_hd620u_w_3 .hd620u_camera_list_w li p { display: block; font-size: 16px; line-height: 1.5; text-align: center; color: #6e798b; ; margin: 0 auto; padding: 0; }
.fscp_w .details_hd620u_w_3 .hd620u_camera_list_w li { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.fscp_w .details_hd620u_w_3 .hd620u_camera_list_w li:nth-child(1) { -webkit-transition-delay: 0.1s; transition-delay: 0.1s; }
.fscp_w .details_hd620u_w_3 .hd620u_camera_list_w li:nth-child(2) { -webkit-transition-delay: 0.3s; transition-delay: 0.3s; }
.fscp_w .details_hd620u_w_3 .hd620u_camera_list_w li:nth-child(3) { -webkit-transition-delay: 0.5s; transition-delay: 0.5s; }
.fscp_w .details_hd620u_w_3.active .hd620u_camera_list_w { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

@media screen and (max-width:1200px) {
.fscp_w .details_hd620u_w_3 .hd620u_camera_list_w { margin: 20px auto 50px auto; }
}

@media screen and (max-width:768px) {
.fscp_w .details_hd620u_w_3 .hd620u_camera_list_w li div { margin: 0 10px; }
.fscp_w .details_hd620u_w_3 .hd620u_camera_list_w li h6 { font-size: 16px; }
.fscp_w .details_hd620u_w_3 .hd620u_camera_list_w li p { font-size: 14px; }
}

@media screen and (max-width:480px) {
.fscp_w .details_hd620u_w_3 .hd620u_camera_list_w { display: block; max-width: 100%; margin: 10% auto; display: flex; flex-wrap: wrap; justify-content: space-evenly; align-content: space-evenly; }
.fscp_w .details_hd620u_w_3 .hd620u_camera_list_w li div { margin: 0 auto; }
.fscp_w .details_hd620u_w_3 .hd620u_camera_list_w li h6 { font-size: 14px; }
.fscp_w .details_hd620u_w_3 .hd620u_camera_list_w li p { font-size: 12px; }
}

@media screen and (max-width:320px) {
.fscp_w .details_hd620u_w_3 .hd620u_camera_list_w li { width: 100%; margin: 10px auto; }
.fscp_w .details_hd620u_w_3 .hd620u_camera_list_w li div { margin: 0 auto; border: none; }
}
/* details_hd620u_w_4 先进的自动聚焦技术*/	
.fscp_w .details_hd620u_w_4 { position: relative; z-index: 1; background: #FFF url(../images/cp/details_hd620u_4_bg.jpg) no-repeat center bottom; padding: 0 0 200px 0 }
.fscp_w .details_hd620u_w_4 { background: #FFF url(../images/cp/details_hd620u_4_bg.jpg) no-repeat center bottom; background-size: cover; }

@media screen and (min-width:1200px) {
.fscp_w .details_hd620u_w_4 { min-height: 1370px; }
}

@media screen and (max-width:992px) {
.fscp_w .details_hd620u_w_4 { min-height: 900px; }
}
.fscp_w .cp_s_w.details_hd620u_w_4 .cp_desc p { max-width: 980px; margin: 30px auto 40px auto; }
.fscp_w .details_hd620u_w_4 .cp_text p font { color: #f9c772; }
.fscp_w .details_hd620u_w_4 .cp_text { position: relative; z-index: 10; }
.fscp_w .details_hd620u_w_4 .cp_img { margin: auto; position: absolute; z-index: 2; top: 0; right: 0; bottom: 0; left: 0; background: url(../images/cp/details_hd620u_4.png) no-repeat center center; -webkit-animation: focusing_face 8s ease-in-out infinite alternate; -moz-animation: focusing_face 8s ease-in-out infinite alternate; animation: focusing_face 8s ease-in-out infinite alternate; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; }
.fscp_w .details_hd620u_w_4 .cp_img_1 { margin: auto; position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; background: url(../images/cp/details_hd620u_4_1.png) no-repeat center center; background-size: cover; -webkit-animation: focusing_img 4s ease-in-out infinite alternate; -moz-animation: focusing_img 5s ease-in-out infinite alternate; animation: focusing_img 4s ease-in-out infinite alternate; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; }
.fscp_w .details_hd620u_w_4 .cp_img_2 { margin: auto; position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; background: url(../images/cp/details_hd620u_4_bg_2.jpg) no-repeat center center; background-size: cover; -webkit-animation: focusing_img 8s ease-in-out infinite alternate; -moz-animation: focusing_img 8s ease-in-out infinite alternate; animation: focusing_img 8s ease-in-out infinite alternate; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; }

/*自动聚焦技术-镜头层 动效*/	
@-webkit-keyframes focusing_face {
 0% {
 transform: scale(1);
}
 40% {
 transform: scale(.8);
 opacity: 0.7;
}
 80% {
 transform: scale(0.9);
 opacity: 0.5;
}
 100% {
 transform: scale(1);
 opacity: 1;
}
}
 @-moz-keyframes focusing_face {
 0% {
 transform: scale(1);
}
 40% {
 transform: scale(.8);
}
 80% {
 transform: scale(0.9);
 opacity: 0.5;
}
 100% {
 transform: scale(1);
 opacity: 1;
}
}
@keyframes focusing_face {
 0% {
 transform: scale(1);
}
 40% {
 transform: scale(.8);
 opacity: 0.7;
}
 80% {
 transform: scale(0.9);
 opacity: 0.5;
}
 100% {
 transform: scale(1);
 opacity: 1;
}
}


/*自动聚焦技术 图片层动效*/	
@-webkit-keyframes focusing_img {
 0% {
 opacity: 1;
}
 40% {
 opacity: 0.6;
}
 80% {
 opacity: 0.1;
}
 100% {
 opacity: 0;
}
}
 @-moz-keyframes focusing_img {
 0% {
 opacity: 1;
}
 40% {
 opacity: 0.6;
}
 80% {
 opacity: 0.1;
}
 100% {
 opacity: 0;
}
}
 @keyframes focusing_img {
 0% {
 opacity: 1;
}
 40% {
 opacity: 0.6;
}
 80% {
 opacity: 0.1;
}
 100% {
 opacity: 0;
}
}
/*全高清优势列表*/ 
.fscp_w .details_hd620u_w_4 .hd620u_network_list_w { display: block; max-width: 920px; margin: 80px auto 40px auto; -webkit-transform: translate3d(0, 80px, 0); transform: translate3d(0, 80px, 0); -webkit-transition: all .8s ease; transition: all 0.8s ease }
.fscp_w .details_hd620u_w_4 .hd620u_network_list_w li { display: block; display: inline-block; *zoom: 1;
*display: inline;
width: 32%; height: auto; line-height: 1.5; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); -webkit-transition: all .8s ease; transition: all .8s ease; }
.fscp_w .details_hd620u_w_4 .hd620u_network_list_w li div { border-right: 1px solid #c2cdd9; }
.fscp_w .details_hd620u_w_4 .hd620u_network_list_w li:last-child div { border: none; }
.fscp_w .details_hd620u_w_4 .hd620u_network_list_w li h6 { display: block; font-size: 32px; line-height: 1.5; text-align: center; color: #0080ff; margin: 0 auto; padding: 0; }
.fscp_w .details_hd620u_w_4 .hd620u_network_list_w li p { display: block; font-size: 16px; line-height: 1.5; text-align: center; color: #6e798b; ; margin: 0 auto; padding: 0; }
.fscp_w .details_hd620u_w_4.active .hd620u_network_list_w li { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.fscp_w .details_hd620u_w_4 .hd620u_network_list_w li:nth-child(1) { -webkit-transition-delay: 0.1s; transition-delay: 0.1s; }
.fscp_w .details_hd620u_w_4 .hd620u_network_list_w li:nth-child(2) { -webkit-transition-delay: 0.3s; transition-delay: 0.3s; }
.fscp_w .details_hd620u_w_4 .hd620u_network_list_w li:nth-child(3) { -webkit-transition-delay: 0.5s; transition-delay: 0.5s; }
.fscp_w .details_hd620u_w_4.active .hd620u_network_list_w { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

@media screen and (max-width:1200px) {
.fscp_w .details_hd620u_w_4 .hd620u_network_list_w { margin: 20px auto 50px auto; }
}

@media screen and (max-width:480px) {
.fscp_w .details_hd620u_w_4 .hd620u_network_list_w { display: block; max-width: 100%; margin: 10% auto; display: flex; flex-wrap: wrap; justify-content: space-evenly; align-content: space-evenly; }
.fscp_w .details_hd620u_w_4 .hd620u_network_list_w li div { border: none; ; }
.fscp_w .details_hd620u_w_4 .hd620u_network_list_w li h6 { font-size: 16px; }
.fscp_w .details_hd620u_w_4 .hd620u_network_list_w li p { font-size: 14px; }
}
/*网络适应能力动效*/
.hd620u_network_img { width: 100%; height: auto; margin-top: 150px; position: relative; z-index: 1; }
/* details_hd620u_w_3 网络适应能力动效*/
.fscp_w .details_hd620u_w_4 .hd620u_network_img { -webkit-transform: perspective(1200px) rotateX(-90deg) translate3d(0px, -200px, 0px) scale(.2, .2); -moz-transform: perspective(1200px) rotateX(-90deg) translate3d(0px, -200px, 0px) scale(.2, .2); -o-transform: perspective(1200px) rotateX(-90deg) translate3d(0px, -200px, 0px) scale(.2, .2); transform: perspective(1200px) rotateX(-90deg) translate3d(0px, -200px, 0px) scale(.2, .2); opacity: .6; -webkit-transition: all 3.5s ease; -moz-transition: all 3.5s ease; -o-transition: all 3.5s ease; transition: all 3.5s ease; }
.fscp_w .details_hd620u_w_4.active .hd620u_network_img { -webkit-transform: perspective(0) rotateX(0) translate3d(0, 0, 0) scale(1, 1); -moz-transform: perspective(0) rotateX(0) translate3d(0, 0, 0) scale(1, 1); -o-transform: perspective(0) rotateX(0) translate3d(0, 0, 0) scale(1, 1); transform: perspective(0) rotateX(0) translate3d(0, 0, 0) scale(1, 1); opacity: 1; }
.hd620u_network_img .hd620u_network_left, .hd620u_network_img .hd620u_network_center, .hd620u_network_img .hd620u_network_right { display: block; display: inline-block; *zoom: 1;
*display: inline;
width: 32%; height: auto; }
.hd620u_network_img .hd620u_network_center img { margin: auto; position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; }
/*左右那一坨 动效*/
.fscp_w .hd620u_network_img .hd620u_network_left, .fscp_w .hd620u_network_img .hd620u_network_right { position: relative; z-index: 1; max-width: 438px; max-height: 438px; }

@media screen and (max-width:1366px) {
.fscp_w .hd620u_network_img .hd620u_network_left, .fscp_w .hd620u_network_img .hd620u_network_right { opacity: .2; }
.hd620u_network_img .hd620u_network_left img, .hd620u_network_img .hd620u_network_right img { opacity: 0; }
}
.fscp_w .hd620u_network_img .hd620u_network_left:after, .fscp_w .hd620u_network_img .hd620u_network_right:after { content: ""; margin: auto; position: absolute; z-index: 4; top: 0; right: 0; bottom: 0; left: 0; position: absolute; background: url(../images/cp/details_hd620u_4_left_0.png) no-repeat center center; -webkit-animation: cis_circle 20 linear infinite; -moz-animation: cis_circle 20s linear infinite; -o-animation: cis_circle 20s linear infinite; animation: cis_circle 20s linear infinite; }
/*中间那一坨 动效*/
.fscp_w .hd620u_network_img .hd620u_network_center .hd620u_network_center_0 { opacity: 1; margin: auto; position: absolute; z-index: 4; top: 0; right: 0; bottom: 0; left: 0; }
.fscp_w .hd620u_network_img .hd620u_network_center .hd620u_network_center_1 { opacity: 1; filter: alpha(opacity=100); margin: auto; position: absolute; z-index: 4; top: 0; right: 0; bottom: 0; left: 0; -webkit-animation: cis_circle 20 linear infinite; -moz-animation: cis_circle 20s linear infinite; -o-animation: cis_circle 20s linear infinite; animation: cis_circle 20s linear infinite; }
.fscp_w .hd620u_network_img .hd620u_network_center .hd620u_network_center_2 { opacity: 1; filter: alpha(opacity=100); margin: auto; position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; -webkit-animation: cis_trans 10s linear infinite; -moz-animation: cis_trans 10s linear infinite; -o-animation: cis_trans 130s linear infinite; animation: cis_trans 10s linear infinite; }
.fscp_w .hd620u_network_img .hd620u_network_center .hd620u_network_center_3 { opacity: 1; filter: alpha(opacity=100); margin: auto; position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; -webkit-animation: cis_circle 50s linear infinite; -moz-animation: cis_circle 50s linear infinite; -o-animation: cis_circle 50s linear infinite; animation: cis_circle 50s linear infinite; }


/*顺时针旋转动画*/
@-webkit-keyframes cis_circle {
 from {
 transform:rotate(0deg)
}
 to {
transform:rotate(360deg)
}
}
 @-moz-keyframes cis_circle {
 from {
transform:rotate(0deg)
}
 to {
transform:rotate(360deg)
}
}
@keyframes cis_circle {
 from {
 transform:rotate(0deg)
}
 to {
 transform:rotate(360deg)
}
}

/*逆时针旋转动画*/
@-webkit-keyframes cis_trans {
 from {
transform:rotate(0deg)
}
 to {
 transform:rotate(360deg)
}
}
 @-moz-keyframes cis_trans {
 from {
transform:rotate(0deg)
}
 to {
transform:rotate(360deg)
}
}
@keyframes cis_trans {
 from {
 transform:rotate(360deg)
}
 to {
 transform:rotate(0deg)
}
}
/* details_hd620u_w_5 低噪声高信噪比*/
.fscp_w .details_hd620u_w_5 { position: relative; z-index: 1; background-color: #e8f0f2; }
.fscp_w .details_hd620u_w_5 .cp_img { margin-top: 2%; margin-left: -20px }
.fscp_w .details_hd620u_w_5 .cp_img { -webkit-transform: perspective(1200px) rotateY(60deg) translate3d(180px, 60px, -530px) scale(.8, .8); -moz-transform: perspective(1200px) rotateY(60deg) translate3d(180px, 60px, -530px) scale(.8, .8); -o-transform: perspective(1200px) rotateY(60deg) translate3d(180px, 60px, -530px) scale(.8, .8); transform: perspective(1200px) rotateY(60deg) translate3d(180px, 60px, -530px) scale(.8, .8); -webkit-transition: all 3.5s ease; -moz-transition: all 3.5s ease; -o-transition: all 3.5s ease; transition: all 3.5s ease; }
.fscp_w .details_hd620u_w_5.active .cp_img { -webkit-transform: perspective(0) rotateX(0) translate3d(0, 0, 0) scale(1, 1); -moz-transform: perspective(0) rotateX(0) translate3d(0, 0, 0) scale(1, 1); -o-transform: perspective(0) rotateX(0) translate3d(0, 0, 0) scale(1, 1); transform: perspective(0) rotateX(0) translate3d(0, 0, 0) scale(1, 1); }
.fscp_w .details_hd620u_w_5 .cp_text { position: relative; z-index: 10; }

@media (max-width:1200px) {
.fscp_w .details_hd620u_w_5_bg { width: 100%; margin: auto; position: absolute; z-index: 0; top: 0; right: 0; bottom: 0; left: 0; opacity: .8; background-image: -moz-radial-gradient( 50% 50%, circle closest-side, rgb(44,49,61) 0%, rgb(26,28,37) 200%); background-image: -webkit-radial-gradient( 50% 50%, circle closest-side, rgb(44,49,61) 0%, rgb(26,28,37) 200%); background-image: -ms-radial-gradient( 50% 50%, circle closest-side, rgb(44,49,61) 0%, rgb(26,28,37) 200%); -webkit-transition: all 1.5s ease; -moz-transition: all 1.5s ease; -o-transition: all 1.5s ease; transition: all 1.5s ease; }
}
/* details_hd620u_w_6 多样音频采集*/
.fscp_w .details_hd620u_w_6 { position: relative; z-index: 1; color: #FFF; background-color: #060606; background-image: -moz-radial-gradient( 50% 50%, circle closest-side, rgb(54,55,56) 0%, rgb(6,6,6) 200%); background-image: -webkit-radial-gradient( 50% 50%, circle closest-side, rgb(54,55,56) 0%, rgb(6,6,6) 200%); background-image: -ms-radial-gradient( 50% 50%, circle closest-side, rgb(54,55,56) 0%, rgb(6,6,6) 200%); }
.fscp_w .details_hd620u_w_6 .cp_desc { position: relative; z-index: 100; }
.fscp_w .details_hd620u_w_6 .cp_text p { color: #FFF; }
/*数字音频领域，常用采样率-列表*/
.fscp_w .cp_s_w .cp_desc .hd620u_audio_list_w { overflow: hidden; margin: 50px auto; font-family: "FZLanTingKanHei-R-GBK"; }
.fscp_w .cp_s_w .cp_desc .hd620u_audio_list_w h4 { font-size: 18px; font-weight: 700; margin: 30px auto 40px auto; ; }
.fscp_w .cp_s_w .cp_desc .hd620u_audio_list_w .list_w_top { display: block; width: 100%; margin: 10px auto; overflow: hidden; }
.fscp_w .cp_s_w .cp_desc .hd620u_audio_list_w .list_w_top_l { display: block; display: inline-block; *zoom: 1;
*display: inline;
width: 49%; padding: 0 20px; text-align: right; overflow: hidden; }
.fscp_w .cp_s_w .cp_desc .hd620u_audio_list_w p { min-width: none; max-width: none; padding: 0; margin: 10px auto 10px auto; line-height: 24px; font-size: 14px; color: #b6c5de; }
.fscp_w .cp_s_w .cp_desc .hd620u_audio_list_w h6 { font-size: 16px; font-weight: 700; }
.fscp_w .cp_s_w .cp_desc .hd620u_audio_list_w .list_w_top_l i { float: right; display: block; display: inline-block; *zoom: 1;
*display: inline;
width: 60px; height: 60px; padding: 10px 20px; text-align: center; font-size: 16px; font-weight: 700; margin-top: -12px; overflow: hidden; }
.fscp_w .cp_s_w .cp_desc .hd620u_audio_list_w .list_w_top_r { display: block; display: inline-block; *zoom: 1;
*display: inline;
width: 49%; padding: 0 20px; text-align: left; overflow: hidden; }
.fscp_w .cp_s_w .cp_desc .hd620u_audio_list_w .list_w_top_r i { float: left; display: block; display: inline-block; *zoom: 1;
*display: inline;
width: 60px; height: 60px; padding: 10px 20px; text-align: center; font-size: 16px; font-weight: 700; margin-top: -12px; overflow: hidden; }

@media (max-width:992px) {
.fscp_w .cp_s_w .cp_desc .hd620u_audio_list_w h4 { font-size: 16px; font-weight: 700; margin: 20px auto; }
.fscp_w .cp_s_w .cp_desc .hd620u_audio_list_w .list_w_top_l, .fscp_w .cp_s_w .cp_desc .hd620u_audio_list_w .list_w_top_r, .fscp_w .cp_s_w .cp_desc .hd620u_audio_list_w .list_w_bottom_l, .fscp_w .cp_s_w .cp_desc .hd620u_audio_list_w .list_w_bottom_r { padding: 0 8px; }
.fscp_w .cp_s_w .cp_desc .hd620u_audio_list_w p { min-height: 48px; font-size: 12px; line-height: 1.5; color: #b6c5de; }
.fscp_w .cp_s_w .cp_desc .hd620u_audio_list_w h6 { font-size: 14px; font-weight: 700; }
.fscp_w .cp_s_w .cp_desc .hd620u_audio_list_w .list_w_top_r i, .fscp_w .cp_s_w .cp_desc .hd620u_audio_list_w .list_w_top_l i, .fscp_w .cp_s_w .cp_desc .hd620u_audio_list_w .list_w_bottom_l i, .fscp_w .cp_s_w .cp_desc .hd620u_audio_list_w .list_w_bottom_l i { float: none; display: block; width: 100%; height: 40px; padding: 10px 0 0px 0; }
.fscp_w .cp_s_w .cp_desc .hd620u_audio_list_w .list_w_top_r i, .fscp_w .cp_s_w .cp_desc .hd620u_audio_list_w .list_w_bottom_l i { text-align: left; }
.fscp_w .cp_s_w .cp_desc .hd620u_audio_list_w .list_w_top_l i, .fscp_w .cp_s_w .cp_desc .hd620u_audio_list_w .list_w_bottom_r i { text-align: right; }
}

@media (max-width:320px) {
.fscp_w .cp_s_w .cp_desc .hd620u_audio_list_w .list_w_top_l, .fscp_w .cp_s_w .cp_desc .hd620u_audio_list_w .list_w_top_r { width: 100% !important; margin: 10px auto; padding: 0; float: none; text-align: center; display: block; }
.fscp_w .cp_s_w .cp_desc .hd620u_audio_list_w div { border: 1px solid #0080ff; }
.fscp_w .cp_s_w .cp_desc .hd620u_audio_list_w .list_w_top { border: 0; }
.fscp_w .cp_s_w .cp_desc .hd620u_audio_list_w .list_w_bottom { border: 0; }
.fscp_w .cp_s_w .cp_desc .hd620u_audio_list_w .list_w_bottom_r, .fscp_w .cp_s_w .cp_desc .hd620u_audio_list_w .list_w_bottom_r { width: 100% !important; margin: 10px auto; float: none; text-align: center; display: block; }
.fscp_w .cp_s_w .cp_desc .hd620u_audio_list_w .list_w_top_r i { float: none; display: block; width: 40px; height: 40px; margin: 0 auto; text-align: center; padding: 10px 0 0px 0; }
.fscp_w .cp_s_w .cp_desc .hd620u_audio_list_w .list_w_top_l i { float: none; display: block; width: 40px; height: 40px; margin: 0 auto; text-align: center; padding: 10px 0 0px 0; }
}
.fscp_w .details_hd620u_w_6 .cp_img { position: relative; z-index: 10; top: 100px; }
.fscp_w .details_hd620u_w_6 .cp_img img { position: relative; z-index: 10; }
.fscp_w .details_hd6200u_w_6 .cp_img { -webkit-transform: perspective(1200px) rotateY(60deg) translate3d(180px, 60px, -530px) scale(.8, .8); -moz-transform: perspective(1200px) rotateY(60deg) translate3d(180px, 60px, -530px) scale(.8, .8); -o-transform: perspective(1200px) rotateY(60deg) translate3d(180px, 60px, -530px) scale(.8, .8); transform: perspective(1200px) rotateY(60deg) translate3d(180px, 60px, -530px) scale(.8, .8); -webkit-transition: all 3.5s ease; -moz-transition: all 3.5s ease; -o-transition: all 3.5s ease; transition: all 3.5s ease; }
.fscp_w .details_hd6200u_w_6.active .cp_img { -webkit-transform: perspective(0) rotateX(0) translate3d(0, 0, 0) scale(1, 1); -moz-transform: perspective(0) rotateX(0) translate3d(0, 0, 0) scale(1, 1); -o-transform: perspective(0) rotateX(0) translate3d(0, 0, 0) scale(1, 1); transform: perspective(0) rotateX(0) translate3d(0, 0, 0) scale(1, 1); }
/*多样音频采集采集-背景扩展动效*/
.circle_bg_w { width: 100%; margin: auto; position: absolute; z-index: 1; left: 0; top: 0; right: 0; bottom: 0; opacity: 0.4; border-radius: 100%; -webkit-transform: perspective(2000px) rotateX(68deg) translate3d(0, 0, 0) scale(.3, .3); -moz-transform: perspective(2000px) rotateX(68deg) translate3d(0, 0, 0) scale(.3, .3); -o-transform: perspective(2000px) rotateX(68deg) translate3d(0, 0, 0) scale(.3, .3); transform: perspective(2000px) rotateX(68deg) translate3d(0, 0, 0) scale(.3, .3); }
.circle_bg_w .circle { width: 100%; margin: auto; position: absolute; z-index: 1; left: 0; top: 0; right: 0; bottom: 0; border-radius: 100%; background: #53b9eb; opacity: 0.1; filter: alpha(opacity=0)\0; -webkit-animation: circle_bg 10s linear infinite; -moz-animation: circle_bg 10s linear infinite; -o-animation: circle_bg 10s linear infinite; animation: circle_bg 10s linear infinite; }
.circle_bg_w .circle_2 { z-index: 5; opacity: 1; filter: alpha(opacity=100)\10; -webkit-animation: circle_bg 20s linear infinite; -moz-animation: circle_bg 20s linear infinite; -o-animation: circle_bg 20s linear infinite; animation: circle_bg 20s linear infinite; }
.circle_bg_w .circle_3 { z-index: 4; opacity: 0.8; filter: alpha(opacity=80)\8; -webkit-animation: circle_bg 30s linear infinite; -moz-animation: circle_bg 30s linear infinite; -o-animation: circle_bg 30s linear infinite; animation: circle_bg 30s linear infinite; }
.circle_bg_w .circle_4 { z-index: 3; opacity: 0.6; filter: alpha(opacity=60)\6; -webkit-animation: circle_bg 40s linear infinite; -moz-animation: circle_bg 40s linear infinite; -o-animation: circle_bg 40s linear infinite; animation: circle_bg 40s linear infinite; }
.circle_bg_w .circle_5 { z-index: 2; opacity: 0.2; filter: alpha(opacity=20)\2; -webkit-animation: circle_bg 50s linear infinite; -moz-animation: circle_bg 50s linear infinite; -o-animation: circle_bg 50s linear infinite; animation: circle_bg 50s linear infinite; }
 @-webkit-keyframes circle_bg {
 0% {
 -webkit-transform:scale(0);
 transform:scale(0);
 opacity:1;
 filter:alpha(opacity=100)\9
}
 100% {
 -webkit-transform:scale(4.6);
 transform:scale(4.6);
 opacity:0;
 filter:alpha(opacity=0)\9
}
}
@-moz-keyframes circle_bg {
 0% {
 -moz-transform:scale(0);
 transform:scale(0);
 opacity:1;
 filter:alpha(opacity=100)\9
}
 100% {
 -webkit-transform:scale(4.6);
 transform:scale(4.6);
 opacity:0;
 filter:alpha(opacity=0)\9
}
}
@keyframes circle_bg {
 0% {
 transform:scale(0);
 opacity:1;
 filter:alpha(opacity=100)\9
}
 100% {
 transform:scale(4.6);
 opacity:0;
 filter:alpha(opacity=0)\9
}
}
/*details_hd620u_w_7 静音云台*/ 
.fscp_w .details_hd620u_w_7 { position: relative; z-index: 1; background-color: #e8f0f2; text-align: center; }
.fscp_w .details_hd620u_w_7 .cp_desc { position: relative; z-index: 10; }
.fscp_w .details_hd620u_w_8 { position: relative; z-index: 1; color: #FFF; background-color: #0a0a0a; background-image: -moz-radial-gradient( 50% 50%, circle closest-side, rgb(48,48,48) 0%, rgb(6,6,6) 150%); background-image: -webkit-radial-gradient( 50% 50%, circle closest-side, rgb(48,48,48) 0%, rgb(6,6,6) 150%); background-image: -ms-radial-gradient( 50% 50%, circle closest-side, rgb(48,48,48) 0%, rgb(6,6,6) 150%); text-align: center; }
.fscp_w .details_hd620u_w_8 .cp_text p { color: #FFF; }
.fscp_w .details_hd620u_w_8 .cp_desc { position: relative; z-index: 10; }
/*视频输出接口列表*/ 
.fscp_w .details_hd620u_w_8 .hd620u_video_list_w { display: block; max-width: 680px; margin: 80px -20px 40px -20px; font-family: "FZLanTingKanHei-R-GBK"; -webkit-transform: translate3d(0, 80px, 0); transform: translate3d(0, 80px, 0); -webkit-transition: all .8s ease; transition: all 0.8s ease }
.fscp_w .details_hd620u_w_8 .hd620u_video_list_w li { display: block; display: inline-block; *zoom: 1;
*display: inline;
width: 40%; height: auto; line-height: 1.5; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); -webkit-transition: all .8s ease; transition: all .8s ease; }
.fscp_w .details_hd620u_w_8 .hd620u_video_list_w li div { border: 1px solid #4d5663; ; padding: 10px; margin: 10px; }
.fscp_w .details_hd620u_w_8 .hd620u_video_list_w li p { display: block; font-size: 16px; line-height: 1.5; text-align: center; color: #6e798b; ; margin: 5px auto; padding: 0; }
.fscp_w .details_hd620u_w_8 .hd620u_video_list_w li { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.fscp_w .details_hd620u_w_8 .hd620u_video_list_w li:nth-child(1) { -webkit-transition-delay: 0.1s; transition-delay: 0.1s; }
.fscp_w .details_hd620u_w_8 .hd620u_video_list_w li:nth-child(2) { -webkit-transition-delay: 0.3s; transition-delay: 0.3s; }
.fscp_w .details_hd620u_w_8.active .hd620u_video_list_w { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

@media screen and (max-width:1200px) {
.fscp_w .details_hd620u_w_8 .hd620u_video_list_w { margin: 20px auto 50px auto; }
}

@media screen and (max-width:768px) {
.fscp_w .details_hd620u_w_8 .hd620u_video_list_w li div { margin: 15px 0; }
.fscp_w .details_hd620u_w_8 .hd620u_video_list_wli p { font-size: 14px; }
}

@media screen and (max-width:480px) {
.fscp_w .details_hd620u_w_8 .hd620u_video_list_w { display: block; max-width: 100%; margin: 10% auto; display: flex; flex-wrap: wrap; justify-content: space-evenly; align-content: space-evenly; }
.fscp_w .details_hd620u_w_8 .hd620u_video_list_w div { margin: 0 auto; }
.fscp_w .details_hd620u_w_8 .hd620u_video_list_w h6 { font-size: 14px; }
.fscp_w .details_hd620u_w_8 .hd620u_video_list_w p { font-size: 14px; }
}

@media screen and (max-width:320px) {
.fscp_w .details_hd620u_w_8 .hd620u_video_list_w li { width: 100%; margin: 10px auto; }
}
/*details_hd620u_w_9 多种网络协议*/ 
.fscp_w .details_hd620u_w_9 { }
.fscp_w .details_hd620u_w_9 .cp_desc { position: relative; z-index: 10; }
.fscp_w .details_hd620u_w_9 .cp_img { }
.fscp_w .details_hd620u_w_9 .cp_img { position: relative; z-index: 2; }
.fscp_w .details_hd620u_w_9 .cp_img .cp_img_1 { margin: auto; position: relative; z-index: 2; top: 0; right: 0; bottom: 0; left: 0; -webkit-animation: circle_network 20s linear infinite; -moz-animation: circle_network 20s linear infinite; -o-animation: circle_network 210s linear infinite; animation: circle_network 20s linear infinite; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; }
.fscp_w .details_hd620u_w_9 .cp_img .cp_img_2 { margin: auto; position: absolute; z-index: 2; top: 0; right: 0; bottom: 0; left: 0; opacity: .8; }

/*多种网络协议 旋转动画*/
@keyframes circle_network {
 from {
 transform:rotate(0deg)
}
 to {
 transform:rotate(360deg)
}
}
 @-webkit-keyframes circle_rotate {
 0% {
 transform:rotate(0deg)
}
 10.7% {
 transform:rotate(-90deg)
}
 25% {
 transform:rotate(-90deg)
}
 35.7% {
transform:rotate(-180deg)
}
 50% {
transform:rotate(-180deg)
}
 60.7% {
 transform:rotate(-270deg)
}
 75% {
 transform:rotate(-270deg)
}
 85.7% {
transform:rotate(-360deg)
}
 100% {
transform:rotate(-360deg)
}
}
 @keyframes circle_network_reverse {
 0% {
 transform:rotate(0deg)
}
 10.7% {
 transform:rotate(-90deg)
}
 25% {
 transform:rotate(-90deg)
}
 35.7% {
 transform:rotate(-180deg)
}
 50% {
 transform:rotate(-180deg)
}
 60.7% {
 transform:rotate(-270deg)
}
 75% {
 transform:rotate(-270deg)
}
 85.7% {
 transform:rotate(-360deg)
}
 100% {
 transform:rotate(-360deg)
}
}
/*details_hd620u_w_11 RS232级联*/ 
.fscp_w .details_hd620u_w_11 { background-color: #e8f0f2; }

/*details_h310u_w 2018-06-05*/

/* Transitions-*/
.fscp_w .details_h310u_w a, .fscp_w .details_h310u_w  img{
	-webkit-transition: all 0.18s ease-out;
	-moz-transition: all 0.18s ease-out;
	-ms-transition: all 0.18s ease-out;
	-o-transition: all 0.18s ease-out;
	transition: all 0.18s ease-out;
}


/**中间图片往上移动动画**/

.active .cp_desc .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% {
transform: translateY(40px);
 opacity: 0;
}
 100% {
transform: translateY(0px);
 opacity: 1;
}
}
 @-moz-keyframes moveUp {
 0% {
transform: translateY(40px);
 opacity: 0;
}
 100% {
transform: translateY(0px);
 opacity: 1;
}
}
 @-o-keyframes moveUp {
 0% {
transform: translateY(40px);
 opacity: 0;
}
 100% {
transform: translateY(0px);
 opacity: 1;
}
}
 @keyframes moveUp {
 0% {
 transform: translateY(40px);
 opacity: 0;
}
 100% {
 transform: translateY(0px);
 opacity: 1;
}
}
/**右侧图片左移动**/
.active .cp_desc  .pull-right  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% {
transform: translateX(40px);
 opacity: 0;
}
 100% {
transform: translateX(0px);
 opacity: 1;
}
}
 @-moz-keyframes movemoveLeft {
 0% {
transform: translateX(40px);
 opacity: 0;
}
 100% {
transform: translateX(0px);
 opacity: 1;
}
}
 @-o-keyframes movemoveLeft {
 0% {
 transform: translateX(40px);
 opacity: 0;
}
 100% {
transform: translateX(0px);
 opacity: 1;
}
}
 @keyframes movemoveLeft {
 0% {
 transform: translateX(0px);
 opacity: 0;
}
 100% {
 transform: translateX(40px);
 opacity: 1;
}
}

/**左侧图片右边移动**/
.active .cp_desc .pull-left  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% {
transform: translateX(-40px);
 opacity: 0;
}
 100% {
transform: translateX(0px);
 opacity: 1;
}
}
 @-moz-keyframes moveRight {
 0% {
transform: translateX(-40px);
 opacity: 0;
}
 100% {
transform: translateX(0px);
 opacity: 1;
}
}
 @-o-keyframes moveRight {
 0% {
transform: translateX(-40px);
 opacity: 0;
}
 100% {
transform: translateX(0px);
 opacity: 1;
}
}
 @keyframes moveRight {
 0% {
 transform: translateX(-40px);
 opacity: 0;
}
 100% {
 transform: translateX(0px);
 opacity: 1;
}
}


/*楼层标题动画*/
.live_w .title_w { width: 100%; margin: 50px auto 50px auto; text-align: center; }
.live_w .title_w h1 { display: block; display: inline-block; width: auto; margin: 0 10px; height: 38px; line-height: 42px; font-size: 36px; font-family: "PingFang SC", Microsoft YaHei, Helvetica, Arial, sans-serif; }
.live_w .title_w p { line-height: 32px; font-size: 16px; }
.live_w .title_w .left_line, .live_w .title_w .right_line { display: block; display: inline-block; text-align: center; width: 40px; height: 2px; margin-bottom: 10px; background-color: #FFF }
.live_w .title_w .en_text { font-size: 20px; padding-left: 10px; font-family: "PingFang SC", Helvetica, arial, sans-serif; ; color: #cacfe9; text-transform: uppercase; text-align: center; letter-spacing: 8px; }

@media screen and (max-width:990px) {
.live_w { padding: 10px 0 0px 0; }
/*移动端楼层标题*/
.live_w .title_w { width: 100%; margin: 50px auto 20px auto; text-align: center; }
.live_w .title_w h1 { font-size: 28px; }
.live_w .title_w .left_line, .edu_p_w .title_w .right_line { display: block; display: inline-block; width: 20px; height: 1px; margin-bottom: 10px; background-color: #cacfe9; }
.live_w .title_w .en_text { margin: 0 auto; }
}


/*HST-H310U 文字宽度限制*/ 
.fscp_w  .details_h310u_w .cp_desc p { max-width:820px; margin: 30px auto 40px auto; line-height: 32px; font-size: 18px; }

/*HST-H310U W1*/ 
.fscp_w  .details_h310u_w_1 .cp_desc p { max-width: 950px; margin: 30px auto 40px auto; line-height: 32px; font-size: 16px; color:#c8d2de}
.fscp_w .details_h310u_w_1 { position: relative; z-index: 1; background: #f3f3f3 url(../images/cp/h310u_1_bg.jpg) no-repeat center bottom; background-size: cover; max-height: 1600px !important; overflow: hidden; color:#FFF;text-align: center; -webkit-transition: all .8s ease; transition: all 0.8s ease }
/*HST-H310U 亮点列表*/ 
.fscp_w .details_h310u_w_1 .h310u_reason_list_w { display: block; max-width: 1080px; margin: 80px auto 40px auto; -webkit-transform: translate3d(0, -80px, 0); transform: translate3d(0, -80px, 0); -webkit-transition: all .8s ease; transition: all 0.8s ease }
.fscp_w .details_h310u_w_1 .h310u_reason_list_w li { display: block; display: inline-block; *zoom: 1;*display: inline;width: 24%; height: auto; line-height: 1.5; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); -webkit-transition: all .8s ease; transition: all .8s ease; }
.fscp_w .details_h310u_w_1 .h310u_reason_list_w li div { border-right: 1px solid #3a3d53; }
.fscp_w .details_h310u_w_1 .h310u_reason_list_w li:last-child div {border-right: none  }
.fscp_w .details_h310u_w_1 .h310u_reason_list_w li h6 { display: block; font-size: 28px; line-height: 1.5; text-align: center; color: #0080ff; margin: 0 auto; padding: 0; }
.fscp_w .details_h310u_w_1 .h310u_reason_list_w li p { display: block; font-size: 16px; line-height: 1.5; text-align: center; color: #6e798b; ; margin: 0 auto; padding: 0; }
.fscp_w .details_h310u_w_1.active .h310u_reason_list_w li { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.fscp_w .details_h310u_w_1 .h310u_reason_list_w li:nth-child(1) { -webkit-transition-delay: 0.1s; transition-delay: 0.1s; }
.fscp_w .details_h310u_w_1 .h310u_reason_list_w li:nth-child(2) { -webkit-transition-delay: 0.3s; transition-delay: 0.3s; }
.fscp_w .details_h310u_w_1 .h310u_reason_list_w li:nth-child(3) { -webkit-transition-delay: 0.5s; transition-delay: 0.5s; }
.fscp_w .details_h310u_w_1.active .h310u_reason_list_w { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

@media screen and (max-width:1366px) {
.fscp_w .details_h310u_w_1 .h310u_reason_list_w li { width: 30%; margin: 20px auto; }
.fscp_w .details_h310u_w_1 .h310u_reason_list_w li:nth-child(2) div { border-right: 1px solid #484d58;  }
}

@media screen and (max-width:1200px) {
.fscp_w .details_h310u_w_1 .h310u_reason_list_w { margin: 10px auto 30px auto; }   
}

@media screen and (max-width:680px) {
.fscp_w .details_h310u_w_1 .h310u_reason_list_w li { width: 95%; margin: 10px auto; }
.fscp_w .details_h310u_w_1 .h310u_reason_list_w li div { border: 1px solid #6e798b !important;padding:10px; }       
}
@media screen and (max-width:480px) {
.fscp_w .details_h310u_w_1 .h310u_reason_list_w { display: block; max-width: 100%; margin: 10% auto; display: flex; flex-wrap: wrap; justify-content: space-evenly; align-content: space-evenly; }
.fscp_w .details_h310u_w_1 .h310u_reason_list_w li h6 { font-size: 18px; }
.fscp_w .details_h310u_w_1 .h310u_reason_list_w li p { font-size: 12px; }
.fscp_w .details_h310u_w_1 .cp_desc { position: relative; z-index: 100; }
.fscp_w .details_h310u_w_1 .cp_desc p { max-width: 820px; margin: 40px auto; }
    
 
}


.fscp_w .details_h310u_w_1 .btn_r_more, .fscp_w .details_h310u_w .btn_free_trial { background-color: #FFF; color: #0080ff ; }
.fscp_w .details_h310u_w_1 .btn_r_more:hover, .fscp_w .details_h310u_w .btn_free_trial:hover { box-shadow: 1px 2px 6px 0px rgb( 0, 0, 0, .2 ); }



/*.details_h310u_w2*/
.fscp_w .details_h310u_w2 { background-color:#fdfdf4;min-height: 1000px;padding: 150px 0 150px 0;}
.fscp_w .details_h310u_w2 .pull-left { margin-left: -100px; }

/*.details_h310u_w3*/
.fscp_w .details_h310u_w3  { min-height: 800px;padding: 150px 0 150px 0;}
.fscp_w .details_h310u_w3 .pull-right { margin-right: -120px; }

/*.details_h310u_w4*/
.fscp_w .details_h310u_w4  { min-height: 1000px;padding: 150px 0 150px 0;background: #181929 url(../images/cp/h310u_4_bg.jpg) no-repeat center bottom; background-size: cover; max-height: 1488px !important; overflow: hidden; color:#FFF;text-align: center; -webkit-transition: all .8s ease; transition: all 0.8s ease }
.fscp_w .details_h310u_w4  .cp_text p {color: #c8d2de;}

/*.details_h310u_w5*/
.fscp_w .details_h310u_w5  { background-color:#fdf7ef;min-height:800px;padding: 100px 0 100px 0;}
.fscp_w .details_h310u_w5 .pull-right { margin-right: -120px; }

/*.details_h310u_w6*/
.fscp_w .details_h310u_w6  { min-height: 1000px;padding: 150px 0 150px 0;background: #000000 url(../images/cp/h310u_6_bg.jpg) no-repeat center bottom; background-size: cover; max-height: 1488px !important; overflow: hidden; color:#FFF;text-align: center; -webkit-transition: all .8s ease; transition: all 0.8s ease }
.fscp_w .details_h310u_w6  .cp_text p {color: #c8d2de;}
.fscp_w .details_h310u_w6 .pull-left { margin-left: -120px; }

/*.details_h310u_w7*/
.fscp_w .details_h310u_w7  { min-height: 800px;padding: 100px 0 100px 0;}
.fscp_w .details_h310u_w7 .pull-right { margin-right: -50px; }

/*.details_h310u_w8*/
.fscp_w .details_h310u_w8  { min-height: 1000px;padding: 150px 0 150px 0;background: #1b2333 url(../images/cp/h310u_8_bg.jpg) no-repeat center bottom; background-size: cover; max-height: 1800px !important; overflow: hidden; color:#FFF;text-align: center; -webkit-transition: all .8s ease; transition: all 0.8s ease }
.fscp_w .details_h310u_w8  .cp_text p {color: #c8d2de;}
.fscp_w .details_h310u_w8 .pull-left { margin-left: -120px; }

/*.details_h310u_w9*/
.fscp_w .details_h310u_w9  {background-color:#e7f1fe;min-height: 800px;padding: 100px 0 100px 0;}
.fscp_w .details_h310u_w9 .pull-right { margin-right: -50px; }

/*.details_h310u_w10*/
.fscp_w .details_h310u_w10  { min-height: 1500px;padding: 150px 0 150px 0;background: #181929 url(../images/cp/h310u_10_bg.jpg) no-repeat center bottom; background-size: cover; max-height: 1488px !important; overflow: hidden; color:#FFF;text-align: center; -webkit-transition: all .8s ease; transition: all 0.8s ease }
.fscp_w .details_h310u_w10  .cp_text p {color: #c8d2de;}
@media (min-width:1366px) {
.fscp_w .details_h310u_w10 .cp_center_img img{margin-top:-250px;}
}


/*模拟向下错落交互动画*/
.details_h310u_w1 .trait_list_w li { -webkit-transform: translate3d(0, 80px, 0); transform: translate3d(0, 80px, 0); transform: translate3d(0, 80px, 0); -webkit-transition: all .8s ease; transition: all .8s ease;  }
.details_h310u_w1 .trait_list_w li:nth-child(1) { -webkit-transition-delay: .8s; transition-delay: .8s; }
.details_h310u_w1  .trait_list_w li:nth-child(2){ -webkit-transition-delay: .9s; transition-delay: 0.9s; }
.details_h310u_w1  .trait_list_w li:nth-child(3){ -webkit-transition-delay: 1s; transition-delay: 1s; }
.details_h310u_w1  .trait_list_w li:nth-child(4){ -webkit-transition-delay: 1.1s; transition-delay: 1.1s; }
.details_h310u_w1  .trait_list_w li:nth-child(5){ -webkit-transition-delay: 1.1s; transition-delay: 1.2s; }
.details_h310u_w1 .trait_list_w.active li { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); transform: translate3d(0,0, 0); }


@media (max-width:1200px) {
.details_h310u_w1 .trait_list_w { width: 100%; margin: .6rem auto .6rem auto; } 
.details_h310u_w1 .trait_list_w li {width: 30%; }
.details_h310u_w1  .trait_list_w h6 { font-size: 12px; }   
}
@media (max-width:320px) {
.details_h310u_w1 .trait_list_w { width: 100%; margin: 60px auto 80px auto; }  
.details_h310u_w1  .trait_list_w h6 { font-size: 10px; } 
}


/*.details_h310u_w5**/
.details_h310u_w5 { min-height: 900px;}
.details_h310u_w5 .trait_list_w {max-width: 620px; margin: 80px 0px;margin-left: -160px;margin-right:-20px}
.details_h310u_w5 .trait_list_w li {display: block;display: inline-block;*zoom: 1;*display: inline;width: 18%; padding: 0 20px; text-align: center }
.details_h310u_w5 .trait_list_w h6 { text-align: center;font-size: 14px;height: 24px; line-height:24px;text-overflow: ellipsis;width:100%;margin:20px auto;text-overflow: ellipsis;white-space: nowrap;overflow: hidden}


/*模拟向下错落交互动画*/
.details_h310u_w5 .trait_list_w li { -webkit-transform: translate3d(0, 80px, 0); transform: translate3d(0, 80px, 0); transform: translate3d(0, 80px, 0); -webkit-transition: all .8s ease; transition: all .8s ease;  }
.details_h310u_w5 .trait_list_w li:nth-child(1) { -webkit-transition-delay: .8s; transition-delay: .8s; }
.details_h310u_w5  .trait_list_w li:nth-child(2){ -webkit-transition-delay: .9s; transition-delay: 0.9s; }
.details_h310u_w5  .trait_list_w li:nth-child(3){ -webkit-transition-delay: 1s; transition-delay: 1s; }
.details_h310u_w5  .trait_list_w li:nth-child(4){ -webkit-transition-delay: 1.1s; transition-delay: 1.1s; }
.details_h310u_w5  .trait_list_w li:nth-child(5){ -webkit-transition-delay: 1.1s; transition-delay: 1.2s; }
.details_h310u_w5 .trait_list_w.active li { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); transform: translate3d(0,0, 0); }


@media (max-width:1200px) {
.details_h310u_w5 .trait_list_w { width: 100%; margin: .6rem auto .6rem auto; } 
.details_h310u_w5 .trait_list_w li {width: 30%; }
.details_h310u_w5  .trait_list_w h6 { font-size: 12px; }   
}
@media (max-width:320px) {
.details_h310u_w5 .trait_list_w { width: 100%; margin: 60px auto 80px auto; }  
.details_h310u_w5  .trait_list_w h6 { font-size: 10px; } 
}


/*向左向右 楼层文字块 图片块垂直居中*/

.details_h310u_w .pull-center, .details_h310u_w_a .pull-left,.details_h310u_w_b .pull-right {display: table;margin:0 auto;}
.details_h310u_w_a  .cp_text,.details_h310u_w_b  .cp_text{height:800px;display:table-cell;vertical-align:middle;}
.details_h310u_w  .cp_img{height:800px;display:table-cell;vertical-align:middle;}
.details_h310u_w  .cp_img img{text-align: center;margin:0 auto;color: #6e798b;}
.details_h310u_w_a .pull-right,.details_h310u_w_b .pull-left {display: table;}

/*--左图右文 文字³å¯¹é½ã€å›¾ç‰‡å·¦å¯¹é½--*/ 
.details_h310u_w_a { background-color: #fff; text-align: right; }
.details_h310u_w_a .pull-right {text-align: right; }
.details_h310u_w_a .pull-left { margin-left: -200px; }

@media (max-width:1366px) {
.details_h310u_w_a .pull-left { margin-left: -100px; }	
}
@media (max-width:992px) {
.details_h310u_w_a .pull-right { width: 100%; text-align: center;margin:0 auto }
.details_h310u_w_a .pull-left { width: 100%;text-align: center;margin:0 auto }
}

/*--左文右图 文字左对齐、图片右对齐--*/ 
.details_h310u_w_b { background-color: #d6edf0; }
.details_h310u_w_b .pull-left { text-align: left; }
.details_h310u_w_b .pull-right { margin-right: -150px; }


@media (max-width:1366px) {
.details_h310u_w_b .pull-right { margin-right: -100px; }
}
 
@media (max-width:992px) {
.details_h310u_w_b .pull-left { width: 100%; text-align: center; }
.details_h310u_w_b .pull-right { width: 100%;text-align: center;margin:0 auto }	
}


/*楼移动端居中*/

@media (max-width: 992px) {
.fscp_w .details_h310u_w{min-height: auto;}	
.fscp_w .details_h310u_w_a .pull-left,.fscp_w .details_h310u_w_b .pull-right {float:none !important;margin:0 auto;display:block}
.details_h310u_w .cp_text{height:auto;display: block;;max-width: 6.2rem; margin: 1rem auto 1rem auto;  font-size: .3rem;line-height:1.5}
.fscp_w .fscp_w .details_h310u_w .cp_desc .cp_text h1{margin:.3rem auto;font-size: .36rem;}
.fscp_w .details_h310u_w .cp_desc .cp_text em{width: .2rem;border-bottom: .03rem solid #2ccfa4;}
.fscp_w .details_h310u_w .cp_desc .cp_text p{margin:.3rem auto .5rem auto;font-size:.18rem;line-height: 1.8;}	
.fscp_w .details_h310u_w1 .trait_list_w { width: 100%; margin: .6rem auto .6em auto; } 	
.fscp_w .details_h310u_w  .cp_img{height:auto;display: block;margin:.5rem auto;}
.fscp_w .details_h310u_w_a .pull-right,.fscp_w .details_h310u_w_b .pull-left {height:auto;}
}

@media (max-width: 480px) {
.fscp_w .details_h310u_w{min-height: auto;padding:.5rem 0}	
.fscp_w .details_h310u_w_a .pull-left,.fscp_w .details_h310u_w_b .pull-left,.fscp_w .details_h310u_w_b .pull-right,.fscp_w .details_h310u_w_a .pull-right{float:none !important;margin:0 auto;display:block}
    
.fscp_w .details_h310u_w2 .pull-lef{float:none !important;margin:0 auto;display:block}
    
.fscp_w .details_h310u_w .cp_text{height:auto;display: block;;max-width: 6.2rem; margin: 1rem auto 1rem auto;  font-size: .18rem;line-height:1.5}
.fscp_w .details_h310u_w .cp_desc .cp_text h1{margin:.5rem auto;font-size: .50rem;}
.fscp_w .details_h310u_w .cp_desc .cp_text em{width: .2rem;border-bottom: .06rem solid #0080ff;;}
.fscp_w .details_h310u_w .cp_desc .cp_text p{margin:.5rem auto .5rem auto;font-size:.28rem;line-height: 1.8;}	
    .fscp_w .details_h310u_w .cp_desc .cp_text p br{display: none;}
.fscp_w .details_h310u_w1 .trait_list_w { width: 100%; margin: .6rem auto .6em auto; } 	
.fscp_w .details_h310u_w  .cp_img{height:auto;display: block;margin:.5rem auto;}
.fscp_w .details_h310u_w_a .pull-right,.fscp_w .details_h310u_w_b .pull-left {height:auto;}
}

/*details_h310u_w5 end*/

/*HST-h110u 文字宽度限制*/ 
.fscp_w  .details_h110u_w .cp_desc p { max-width:820px; margin: 40px auto 40px auto; line-height: 32px; font-size: 18px; }
.fscp_w  .details_h110u_w  .cp_desc em {
    border-color: #d5071a;
}


/*HST-h110u W1*/ 
.fscp_w  .details_h110u_w_1 .cp_desc p { max-width: 950px; margin: 30px auto 40px auto; line-height: 32px; font-size: 18px; color:#c8d2de}
.fscp_w .details_h110u_w_1 { position: relative; z-index: 1; padding: 50px 0 100px 0;
    background-color:#141212;
    background-image: -moz-radial-gradient( 50% 50%, circle closest-side, rgb(70,70,71) 0%, rgb(20,19,19) 100%);
    background-image: -webkit-radial-gradient( 50% 50%, circle closest-side, rgb(70,70,71) 0%, rgb(20,19,19) 150%);
    background-image: -ms-radial-gradient( 50% 50%, circle closest-side, rgb(70,70,71) 0%, rgb(20,19,19) 150%);
    max-height: 1600px !important; overflow: hidden; color:#FFF;text-align: center; -webkit-transition: all .8s ease; transition: all 0.8s ease }


/*.覆盖掉默认图片动画*/

.fscp_w .details_h110u_w_1.active  .cp_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: d 1.1s ease-in-out 0.6s backwards; 
    -moz-animation: d 1.1s ease-in-out 0.6s backwards;
    -o-animation: d 1.1s ease-in-out 0.6s backwards; 
    -ms-animation: d 1.1s ease-in-out 0.6s backwards;
    animation: d 1.1s ease-in-out 0.6s backwards;
}


.fscp_w .details_h110u_w_1 .cp_img img{
    
    -webkit-transform: perspective(0) rotateX(0) translate3d(0, 200px, 0) scale(.8, .8);
	-moz-transform: perspective(0) rotateX(0) translate3d(0, 200px, 0) scale(.8, .8);
    -ms-transform: perspective(0) rotateX(0) translate3d(0, 200px, 0) scale(.8, .8);
	-o-transform: perspective(0) rotateX(0) translate3d(0, 200px, 0) scale(.8, .8);
	transform: perspective(0) rotateX(0) translate3d(0, 200px, 0) scale(.6, .6);
    
    -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    -ms-filter: blur(5px);
    -o-filter: blur(5px);
    filter: blur(5px);
    
    -webkit-transition: all 3s ease;
	-moz-transition: all 3s ease;
	-ms-transition: all 3s ease;
	-o-transition: all 3s ease;
	transition: all 3s ease
}

.fscp_w .details_h110u_w_1.active  .cp_img img {
	 -webkit-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    -o-opacity: 1;
    opacity: 1;
    
    -webkit-filter: blur(0px);
    -moz-filter: blur(0px);
    -ms-filter: blur(0px);
    -o-filter: blur(0px);
    filter: blur(0px);
    

    
    -webkit-transform: perspective(0) rotateX(0) translate3d(0, 0, 0) scale(1, 1);
	-moz-transform: perspective(0) rotateX(0) translate3d(0, 0, 0) scale(1, 1);
    -ms-transform: perspective(0) rotateX(0) translate3d(0, 0, 0) scale(1, 1);
	-o-transform: perspective(0) rotateX(0) translate3d(0, 0, 0) scale(1, 1);
	transform: perspective(0) rotateX(0) translate3d(0, 0, 0) scale(1, 1);
}


/*HST-h110u 亮点列表*/ 
.fscp_w .details_h110u_w_1 .h110u_reason_list_w { display: block; max-width: 1080px; margin: 80px auto 40px auto; -webkit-transform: translate3d(0, -80px, 0); transform: translate3d(0, -80px, 0); -webkit-transition: all .8s ease; transition: all 0.8s ease }
.fscp_w .details_h110u_w_1 .h110u_reason_list_w li { display: block; display: inline-block; *zoom: 1;*display: inline;width: 24%; height: auto; line-height: 1.5; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); -webkit-transition: all .8s ease; transition: all .8s ease; }
.fscp_w .details_h110u_w_1 .h110u_reason_list_w li div { border-right: 1px solid #3a3d53; }
.fscp_w .details_h110u_w_1 .h110u_reason_list_w li:last-child div {border-right: none  }
.fscp_w .details_h110u_w_1 .h110u_reason_list_w li h6 { display: block; font-size: 28px; line-height: 1.5; text-align: center; color: #0080ff; margin: 0 auto; padding: 0; }
.fscp_w .details_h110u_w_1 .h110u_reason_list_w li p { display: block; font-size: 16px; line-height: 1.5; text-align: center; color: #6e798b; ; margin: 0 auto; padding: 0; }
.fscp_w .details_h110u_w_1.active .h110u_reason_list_w li { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.fscp_w .details_h110u_w_1 .h110u_reason_list_w li:nth-child(1) { -webkit-transition-delay: 0.1s; transition-delay: 0.1s; }
.fscp_w .details_h110u_w_1 .h110u_reason_list_w li:nth-child(2) { -webkit-transition-delay: 0.3s; transition-delay: 0.3s; }
.fscp_w .details_h110u_w_1 .h110u_reason_list_w li:nth-child(3) { -webkit-transition-delay: 0.5s; transition-delay: 0.5s; }
.fscp_w .details_h110u_w_1.active .h110u_reason_list_w { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

@media screen and (max-width:1366px) {
.fscp_w .details_h110u_w_1 .h110u_reason_list_w li { width: 30%; margin: 20px auto; }
.fscp_w .details_h110u_w_1 .h110u_reason_list_w li:nth-child(2) div { border-right: 1px solid #484d58;  }
}

@media screen and (max-width:1200px) {
.fscp_w .details_h110u_w_1 .h110u_reason_list_w { margin: 10px auto 30px auto; }   
}

@media screen and (max-width:680px) {
.fscp_w .details_h110u_w_1 .h110u_reason_list_w li { width: 95%; margin: 10px auto; }
.fscp_w .details_h110u_w_1 .h110u_reason_list_w li div { border: 1px solid #6e798b !important;padding:10px; }       
}
@media screen and (max-width:480px) {
.fscp_w .details_h110u_w_1 .h110u_reason_list_w { display: block; max-width: 100%; margin: 10% auto; display: flex; flex-wrap: wrap; justify-content: space-evenly; align-content: space-evenly; }
.fscp_w .details_h110u_w_1 .h110u_reason_list_w li h6 { font-size: 18px; }
.fscp_w .details_h110u_w_1 .h110u_reason_list_w li p { font-size: 12px; }
.fscp_w .details_h110u_w_1 .cp_desc { position: relative; z-index: 100; }
.fscp_w .details_h110u_w_1 .cp_desc p { max-width: 820px; margin: 40px auto; }
    
 
}


.fscp_w .details_h110u_w_1 .btn_r_more, .fscp_w .details_h110u_w .btn_free_trial { background-color: #FFF; color: #0080ff ; }
.fscp_w .details_h110u_w_1 .btn_r_more:hover, .fscp_w .details_h110u_w .btn_free_trial:hover { box-shadow: 1px 2px 6px 0px rgb( 0, 0, 0, .2 ); }



/*.details_h110u_w2*/
.fscp_w .details_h110u_w2 { background-color:#fefefc;min-height: 1000px;padding: 150px 0 150px 0;}
.fscp_w .details_h110u_w2 .pull-left { margin-left: -150px; }

/*.覆盖掉默认图片动画*/
.fscp_w .details_h110u_w2.active .cp_desc  .pull-left  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: d 1.1s ease-in-out 0.6s backwards; 
    -moz-animation: d 1.1s ease-in-out 0.6s backwards;
    -o-animation: d 1.1s ease-in-out 0.6s backwards; 
    -ms-animation: d 1.1s ease-in-out 0.6s backwards;
    animation: d 1.1s ease-in-out 0.6s backwards;
}


.fscp_w .details_h110u_w2 .cp_center_img {
	position: relative;
	z-index: 1;
	width: 100%;
	height: 100%;
	bottom: -50px;
}

.fscp_w .details_h110u_w2 .cp_center_img .pic_bg {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    -ms-opacity: 0;
    -o-opacity: 0;
    opacity: 0 !important;
    -webkit-transition: all 0s;
    -webkit-transition-delay:all 0s;
    -moz-transition: all 0s;
    -o-transition: all 0s;
    transition: all 0s;
}
.fscp_w .details_h110u_w2 .cp_pic_groups {
	opacity: 1;
	margin: auto;
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
}
.fscp_w .details_h110u_w2 .cp_pic_groups .pic {
	 -webkit-opacity: 0;
    -moz-opacity: 0;
    -ms-opacity: 0;
    -o-opacity: 0;
    opacity: 0;
	margin: auto;
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	-webkit-transition: all 3s ease;
	-moz-transition: all 3s ease;
	-ms-transition: all 3s ease;
	-o-transition: all 3s ease;
	transition: all 3s ease
}
/*动效：图片外框动效*/ 

.fscp_w .details_h110u_w2 .cp_pic_groups .pic_1 {
	  -webkit-transform: translate3d(0, 100px, 0);
    -moz-transform: translate3d(0, 100px, 0);
    -ms-transform: translate3d(0, 100px, 0);
    -o-transform: translate3d(0, 100px, 0);
	transform: translate3d(100px, 0, 0);
}
.fscp_w .details_h110u_w2 .cp_pic_groups .pic_2 {
     -webkit-transform: translate3d(0, 200px, 0);
    -moz-transform: translate3d(0, 200px, 0);
    -ms-transform: translate3d(0, 200px, 0);
    -o-transform: translate3d(0, 200px, 0);
	transform: translate3d(-200px, 0px, 0);
}


.fscp_w .details_h110u_w2.active .pic {
	 -webkit-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    -o-opacity: 1;
    opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}



/*.details_h110u_w3*/
.fscp_w .details_h110u_w3  { min-height: 800px;padding: 150px 0 150px 0;
  background-image: -moz-radial-gradient( 50% 50%, circle closest-side, rgb(255,255,255) 0%, rgb(242,234,234) 300%);
  background-image: -webkit-radial-gradient( 50% 50%, circle closest-side, rgb(255,255,255) 0%, rgb(242,234,234) 300%);
  background-image: -ms-radial-gradient( 50% 50%, circle closest-side, rgb(255,255,255) 0%, rgb(242,234,234) 300%);
  background-color:#f2eaea;
}
.fscp_w .details_h110u_w3 .pull-right { margin-right: -180px; }

/*.覆盖掉默认图片动画*/
.fscp_w .details_h110u_w3.active .cp_desc  .pull-right  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: d 1.1s ease-in-out 0.6s backwards; 
    -moz-animation: d 1.1s ease-in-out 0.6s backwards;
    -o-animation: d 1.1s ease-in-out 0.6s backwards; 
    -ms-animation: d 1.1s ease-in-out 0.6s backwards;
    animation: d 1.1s ease-in-out 0.6s backwards;
}


.fscp_w .details_h110u_w3 .cp_center_img {
	position: relative;
	z-index: 1;
	width: 100%;
	height: 100%;
	bottom: -50px;
}

.fscp_w .details_h110u_w3 .cp_center_img .pic_bg {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    -ms-opacity: 0;
    -o-opacity: 0;
    opacity: 0 !important;
    opacity: 0;
    -webkit-transition: all 0s;
    -webkit-transition-delay: all 0s;
    -moz-transition: all 0s;
    -o-transition: all 0s;
    transition: all 0s;
}
.fscp_w .details_h110u_w3 .cp_pic_groups {
	opacity: 1;
	margin: auto;
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
}
.fscp_w .details_h110u_w3 .cp_pic_groups .pic {
	 -webkit-opacity: 0;
    -moz-opacity: 0;
    -ms-opacity: 0;
    -o-opacity: 0;
    opacity: 0;
	margin: auto;
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	-webkit-transition: all 3s ease;
	-moz-transition: all 3s ease;
	-ms-transition: all 3s ease;
	-o-transition: all 3s ease;
	transition: all 3s ease
}
/*动效：图片外框动效*/ 

.fscp_w .details_h110u_w3 .cp_pic_groups .pic_1 {
	  -webkit-transform: translate3d(0, 100px, 0);
    -moz-transform: translate3d(0, 100px, 0);
    -ms-transform: translate3d(0, 100px, 0);
    -o-transform: translate3d(0, 100px, 0);
	transform: translate3d(0, 100px, 0);
}
.fscp_w .details_h110u_w3 .cp_pic_groups .pic_2 {
     -webkit-transform: translate3d(0, 200px, 0);
    -moz-transform: translate3d(0, 200px, 0);
    -ms-transform: translate3d(0, 200px, 0);
    -o-transform: translate3d(0, 200px, 0);
	transform: translate3d(-300px, 0px, 0);
}
.fscp_w .details_h110u_w3 .cp_pic_groups .pic_3 {
    -webkit-transform: translate3d(0, 480px, 0);
    -moz-transform: translate3d(0, 480px, 0);
    -ms-transform: translate3d(0, 480px, 0);
    -o-transform: translate3d(0, 480px, 0);
	transform: translate3d(200px, 0px, 0);
}

.fscp_w .details_h110u_w3 .cp_pic_groups .pic_4 {
    -webkit-transform: translate3d(0, 480px, 0);
    -moz-transform: translate3d(0, 480px, 0);
    -ms-transform: translate3d(0, 480px, 0);
    -o-transform: translate3d(0, 480px, 0);
	transform: translate3d(0px, 400px, 0);
}
.fscp_w .details_h110u_w3 .cp_pic_groups .pic_5 {
    -webkit-transform: translate3d(0, 480px, 0);
    -moz-transform: translate3d(0, 480px, 0);
    -ms-transform: translate3d(0, 480px, 0);
    -o-transform: translate3d(0, 480px, 0);
	transform: translate3d(0px, -200px, 0);
}

.fscp_w .details_h110u_w3.active .pic {
	 -webkit-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    -o-opacity: 1;
    opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}


/*.details_h110u_w4*/
.fscp_w .details_h110u_w4  { position: relative;z-index: 1;min-height: 1500px;max-height: 1500px;padding: 150px 0 150px 0;background-color:#e6e6e6; max-height: 1488px !important; overflow: hidden; text-align: center; -webkit-transition: all .8s ease; transition: all 0.8s ease }
.fscp_w .details_h110u_w4  .cp_text p {}

.fscp_w .h110u_w4_bg  {position: absolute;z-index: 1;margin: auto;
	position: absolute;
	z-index: -1;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
    background:url(../images/cp/h110u/u110u_4.jpg) no-repeat center bottom; background-size: contain; }

.fscp_w .h110u_w4_bg {
    
    -webkit-transform: perspective(0) rotateX(0) translate3d(0, 300px, 0) scale(.8, .8);
	-moz-transform: perspective(0) rotateX(0) translate3d(0, 300px, 0) scale(.8, .8);
    -ms-transform: perspective(0) rotateX(0) translate3d(0, 300px, 0) scale(.8, .8);
	-o-transform: perspective(0) rotateX(0) translate3d(0, 300px, 0) scale(.8, .8);
	transform: perspective(0) rotateX(0) translate3d(0, 300px, 0) scale(.8, .8);
    
    -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    -ms-filter: blur(5px);
    -o-filter: blur(5px);
    filter: blur(5px);
    
    -webkit-transition: all 3s ease;
	-moz-transition: all 3s ease;
	-ms-transition: all 3s ease;
	-o-transition: all 3s ease;
	transition: all 3s ease
}

.fscp_w .active .h110u_w4_bg {
	 -webkit-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    -o-opacity: 1;
    opacity: 1;
    
    -webkit-filter: blur(0px);
    -moz-filter: blur(0px);
    -ms-filter: blur(0px);
    -o-filter: blur(0px);
    filter: blur(0px);
    

    
    -webkit-transform: perspective(0) rotateX(0) translate3d(0, 0, 0) scale(1, 1);
	-moz-transform: perspective(0) rotateX(0) translate3d(0, 0, 0) scale(1, 1);
    -ms-transform: perspective(0) rotateX(0) translate3d(0, 0, 0) scale(1, 1);
	-o-transform: perspective(0) rotateX(0) translate3d(0, 0, 0) scale(1, 1);
	transform: perspective(0) rotateX(0) translate3d(0, 0, 0) scale(1, 1);
}


/*.details_h110u_w5*/
.fscp_w .details_h110u_w5 { background-color:#fefefc;min-height: 1000px;padding: 150px 0 150px 0;}
.fscp_w .details_h110u_w5 .pull-left { margin-left: -200px; }
.fscp_w .details_h110u_w5 .pull-right {text-align: left;}
.h110u_w .parameter_w .parameter_title em { display: inline-block; width: 20px; border-bottom: 3px solid #d5071a; }
/*.覆盖掉默认图片动画*/
.fscp_w .details_h110u_w5.active .cp_desc  .pull-left  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: d 1.1s ease-in-out 0.6s backwards; 
    -moz-animation: d 1.1s ease-in-out 0.6s backwards;
    -o-animation: d 1.1s ease-in-out 0.6s backwards; 
    -ms-animation: d 1.1s ease-in-out 0.6s backwards;
    animation: d 1.1s ease-in-out 0.6s backwards;
}


.fscp_w .details_h110u_w5 .cp_center_img {
	position: relative;
	z-index: 1;
	width: 100%;
	height: 100%;
	bottom: -50px;
}

.fscp_w .details_h110u_w5 .cp_center_img .pic_bg {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    -ms-opacity: 0;
    -o-opacity: 0;
    opacity: 0 !important;
    opacity: 0;
    -webkit-transition: all 0s;
    -webkit-transition-delay: all 0s;
    -moz-transition: all 0s;
    -o-transition: all 0s;
    transition: all 0s;
}
.fscp_w .details_h110u_w5 .cp_pic_groups {
	opacity: 1;
	margin: auto;
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
}
.fscp_w .details_h110u_w5 .cp_pic_groups .pic {
	 -webkit-opacity: 0;
    -moz-opacity: 0;
    -ms-opacity: 0;
    -o-opacity: 0;
    opacity: 0;
	margin: auto;
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	-webkit-transition: all 3s ease;
	-moz-transition: all 3s ease;
	-ms-transition: all 3s ease;
	-o-transition: all 3s ease;
	transition: all 3s ease
}
/*动效：图片外框动效*/ 

.fscp_w .details_h110u_w5 .cp_pic_groups .pic_1 {
	  -webkit-transform: translate3d(0, 100px, 0);
    -moz-transform: translate3d(0, 100px, 0);
    -ms-transform: translate3d(0, 100px, 0);
    -o-transform: translate3d(0, 100px, 0);
	transform: translate3d(100px, 0, 0);
}
.fscp_w .details_h110u_w5 .cp_pic_groups .pic_2 {
     -webkit-transform: translate3d(0, 200px, 0);
    -moz-transform: translate3d(0, 200px, 0);
    -ms-transform: translate3d(0, 200px, 0);
    -o-transform: translate3d(0, 200px, 0);
	transform: translate3d(-200px, 0px, 0);
}


.fscp_w .details_h110u_w5.active .pic {
	 -webkit-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    -o-opacity: 1;
    opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
	




/*.details_h110u_w6*/
.fscp_w .details_h110u_w6  { min-height: 1000px;padding: 150px 0 150px 0;background: #000000 url(../images/cp/h110u_6_bg.jpg) no-repeat center bottom; background-size: cover; max-height: 1488px !important; overflow: hidden; color:#FFF;text-align: center; -webkit-transition: all .8s ease; transition: all 0.8s ease }
.fscp_w .details_h110u_w6  .cp_text p {color: #c8d2de;}
.fscp_w .details_h110u_w6 .pull-left { margin-left: -120px; }

/*.details_h110u_w7*/
.fscp_w .details_h110u_w7  { min-height: 800px;padding: 100px 0 100px 0;}
.fscp_w .details_h110u_w7 .pull-right { margin-right: -50px; }

/*.details_h110u_w8*/
.fscp_w .details_h110u_w8  { min-height: 1000px;padding: 150px 0 150px 0;background: #1b2333 url(../images/cp/h110u_8_bg.jpg) no-repeat center bottom; background-size: cover; max-height: 1800px !important; overflow: hidden; color:#FFF;text-align: center; -webkit-transition: all .8s ease; transition: all 0.8s ease }
.fscp_w .details_h110u_w8  .cp_text p {color: #c8d2de;}
.fscp_w .details_h110u_w8 .pull-left { margin-left: -120px; }

/*.details_h110u_w9*/
.fscp_w .details_h110u_w9  {background-color:#e7f1fe;min-height: 800px;padding: 100px 0 100px 0;}
.fscp_w .details_h110u_w9 .pull-right { margin-right: -50px; }

/*.details_h110u_w10*/
.fscp_w .details_h110u_w10  { min-height: 1500px;padding: 150px 0 150px 0;background: #181929 url(../images/cp/h110u_10_bg.jpg) no-repeat center bottom; background-size: cover; max-height: 1488px !important; overflow: hidden; color:#FFF;text-align: center; -webkit-transition: all .8s ease; transition: all 0.8s ease }
.fscp_w .details_h110u_w10  .cp_text p {color: #c8d2de;}
@media (min-width:1366px) {
.fscp_w .details_h110u_w10 .cp_center_img img{margin-top:-250px;}
}


/*模æ‹ÂŸÃ¥ÂÂ‘下错落交互动画*/
.details_h110u_w1 .trait_list_w li { -webkit-transform: translate3d(0, 80px, 0); transform: translate3d(0, 80px, 0); transform: translate3d(0, 80px, 0); -webkit-transition: all .8s ease; transition: all .8s ease;  }
.details_h110u_w1 .trait_list_w li:nth-child(1) { -webkit-transition-delay: .8s; transition-delay: .8s; }
.details_h110u_w1  .trait_list_w li:nth-child(2){ -webkit-transition-delay: .9s; transition-delay: 0.9s; }
.details_h110u_w1  .trait_list_w li:nth-child(3){ -webkit-transition-delay: 1s; transition-delay: 1s; }
.details_h110u_w1  .trait_list_w li:nth-child(4){ -webkit-transition-delay: 1.1s; transition-delay: 1.1s; }
.details_h110u_w1  .trait_list_w li:nth-child(5){ -webkit-transition-delay: 1.1s; transition-delay: 1.2s; }
.details_h110u_w1 .trait_list_w.active li { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); transform: translate3d(0,0, 0); }


@media (max-width:1200px) {
.details_h110u_w1 .trait_list_w { width: 100%; margin: .6rem auto .6rem auto; } 
.details_h110u_w1 .trait_list_w li {width: 30%; }
.details_h110u_w1  .trait_list_w h6 { font-size: 12px; }   
}
@media (max-width:320px) {
.details_h110u_w1 .trait_list_w { width: 100%; margin: 60px auto 80px auto; }  
.details_h110u_w1  .trait_list_w h6 { font-size: 10px; } 
}


/*.details_h110u_w5**/
.details_h110u_w5 { min-height: 900px;}
.details_h110u_w5 .trait_list_w {display: block;height:auto;max-width: 620px; margin: 50px 0px;margin: .5rem 0px;}
.details_h110u_w5 .trait_list_w div{display: block;display: inline-block;*zoom: 1;*display: inline;width: 100%;  font-size: 16px;line-height:1.5;margin:20px 0 0 0}



@media (max-width:1200px) {
.details_h110u_w5 .trait_list_w { width: 100%; margin: .3rem auto .3rem auto; } 
.details_h110u_w5  .trait_list_w div { font-size: 14px; }   
    .details_h110u_w5 .trait_list_w img{max-width: 100px;}    
}
@media (max-width:320px) {
.details_h110u_w5 .trait_list_w { width: 100%; margin: .3rem auto .3rem auto; text-align: center;}     
.details_h110u_w5  .trait_list_w div { font-size: 12px; } 
}


/*向左向右 楼层文字块 图片块垂直居中*/

.details_h110u_w .pull-center, .details_h110u_w_a .pull-left,.details_h110u_w_b .pull-right {display: table;margin:0 auto;}
.details_h110u_w_a  .cp_text,.details_h110u_w_b  .cp_text{height:800px;display:table-cell;vertical-align:middle;}
.details_h110u_w  .cp_img{height:800px;display:table-cell;vertical-align:middle;}
.details_h110u_w  .cp_img img{text-align: center;margin:0 auto;color:transparent;}
.details_h110u_w_a .pull-right,.details_h110u_w_b .pull-left {display: table;margin:0 auto;}

/*--左图右文 文字右对齐、图片左对齐--*/ 
.details_h110u_w_a { background-color: #fff; text-align: right; }
.details_h110u_w_a .pull-right {text-align: right; }
.details_h110u_w_a .pull-left { margin-left: -200px; }

@media (max-width:1366px) {
.details_h110u_w_a .pull-left { margin-left: -100px; }	
}
@media (max-width:1200px) {
.details_h110u_w_a .pull-right { width: 100%; text-align: center;margin:0 auto }
.details_h110u_w_a .pull-left { width: 100%;text-align: center;margin:0 auto }
}

/*--左文右图 文字左对齐、图片右对齐--*/ 
.details_h110u_w_b { background-color: #d6edf0; }
.details_h110u_w_b .pull-left { text-align: left; }
.details_h110u_w_b .pull-right { margin-right: -150px; }


@media (max-width:1366px) {
.details_h110u_w_b .pull-right { margin-right: -100px; }
}
 
@media (max-width:1200px) {
.details_h110u_w_b .pull-left { width: 100%; text-align: center; }
.details_h110u_w_b .pull-right { width: 100%;text-align: center;margin:0 auto }	
}


/*楼移动端居中*/

@media (max-width: 1200px) {
.fscp_w .details_h110u_w{min-height: auto;}	
.fscp_w .details_h110u_w4 {min-height: auto;padding:.5rem 0;min-height:10rem;}   /*例外*/  
.fscp_w .details_h110u_w_a .pull-left,.fscp_w .details_h110u_w_b .pull-right {float:none !important;margin:0 auto;display:block}
.details_h110u_w .cp_text{height:auto;display: block;text-align:center;max-width: 6.2rem; margin: 1rem auto 1rem auto;  font-size: .3rem;line-height:1.5}
.fscp_w .fscp_w .details_h110u_w .cp_desc .cp_text h1{margin:.3rem auto;font-size: .36rem;text-align:center}
.fscp_w .details_h110u_w .cp_desc .cp_text em{width: .3rem;border-bottom: .06rem solid #d5071a !important;text-align:center}
.fscp_w .details_h110u_w .cp_desc .cp_text p{margin:.3rem auto .5rem auto;font-size:.18rem;line-height: 1.8;text-align:center}	
.fscp_w .details_h110u_w1 .trait_list_w { width: 100%; margin: .6rem auto .6em auto; } 	
.fscp_w .details_h110u_w  .cp_img{height:auto;display: block;margin:.5rem auto;}
.fscp_w .details_h110u_w_a .pull-right,.fscp_w .details_h110u_w_b .pull-left {height:auto;float: none !important;text-align:center;display:block;margin:0 auto;}
}

@media (max-width: 480px) {
.fscp_w .details_h110u_w{min-height: auto;padding:.5rem 0}	
.fscp_w .details_h110u_w4 {min-height: auto;padding:.5rem 0;min-height:10rem;}  /*例外*/  
.fscp_w .details_h110u_w_a .pull-left,.fscp_w .details_h110u_w_b .pull-left,.fscp_w .details_h110u_w_b .pull-right,.fscp_w .details_h110u_w_a .pull-right{float:none !important;margin:0 auto;display:block}
    
.fscp_w .details_h110u_w2 .pull-lef{float:none !important;margin:0 auto;display:block}
    
.fscp_w .details_h110u_w .cp_text{height:auto;display: block;;max-width: 6.2rem; margin: 1rem auto 1rem auto;  font-size: .18rem;line-height:1.5}
.fscp_w .details_h110u_w .cp_desc .cp_text h1{margin:.5rem auto;font-size: .50rem;}
.fscp_w .details_h110u_w .cp_desc .cp_text em{width: .2rem;border-bottom: .06rem solid #0080ff;;}
.fscp_w .details_h110u_w .cp_desc .cp_text p{margin:.5rem auto .5rem auto;font-size:.28rem;line-height: 1.8;}	
.fscp_w .details_h110u_w .cp_desc .cp_text p br{display: none;}
.fscp_w .details_h110u_w1 .trait_list_w { width: 100%; margin: .6rem auto .6em auto; } 	
.fscp_w .details_h110u_w  .cp_img{height:auto;display: block;margin:.5rem auto;}
.fscp_w .details_h110u_w_a .pull-right,.fscp_w .details_h110u_w_b .pull-left {height:auto;}
}

/*details_h110u_w5 end*/


/*HST-hd630s 文字宽度限制*/ 
.fscp_w  .details_hd630s_w .cp_desc h1 {
    font-size: 42px;
    line-height: 48px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.fscp_w  .details_hd630s_w .cp_desc p { max-width:820px; margin: 0 auto; line-height: 32px; font-size: 18px; }
.fscp_w  .details_hd630s_w .cp_desc  em {
    display: inline-block;
    width: 23px;
    height:23px;
    border:0;
    padding:0;
    margin:20px auto;
    background: url(../images/cp/hd630s/icon_em.png) no-repeat center center;
}
.fscp_w  .details_hd630s_w_1 .cp_desc  em {
    display: inline-block;
    width: 23px;
    height:23px;
    border:0;
    padding:0;
    margin:30px auto;
    background: url(../images/cp/hd630s/icon_em1.png) no-repeat center center;
}

.hd630s_w .parameter_w .parameter_title em{
    display: inline-block;
    width: 23px;
    height:23px; 
    border:0 !important;;
    padding:0;
    margin:20px auto 0 auto;
    background: url(../images/cp/hd630s/icon_em.png) no-repeat center center;
}

/*HST-hd630s W1*/ 
.fscp_w  .details_hd630s_w_1 .cp_desc p { max-width: 950px;  line-height: 32px; font-size: 18px; color:#c8d2de}
.fscp_w .details_hd630s_w_1 { position: relative; z-index: 1; padding: 100px 0 100px 0;
    background:#04051e url(../images/cp/hd630s/hd630s_1_bg.jpg) no-repeat center center;
    background-size: cover;
    max-height: 1500px !important; overflow: hidden; color:#FFF;text-align: center; -webkit-transition: all .8s ease; transition: all 0.8s ease }


/*.覆盖掉默认图片动画*/

.fscp_w .details_hd630s_w_1.active  .cp_img{ 
     -webkit-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    -o-opacity: 1;
    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: d 1.1s ease-in-out 0.6s backwards; 
    -moz-animation: d 1.1s ease-in-out 0.6s backwards;
    -o-animation: d 1.1s ease-in-out 0.6s backwards; 
    -ms-animation: d 1.1s ease-in-out 0.6s backwards;
    animation: d 1.1s ease-in-out 0.6s backwards;
}


.fscp_w .details_hd630s_w_1 .cp_img img{
    
     -webkit-opacity: 0;
    -moz-opacity: 0;
    -ms-opacity: 0;
    -o-opacity: 0;
    opacity: 0;
    
    -webkit-transform: rotate(15deg) translate(100px,100px)  scale(1.5, 1.5);
	-moz-transform: rotate(15deg) translate(100px,100px)  scale(1.5, 1.5);
    -ms-transform: rotate(15deg) translate(100px,100px)  scale(1.5, 1.5);
	-o-transform: rotate(15deg) translate(100px,100px)  scale(1.5, 1.5);
	transform: rotate(15deg) translate(100px,100px)  scale(1.5, 1.5);
    

    
    -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    -ms-filter: blur(5px);
    -o-filter: blur(5px);
    filter: blur(5px);
    
    -webkit-transition: all 3s ease;
	-moz-transition: all 3s ease;
	-ms-transition: all 3s ease;
	-o-transition: all 3s ease;
	transition: all 3s ease
}

.fscp_w .details_hd630s_w_1.active  .cp_img img {
	 -webkit-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    -o-opacity: 1;
    opacity: 1;
    
    -webkit-filter: blur(0px);
    -moz-filter: blur(0px);
    -ms-filter: blur(0px);
    -o-filter: blur(0px);
    filter: blur(0px);
      
    -webkit-transform:  rotate(0) translate(0,0)  scale(1, 0);
	-moz-transform:  rotate(0) translate(0,0)  scale(1, 1);
    -ms-transform:  rotate(0) translate(0,0)  scale(1, 1);
	-o-transform:  rotate(0) translate(0,0)  scale(1, 1);
	transform: rotate(0) translate(0,0)  scale(1, 1);
}


/*HST-hd630s 亮点列表*/ 
.fscp_w .details_hd630s_w_1 .hd630s_reason_list_w { display: block; max-width: 1080px; margin: 80px auto 40px auto; -webkit-transform: translate3d(0, -80px, 0); transform: translate3d(0, -80px, 0); -webkit-transition: all .8s ease; transition: all 0.8s ease }
.fscp_w .details_hd630s_w_1 .hd630s_reason_list_w li { display: block; display: inline-block; *zoom: 1;*display: inline;width: 24%; height: auto; line-height: 1.5; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); -webkit-transition: all .8s ease; transition: all .8s ease; }
.fscp_w .details_hd630s_w_1 .hd630s_reason_list_w li div { border-right: 1px solid #3a3d53; }
.fscp_w .details_hd630s_w_1 .hd630s_reason_list_w li:last-child div {border-right: none  }
.fscp_w .details_hd630s_w_1 .hd630s_reason_list_w li h6 { display: block; font-size: 28px; line-height: 1.5; text-align: center; color: #0080ff; margin: 0 auto; padding: 0; }
.fscp_w .details_hd630s_w_1 .hd630s_reason_list_w li p { display: block; font-size: 16px; line-height: 1.5; text-align: center; color: #6e798b; ; margin: 0 auto; padding: 0; }
.fscp_w .details_hd630s_w_1.active .hd630s_reason_list_w li { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.fscp_w .details_hd630s_w_1 .hd630s_reason_list_w li:nth-child(1) { -webkit-transition-delay: 0.1s; transition-delay: 0.1s; }
.fscp_w .details_hd630s_w_1 .hd630s_reason_list_w li:nth-child(2) { -webkit-transition-delay: 0.3s; transition-delay: 0.3s; }
.fscp_w .details_hd630s_w_1 .hd630s_reason_list_w li:nth-child(3) { -webkit-transition-delay: 0.5s; transition-delay: 0.5s; }
.fscp_w .details_hd630s_w_1.active .hd630s_reason_list_w { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

@media screen and (max-width:1366px) {
.fscp_w .details_hd630s_w_1 .hd630s_reason_list_w li { width: 30%; margin: 20px auto; }
.fscp_w .details_hd630s_w_1 .hd630s_reason_list_w li:nth-child(2) div { border-right: 1px solid #484d58;  }
}

@media screen and (max-width:1200px) {
.fscp_w .details_hd630s_w_1 .hd630s_reason_list_w { margin: 10px auto 30px auto; }   
}

@media screen and (max-width:680px) {
.fscp_w .details_hd630s_w_1 .hd630s_reason_list_w li { width: 95%; margin: 10px auto; }
.fscp_w .details_hd630s_w_1 .hd630s_reason_list_w li div { border: 1px solid #6e798b !important;padding:10px; }       
}
@media screen and (max-width:480px) {
.fscp_w .details_hd630s_w_1 .hd630s_reason_list_w { display: block; max-width: 100%; margin: 10% auto; display: flex; flex-wrap: wrap; justify-content: space-evenly; align-content: space-evenly; }
.fscp_w .details_hd630s_w_1 .hd630s_reason_list_w li h6 { font-size: 18px; }
.fscp_w .details_hd630s_w_1 .hd630s_reason_list_w li p { font-size: 12px; }
.fscp_w .details_hd630s_w_1 .cp_desc { position: relative; z-index: 100; }
.fscp_w .details_hd630s_w_1 .cp_desc p { max-width: 820px; margin: 40px auto; }
    
 
}


.fscp_w .details_hd630s_w_1 .btn_r_more, .fscp_w .details_hd630s_w .btn_free_trial { background-color: #FFF; color: #0080ff ; }
.fscp_w .details_hd630s_w_1 .btn_r_more:hover, .fscp_w .details_hd630s_w .btn_free_trial:hover { box-shadow: 1px 2px 6px 0px rgb( 0, 0, 0, .2 ); }



/*.details_hd630s_w2*/
.fscp_w .details_hd630s_w2 { background-color:#fefefc;min-height: 1000px;padding: 150px 0 150px 0;}

.fscp_w .details_hd630s_w2.active .cp_center_img,.fscp_w .details_hd630s_w3.active .cp_desc  .pull-right  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: d 1.1s ease-in-out 0.6s backwards; 
    -moz-animation: d 1.1s ease-in-out 0.6s backwards;
    -o-animation: d 1.1s ease-in-out 0.6s backwards; 
    -ms-animation: d 1.1s ease-in-out 0.6s backwards;
    animation: d 1.1s ease-in-out 0.6s backwards;

}

.fscp_w .details_hd630s_w2 .pull-left { margin-left: -150px; }


.fscp_w .details_hd630s_w2 .cp_desc .cp_text{text-align: right;}
.fscp_w .details_hd630s_w2 .cp_desc h1{position: relative;z-index: 1;width:100%;height:100%;}
.fscp_w .details_hd630s_w2 .cp_desc h1:after{content:" ";min-width: 200px;min-height:200px;position:absolute;z-index: 1;right:-80px;top:-90px;background: url(../images/cp/hd630s/hd630s_2_tt1.png) no-repeat 0 0;}

.fscp_w .details_hd630s_w2 .cp_desc .text-center p{position: relative;z-index: 1;margin: 80px auto 50px auto;}
.fscp_w .details_hd630s_w2 .cp_desc .text-center p:before{content:" ";min-width: 200px;min-height:200px;position:absolute;z-index: 1;left:-50px;top:-45px;background: url(../images/cp/hd630s/hd630s_2_tt2.png) no-repeat 0 0;}
@media screen and (max-width:680px) {
.fscp_w .details_hd630s_w2 .cp_desc .text-center p:before{min-width:0;}
.fscp_w .details_hd630s_w2 .cp_desc h1:after{min-width:0;}    
}

/*.覆盖掉默认图片动画*/
.fscp_w .details_hd630s_w2.active .cp_desc  .pull-left  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: d 1.1s ease-in-out 0.6s backwards; 
    -moz-animation: d 1.1s ease-in-out 0.6s backwards;
    -o-animation: d 1.1s ease-in-out 0.6s backwards; 
    -ms-animation: d 1.1s ease-in-out 0.6s backwards;
    animation: d 1.1s ease-in-out 0.6s backwards;
}


.fscp_w .details_hd630s_w2 .cp_center_img {
	position: relative;
	z-index: 1;
	width: 100%;
	height: 100%;
}

.fscp_w .details_hd630s_w2 .cp_center_img .pic_bg {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    -ms-opacity: 0;
    -o-opacity: 0;
    opacity: 0 !important;
    -webkit-transition: all 0s;
    -webkit-transition-delay:all 0s;
    -moz-transition: all 0s;
    -o-transition: all 0s;
    transition: all 0s;
}
.fscp_w .details_hd630s_w2 .cp_pic_groups {
	-webkit-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    -o-opacity: 1;
    opacity: 1;
    
	margin: auto;
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
    
    -webkit-transition: all 3s ease;
	-moz-transition: all 3s ease;
	-ms-transition: all 3s ease;
	-o-transition: all 3s ease;
	transition: all 3s ease
}
.fscp_w .details_hd630s_w2 .cp_pic_groups .pic {
	 -webkit-opacity: 0;
    -moz-opacity: 0;
    -ms-opacity: 0;
    -o-opacity: 0;
    opacity: 0;
    
	margin: auto;
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
    
	-webkit-transition: all 3s ease;
	-moz-transition: all 3s ease;
	-ms-transition: all 3s ease;
	-o-transition: all 3s ease;
	transition: all 3s ease
}
/*动效：图片外框动效*/ 

.fscp_w .details_hd630s_w2 .cp_pic_groups .pic_1 {
	  -webkit-transform: translate3d(200px, 0, 0);
    -moz-transform: translate3d(200px, 0, 0);
    -ms-transform: translate3d(200px, 0, 0);
    -o-transform: translate3d(200px, 0, 0);
	transform: translate3d(200px, 0, 0);
}
.fscp_w .details_hd630s_w2 .cp_pic_groups .pic_2 {
     -webkit-transform: translate3d(-200px, 0px, 0);
    -moz-transform: translate3d(-200px, 0px, 0);
    -ms-transform: translate3d(-200px, 0px, 0);
    -o-transform: translate3d(-200px, 0px, 0);
	transform: translate3d(-200px, 0px, 0);
}


.fscp_w .details_hd630s_w2.active .pic {
	 -webkit-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    -o-opacity: 1;
    opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}



/*.details_hd630s_w3*/
.fscp_w .details_hd630s_w3  { min-height: 800px;padding: 150px 0 150px 0;
  color:#FFF;  
  background-color:#040214;
  background-image: -moz-radial-gradient( 50% 50%, circle closest-side, rgb(56,53,63) 16%, rgb(4,2,20) 150%);
  background-image: -webkit-radial-gradient( 50% 50%, circle closest-side, rgb(56,53,63) 16%, rgb(4,2,20) 150%);
  background-image: -ms-radial-gradient( 50% 50%, circle closest-side, rgb(56,53,63) 16%, rgb(4,2,20) 150%); 
}

.fscp_w .details_hd630s_w3.active .cp_center_img,.fscp_w .details_hd630s_w3.active .cp_desc  .pull-right  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: d 1.1s ease-in-out 0.6s backwards; 
    -moz-animation: d 1.1s ease-in-out 0.6s backwards;
    -o-animation: d 1.1s ease-in-out 0.6s backwards; 
    -ms-animation: d 1.1s ease-in-out 0.6s backwards;
    animation: d 1.1s ease-in-out 0.6s backwards;

}

.fscp_w .details_hd630s_w3 .cp_text p {color: #c8d2de;}

/*details_hd630s_w3 特点列表*/

@media (min-width: 1200px) {
.details_hd630s_w3 .trait_list_w {
	margin: 15% -6%;
}
}
.details_hd630s_w3 .trait_list_w li {
	margin-bottom: 15px;
	width: 45%;
	float: left;
	text-align: center;
}
.details_hd630s_w3 .trait_list_w li img {
	max-width: 100%;
	display: block;
	margin: 0 auto;
}
.details_hd630s_w3 .trait_list_w li div {
	color: #d4dcf7;
	font-size: 18px;
	padding: 0 10px;
}
 @media (max-width: 680px) {
.details_hd630s_w3 .trait_list_w li {
	margin-bottom: 15px;
	width: 50%;
	margin: 20px auto;
	text-align: center;
}
.details_hd630s_w3 .trait_list_w li img {
	max-width: 100%;
}
.details_hd630s_w3 .trait_list_w li div {
	display: block;
	margin: 0px auto;
	font-size: 0.25rem;
	line-height: 1.5;
}
}



.fscp_w .details_hd630s_w3 .pull-right { margin-right: -180px; }

/*.覆盖掉默认图片动画*/
.fscp_w .details_hd630s_w3.active .cp_desc  .pull-right  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: d 1.1s ease-in-out 0.6s backwards; 
    -moz-animation: d 1.1s ease-in-out 0.6s backwards;
    -o-animation: d 1.1s ease-in-out 0.6s backwards; 
    -ms-animation: d 1.1s ease-in-out 0.6s backwards;
    animation: d 1.1s ease-in-out 0.6s backwards;
}


.fscp_w .details_hd630s_w3 .cp_center_img {
	position: relative;
	z-index: 1;
    height: 100%;

}

.fscp_w .details_hd630s_w3 .cp_center_img .pic_bg {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    -ms-opacity: 0;
    -o-opacity: 0;
    opacity: 0 !important;
    opacity: 0;
    -webkit-transition: all 0s;
    -webkit-transition-delay: all 0s;
    -moz-transition: all 0s;
    -o-transition: all 0s;
    transition: all 0s;
}
.fscp_w .details_hd630s_w3 .cp_pic_groups {
	opacity: 1;
	margin: auto;
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
}
.fscp_w .details_hd630s_w3 .cp_pic_groups .pic{
	 -webkit-opacity: 0;
    -moz-opacity: 0;
    -ms-opacity: 0;
    -o-opacity: 0;
    opacity: 0;
    
	margin: auto;
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
    
	-webkit-transition: all 3s ease;
	-moz-transition: all 2.5s ease;
	-ms-transition: all 2.5s ease;
	-o-transition: all 2.5s ease;
	transition: all 2.5s ease
}
/*动效：图片外框动效*/ 

.fscp_w .details_hd630s_w3 .cp_pic_groups .pic_7{
	  -webkit-transform: translate3d(50px, 180px, 0);
    -moz-transform: translate3d(50px, 180px, 0);
    -ms-transform: translate3d(50px, 180px, 0);
    -o-transform: translate3d(50px, 180px, 0);
	transform: translate3d(50px, 180px, 0);
    
}
.fscp_w .details_hd630s_w3 .cp_pic_groups .pic_6{
  	  -webkit-transform: translate3d(0, 200px, 0);
    -moz-transform: translate3d(0, 200px, 0);
    -ms-transform: translate3d(0, 200px, 0);
    -o-transform: translate3d(0, 200px, 0);
	transform: translate3d(0, 200px, 0);
}
.fscp_w .details_hd630s_w3 .cp_pic_groups .pic_5{
   	   -webkit-transform: translate3d(-50px, 220px, 0);
    -moz-transform: translate3d(-50px, 220px, 0);
    -ms-transform: translate3d(-50px, 220px, 0);
    -o-transform: translate3d(-50px, 220px, 0);
	transform: translate3d(-50px, 220px, 0);
}

.fscp_w .details_hd630s_w3 .cp_pic_groups .pic_4{
     -webkit-transform: translate3d(-100px, 240px, 0);
    -moz-transform: translate3d(-100px, 240px, 0);
    -ms-transform: translate3d(-100px, 240px, 0);
    -o-transform: translate3d(-100px, 240px, 0);
	transform: translate3d(-100px, 240px, 0);
}
.fscp_w .details_hd630s_w3 .cp_pic_groups .pic_3{
    -webkit-transform: translate3d(-150px, 260px, 0);
    -moz-transform: translate3d(-150px, 260px, 0);
    -ms-transform: translate3d(-150px, 260px, 0);
    -o-transform: translate3d(-150px, 260px, 0);
	transform: translate3d(-150px, 260px, 0);
}

.fscp_w .details_hd630s_w3 .cp_pic_groups .pic_2{
   	 -webkit-transform: translate3d(-200px, 280px, 0);
    -moz-transform: translate3d(-200px, 280px, 0);
    -ms-transform: translate3d(-200px, 280px, 0);
    -o-transform: translate3d(-200px, 280px, 0);
	transform: translate3d(-200px, 280px, 0);
}

.fscp_w .details_hd630s_w3 .cp_pic_groups .pic_1{
   	 -webkit-transform: translate3d(-250px, 300px, 0);
    -moz-transform: translate3d(-250px, 300px, 0);
    -ms-transform: translate3d(-250px, 300px, 0);
    -o-transform: translate3d(-250px, 300px, 0);
	transform: translate3d(-250px, 300px, 0);
}

.fscp_w .details_hd630s_w3.active .pic {
	 -webkit-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    -o-opacity: 1;
    opacity: 1;
    
	  -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}


/*.details_hd630s_w4*/
.fscp_w .details_hd630s_w4  { position: relative;z-index: 1;min-height: 1200px;;padding: 150px 0 150px 0;background-color:#FFF; max-height: 1190px !important; overflow: hidden; text-align: center; -webkit-transition: all .8s ease; transition: all 0.8s ease }

.fscp_w .details_hd630s_w4 .cp_text{margin: 0.5rem auto -2rem auto; } 
.fscp_w .details_hd630s_w4 .cp_desc .text-center p {margin: 0 auto;}

.fscp_w .hd630s_w4_bg  {position: absolute;z-index: 1;margin: auto;
	position: absolute;
	z-index: -1;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
    background:url(../images/cp/hd630s/u110u_4.jpg) no-repeat center bottom; background-size: contain; }

.fscp_w .details_hd630s_w4 .cp_center_img {
	position: relative;
	z-index: -1;
    width: 100%;
    height: 100%;
    bottom: 0;
}

@media (max-width: 480px) {	
.fscp_w .details_hd630s_w4  .cp_img{bottom:-40px;}
.fscp_w .details_hd630s_w4 .cp_center_img{display: block;}    
.fscp_w .details_hd630s_w4 .cp_img {margin: 0rem auto;}  
}

.fscp_w .details_hd630s_w4 .cp_center_img .pic_bg {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    -ms-opacity: 0;
    -o-opacity: 0;
    opacity: 0 !important;
    opacity: 0;
    -webkit-transition: all 0s;
    -webkit-transition-delay: all 0s;
    -moz-transition: all 0s;
    -o-transition: all 0s;
    transition: all 0s;
}
.fscp_w .details_hd630s_w4 .cp_pic_groups {
	opacity: 1;
	margin: auto;
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
}
.fscp_w .details_hd630s_w4 .cp_pic_groups .pic{
	 -webkit-opacity: 0;
    -moz-opacity: 0;
    -ms-opacity: 0;
    -o-opacity: 0;
    opacity: 1;
    
	margin: auto;
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
    
	-webkit-transition: all 3s ease;
	-moz-transition: all 3s ease;
	-ms-transition: all 3s ease;
	-o-transition: all 3s ease;
	transition: all 3s ease
}

.fscp_w .details_hd630s_w4 .cp_pic_groups .pic img {
    max-width: 100%;
    max-height: 100%;
    margin: auto;
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    -webkit-transition: all 3s ease;
    transition: all 3s ease;
}

/*动效：图片外框动效*/ 

.fscp_w .details_hd630s_w4 .cp_pic_groups .pic_1{
	  -webkit-transform: translate3d(0, -250px, 0);
    -moz-transform: translate3d(0, -250px, 0);
    -ms-transform: translate3d(0, -250px, 0);
    -o-transform: translate3d(0, -250px, 0);
	transform: translate3d(0, -250px, 0) scale(0.5,0.5);    
}
.fscp_w .details_hd630s_w4 .cp_pic_groups .pic_2{
  	 -webkit-transform: translate3d(0px, -200px, 0) scale(0.5,0.5); 
    -moz-transform: translate3d(0, -200px, 0) scale(0.5,0.5);  
    -ms-transform: translate3d(0, -200px, 0) scale(0.5,0.5);  
    -o-transform: translate3d(0, -200px, 0) scale(0.5,0.5); 
	transform: translate3d(0, -200px, 0) scale(0.5,0.5); 
}
.fscp_w .details_hd630s_w4 .cp_pic_groups .pic_3{
   	 -webkit-transform: translate3d(0, -200px, 0) scale(0.5,0.5); 
    -moz-transform: translate3d(0, -200px, 0) scale(0.5,0.5); 
    -ms-transform: translate3d(0, -200px, 0) scale(0.5,0.5); 
    -o-transform: translate3d(0, -200px, 0) scale(0.5,0.5); 
	transform: translate3d(0, -200px, 0) scale(0.5,0.5); 
}

.fscp_w .details_hd630s_w4 .cp_pic_groups .pic_4{
   	-webkit-transform: translate3d(0, 0, 0) scale(0.1,0.1);
    -moz-transform: translate3d(0, 0, 0) scale(0.1,0.1);
    -ms-transform: translate3d(0, 0, 0) scale(0.1,0.1); 
    -o-transform: translate3d(0, 0, 0) scale(0.1,0.1);
	transform: translate3d(0, 0, 0) scale(0.1,0.1);
}


.fscp_w .details_hd630s_w4.active .pic {
	-webkit-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    -o-opacity: 1;
    opacity: 1;
    
	-webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}


.fscp_w .details_hd630s_w4.active .cp_pic_groups .pic_4 img{
    -webkit-animation: focusing_f 5s ease-in-out infinite forwards; 
    -moz-animation: focusing_f 5s ease-in-out infinite forwards; 
    animation: focusing_f 5s ease-in-out infinite forwards; 
}

.fscp_w .details_hd630s_w4.active .cp_pic_groups .pic_1 img{
    -webkit-animation: focusing_f 8s ease-in-out infinite forwards; 
    -moz-animation: focusing_f 8s ease-in-out infinite forwards; 
    animation: focusing_f 8s ease-in-out infinite forwards; 
}

/*自动聚焦技术-镜头层 Š¨æ•ˆ*/	
@-webkit-keyframes focusing_f {
 0% {
  -webkit-transform: scale(1);
  -webkit-opacity: 1;   
}
 40% {
  -webkit-transform: scale(.8);
  -webkit-opacity: 0.7;
}
 80% {
  -webkit-transform: scale(0.8);
  -webkit-opacity: 0.5;
}
 100% {
  -webkit-transform: scale(1);
  -webkit-opacity: 1;
}
}

@-moz-keyframes focusing_f {
 0% {
  -moz-transform: scale(1);
  -moz-opacity: 1;   
}
 40% {
  -moz-transform: scale(.8);
  -moz-opacity: 0.7;
}
 80% {
  -moz-transform: scale(0.8);
  -moz-opacity: 0.5;
}
 100% {
  -moz-transform: scale(1);
  -moz-opacity: 1;
}
}
@keyframes focusing_f {
 0% {
 transform: scale(1);
 opacity: 1;   
}
 40% {
 transform: scale(.8);
 opacity: 0.7;
}
 80% {
 transform: scale(0.8);
 opacity: 0.5;
}
 100% {
 transform: scale(1);
 opacity: 1;
}
}


/*.details_hd630s_w5*/
.fscp_w .details_hd630s_w5 { 
    
  background-color:#292a3b;
  background-image: -moz-radial-gradient( 50% 50%, circle closest-side, rgb(253,253,253) 0%, rgb(189,186,197) 300%);
  background-image: -webkit-radial-gradient( 50% 50%, circle closest-side, rgb(253,253,253) 0%, rgb(189,186,197) 300%);
  background-image: -ms-radial-gradient( 50% 50%, circle closest-side, rgb(253,253,253) 0%, rgb(189,186,197) 300%);
  min-height: 1000px;padding: 150px 0 150px 0;
    
}
.fscp_w .details_hd630s_w5 .pull-left { margin-left: -200px; }
.fscp_w .details_hd630s_w5 .pull-right {text-align: right;}
.hd630s_w .parameter_w .parameter_title em { display: inline-block; width: 20px; border-bottom: 3px solid #d5071a; }
/*.覆盖掉默认图片动画*/
.fscp_w .details_hd630s_w5.active .cp_desc  .pull-left  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: d 1.1s ease-in-out 0.6s backwards; 
    -moz-animation: d 1.1s ease-in-out 0.6s backwards;
    -o-animation: d 1.1s ease-in-out 0.6s backwards; 
    -ms-animation: d 1.1s ease-in-out 0.6s backwards;
    animation: d 1.1s ease-in-out 0.6s backwards;
}


.fscp_w .details_hd630s_w5 .cp_center_img {
	position: relative;
	z-index: 1;
	width: 100%;
	height: 100%;
}

.fscp_w .details_hd630s_w5 .cp_center_img .pic_bg {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    -ms-opacity: 0;
    -o-opacity: 0;
    opacity: 0 !important;
    opacity: 0;
    -webkit-transition: all 0s;
    -webkit-transition-delay: all 0s;
    -moz-transition: all 0s;
    -o-transition: all 0s;
    transition: all 0s;
}
.fscp_w .details_hd630s_w5 .cp_pic_groups {
	opacity: 1;
	margin: auto;
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
}
.fscp_w .details_hd630s_w5 .cp_pic_groups .pic {
	 -webkit-opacity: 0;
    -moz-opacity: 0;
    -ms-opacity: 0;
    -o-opacity: 0;
    opacity: 1;
    
	margin: auto;
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
    
	-webkit-transition: all 3s ease;
	-moz-transition: all 3s ease;
	-ms-transition: all 3s ease;
	-o-transition: all 3s ease;
	transition: all 3s ease
}
/*w5 动效*/ 

.fscp_w .details_hd630s_w5 .cp_pic_groups .pic_1 {
	  -webkit-transform: translate3d(0, 200px, 0);
    -moz-transform: translate3d(0, 200px, 0);
    -ms-transform: translate3d(0, 200px, 0);
    -o-transform: translate3d(0, 200px, 0);
	transform: translate3d(0, 200px, 0);
}
.fscp_w .details_hd630s_w5 .cp_pic_groups .pic_2 {
     -webkit-transform:translate3d(-300px, 100px, 0);
    -moz-transform: translate3d(-300px, 100px, 0);
    -ms-transform: translate3d(-300px, 100px, 0);
    -o-transform: translate3d(-300px, 100px, 0);
	transform: translate3d(-300px, 100px, 0);
}
.fscp_w .details_hd630s_w5 .cp_pic_groups .pic_3 {
     -webkit-transform: translate3d(300px, 100px, 0);
    -moz-transform: translate3d(300px, 100px, 0);
    -ms-transform: translate3d(300px, 100px, 0);
    -o-transform: translate3d(300px, 100px, 0);
	transform: translate3d(300px, 100px, 0);
}
.fscp_w .details_hd630s_w5 .cp_pic_groups .pic_4 {
     -webkit-transform: translate3d(0, 200px, 0);
    -moz-transform: translate3d(0, 350px, 0);
    -ms-transform: translate3d(0, 350px, 0);
    -o-transform: translate3d(0, 350px, 0);
	transform: translate3d(0, 350px, 0);
}

.fscp_w .details_hd630s_w5.active .pic {
	 -webkit-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    -o-opacity: 1;
    opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
	




/*.details_hd630s_w6*/
.fscp_w .details_hd630s_w6  {position: relative;
z-index: 2; min-height: 1000px;padding: 150px 0 150px 0;
  background-color:#040214;
  background-image: -moz-radial-gradient( 50% 50%, circle closest-side, rgb(56,53,63) 16%, rgb(4,2,20) 200%);
  background-image: -webkit-radial-gradient( 50% 50%, circle closest-side, rgb(56,53,63) 16%, rgb(4,2,20) 200%);
  background-image: -ms-radial-gradient( 50% 50%, circle closest-side, rgb(56,53,63) 16%, rgb(4,2,20) 200%);
  max-height: 1700px !important; /*! overflow: hidden; */ color:#FFF;text-align: center; -webkit-transition: all .8s ease; transition: all 0.8s ease }
.fscp_w .details_hd630s_w6  .cp_text p {color: #c8d2de;}
.fscp_w .details_hd630s_w6 .pull-righ { margin-left: -120px; }

/*details_hd630s_w6 特点列表*/

@media (min-width: 1200px) {
.details_hd630s_w6 .trait_list_w {
	margin: 15% -5% 0 -5%;
}
}
.details_hd630s_w6 .trait_list_w li {
	margin-bottom: 15px;
	width: 30%;
	float: left;
	text-align: center;
}
.details_hd630s_w6 .trait_list_w li img {
	max-width: 100%;
	display: block;
	margin: 0 auto;
}
.details_hd630s_w6 .trait_list_w li div {
	color: #d4dcf7;
	font-size: 18px;
	padding: 0 10px;
}
 @media (max-width: 1200px) {
.details_hd630s_w6 .trait_list_w li {
	margin-bottom: 15px;
	width: 50%;
	margin: 20px auto;
	text-align: center;
}
.details_hd630s_w6 .trait_list_w li img {
	max-width: 100px;
}
.details_hd630s_w6 .trait_list_w li div {
	display: block;
	margin: 0px auto;
	font-size: 0.25rem;
	line-height: 1.5;
}
}



/*.details_hd630s_w7*/
.fscp_w .details_hd630s_w7  { position: relative;z-index: 1;min-height: 1500px;max-height: 1500px;padding: 150px 0 150px 0;background-color:#e3e3e3; max-height: 1488px !important; overflow: hidden; text-align: center; -webkit-transition: all .8s ease; transition: all 0.8s ease }
.fscp_w .details_hd630s_w7 .pull-right { margin-right: -50px; }
.fscp_w .details_hd630s_w7 .cp_desc .text-center p {margin:0 auto;}

.fscp_w .details_hd630s_w7 .hd630s_w7_bg  {position: absolute;z-index: 1;margin: auto;
     max-width: 1920px;
	position: absolute;
	z-index: -1;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
    background:url(../images/cp/hd630s/hd630s_7_all.jpg) no-repeat center bottom; background-size: contain; }

@media (max-width: 1200px) {
.fscp_w .details_hd630s_w7 .hd630s_w7_bg  {position: relative;z-index: 1;height:5rem;}
}    
.fscp_w .details_hd630s_w7 .hd630s_w7_bg {
    
    -webkit-transform: perspective(0) rotateX(0) translate3d(0, 300px, 0) scale(.8, .8);
	-moz-transform: perspective(0) rotateX(0) translate3d(0, 300px, 0) scale(.8, .8);
    -ms-transform: perspective(0) rotateX(0) translate3d(0, 300px, 0) scale(.8, .8);
	-o-transform: perspective(0) rotateX(0) translate3d(0, 300px, 0) scale(.8, .8);
	transform: perspective(0) rotateX(0) translate3d(0, 300px, 0) scale(.8, .8);
    
    -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    -ms-filter: blur(5px);
    -o-filter: blur(5px);
    filter: blur(5px);
    
    -webkit-transition: all 3s ease;
	-moz-transition: all 3s ease;
	-ms-transition: all 3s ease;
	-o-transition: all 3s ease;
	transition: all 3s ease
}

.fscp_w .details_hd630s_w7.active .hd630s_w7_bg {
	 -webkit-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    -o-opacity: 1;
    opacity: 1;
    
    -webkit-filter: blur(0px);
    -moz-filter: blur(0px);
    -ms-filter: blur(0px);
    -o-filter: blur(0px);
    filter: blur(0px);
    

    
    -webkit-transform: perspective(0) rotateX(0) translate3d(0, 0, 0) scale(1, 1);
	-moz-transform: perspective(0) rotateX(0) translate3d(0, 0, 0) scale(1, 1);
    -ms-transform: perspective(0) rotateX(0) translate3d(0, 0, 0) scale(1, 1);
	-o-transform: perspective(0) rotateX(0) translate3d(0, 0, 0) scale(1, 1);
	transform: perspective(0) rotateX(0) translate3d(0, 0, 0) scale(1, 1);
}



/*.details_hd630s_w8*/
.fscp_w .details_hd630s_w8  { min-height: 900px;background: #FFF; max-height: 1400 !important; overflow: hidden; text-align: center; -webkit-transition: all .8s ease; transition: all 0.8s ease }
.fscp_w .details_hd630s_w8 .pull-left { margin-left: 0px; }

.fscp_w .details_hd630s_w8 .cp_desc p {;margin:0 0 0 -50px}


/*.覆盖掉默认图片动画*/
.fscp_w .details_hd630s_w8.active .cp_desc  .pull-left  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: d 1.1s ease-in-out 0.6s backwards; 
    -moz-animation: d 1.1s ease-in-out 0.6s backwards;
    -o-animation: d 1.1s ease-in-out 0.6s backwards; 
    -ms-animation: d 1.1s ease-in-out 0.6s backwards;
    animation: d 1.1s ease-in-out 0.6s backwards;
}


.fscp_w .details_hd630s_w8 .cp_center_img {
	position: relative;
	z-index: 1;
	width: 100%;
	height: 100%;
    bottom:-100px;
}
@media (max-width: 1400px) {
 .fscp_w .details_hd630s_w8 .cp_center_img {
    bottom: -2.3rem;
}   
} 
@media (max-width: 1200px) {
 .fscp_w .details_hd630s_w8 .cp_center_img {
    bottom: -1.2rem;
}   
} 
.fscp_w .details_hd630s_w8 .cp_center_img .pic_bg {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    -ms-opacity: 0;
    -o-opacity: 0;
    opacity: 0 !important;
    opacity: 0;
    -webkit-transition: all 0s;
    -webkit-transition-delay: all 0s;
    -moz-transition: all 0s;
    -o-transition: all 0s;
    transition: all 0s;
}
.fscp_w .details_hd630s_w8 .cp_pic_groups {
	opacity: 1;
	margin: auto;
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
}
.fscp_w .details_hd630s_w8 .cp_pic_groups .pic {
	 -webkit-opacity: 0;
    -moz-opacity: 0;
    -ms-opacity: 0;
    -o-opacity: 0;
    opacity: 1;
    
	margin: auto;
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
    
	-webkit-transition: all 3s ease;
	-moz-transition: all 3s ease;
	-ms-transition: all 3s ease;
	-o-transition: all 3s ease;
	transition: all 3s ease
}
/*w5 动效*/ 

.fscp_w .details_hd630s_w8 .cp_pic_groups .pic_1 {
	  -webkit-transform: translate3d(0, 200px, 0);
    -moz-transform: translate3d(0, 200px, 0);
    -ms-transform: translate3d(0, 200px, 0);
    -o-transform: translate3d(0, 200px, 0);
	transform: translate3d(0, 200px, 0);
}
.fscp_w .details_hd630s_w8 .cp_pic_groups .pic_2 {
     -webkit-transform:translate3d(-300px, 100px, 0);
    -moz-transform: translate3d(-300px, 100px, 0);
    -ms-transform: translate3d(-300px, 100px, 0);
    -o-transform: translate3d(-300px, 100px, 0);
	transform: translate3d(-300px, 100px, 0);
}
.fscp_w .details_hd630s_w8 .cp_pic_groups .pic_3 {
     -webkit-transform:translate3d(-300px, 100px, 0);
    -moz-transform: translate3d(-300px, 100px, 0);
    -ms-transform: translate3d(-300px, 100px, 0);
    -o-transform: translate3d(-300px, 100px, 0);
	transform: translate3d(-300px, 100px, 0);
}

.fscp_w .details_hd630s_w8.active .pic {
	 -webkit-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    -o-opacity: 1;
    opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
	

.fscp_w .details_hd630s_w8 .cp_pic_groups .pic img {
    max-width: 100%;
    max-height: 100%;
    margin: auto;
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    -webkit-transition: all 3s ease;
    transition: all 3s ease;
}


.fscp_w .details_hd630s_w8.active .cp_pic_groups .pic_2 img:nth-child(2){
-webkit-animation: focusing_light 5s infinite linear;
-moz-animation: focusing_light 5s infinite linear;
-ms-animation: focusing_light 5s infinite linear;
-o-animation: focusing_light 5s ease-in-out infinite;
animation: focusing_light 3s infinite linear;
    
}

.fscp_w .details_hd630s_w8.active .cp_pic_groups .pic_2{
-webkit-animation: focusing_hand 5s infinite linear;
-moz-animation: focusing_hand 5s infinite linear;
-ms-animation: focusing_hand 5s infinite linear;
-o-animation: focusing_hand 5s ease-in-out infinite;
animation: focusing_hand 5s infinite linear;
}


/*遥控光线 动效*/	
@-webkit-keyframes focusing_light {
 0% {
 -webkit-opacity: 0.1; 
     
}
 40% {
 -webkit-opacity: 0.2;
}
 80% {
 -webkit-opacity: 0.8;
}
 100% {
 -webkit-opacity: 0.1;
}
}
@-moz-keyframes focusing_light {
 0% {
 -moz-opacity: 0.1;  
}
 40% {
 -moz-opacity: 0.2;
}
 80% {
 -moz-opacity: 0.8;
}
 100% {
 -moz-opacity: 0.1;
}
}
@keyframes focusing_light {
 0% {
 opacity: 0.1;
 transform:translate3d(0, 0, 0)scale(1,1);     
}
 40% {
 opacity: 0.4;
 transform:translate3d(0, -20px, 0) scale(1.2,1.2);    
}
60% {
 opacity: 0;
 transform:translate3d(0, -200px, 0) scale(1.5,1.5);    
}   
 80% {
 opacity: 0.2;
 transform:translate3d(0, -20px, 0) scale(1.2,1.2);       
}
 100% {
 opacity: 0.1;
 transform:translate3d(0, 0, 0)scale(1,1);   
}
}

/*拿遥控器的手 动效*/	
@-webkit-keyframes focusing_hand {
 0% {
  -webkit-transform: translate3d(0, 0, 0);
}
 40% {
 -webkit-transform: translate3d(-50px, 0, 0);
}
 80% {
 -webkit-transform: translate3d(0, 0, 0);
 -webkit-transform: translate3d(-30px, 0px, 0);     
}
 100% {

 -webkit-transform: translate3d(0, 0px, 0);

}
}
@-moz-keyframes focusing_hand {
 0% {
  -moz-transform: translate3d(0, 0, 0);
}
 40% {
 -moz-transform: translate3d(-50px, 0, 0);
}
 80% {
 -moz-transform: translate3d(0, 0, 0);
 -moz-transform: translate3d(-30px, 0px, 0);     
}
 100% {
 -moz-transform: translate3d(0, 0px, 0);

}
}
@keyframes focusing_hand {
 0% {
 transform: translate3d(0, 0, 0);
}
 40% {
transform: translate3d(-50px, 0, 0);
}
 80% {
transform: translate3d(0, 0, 0);
transform: translate3d(-30px, 0px, 0);     
}
 100% {
transform: translate3d(0, 0px, 0);

}
}





/*.details_hd630s_w9*/
.fscp_w .details_hd630s_w9  { position: relative;z-index: 1;min-height: 1000px;max-height: 1500px;padding: 150px 0 150px 0;background-color:#e3e3e3; max-height: 1200px !important; overflow: hidden; text-align: center; -webkit-transition: all .8s ease; transition: all 0.8s ease }
.fscp_w .details_hd630s_w9 .pull-right { margin-right: -150px; }
.fscp_w .details_hd630s_w9  .cp_text p {}


/*.覆盖掉默认图片动画*/
.fscp_w .details_hd630s_w9.active .cp_desc  .pull-right  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: d 1.1s ease-in-out 0.6s backwards; 
    -moz-animation: d 1.1s ease-in-out 0.6s backwards;
    -o-animation: d 1.1s ease-in-out 0.6s backwards; 
    -ms-animation: d 1.1s ease-in-out 0.6s backwards;
    animation: d 1.1s ease-in-out 0.6s backwards;
}


.fscp_w .details_hd630s_w9 .cp_center_img {
	position: relative;
	z-index: 1;
	width: 100%;
	height: 100%;
}

.fscp_w .details_hd630s_w9 .cp_center_img .pic_bg {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    -ms-opacity: 0;
    -o-opacity: 0;
    opacity: 0 !important;
    opacity: 0;
    -webkit-transition: all 0s;
    -webkit-transition-delay: all 0s;
    -moz-transition: all 0s;
    -o-transition: all 0s;
    transition: all 0s;
}
.fscp_w .details_hd630s_w9 .cp_pic_groups {
	opacity: 1;
	margin: auto;
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
}
.fscp_w .details_hd630s_w9 .cp_pic_groups .pic {
	 -webkit-opacity: 0;
    -moz-opacity: 0;
    -ms-opacity: 0;
    -o-opacity: 0;
    opacity: 1;
    
	margin: auto;
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
    
	-webkit-transition: all 3s ease;
	-moz-transition: all 3s ease;
	-ms-transition: all 3s ease;
	-o-transition: all 3s ease;
	transition: all 3s ease
}
/*w9 动效*/ 

.fscp_w .details_hd630s_w9 .cp_pic_groups .pic_1 {
	  -webkit-transform: translate3d(0, 100px, 0);
    -moz-transform: translate3d(0, 100px, 0);
    -ms-transform: translate3d(0, 100px, 0);
    -o-transform: translate3d(0, 100px, 0);
	transform: translate3d(0, 100px, 0);
}
.fscp_w .details_hd630s_w9 .cp_pic_groups .pic_2 {
 	  -webkit-transform: translate3d(0, 200px, 0);
    -moz-transform: translate3d(0, 200px, 0);
    -ms-transform: translate3d(0, 200px, 0);
    -o-transform: translate3d(0, 200px, 0);
	transform: translate3d(0, 200px, 0);
}

.fscp_w .details_hd630s_w9 .cp_pic_groups .pic_3 {
 	  -webkit-transform: translate3d(0, 300px, 0);
    -moz-transform: translate3d(0, 300px, 0);
    -ms-transform: translate3d(0, 300px, 0);
    -o-transform: translate3d(0, 300px, 0);
	transform: translate3d(0, 300px, 0);
}

.fscp_w .details_hd630s_w9.active .pic {
	 -webkit-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    -o-opacity: 1;
    opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
	

.fscp_w .details_hd630s_w9 .cp_pic_groups .pic img {
    max-width: 100%;
    max-height: 100%;
    margin: auto;
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    -webkit-transition: all 3s ease;
    transition: all 3s ease;
}

.fscp_w .details_hd630s_w9 .cp_pic_groups .pic_3 img:nth-child(7) {
	-webkit-transform: translate3d(0, 50px, 0);
	transform: translate3d(0, 50px, 0);
}
.fscp_w .details_hd630s_w9 .cp_pic_groups .pic_3 img:nth-child(6) {
	-webkit-transform: translate3d(0, 100px, 0);
	transform: translate3d(0, 100px, 0);
}
.fscp_w .details_hd630s_w9 .cp_pic_groups .pic_3 img:nth-child(5) {
	-webkit-transform: translate3d(0, 150px, 0);
	transform: translate3d(0, 150, 0);
}
.fscp_w .details_hd630s_w9 .cp_pic_groups .pic_3 img:nth-child(4) {
	-webkit-transform: translate3d(0, 200px, 0);
	transform: translate3d(0, 200px, 0);
}
.fscp_w .details_hd630s_w9 .cp_pic_groups .pic_3 img:nth-child(3) {
	-webkit-transform: translate3d(0, 250px, 0);
	transform: translate3d(0, 250px, 0);
}
.fscp_w .details_hd630s_w9 .cp_pic_groups .pic_3 img:nth-child(2) {
	-webkit-transform: translate3d(0, 300px, 0);
	transform: translate3d(0, 300px, 0);
}
.fscp_w .details_hd630s_w9 .cp_pic_groups .pic_3 img:nth-child(1) {
	-webkit-transform: translate3d(0, 350px, 0);
	transform: translate3d(0, 350px, 0);
}
.fscp_w .details_hd630s_w9.active .cp_pic_groups .pic_3 img{
	-webkit-opacity: 1;
    opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}


/*.details_hd630s_w10*/
.fscp_w .details_hd630s_w10  {  position: relative;z-index: 1;min-height: 1000px;padding: 150px 0 150px 0;
background: #181929; max-height: 1200px !important; overflow: hidden; color:#FFF;text-align: center; -webkit-transition: all .8s ease; transition: all 0.8s ease }
.fscp_w .details_hd630s_w10  .cp_text {
    height: 600px;
    display: table-cell;
    vertical-align: middle;
}


.fscp_w .details_hd630s_w10 .cp_desc .text-center p {margin:0 auto;color: #FFF}

@media (min-width:1366px) {
.fscp_w .details_hd630s_w10 .cp_center_img img{margin-top:-250px;}
}

.fscp_w .details_hd630s_w10 .hd630s_w10_bg  {
    position: absolute;
    z-index: -1;
    margin: auto;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
    background: #181929 url(../images/cp/hd630s/hd630s_10_bg.jpg) no-repeat center center; background-size: cover; }



.fscp_w .details_hd630s_w10 .hd630s_w10_bg {
   
    -webkit-filter: blur(5px);
    -moz-filter: blur(200px);
    -ms-filter: blur(200px);
    -o-filter: blur(200px);
    filter: blur(200px);
    
    -webkit-transition: all 3s ease;
	-moz-transition: all 3s ease;
	-ms-transition: all 3s ease;
	-o-transition: all 3s ease;
	transition: all 3s ease
}

.fscp_w .details_hd630s_w10.active .hd630s_w10_bg {
	 -webkit-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    -o-opacity: 1;
    opacity: 1;
    
    -webkit-filter: blur(0px);
    -moz-filter: blur(0px);
    -ms-filter: blur(0px);
    -o-filter: blur(0px);
    filter: blur(0px);
   
}

@media (max-width:680px) {
.fscp_w .details_hd630s_w10.active .hd630s_w10_bg{
    -webkit-filter: blur(50px);
    -moz-filter: blur(50px);
    -ms-filter: blur(50px);
    -o-filter: blur(50px);
    filter: blur(50px);
    }
}



/*.覆盖掉默认图片动画*/
.fscp_w .details_hd630s_w10.active .cp_desc  .pull-right  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: d 1.1s ease-in-out 0.6s backwards; 
    -moz-animation: d 1.1s ease-in-out 0.6s backwards;
    -o-animation: d 1.1s ease-in-out 0.6s backwards; 
    -ms-animation: d 1.1s ease-in-out 0.6s backwards;
    animation: d 1.1s ease-in-out 0.6s backwards;
}


.fscp_w .details_hd630s_w10 .cp_center_img {
	position: relative;
	z-index: 1;
	width: 100%;
	height: 100%;
}

.fscp_w .details_hd630s_w10 .cp_center_img .pic_bg {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    -ms-opacity: 0;
    -o-opacity: 0;
    opacity: 0 !important;
    opacity: 0;
    -webkit-transition: all 0s;
    -webkit-transition-delay: all 0s;
    -moz-transition: all 0s;
    -o-transition: all 0s;
    transition: all 0s;
}
.fscp_w .details_hd630s_w10 .cp_pic_groups {
	opacity: 1;
	margin: auto;
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
}
.fscp_w .details_hd630s_w10 .cp_pic_groups .pic {
	 -webkit-opacity: 0;
    -moz-opacity: 0;
    -ms-opacity: 0;
    -o-opacity: 0;
    opacity: 1;
    
	margin: auto;
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
    
	-webkit-transition: all 3s ease;
	-moz-transition: all 3s ease;
	-ms-transition: all 3s ease;
	-o-transition: all 3s ease;
	transition: all 3s ease
}
/*w9 动效*/ 

.fscp_w .details_hd630s_w10 .cp_pic_groups .pic_1 {
	  -webkit-transform: translate3d(0, 100px, 0);
    -moz-transform: translate3d(0, 100px, 0);
    -ms-transform: translate3d(0, 100px, 0);
    -o-transform: translate3d(0, 100px, 0);
	transform: translate3d(0, 100px, 0);
}
.fscp_w .details_hd630s_w10 .cp_pic_groups .pic_2 {
 	  -webkit-transform: translate3d(0, 200px, 0);
    -moz-transform: translate3d(0, 200px, 0);
    -ms-transform: translate3d(0, 200px, 0);
    -o-transform: translate3d(0, 200px, 0);
	transform: translate3d(0, 200px, 0);
}

.fscp_w .details_hd630s_w10 .cp_pic_groups .pic_3 {
 	  -webkit-transform: translate3d(0, 300px, 0);
    -moz-transform: translate3d(0, 300px, 0);
    -ms-transform: translate3d(0, 300px, 0);
    -o-transform: translate3d(0, 300px, 0);
	transform: translate3d(0, 300px, 0);
}

.fscp_w .details_hd630s_w10.active .pic {
	 -webkit-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    -o-opacity: 1;
    opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
	

.fscp_w .details_hd630s_w10 .cp_pic_groups .pic img {
    max-width: 100%;
    max-height: 100%;
    margin: auto;
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    -webkit-transition: all 3s ease;
    transition: all 3s ease;
}

.fscp_w .details_hd630s_w10 .cp_pic_groups .pic_3 img:nth-child(7) {
	-webkit-transform: translate3d(0, 50px, 0);
	transform: translate3d(0, 50px, 0);
}
.fscp_w .details_hd630s_w10 .cp_pic_groups .pic_3 img:nth-child(6) {
	-webkit-transform: translate3d(0, 100px, 0);
	transform: translate3d(0, 100px, 0);
}
.fscp_w .details_hd630s_w10 .cp_pic_groups .pic_3 img:nth-child(5) {
	-webkit-transform: translate3d(0, 150px, 0);
	transform: translate3d(0, 150, 0);
}
.fscp_w .details_hd630s_w10 .cp_pic_groups .pic_3 img:nth-child(4) {
	-webkit-transform: translate3d(0, 200px, 0);
	transform: translate3d(0, 200px, 0);
}
.fscp_w .details_hd630s_w10 .cp_pic_groups .pic_3 img:nth-child(3) {
	-webkit-transform: translate3d(0, 250px, 0);
	transform: translate3d(0, 250px, 0);
}
.fscp_w .details_hd630s_w10 .cp_pic_groups .pic_3 img:nth-child(2) {
	-webkit-transform: translate3d(0, 300px, 0);
	transform: translate3d(0, 300px, 0);
}
.fscp_w .details_hd630s_w10 .cp_pic_groups .pic_3 img:nth-child(1) {
	-webkit-transform: translate3d(0, 350px, 0);
	transform: translate3d(0, 350px, 0);
}
.fscp_w .details_hd630s_w10.active .cp_pic_groups .pic_3 img{
	-webkit-opacity: 1;
    opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}


/*.details_hd630s_w11*/
.fscp_w .details_hd630s_w11 {   
  background:#292a3b url(../images/cp/hd630s/hd630s_11_bg.jpg) no-repeat center center;  
  min-height: 900px;   
}
.fscp_w .details_hd630s_w11 .pull-left { margin-left: -200px; }
.fscp_w .details_hd630s_w11 .pull-right {text-align: right;}

@media (max-width:1200px) {
.fscp_w .details_hd630s_w11 { background:#f7f5f6}
}

/*details_hd630s_w1 特点*/
.details_hd630s_w1 .trait_list_w li { -webkit-transform: translate3d(0, 80px, 0); transform: translate3d(0, 80px, 0); transform: translate3d(0, 80px, 0); -webkit-transition: all .8s ease; transition: all .8s ease;  }
.details_hd630s_w1 .trait_list_w li:nth-child(1) { -webkit-transition-delay: .8s; transition-delay: .8s; }
.details_hd630s_w1  .trait_list_w li:nth-child(2){ -webkit-transition-delay: .9s; transition-delay: 0.9s; }
.details_hd630s_w1  .trait_list_w li:nth-child(3){ -webkit-transition-delay: 1s; transition-delay: 1s; }
.details_hd630s_w1  .trait_list_w li:nth-child(4){ -webkit-transition-delay: 1.1s; transition-delay: 1.1s; }
.details_hd630s_w1  .trait_list_w li:nth-child(5){ -webkit-transition-delay: 1.1s; transition-delay: 1.2s; }
.details_hd630s_w1 .trait_list_w.active li { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); transform: translate3d(0,0, 0); }


@media (max-width:1200px) {
.details_hd630s_w1 .trait_list_w { width: 100%; margin: .6rem auto .6rem auto; } 
.details_hd630s_w1 .trait_list_w li {width: 30%; }
.details_hd630s_w1  .trait_list_w h6 { font-size: 12px; }   
}
@media (max-width:320px) {
.details_hd630s_w1 .trait_list_w { width: 100%; margin: 60px auto 80px auto; }  
.details_hd630s_w1  .trait_list_w h6 { font-size: 10px; } 
}


/*.details_hd630s_w5**/
.details_hd630s_w5 { min-height: 900px;}
.details_hd630s_w5 .trait_list_w {display: block;height:auto;max-width: 620px; margin: 50px 0px;margin: .5rem 0px;}
.details_hd630s_w5 .trait_list_w div{display: block;display: inline-block;*zoom: 1;*display: inline;width: 100%;  font-size: 16px;line-height:1.5;margin:20px 0 0 0}



@media (max-width:1200px) {
.details_hd630s_w5 .trait_list_w { width: 100%; margin: .3rem auto .3rem auto; } 
.details_hd630s_w5  .trait_list_w div { font-size: 14px; }   
    .details_hd630s_w5 .trait_list_w img{max-width: 100px;}    
}
@media (max-width:320px) {
.details_hd630s_w5 .trait_list_w { width: 100%; margin: .3rem auto .3rem auto; text-align: center;}     
.details_hd630s_w5  .trait_list_w div { font-size: 12px; } 
}


/*居中处理办法*/

.details_hd630s_w .pull-center, .details_hd630s_w_a .pull-left,.details_hd630s_w_b .pull-right {display: table;margin:0 auto;}
.details_hd630s_w_a  .cp_text,.details_hd630s_w_b  .cp_text{height:800px;display:table-cell;vertical-align:middle;}
.details_hd630s_w  .cp_img{height:800px;display:table-cell;vertical-align:middle;}
.details_hd630s_w  .cp_img img{text-align: center;margin:0 auto;color:transparent;}
.details_hd630s_w_a .pull-right,.details_hd630s_w_b .pull-left {display: table;margin:0 auto;}

/*居中处理办法*/
.details_hd630s_w_a { background-color: #fff; text-align: right; }
.details_hd630s_w_a .pull-right {text-align: right; }
.details_hd630s_w_a .pull-left { margin-left: -200px; }

@media (max-width:1366px) {
.details_hd630s_w_a .pull-left { margin-left: -100px; }	
}
@media (max-width:1200px) {
.details_hd630s_w_a .pull-right { width: 100%; text-align: center;margin:0 auto }
.details_hd630s_w_a .pull-left { width: 100%;text-align: center;margin:0 auto }
}

/*居中处理办法*/
.details_hd630s_w_b { background-color: #d6edf0; }
.details_hd630s_w_b .pull-left { text-align: left; }
.details_hd630s_w_b .pull-right { margin-right: -150px; }


@media (max-width:1366px) {
.details_hd630s_w_b .pull-right { margin-right: -100px; }
}
 
@media (max-width:1200px) {
.details_hd630s_w_b .pull-left { width: 100%; text-align: center; }
.details_hd630s_w_b .pull-right { width: 100%;text-align: center;margin:0 auto }	
}


/*居中处理办法*/

@media (max-width: 1200px) {
.fscp_w .details_hd630s_w{min-height: auto;}	
.fscp_w .details_hd630s_w4 {min-height: auto;padding:.5rem 0;min-height:10rem;}   
.fscp_w .details_hd630s_w_a .pull-left,.fscp_w .details_hd630s_w_b .pull-right {float:none !important;margin:0 auto;display:block}
.details_hd630s_w .cp_text{height:auto;display: block;text-align:center;max-width: 6.2rem; margin: 1rem auto 1rem auto;  font-size: .3rem;line-height:1.5}
.fscp_w .fscp_w .details_hd630s_w .cp_desc .cp_text h1{margin:.3rem auto;font-size: .36rem;text-align:center}
.fscp_w  .details_hd630s_w .cp_desc  em {
    display: inline-block;
    width: 23px;
    height:23px;
    border:0;
    padding:0;
    margin:20px auto;
    margin:0.02rem auto;
    background: url(../images/cp/hd630s/icon_em.png) no-repeat center center;
}
.fscp_w .details_hd630s_w .cp_desc .cp_text p{margin:.3rem auto .5rem auto;font-size:.18rem;line-height: 1.8;text-align:center}	
.fscp_w .details_hd630s_w1 .trait_list_w { width: 100%; margin: .6rem auto .6em auto; } 	
.fscp_w .details_hd630s_w  .cp_img{height:auto;display: block;margin:.5rem auto;}
.fscp_w .details_hd630s_w_a .pull-right,.fscp_w .details_hd630s_w_b .pull-left {height:auto;float: none !important;text-align:center;display:block;margin:0 auto;}
}

@media (max-width: 480px) {
.fscp_w .details_hd630s_w{min-height: auto;padding:.5rem 0;min-height:6rem;}	
.fscp_w .details_hd630s_w4 {min-height: auto;padding:.5rem 0;min-height:4rem;}  
.fscp_w .details_hd630s_w_a .pull-left,.fscp_w .details_hd630s_w_b .pull-left,.fscp_w .details_hd630s_w_b .pull-right,.fscp_w .details_hd630s_w_a .pull-right{float:none !important;margin:0 auto;display:block}
    
.fscp_w .details_hd630s_w2 .pull-lef{float:none !important;margin:0 auto;display:block}
    
.fscp_w .details_hd630s_w .cp_text{height:auto;display: block;max-width: 8.2rem; margin:0.5rem auto; font-size: .18rem;line-height:1.5}  
.fscp_w .details_hd630s_w4 .cp_text{margin: 0.5rem auto -1.5rem auto; }   
.fscp_w .details_hd630s_w8 .cp_text{margin: 0.5rem auto -1.5rem auto; }     
.fscp_w .details_hd630s_w .cp_desc .cp_text h1{margin:.2rem auto;font-size: .50rem;text-align: center;}
.fscp_w  .details_hd630s_w .cp_desc  em {
    display: inline-block;
    width: 23px;
    height:23px;
    border:0;
    padding:0;
     margin:0.02rem auto;
    background: url(../images/cp/hd630s/icon_em.png) no-repeat center center;
}
.fscp_w .details_hd630s_w .cp_desc .cp_text p{margin:.2rem auto;font-size:.32rem;line-height: 1.8;}	
.fscp_w .details_hd630s_w .cp_desc .cp_text p br{display: none;}
.fscp_w .details_hd630s_w1 .trait_list_w { width: 100%; margin: .6rem auto .6em auto; } 	
.fscp_w .details_hd630s_w  .cp_img{height:auto;display: block;margin:.2rem auto;}
.fscp_w .details_hd630s_w_a .pull-right,.fscp_w .details_hd630s_w_b .pull-left {height:auto;}
}

/*details_hd630s_w5 end*/


/***还没升级的页面 样式（摄像头35USB、30USB、麦克风3、采集卡 ）**/

.table_title { border-bottom: 0px #eee solid; padding: 10px; font-size: 24px; }
.sxtbg { background: #1F1D1E url(../images/bg005.jpg) no-repeat center center; background-size: cover; }
/*----------摄像头产品样式----------*/
.sxt1 { background: #F5F5F5 url(../images/HST-630_01.jpg) no-repeat center center; background-size: cover; }
.sxt2 { background: #FFF url(../images/HST-630_02.jpg) no-repeat center center; background-size: cover; }
.sxt3 { background: #F0F1F3 url(../images/HST-630_03.jpg) no-repeat center center; background-size: cover; }
.sxt4 { background: #FFF url(../images/HST-630_04.jpg) no-repeat center center; background-size: cover; }
.sxt5 { background: #FFF url(../images/HST-630_05.jpg) no-repeat center center; background-size: cover; }
.sxt6 { background: #FFF url(../images/HST-630_06.jpg) no-repeat center center; background-size: cover; }
.sxt7 { background: #FFF url(../images/HST-630_07.jpg) no-repeat center center; background-size: cover; }
.hst-30usb { background: #FFF url(../images/HST-30USB.jpg) no-repeat center center; background-size: cover; }
.sxt8 { background: #FFF url(../images/HST-630_08.jpg) no-repeat center center; background-size: cover; }
.sxt9 { background: #FFF url(../images/HST-630_09.jpg) no-repeat center center; background-size: cover; }
.sxt10 { background: #FFF url(../images/HD612.jpg) no-repeat center center; background-size: cover; }
.sxt11 { background: #F1F1F1 url(../images/HD612-2.jpg) no-repeat center center; background-size: cover; }
.hd612-u, .hd620-u { background: #F1F1F1 url(../images/HD612-u.jpg) no-repeat center center; background-size: cover; }
.sxt12 { background: #05060B url(../images/HD612-3.jpg) no-repeat center center; background-size: cover; }
.sxt13 { background: #FFF url(../images/620_07.jpg) no-repeat center center; background-size: cover; }
.sxt14 { background: #1A1819 url(../images/620_08.jpg) no-repeat center center; background-size: cover; }
.sxt15 { background: #C8C8C8 url(../images/620_09.jpg) no-repeat center center; background-size: cover; }
.sxt16 { background: #F3F3F3 url(../images/620_11.jpg) no-repeat center center; background-size: cover; }
.sxt17 { background: #F5F5F5 url(../images/620_12.jpg) no-repeat center center; background-size: cover; }
.sxt18 { background: #FFF url(../images/620_13.jpg) no-repeat center center; background-size: cover; }
.sxt19 { background: #F5F5F5 url(../images/HD612_13.jpg) no-repeat center center; background-size: cover; }
.hd620 { background: #F5F5F5 url(../images/HD620.jpg) no-repeat center center; background-size: cover; }
.HST35 { background: #FFF url(../images/HST35.jpg) no-repeat center center; background-size: cover; }
.HST352 { background: #FFF url(../images/HST35-2.jpg) no-repeat center center; background-size: cover; }
/*----------麦克风产品的样式----------*/
.m310 { background: #1E1C1D url(../images/m310.jpg) no-repeat center center; background-size: cover; }
.m320 { background: #1E1C1D url(../images/m320.jpg) no-repeat center center; background-size: cover; }
.m330 { background: #1E1C1D url(../images/m330.jpg) no-repeat center center; background-size: cover; }
.du360 { background: #1E1C1D url(../images/m310_03.jpg) no-repeat center center; background-size: cover; }
.du3602 { background: #1E1C1D url(../images/m33001.jpg) no-repeat center center; background-size: cover; }
.usb20 { background: #1E1C1D url(../images/m310_04.jpg) no-repeat center center; background-size: cover; }
.dzxhys { background: #1E1C1D url(../images/m310_05.jpg) no-repeat center center; background-size: cover; }
.yyyx { background: #1E1C1D url(../images/m310_06.jpg) no-repeat center center; background-size: cover; }
.nzjz { background: #1E1C1D url(../images/m310_07.jpg) no-repeat center center; background-size: cover; }
.voice_c_w { margin: 0px auto; padding: 10px 30px 30px 30px; border: 1px solid #E6E6E6; background-color: #FFFF }
.voice_c_w .voice_nav_w { height: 42px; line-height: 42px; font-size: 16px; }
.voice_c_w .voice_te_w { margin-top: 50px }
.voice_c_w .voice_nav_w .row { padding: 4% 10%; }
.voice_c_w .voice_nav_w a { color: #00aaff; padding-bottom: 7px; border-bottom: #E6E6E6 solid 2px; }
.voice_c_w .voice_nav_w a:hover { border-bottom: #00aaff solid 2px; color: #00aaff; }
.voice_c_w .voice_gs_w .voice_img { margin: 20px auto; }
.voice_c_w .voice_gs_w p { line-height: 32px; }
.voice_c_w .voice_w h1 { font-size: 18px; line-height: 42px; padding-bottom: 8px; border-bottom: #E6E6E6 solid 1px; float: none; margin: 20px auto 20px auto; }
.voice_c_w .voice_w h1 em { padding-bottom: 15px; border-bottom: #00aaff solid 2px; color: #00aaff; margin-left: -10px; }
.voice_c_w .voice_ts .voice_ts_c { margin: 30px 0px; padding: 0px 10%; ; background: url(/statics/images//icon_tese.png) no-repeat 0px 8px; padding-left: 40px; min-height: 180px; height: 180px; overflow: hidden; }
.voice_c_w .voice_ts .voice_ts_c h2 { font-size: 16px; font-weight: bold; color: #36475a; line-height: 24px; }
.voice_c_w .voice_ts .voice_ts_c p { font-size: 14px; color: #666; line-height: 24px; padding: 5px 0; }
.voice_c_w .voice_js_w table { margin: 50px 0; }
.voice_c_w .voice_js_w table tr td { padding: 15px; }
/*----------采集卡内页通用样式----------*/ 
.cjkbg { background: url(../images/cjkbg.jpg) no-repeat center center; height: 900px; width: 100%; padding-top: 80px; color: #212121; font-size: 16px; }
.cjkicon { width: 33.3%; padding: 40px; height: 268px; float: left; }
.cjkicon img { margin-bottom: 10px; }
.cjpimg { width: 100%; height: auto; margin: 20px auto; }
.cjpimg img { width: auto; }
.cjkbg h1 { font-size: 50px; }
.cjkbg p { color: #666; line-height: 32px; }
/*----------硬件产品样式----------*/
.yjbanner { margin: 20px 0; }
.yjbox { width: 40%; margin-top: 15%; }
.yj1 { background: #1E1C1D url(../images/A1-1.jpg) no-repeat center center; background-size: cover; }
.yj2 { background: #FFF url(../images/A1-2.jpg) no-repeat center center; background-size: cover; }
.yj3 { background: #FFF url(../images/A1-3.jpg) no-repeat center center; background-size: cover; }
.yj4 { background: #FFF url(../images/A1-4.jpg) no-repeat center center; background-size: cover; }
.yj5 { background: #0B0706 url(../images/X3-1.jpg) no-repeat center center; background-size: cover; }
.yj6 { background: #FFF url(../images/X3-2.jpg) no-repeat center center; background-size: cover; }
.yj7 { background: #FFF url(../images/X3-3.jpg) no-repeat center center; background-size: cover; }
.yj8 { background: #070302 url(../images/V5-1.jpg) no-repeat center center; background-size: cover; }
.yj9 { background: #FFF url(../images/V5-2.jpg) no-repeat center center; background-size: cover; }
.yj10 { background: #FFF url(../images/V5-3.jpg) no-repeat center center; background-size: cover; }
.yj11 { background: #FFF url(../images/V5-4.jpg) no-repeat center center; background-size: cover; }
.yjcard { padding: 0 10px; background-color: #fff; margin: 10px; height: 350px; display: block; color: #666; }
.yjcard:hover { box-shadow: 0px 0px 10px #747474; }
/*-----硬件M550------*/  
.m550_w { min-height: 900px; font-size: 16px; }
.m550_w .mcu_text_w { margin-bottom: 5% }
.m550_w .mcu_text_w p { font-size: 16px; }
.m550_w .mcu_text_w h1 { margin-top: 8%; }
.m550_w .mcu_text_w em { display: block; margin: 30px auto 30px auto; width: 30px; height: 2px; background-color: #00A8EC; }
.m550_w .text-right { text-align: right; float: right; }
.m550_w .text-right em { margin: 30px 0 30px auto }
.m550_w .text-left em { margin: 30px auto 30px 0 }
.m550_p1 { height: 1000px; background: #090506 url(/statics/images/m550_p1_bg.jpg) no-repeat center center; background-size: cover; }
.m550_p1 .mcu_text_w p { color: #eeeeee; }
.m550_w .m550_img_w { margin-top: 5%; }
.m550_p1 .mcu_text_w { margin-top: 10% }
.m550_p1 .mcu_text_w p { margin-top: 3%; }
.m550_p2 { background: #0C0807 url(/statics/images/m550_p2_bg.jpg) no-repeat center center; background-size: cover; }
.m550_p2 .mcu_text_w { margin-top: 22%; }
.m550_p2 .m550_img_w { float: right; }
.m550_p3 { background: #0C0807 url(/statics/images/m550_p3_bg.jpg) no-repeat center center; background-size: cover; }
.m550_p3 .mcu_text_w { margin-top: 20%; }
.m550_p4 { background: #F5F5F5 url(/statics/images/m550_p4_bg.jpg) no-repeat center center; background-size: cover; }
.m550_p4 .mcu_text_w { margin-top: 20%; margin-right: 0%; margin-bottom: 5% }
.m550_p4 .cp_text_w { }
.m550_p5 { background: #0E1319 url(/statics/images/m550_p5_bg.jpg) no-repeat center center; background-size: cover; }
.m550_p5 .mcu_text_w { margin-top: 34%; margin-right: 0%; margin-bottom: 5% }
.m550_p5 .mcu_text_w .text_ps { color: #666; font-size: 16px; }
.m550_p6 { background: #C7C7C7 url(/statics/images/m550_p6_bg.jpg) no-repeat center center; height: 1166px; max-height: 1166px; background-size: cover; }
.m550_p6 .mcu_text_w { margin-top: 38%; margin-right: 0%; margin-bottom: 5% }
.m550_p7 { background: #030303 url(/statics/images/m550_p7_bg.jpg) no-repeat center center; background-size: cover; }
.m550_p7 .mcu_text_w { margin-top: 28%; margin-right: 0%; margin-bottom: 5% }
.m550_p8 { background: #030303 url(/statics/images/m550_p8_bg.jpg) no-repeat center center; background-size: cover; }
.m550_p8 .mcu_text_w { margin-top: 30%; margin-right: 0%; margin-bottom: 5% }
.m550_p9 { background: #030303 url(/statics/images/m550_p9_bg.jpg) no-repeat center center; background-size: cover; }
.m550_p9 .mcu_text_w { margin-top: 30%; margin-right: 0%; }
.m550_p10 { background: #FFF url(/statics/images/m550_p10_bg.jpg) no-repeat center center; }
.m550_p10 .text-right { margin-top: 27%; }
.m550_p11 { background: #030303 url(/statics/images/m550_p11_bg.jpg) no-repeat center center; background-size: cover; }
.m550_p11 .mcu_text_w { margin-top: 22% }
.m550_p12 { background: #030303 url(/statics/images/m550_p12_bg.jpg) no-repeat center center; background-size: cover; }
.m550_p12 .mcu_text_w { margin-top: 10% }