.rd_img { text-align: center;}
.rd_img img {max-width:100%;}
.rd_title{font-size: 2em; color:#333; padding:0 0 2vw; text-align: center; font-weight: 600;}
.rd_title-White{font-size: 1.875em; color:#FFFFFF; padding:0 0 3%; text-align: center; font-weight: 600;}
.lj_rd_text {left: 12.5%;width:1440px; top:35%;}
.lj_rd_text h3 { font-size: 3.75em; font-weight: 100;  }
.lj_rd_text .small {font-size:1.125em; width:45%; padding-top:1.8%; line-height: 2em; }
.lj_rd_text h3::after  {width:4%;height: 5px;}

@media screen and (min-width:960px) and (max-width:1365px){
	.lj_rd_text .small {padding-top:1%;}
	.lj_rd_text h3 {font-size: 3em}
}
@media screen and (min-width:768px) and (max-width:959px){
	.lj_rd_text {top:25%;}
	.lj_rd_text .small {padding-top:1%;}
	.lj_rd_text h3 {font-size: 2.5em}
}

@media screen and (min-width:480px) and (max-width:767px){
	.lj_rd_text {left:6.5%;width:100%; top:15%;}
	.lj_rd_text h3 {font-size: 3em;}
	.lj_rd_text .small {width:80%;padding-top:1%;}
	.lj_rd_text h3 {font-size: 2em}
}

@media screen and  (max-width:479px){
	.lj_rd_text {left:4.5%;width:100%; top:10%;}
	.lj_rd_text h3 {font-size: 2em; }
	.lj_rd_text .small {width:90%; }
	.lj_rd_text h3::after {width:10%;height: 2px;}
	.lj_rd_text h3 {font-size: 2em}
}


.lj_rd_banner{position: relative; height: 600px; background-image: url(../../images/RDCenter/group_rd_02.jpg);}
@media screen and (max-width:1440px){
	.lj_rd_banner{height: 31vw;}
}
@media screen and (max-width:1080px){
	.lj_rd_banner{height: 40vw;}
}
@media screen and (max-width:768px){
	.lj_rd_banner{height: 50vw;}
}
@media screen and (max-width:540px){
	.lj_rd_banner{height: 60vw;}
}
@media screen and (max-width:479px){
	.lj_rd_banner{height: 70vw;}
}
@media screen and (max-width:380px){
	.lj_rd_banner{height:80vw;}
}
.lj_rd_text {margin: auto;  color: #fff;text-align: left; padding-top:10vw;}
.lj_rd_text h3 { padding-bottom: 2.3%; text-align: left;}


@media screen  and (min-width:769px){
.lj-Table{display: table;}
.lj-Table .Table-Row{display: table-row;}
.lj-Table .Table-Row .Table-Cell{display: table-cell;}
.lj_w { width:88%;}
}

/*研发团队*/
.rd_team_bg { background:#f5f5f5; padding: 3% 0;}
.rd_team_w { margin: auto;background: #fff; padding: 3%; line-height:1.875em;}
@media screen and  (min-width:1400px){
.rd_team_w {width:69%;}
}
@media screen and  (max-width:1399px){
.rd_team_w {width:90%;}
}

.rd_team_title {font-size: 2em; text-align: center; color: #333; font-weight: 600;}
@media screen and  (min-width:800px){
.rd_team_sm  { width:60%;}
}
@media screen and  (max-width:799px){
.rd_team_sm  { width:96%; line-height: 1.5em;}
}
.rd_team_sm { text-align: center; color: #737373; margin: auto; padding: 3% 0;  }

.rd_team_icon li { width:25%; float: left; padding: 2% 0;}
.rd_team_big {color: #333; padding: 2% 0; font-weight: 600; }
.rd_team_small{font-size: 0.875em; line-height: 1.875em; margin-top:0.2vw;}

@media screen and  (min-width:1048px){
	.rd_f {float:left;}
	.rd_team_t {width:54%; padding-left: 6%;}
	.rd_team_icon li { width:25%;}
}
@media screen and (min-width:768px) and (max-width:1047px){
	.rd_f { margin: auto; text-align: center; width:100%;}
	.rd_f img {max-width:80%;}
	.rd_team_icon li { width:25%;}
}
@media screen and  (max-width:767px){
	.rd_f { margin: auto; text-align: center; width:100%;}
	.rd_team_sm,.rd_team_big,.rd_team_t  {font-size:1.2em; line-height: 1.5em;}
	.rd_f img {max-width:50%;}
	.rd_team_icon li { width:49.5%;}
}

/*211快速交付*/
.rd_two_pay { background:#f5f5f5; padding: 3% 0;}
.rd_two_img { text-align: center; font-size: 2em; color: #333; padding-bottom: 3%; font-weight: 600;}
.rd_img_b {margin: auto; position: relative; padding:0.8% 0;}
.rd_pay_text {position: absolute;}
.rd_font_i {color: #fff; }
.rd_pay_r {float: left;width:40%; }

@media screen and  (min-width:1400px){
	.rd_pay_text {  left: 10%;top:22%;}
	.rd_pay_r img {width:100%;}
	.rd_font_i { padding:4% 0 0 4%; width:30%; }
}
@media screen and (min-width:768px) and (max-width:1399px){
	.rd_pay_text { left: 5%;top:22%;}
	.rd_font_i { padding:2% 0 0 0; width:30%; }
}
@media screen and (min-width:480px) and (max-width:767px){
	.rd_pay_text { left: 5%;top:8%;}
	.rd_font_i { padding:2% 0 0 0; width:50%;line-height: 1.5em; }
}
@media screen and  (max-width:479px){
	.rd_pay_text { left: 5%;top:8%;}
	.rd_font_i { padding:1% 0 0 0 ; width:60%; line-height: 1.2em; }
}
@media screen and (max-width:1399px){
		.rd_pay_r img {width:90%;}
}
/*研发流程*/
.n_rd_process{padding:3.2% 0;}
@media screen  and (min-width:1366px){
	.n_pro_img02, .n_pro_img03 {display: none;}
}

@media screen and (min-width:768px) and (max-width:1365px){
	.n_pro_img01, .n_pro_img03 {display: none;}
	.n_pro_img02 { width:100%; margin: auto;}
}

@media screen and (max-width:767px){
	.n_process_w {width:96%; margin: auto;}
	.n_pro_img01, .n_pro_img02 {display: none;}
	.n_pro_img03 { width:100%; margin: auto;}
}
@media screen and (min-width:768px){
	.n_process_w {width:73%; margin: auto;}
}
/*211快速交付*/
.n_rd_bg {background: url( ../../images/RDCenter/n_rd_bg_16.jpg) no-repeat;width:100%;height:100%; padding:4% 0;}
.n_rd_text01 {padding: 5% 0 0 10%;}
.n_rd_text {padding: 20% 0 4.8% 20%;}
.n_rd_fast{margin:auto;}
@media screen  and (min-width:769px){
	.n_rd_tl2{font-size:30px;}
	.n_rd_tl2 i {width:37px;height:33px;top:-20px;}
}
@media screen  and (max-width:768px){
	.n_rd_tl2{font-size:18px;}
	.n_rd_tl2 i {width:20px;height:17px;top:-5px;}
}

@media screen  and (min-width:1000px){
	.n_rd_fast {width:63.5%; }
}

@media screen and (min-width:640px) and (max-width:999px){
	.n_rd_fast {width:96%;}
	.n_rd_f_s01,.n_rd_f_s{line-height:22px;}
}
@media screen  and (max-width:639px){
	.n_rd_fast {width:96%;}
	.n_rd_f_s01,.n_rd_f_s {display: none;}
	.n_rd_text {padding:5% 0 26.9% 10%;}
	
}

.n_rd_tl2 {color: #fff;font-weight:bold;text-align:center;position:relative; }
.n_rd_tl2 i{display:inline-block;position:absolute;margin-left:17px;}

.n_rd_fast img {width:100%; display: block;}
.n_rd_l {background: #fff; float: left; width:35%;}
.n_rd_l img {width:100%; display: block;}
.n_rd_text  h4 {font-size:1.5em; color:#012853; padding-bottom:4%; }
.n_rd_text01  h4 {font-size:1.5em; color:#012853; padding-bottom: 5%; }
.n_rd_line {width:40px; background: #27aeee; height: 3px;}
.n_rd_f_s {font-size: 1em; color: #404040; margin: 4% 0 20%;}
.n_rd_c {background: #fff; float: left; width:30%;}
.n_rd_f_s01 {font-size: 1em; color: #404040; margin: 8% 0 12.8%; }
/*技术与应用*/
.n_rd_tech {background: #fff; padding: 3% 0 0;}
@media screen  and (min-width:1310px){
	.n_rd_tech_w,.n_rd_usb,.n_type_c,.n_rd_safe{width:73%;}
	.n_tech_l {width:34%; float: left;padding: 5% 3% 0;}
	.n_tech_r {width:60%; float: right; text-align: right;}
	.n_tech_line{margin:3% 0 5%;}
	.n_type_c_text{width:50%;}
	.n_type_c_title{ padding-left: 3.5%;}
}

@media screen and (min-width:880px) and (max-width:1309px){
	.n_rd_tech_w,.n_rd_usb,.n_type_c,.n_rd_safe{width:98%;}
	.n_tech_l {width:34%; float: left;padding: 3% 3% 0;}
	.n_tech_r {width:60%; float: right; text-align: right;}
	.n_tech_line{margin:3% 0 5%;}
	.n_type_c_text{width:50%;}
	.n_type_c_title{ padding-left: 3.5%;}
}

@media screen and (max-width:879px){
	.n_rd_tech_w,.n_rd_usb,.n_type_c,.n_rd_safe{width:98%;}
	.n_tech_l {width:96%; margin: auto; padding: 5% 3% 0;}
	.n_tech_r {width:96%; margin:3% auto;  }
	.n_tech_line{margin:1% 0 2%;}
	.n_usb_text {width:80%; margin: auto; line-height: 1.5em;}
	.n_type_c_text{width:96%;}
	.n_rd_safe_text  {line-height: 18px;}
	.n_type_c_text {line-height: 18px;}
}

.n_rd_tech_w { margin: auto;background:#f7f7f7; }
.n_tech_title {font-size:1.25em; color:#333; font-weight: bold; }
.n_tech_line {width:30px; background: #27aeee; height: 3px; }
.n_tech_text {color: #737373; font-size: 1em; line-height:1.875em;}

/*数据传输技术*/
.n_rd_usb { background: #292929; padding: 3% 0; margin: auto;}
.n_usb_title { text-align: center; color: #fff; font-size: 1.25em;}
.n_usb_m { padding:0.5% 0; }
.n_usb_text {text-align: center; color: #fff; padding: 2% 0; font-size: 1em;}
.n_usb_img { margin: auto; width:94%; padding-top: 2%;}
.n_usb_img li {width:19%; margin-right: 1%; float: left; text-align: center;}
/*USB弱电运用技术*/
.n_type_c { padding: 3% 0 0; margin: auto;}
.n_type_c_title {  color: #333; font-size: 1.25em; padding-left: 3.5%; }
.n_type_c_line {width:30px; background: #27aeee; height: 3px; margin:1% 0 0 3.5%;}
.n_type_c_text { color: #737373; padding: 1% 0 0 3.5%; font-size: 1em; line-height: 1.875em;}
.n_type_c_img { margin: auto;  }
.n_type_c_img li {width:22%; margin-right: 1%; float: left;  padding: 3% 0 0;}
.n_type_c_img li:last-child {margin-right: 0; padding-left: 1.3%;}
.n_type_c_img li:nth-child(1) {padding-left: 3.5%;}
.n_type_c_img li:nth-child(2), .n_type_c_img li:nth-child(3){padding-left: 1.3%;}

/*安全家用强电技术*/
.n_rd_safe { padding: 3% 0; margin: auto;}
.n_rd_left {width:47%; float: left; padding-left:3.5%; }
.n_rd_right {width:47%; float: right;}
.n_rd_safe_title {color: #333; font-size: 1.25em;}
.n_rd_safe_line {width:30px; background: #27aeee; height: 3px; margin:2% 0 1% 0;}
.n_rd_safe_text {color: #737373; padding: 1% 0 0 0; font-size: 1em; line-height: 1.875em;}
.n_rd_safe_img {margin: auto; }
.n_rd_safe_img li {width:49%; margin-right: 1%; float: left;  padding: 3% 0 0;}

/*资源利用*/
.lj_make_bg {background: #f1f1f1; padding: 4.2% 0;}
.lj_make_text { margin: auto; color: #737373; text-align: center; font-size: 1em; line-height: 1.875em;}

@media screen and (min-width:900px){
.lj_make_text {width:80%;}
}
@media screen and (max-width:899px){
.lj_make_text {width:90%;}
}

.lj_make_con { padding: 2% 0;}
.lj_make_con li{float: left; width: 49.3%; margin: 1.3% 1.2% 0 0; list-style: none;}
.lj_make_con li:nth-child(2n) {margin:1.3% 0 0 0;}
.text-desc{position: absolute; left: 0; top: 0; height: 100%; opacity: 0; width: 100%;background:#009fdf;}
.lj_con_all{position: absolute; width:100%; text-align: center; }
.lj_con_title{text-align: center; color: #fff; font-size: 1.5em; padding-bottom: 1vw; }
.lj_con_text{font-size: 1em; line-height: 1.875em; width:90%; margin: auto; color: #fff;}
@media screen and (min-width:1024px){
	.lj_con_all {top:34%; }
}
@media screen and (min-width:640px) and (max-width:1023px){
	.lj_con_all {top:20%;}
}
@media screen and (max-width:639px){
	.lj_con_all {top:10%;}
	.lj_con_title {padding-bottom: 3%;}
}

/* effect-1 css */
.port-1{float: left; width: 100%; position: relative; overflow: hidden; text-align: center; }
.port-1 .text-desc{opacity: 0.9; top: -120%; transition: 0.5s; color: #000; }
.port-1 img{transition: 0.5s;}
.port-1:hover img{transform: scale(1.1);}
.port-1.effect-1:hover .text-desc{top: 0;}
.port-1.effect-2 .text-desc{top: auto; bottom: -100%;}
.port-1.effect-2:hover .text-desc{bottom: 0;}
.port-1.effect-3 .text-desc{top: 50%; left: 50%; width: 0; height: 0; overflow: hidden; padding: 0;}
.port-1.effect-3:hover .text-desc{width: 100%; top: 0; left: 0; height: 100%;}

/* effect-2 css */
.port-2, .port-3{float: left; width: 100%; position: relative; overflow: hidden; text-align: center; border: 4px solid rgba(255, 255, 255, 0.9);}
.port-2{perspective: 800px;}
.port-2 .text-desc{z-index: -1; transition: 0.6s; opacity: 1;}
.port-2 .image-box{transition: 0.4s;}
.port-2:hover .image-box{transform: rotateX(80deg); transform-origin: center bottom 0; transition: 0.4s;}
.port-2.effect-2 .text-desc{top: -100%;}
.port-2.effect-2:hover .text-desc{top: 0;}
.port-2.effect-3 .text-desc{top: auto; bottom: -100%;}
.port-2.effect-3:hover .text-desc{bottom: 0;}

/* effect-3 css */
.port-3{perspective: 500px;}
.port-3 img{transition: 0.5s;}
.port-3 .text-desc{z-index: -1; transition: 0.5s; transform: rotateX(80deg); padding: 45px 20px 20px;}
.port-3.effect-1 .text-desc{transform-origin: center top 0;opacity: 1;}
.port-3.effect-1:hover .text-desc, .port-3.effect-2 .text-desc{transform: none; opacity: 0}
.port-3.effect-1:hover img{opacity: 0; transform: scale(1.2)}
.port-3.effect-2 .text-desc{transform-origin: center bottom 0; top: auto; bottom: 0; }
.port-3.effect-3 .text-desc{transform-origin: center top 0;}
.port-3.effect-3:hover .text-desc{transform: none; opacity: 1;}
.port-3.effect-2:hover img, .port-3.effect-3:hover img{transform: translateY(100%)}
/* effect-3 css end */

.lj_make_al {background:#fff; width:32.5%;}
.lj_make_l { width:28%; font-weight: 600; color: #444; font-size: 1em;}
.lj_make_r {width:70%; text-align: right;  font-size: 0.875em; line-height: 1.75em;}
@media screen and (max-width:768px){
	.lj_make_al {width:32.63%; float: left; margin-right: 1%;}
	.lj_make_r{display: none;}
	.lj_make_al:last-child {margin-right: 0;}	
	.lj_make_l { width:90%; text-align: center;}
}

.lj_m_all {padding: 3%;}

/*品质保障体系*/
.lj_quality_bg { padding: 4.2% 0;}
.lj_qua_icon {margin:2% auto; text-align: center;}
.lj_qua_icon li {width:20%; float: left; margin-right: 17%; text-align: center;}
.lj_qua_icon li:last-child {margin-right: 0;}
.lj_qua_text {border-bottom: 1px solid #e5e9ee; padding-bottom: 20px; margin-top:15%;}
@media screen and (min-width:480px) and (max-width:768px){
.lj_qua_icon li {width:22%; line-height: 20px;}
}
@media screen and (max-width:479px){
.lj_qua_icon li {width:31.33%; margin:0 1%; line-height:1.875em; }
.lj_qua_text {padding-bottom:10px; margin-top:15%;}
}
@media screen and (max-width:1440px){
	.lj_qua_icon .rd_img img {width:60%;}
}