#zlg1_masthead_padding { padding: 10px 10px 0; background: #f5f5f5; }
.banner_more { width: 1200px; height: 282px; margin: 0 auto; }
.banner_more p { margin-top: 240px; color: #61c1be; font-size: 14px; line-height: 26px; }
.banner_more span { color: #fff; margin-left:4px; }
.banner_more a { color: #61c1be; }
.pro_top,.pro_top2 { width: 100%; background: #fff; }
table { width: 1200px; margin: 30px 0px; color: #666; font-size: 14px; border-top: 3px #002e54 solid; }
table tr th { background: #f7f7f7; font-size: 16px; text-align: center; font-weight: 500; }
table tr td { padding: 2px 0px; background: #ffffff; text-align: center; }
/**table tr td a { color: #00ae86; border: 1px solid #00ae86; padding: 2px 10px; border-radius: 5px; display: block; }**/
table tr td a {color:#666;}
table tr td.cgr { color: #61c1be; border-left: 1px #61c1be solid; }
table tr .center { text-align: center; }
table tr:hover { background: #f0f0f0; }
.pro_norms { width: 1200px; margin: 5px 0px 20px 0px; color: #666; font-size: 16px; }
.pro_norms tr td, .pro_norms tr th { height: 45px; min-width: 100px; line-height: 32px; color: #666; border-bottom: 1px #d7e0c2 solid; }
.pro_norms tr th { height: 55px; }
.pro_norms tr th.no_bd_lf, .pro_norms tr td.no_bd_lf { border-left: none; }
.pro_norms tr th { border-right: #ffffff 2px solid; border-bottom: 2px #61c1be solid; }
.table_x { width: 1170px; }
.ddh { background:#ffffff !important; opacity:0.3 !important; }

/*框图样式*/
#motor-diagram-1{ width:169px; height:184px; text-align:center; padding-top:13px; position: absolute; top:93px; left:83px; border-radius:15px; }
#motor-diagram-1:hover{ background:#ffffff; opacity:0.3;cursor:pointer; }
#motor-diagram-2{ width:132px; height:121px; text-align:center; padding-top:13px; position: absolute; top:125px; left:439px; border-radius:8px; }
#motor-diagram-2:hover{ background:#ffffff; opacity:0.5;cursor:pointer; }
#motor-diagram-3{ width:145px; height:118px; text-align:center; padding-top:13px; position: absolute; top:178px; left:162px; border-radius:8px; }
#motor-diagram-3:hover{ background:#ffffff; opacity:0.3;cursor:pointer; }
#motor-diagram-4{ width:122px; height:118px; text-align:center; padding-top:13px; position: absolute; top:215px; left:494px; border-radius:8px; }
#motor-diagram-4:hover{ background:#ffffff; opacity:0.3;cursor:pointer; }
#motor-diagram-5{ width:80px; height:33px; text-align:center; padding-top:13px; position: absolute; top:172px; left:669px; border-radius:5px; }
#motor-diagram-5:hover{ background:#ffffff; opacity:0.3;cursor:pointer; }
#motor-diagram-6{ width:110px; height:125px; text-align:center; padding-top:13px; position: absolute; top:496px; left:190px; border-radius:15px; }
#motor-diagram-6:hover{ background:#ffffff; opacity:0.3;cursor:pointer; }
#motor-diagram-7{ width:135px; height:154px; text-align:center; padding-top:13px; position: absolute; top:496px; left:679px; border-radius:15px; }
#motor-diagram-7:hover{ background:#ffffff; opacity:0.3;cursor:pointer; }
#motor-diagram-8{ width:138px; height:186px; text-align:center; padding-top:13px; position: absolute; top:112px; left:310px; border-radius:15px; }
#motor-diagram-8:hover{ background:#ffffff; opacity:0.4;cursor:pointer; }
#motor-diagram-9{ width:80px; height:33px; text-align:center; padding-top:13px; position: absolute; top:216px; left:523px; border-radius:3px; }
#motor-diagram-9:hover{ background:#ffffff; opacity:0.5;cursor:pointer; }
#motor-diagram-10{ width:122px; height:128px; text-align:center; padding-top:13px; position: absolute; top:450px; left:327px; border-radius:15px; }
#motor-diagram-10:hover{ background:#ffffff; opacity:0.4;cursor:pointer; }
#motor-diagram-11{ width:81px; height:33px; text-align:center; padding-top:13px; position: absolute; top:161px; left:522px; border-radius:3px; }
#motor-diagram-11:hover{ background:#ffffff; opacity:0.4;cursor:pointer; }
#motor-diagram-12{ width:80px; height:33px; text-align:center; padding-top:13px; position: absolute; top:521px; left:556px; border-radius:5px; }
#motor-diagram-12:hover{ background:#ffffff; opacity:0.3;cursor:pointer; }
#motor-diagram-13{ width:114px; height:84px; text-align:center; padding-top:13px; position: absolute; top:99px; left:240px; border-radius:15px; }
#motor-diagram-13:hover{ background:#ffffff; opacity:0.3;cursor:pointer; }
#motor-diagram-14{ width:107px; height:87px; text-align:center; padding-top:13px; position: absolute; top:437px; left:249px; border-radius:15px; }
#motor-diagram-14:hover{ background:#ffffff; opacity:0.3;cursor:pointer; }
#motor-diagram-15{ width:95px; height:40px; text-align:center; padding-top:13px; position: absolute; top:235px; left:250px; border-radius:5px; }
#motor-diagram-15:hover{ background:#ffffff; opacity:0.4;cursor:pointer; }
#motor-diagram-16{ width:74px; height:38px; text-align:center; padding-top:13px; position: absolute; top:512px; left:450px; border-radius:5px; }
#motor-diagram-16:hover{ background:#ffffff; opacity:0.4;cursor:pointer; }
#motor-diagram-17{ width:164px; height:258px; text-align:center; padding-top:13px; position: absolute; top:145px; left:378px; border-radius:15px; }
#motor-diagram-17:hover{ background:#ffffff; opacity:0.3;cursor:pointer; }
#motor-diagram-18{ width:55px; height:95px; text-align:center; padding-top:13px; position: absolute; top:315px; left:599px; border-radius:5px; }
#motor-diagram-18:hover{ background:#ffffff; opacity:0.4;cursor:pointer; }
#motor-diagram-19{ width:166px; height:178px; text-align:center; padding-top:13px; position: absolute; top:756px; left:372px; border-radius:15px; }
#motor-diagram-19:hover{ background:#ffffff; opacity:0.3;cursor:pointer; }
#motor-diagram-20{ width:182px; height:195px; text-align:center; padding-top:13px; position: absolute; top:248px; left:346px; border-radius:15px; }
#motor-diagram-20:hover{ background:#ffffff; opacity:0.3;cursor:pointer; }
#motor-diagram-21{ width:152px; height:165px; text-align:center; padding-top:13px; position: absolute; top:331px; left:388px; border-radius:15px; }
#motor-diagram-21:hover{ background:#ffffff; opacity:0.3;cursor:pointer; }
#motor-diagram-22{ width:123px; height:51px; text-align:center; padding-top:13px; position: absolute; top:279px; left:628px; border-radius:5px; }
#motor-diagram-22:hover{ background:#ffffff; opacity:0.3;cursor:pointer; }
#motor-diagram-23{ width:123px; height:51px; text-align:center; padding-top:13px; position: absolute; top:387px; left:628px; border-radius:5px; }
#motor-diagram-23:hover{ background:#ffffff; opacity:0.3;cursor:pointer; }
#motor-diagram-24{ width:123px; height:51px; text-align:center; padding-top:13px; position: absolute; top:496px; left:628px; border-radius:5px; }
#motor-diagram-24:hover{ background:#ffffff; opacity:0.3;cursor:pointer; }
#motor-diagram-25{ width:242px; height:240px; text-align:center; padding-top:13px; position: absolute; top:197px; left:540px; border-radius:15px; }
#motor-diagram-25:hover{ background:#ffffff; opacity:0.3;cursor:pointer; }
#motor-diagram-26{ width:132px; height:149px; text-align:center; padding-top:13px; position: absolute; top:169px; left:298px; border-radius:15px; }
#motor-diagram-26:hover{ background:#ffffff; opacity:0.3;cursor:pointer; }
#motor-diagram-27{ width:107px; height:46px; text-align:center; padding-top:13px; position: absolute; top:235px; left:490px; border-radius:5px; }
#motor-diagram-27:hover{ cursor:pointer;}
#motor-diagram-28:hover{ cursor:pointer;}
#motor-diagram-29:hover{ cursor:pointer;}
#motor-diagram-30:hover{ cursor:pointer;}
#motor-diagram-31:hover{ cursor:pointer;}
#motor-diagram-32:hover{ cursor:pointer; }
#motor-diagram-33:hover{ cursor:pointer;}
#motor-diagram-34:hover{ cursor:pointer; }
#motor-diagram-35:hover{ cursor:pointer;}


.ddl h4{ width:100%; font-size:16px; line-height:28px; color:#000000; margin:0px; padding:23px 27px 0px; }
.hod-content-link{ color:#80be48!important; padding:0px 27px !important; margin:0px !important; }
.hod-content-link a{ color:#80be48!important; }

.motor-diagram-1{ width:250px; height:220px; background:#CC0; position: absolute; top:170px; left:220px; z-index:299px; background:#ffffff; border:1px solid #cfcfcf; border-radius:8px; box-shadow: 1px 5px 16px 0px #b2b6b8; display:none; }
.motor-diagram-2{ width:250px; height:220px; background:#CC0; position: absolute; top:170px; left:550px; z-index:299px; background:#ffffff; border:1px solid #cfcfcf; border-radius:8px; box-shadow: 1px 5px 16px 0px #b2b6b8; display:none; }
.motor-diagram-3{ width:250px; height:170px; background:#CC0; position: absolute; top:200px; left:280px; z-index:299px; background:#ffffff; border:1px solid #cfcfcf; border-radius:8px; box-shadow: 1px 5px 16px 0px #b2b6b8; display:none; }
.motor-diagram-4{ width:280px; height:200px; background:#CC0; position: absolute; top:250px; left:600px; z-index:299px; background:#ffffff; border:1px solid #cfcfcf; border-radius:8px; box-shadow: 1px 5px 16px 0px #b2b6b8; display:none; }
.motor-diagram-5{ width:280px; height:190px; background:#CC0; position: absolute; top:180px; left:740px; z-index:299px; background:#ffffff; border:1px solid #cfcfcf; border-radius:8px; box-shadow: 1px 5px 16px 0px #b2b6b8; display:none; }
.motor-diagram-6{ width:240px; height:160px; background:#CC0; position: absolute; top:560px; left:265px; z-index:299px; background:#ffffff; border:1px solid #cfcfcf; border-radius:8px; box-shadow: 1px 5px 16px 0px #b2b6b8; display:none; }
.motor-diagram-7{ width:220px; height:140px; background:#CC0; position: absolute; top:570px; left:770px; z-index:299px; background:#ffffff; border:1px solid #cfcfcf; border-radius:8px; box-shadow: 1px 5px 16px 0px #b2b6b8; display:none; }
.motor-diagram-8{ width:220px; height:230px; background:#CC0; position: absolute; top:190px; left:420px; z-index:299px; background:#ffffff; border:1px solid #cfcfcf; border-radius:8px; box-shadow: 1px 5px 16px 0px #b2b6b8; display:none; }
.motor-diagram-9{ width:200px; height:110px; background:#CC0; position: absolute; top:230px; left:590px; z-index:299px; background:#ffffff; border:1px solid #cfcfcf; border-radius:8px; box-shadow: 1px 5px 16px 0px #b2b6b8; display:none; }
.motor-diagram-10{ width:200px; height:310px; background:#CC0; position: absolute; top:330px; left:440px; z-index:299px; background:#ffffff; border:1px solid #cfcfcf; border-radius:8px; box-shadow: 1px 5px 16px 0px #b2b6b8; display:none; }
.motor-diagram-11{ width:200px; height:230px; background:#CC0; position: absolute; top:170px; left:590px; z-index:299px; background:#ffffff; border:1px solid #cfcfcf; border-radius:8px; box-shadow: 1px 5px 16px 0px #b2b6b8; display:none; }
.motor-diagram-12{ width:280px; height:190px; background:#CC0; position: absolute; top:530px; left:620px; z-index:299px; background:#ffffff; border:1px solid #cfcfcf; border-radius:8px; box-shadow: 1px 5px 16px 0px #b2b6b8; display:none; }
.motor-diagram-13{ width:280px; height:230px; background:#CC0; position: absolute; top:135px; left:320px; z-index:299px; background:#ffffff; border:1px solid #cfcfcf; border-radius:8px; box-shadow: 1px 5px 16px 0px #b2b6b8; display:none; }
.motor-diagram-14{ width:280px; height:230px; background:#CC0; position: absolute; top:475px; left:320px; z-index:299px; background:#ffffff; border:1px solid #cfcfcf; border-radius:8px; box-shadow: 1px 5px 16px 0px #b2b6b8; display:none; }
.motor-diagram-15{ width:280px; height:190px; background:#CC0; position: absolute; top:250px; left:330px; z-index:299px; background:#ffffff; border:1px solid #cfcfcf; border-radius:8px; box-shadow: 1px 5px 16px 0px #b2b6b8; display:none; }
.motor-diagram-16{ width:280px; height:190px; background:#CC0; position: absolute; top:520px; left:510px; z-index:299px; background:#ffffff; border:1px solid #cfcfcf; border-radius:8px; box-shadow: 1px 5px 16px 0px #b2b6b8; display:none; }
.motor-diagram-17{ width:220px; height:250px; background:#CC0; position: absolute; top:240px; left:192px; z-index:299px; background:#ffffff; border:1px solid #cfcfcf; border-radius:8px; box-shadow: 1px 5px 16px 0px #b2b6b8; display:none; }
.motor-diagram-18{ width:220px; height:230px; background:#CC0; position: absolute; top:343px; left:645px; z-index:299px; background:#ffffff; border:1px solid #cfcfcf; border-radius:8px; box-shadow: 1px 5px 16px 0px #b2b6b8; display:none; }
.motor-diagram-19{ width:220px; height:310px; background:#CC0; position: absolute; top:740px; left:497px; z-index:299px; background:#ffffff; border:1px solid #cfcfcf; border-radius:8px; box-shadow: 1px 5px 16px 0px #b2b6b8; display:none; }
.motor-diagram-20{ width:220px; height:110px; background:#CC0; position: absolute; top:280px; left:497px; z-index:299px; background:#ffffff; border:1px solid #cfcfcf; border-radius:8px; box-shadow: 1px 5px 16px 0px #b2b6b8; display:none; }
.motor-diagram-21{ width:230px; height:110px; background:#CC0; position: absolute; top:345px; left:497px; z-index:299px; background:#ffffff; border:1px solid #cfcfcf; border-radius:8px; box-shadow: 1px 5px 16px 0px #b2b6b8; display:none; }
.motor-diagram-22{ width:220px; height:110px; background:#CC0; position: absolute; top:270px; left:727px; z-index:299px; background:#ffffff; border:1px solid #cfcfcf; border-radius:8px; box-shadow: 1px 5px 16px 0px #b2b6b8; display:none; }
.motor-diagram-23{ width:220px; height:110px; background:#CC0; position: absolute; top:380px; left:727px; z-index:299px; background:#ffffff; border:1px solid #cfcfcf; border-radius:8px; box-shadow: 1px 5px 16px 0px #b2b6b8; display:none; }
.motor-diagram-24{ width:220px; height:110px; background:#CC0; position: absolute; top:480px; left:727px; z-index:299px; background:#ffffff; border:1px solid #cfcfcf; border-radius:8px; box-shadow: 1px 5px 16px 0px #b2b6b8; display:none; }
.motor-diagram-25{ width:467px; height:272px; background:#CC0; position: absolute; top:180px; left:727px; z-index:299px; background:#ffffff; border:1px solid #cfcfcf; border-radius:8px; box-shadow: 1px 5px 16px 0px #b2b6b8; display:none; }
.motor-diagram-26{ width:180px; height:100px; background:#CC0; position: absolute; top:180px; left:390px; z-index:299px; background:#ffffff; border:1px solid #cfcfcf; border-radius:8px; box-shadow: 1px 5px 16px 0px #b2b6b8; display:none; }
.motor-diagram-27{ width:180px; height:100px; background:#CC0; position: absolute; top:230px; left:580px; z-index:299px; background:#ffffff; border:1px solid #cfcfcf; border-radius:8px; box-shadow: 1px 5px 16px 0px #b2b6b8; display:none; }



.motor-diagram-1c{ width:100%; height:60px; float:left; padding:0px 20px 10px; }
.motor-diagram-1c h4{color:#8ac50c !important; line-height:22px; font-size:16px; line-height:28px;} 
.motor-content-link{ color:#80be48!important; padding:0px 0 0px 10px !important; margin:0px !important; }
.motor-content-link a{ color:#80be48!important; }
.motor-diagram-1c ul{ width:100%; }
.motor-diagram-1c ul li{font-size:14px; color:#000; list-style-type: disc; margin-left: 25px; line-height: 24px;}


@media (min-width: 300px) {
#zlg1_masthead_wrap { position: relative; background-color: #ffffff; top: 0; width: 100%; z-index: 900; padding: 0px 10px; border-bottom: 1px solid #e5e5e5; }	
.pro_top,.pro_wrap,.pro_top2 { padding:0 15px; }
#advertising { width: 100%; height: 175px; overflow: hidden; position: relative; }
.slides { height: 175px; margin: 0 auto; }
.section-bg { width: 100%; height: 175px; position: absolute; background-size: 100% 100%; z-index: 3; }
/*车身控制方案banner*/
.carlighting_ad{ background: url(../images/carbcontrol/carlighting/banner-small.jpg) no-repeat; background-size:100% 100%; }
.rfreceiver_ad{ background: url(../images/carbcontrol/rfreceiver/banner-small.jpg) no-repeat; background-size:100% 100%; }
.tpms_ad{ background: url(../images/carbcontrol/tpms/banner-small.jpg) no-repeat; background-size:100% 100%; }
.tpms2_ad{ background: url(../images/carbcontrol/tpms/banner2-small.jpg) no-repeat; background-size:100% 100%; }
.pkg_ad{ background: url(../images/carbcontrol/pkg/banner-small.jpg) no-repeat; background-size:100% 100%; }
.immo_ad{ background: url(../images/carbcontrol/immo/banner-small.jpg) no-repeat; background-size:100% 100%; }
.peps_ad{ background: url(../images/carbcontrol/peps/banner-small.jpg) no-repeat; background-size:100% 100%; }
.taillight_ad{ background: url(../images/carbcontrol/taillight/banner-small.jpg) no-repeat; background-size:100% 100%; }
.automobile_ad{ background: url(../images/carbcontrol/automobile/banner-small.jpg) no-repeat; background-size:100% 100%; }
.matrix_ad{ background: url(../images/carbcontrol/matrix/banner-small.jpg) no-repeat; background-size:100% 100%; }
.schemea_ad{ background: url(../images/carbcontrol/schemea/banner-small.jpg) no-repeat; background-size:100% 100%; }
.nfc_ad{ background: url(../images/carbcontrol/nfc/banner-small.jpg) no-repeat; background-size:100% 100%; }
.digital_ad{ background: url(../images/carbcontrol/digital/banner-small.jpg) no-repeat; background-size:100% 100%; }
.index_ad{ background: url(../images/carbcontrol/banner-small.jpg) no-repeat; background-size:100% 100%; }
.vehicle_ad{ background: url(../images/carbcontrol/vehicle/banner-small.jpg) no-repeat; background-size:100% 100%; }



.content{ padding:0 15px; }
.container { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; }
.yang_card_pro { width: 100%; margin: 20px 0px 0px; padding: 0px; overflow: auto; }
.yang_card_pro .content{ width: 100%; margin: 0 auto; padding:0px; }
.section-bg .slider-text { width: 250px; height: 100px; margin: 25px 0px 10px 0px; padding: 0; }
.secondary-heading { width: 280px; color: #fff; font-size: 20px; line-height: 32px; margin: 0 0 10px 0; padding: 0; position: relative; }
.sub-heading { width: 280px; color: #fff; font-size: 12px; line-height: 20px; margin: 0; padding: 0; position: relative; }
.matrix_ad .sub-heading { width: 156px; }
.vehicle_ad .secondary-heading,.vehicle_ad .sub-heading{ color: #000;}

.banner_more { display: none; }
.pro_top .banner_more,.pro_top2 .banner_more { width: 100%; height:25px; float:left; display:block; }
.pro_top .banner_more p,.pro_top2 .banner_more p{ height:28px; margin:10px 0px !important; padding:0px; border-bottom:1px solid }
.pro_top_b { width: 100%; max-width: 1200px; height: auto; margin: 0 auto; overflow:hidden; border-bottom: 1px solid #61c1be; }
.pro_top_b_l,.pro_top_b_l2 { height: auto; margin: 0 20px; float: left; padding: 10px 0px; }
.pro_top_b_r { margin: 0 auto; float: left; padding: 25px 0px 10px; font-size: 14px; line-height: 24px; }	
.pro_top_b_r ul{ width: 100%; padding-left:20px; }
.pro_top_b_r li{ list-style-type:disc; color:#61c1be; line-height:24px; }	
.pro_top_b_r li>p{ margin-bottom:0px; color:#333333; }
.pro_top_b_c{ padding: 25px 0px 10px; font-size: 14px; line-height: 24px;}

#functional_bd h3,#product_recommend h3,#use_direction h3,#reference_design h3,#data_down h3,#reference_design-2 h3,#plan_advantage h3,#programme_characteristics h3{ font-size:24px; }
#functional_bd{ height: auto; overflow:hidden; overflow:hidden; margin-top:20px; margin-bottom:30px; }
#functional_diagram_mobile{ margin:30px auto 20px; }
#product_recommend{ height: auto; overflow:hidden; overflow:hidden; margin-top:20px; margin-bottom:30px; }
#use_direction{ height: auto; overflow:hidden; overflow:hidden; margin-top:20px; margin-bottom:30px; }

.use_direction_b{ width:100%; height: auto; float:left; margin-top:15px; margin-bottom:0px; }
.use_direction_bc{ width:100%; height:240px; float:left; padding:0px; }
.use_direction_bc>div{ width:274px; height:34px; z-index:48; position:relative; top:-222px; color:#fff; text-align:center; margin:0 auto; }
.use_direction_bc>div p{ width:100px; height:34px; background-color: rgba(143, 196, 30, 0.7); padding:3px; }
.use_direction_bc p{ font-size:14px; line-height:30px; text-align:center; margin-top:5px; }
.use_direction2_b{ width:100%; height: auto; float:left; margin-top:15px; margin-bottom:0px; }
.use_direction2_bc{ width:100%; height:240px; float:left; padding:0px; }
.use_direction2_bc p{ font-size:14px; line-height:30px; text-align:center; margin-top:5px; }
.use_direction3_b{ width:100%; height: auto; float:left; margin-top:15px; margin-bottom:0px; }
.use_direction3_bc{ width:100%; height:240px; float:left; padding:0px; }
.use_direction3_bc p{ font-size:14px; line-height:30px; text-align:center; margin-top:5px; }
.use_direction3_bc>div{ width:274px; height:34px; z-index:48; position:relative; top:-222px; color:#fff; text-align:center; margin:0 auto; }
.use_direction3_bc>div p{ width:100px; height:34px; background-color: rgba(143, 196, 30, 0.7); padding:2px;margin-top:-1px; }
.use_direction4_b{ width:100%; height: auto; float:left; margin-top:15px; margin-bottom:0px; }
.use_direction4_bc{ width:100%; height:240px; float:left; padding:0px; }
.use_direction4_bc p{ font-size:14px; line-height:30px; text-align:center; margin-top:5px; }
.use_direction4_bc>div{ width:274px; height:34px; z-index:48; position:relative; top:-222px; color:#fff; text-align:center; margin:0 auto; }
.use_direction4_bc>div p{ width:100px; height:34px; background-color: rgba(143, 196, 30, 0.7); padding:2px;margin-top:-1px; }
.use_direction5_bc{ width:100%; height:260px; float:left; padding:20px 0px; }
.use_direction5_bc p{ font-size:14px; line-height:30px; text-align:center; margin-top:5px; }
.use_direction5_bc>div{ width:274px; height:34px; z-index:48; position:relative; top:-222px; color:#fff; text-align:center; margin:0 auto; }
.use_direction5_bc>div p{ width:100px; height:34px; background-color: rgba(143, 196, 30, 0.7); padding:2px;margin-top:-1px; }


#programme_characteristics{ height: auto; overflow:hidden; overflow:hidden; margin-top:20px; margin-bottom:30px; }
.programme_characteristics_b{ width:100%; height: auto; float:left; margin-top:15px; margin-bottom:0px; }
.programme_characteristics_bc{ width:100%; height:auto; float:left; padding:0px; text-indent: 2em; }
.programme_characteristics_bc>h2{font-size: 16px; margin-top: 0px; margin-bottom:10px; background: url(../images/carbcontrol/digital/s_dd.png) no-repeat 10px 10px; line-height: 26px;}
.programme_characteristics_bc>p{ margin-top: 0px; margin-bottom:20px;}
 
.reference_design_row{ width:100%; height: auto; float:left; margin-bottom:30px; }
#reference_design{ height: auto; overflow:hidden; margin-top:10px; margin-bottom:30px; }
.reference_design_l{ width:100%; height: auto; float:left; margin:15px auto 25px; }
.reference_design_r{ width:100%;; height: auto; float:left; margin-top:10px; }
.reference_design_r h3{ font-size:16px !important; color:#61c1be; margin-top:0px !important; margin-bottom:16px !important; padding-left:4px; line-height:24px; }
.reference_design_r ul{ width:100%; float:left; font-size:12px; }
.reference_design_r li{ width:90%; list-style-type:disc; color:#61c1be; margin-left:20px; line-height:28px; }	
.reference_design_r li>p{ margin-bottom:0px; color:#000000; padding-left:8px; }
#data_down { height: auto; overflow:hidden; margin-top:20px; margin-bottom:40px; }
.data_down_row{ width:100%; height: auto; float:left; margin:0px auto 0px auto; }
.data_down_list{ width:100%; height: auto; float:left; }
.data_down_list h4{ font-size:16px; margin-top:15px; margin-bottom:15px; }
.data_down_list ul,.data_down_list li{ width:100%; float:left; }
.data_down_list li{ width:260px; min-height:60px; height:auto; background:url(../images/plan-pdf.jpg) no-repeat 0px 0px; padding-top:2px; padding-left:70px; margin-bottom:10px; font-size:14px; line-height:30px; }
.data_down_list li a{ color:#61c1be; }
.data_down_list span{ width:100%; float:left; }
.pro_norms,table tr th { font-size: 14px; }

.pro_top_b2_l { height: auto; margin: 0 auto; float: left; padding: 25px 0px 20px; border-bottom: 1px solid #61c1be; }
.pro_top_b2_l .pai { margin: 0 auto; width: 100%; height:auto; }
.pro_top_b2_l p { padding-bottom: 6px; }

.index_product{ width:100%; height:auto; padding:20px 15px 40px; overflow:hidden; }
.index_product_row{ width:100%; height:auto; margin:0px; }
.index_product .index_product_h3{ font-weight:bold; }
.zutu_line{ border-bottom:none; }
.index_product_content{ width:100%; height:auto; float:left; padding:0px; margin-bottom:20px; }
.index_product_content h3{ font-size:18px; color:#61c1be; line-height:28px; margin-bottom:0px; }
.index_product_content a>h3{ color:#61c1be; }
.index_product_content a:hover>h3{ color:#61c1be; }
.index_product_content p{ font-size:14px; line-height:24px; width:100%; }
.index_product_photo{ width:100%; height:auto; margin:0 auto; }

#plan_advantage {   height: auto; overflow: hidden;  overflow: hidden; margin-top: 20px;  margin-bottom: 30px;}
.plan_advantage_b{ width:100%; height: auto; float:left; margin-top:15px!important; margin-bottom:30px; }
.plan_advantage_bc{ width:100%; height:240px; float:left; padding:0; }
.plan_advantage_bc>div{ width:94px; height:34px; z-index:48; position:relative; top:-222px; color:#fff; text-align:center; margin:0 auto; }
.plan_advantage_bc>p { font-size: 14px; margin-top: 8px; line-height: 22px; text-align: center; margin-top: 5px;}

#display_scheme{ padding-bottom: 20px; width: 100%; height: auto; overflow: hidden;}
#display_scheme h3{ font-size: 22px; text-align: center; margin-top: 26px; font-weight: 700;}
#display_scheme h2{ font-size: 22px; height: 37px; line-height: 37px; text-align: center; margin-top:0;}
#display_scheme .scheme_d h3{ font-size: 16px; margin-top: 20px; text-align: left;}
#display_scheme .scheme_d{ background:#fbfaff59; float: left; height: auto; padding-bottom: 20px; width: 100%;}
#display_scheme .scheme_d ul li{ font-size: 16px; color: #000; line-height: 26px; padding: 0 13px;}
 
}
/*针对iphone5s*/
@media (min-width: 315px) {	
.use_direction_bc>div{ width:274px; height:34px; z-index:48; position:relative; top:-225px; color:#fff; text-align:center; margin:0 auto; }
.use_direction3_bc>div { width: 275px; height: 34px; z-index: 48; position: relative; top: -226px; color: #fff; text-align: center; margin: 0 auto;}
.use_direction3_bc>div p {  width: 100px; height: 34px; background-color: rgba(143, 196, 30, 0.7); padding: 2px; margin:0;}
.use_direction4_bc>div { width: 275px; height: 34px; z-index: 48; position: relative; top: -226px; color: #fff; text-align: center; margin: 0 auto;}
.use_direction4_bc>div p {  width: 100px; height: 34px; background-color: rgba(143, 196, 30, 0.7); padding: 2px; margin:0;}


}
/*针对1080*1920的android*/
@media (min-width: 360px) {
.content{ padding:0 17px; }
.container { padding-right: 17px; padding-left: 17px; }
.pro_top,.pro_wrap,.pro_top2 { padding:0 17px; }
#advertising{ width:100%; height:210px; }
.section-bg{ height:210px; }
.section-bg .slider-text{ margin-top:40px; }
.pro_top_b_l,.pro_top_b_l2 { margin: 0 25px; }
.reference_design_r ul{ width:100%; float:left; font-size:14px; }
.data_down_list li{ width:320px; }

.index_product{ padding:20px 17px 40px; }
.plan_advantage_bc>p { width: 90%; margin: 0 auto; font-size: 14px; margin-top: 8px; line-height: 22px; text-align: center; margin-top: 5px;} 
}
/*针对iphone6*/
@media (min-width: 375px) {
.content{ padding:0 18px; }
.container { padding-right: 18px; padding-left: 18px; }	
.pro_top,.pro_wrap,.pro_top2 { padding:0 18px; }
#advertising{ width:100%; height:219px; }
.section-bg{ height:219px; }
.data_down_list li{ width:330px; }
.data_down_list span{ width:100%; float:left; padding-left:7px; }

.index_product{ padding:20px 18px 40px; }	
}
/*针对全面屏安卓*/
@media (min-width: 390px) {
#advertising{ width:100%; height:228px; }
.section-bg{ height:228px; }
.pro_top_b_l,.pro_top_b_l2 { margin: 0 30px; }
.data_down_list li{ width:350px; }
.plan_advantage_bc>p { width: 79%; margin: 0 auto; font-size: 14px; margin-top: 8px; line-height: 22px; text-align: center; margin-top: 5px;}
}
@media (min-width: 400px) {
.content{ padding:0 19px; }
.container { padding-right: 19px; padding-left: 19px; }	
.pro_top,.pro_wrap,.pro_top2 { padding:0 19px; }	
#advertising{ width:100%; height:234px; }
.section-bg{ height:234px; }
.section-bg .slider-text{ margin-top:52px; }
.data_down_list li{ width:360px; }

.pro_top_b2_l .pai{ margin: 0 auto; width: 320px; height: 200px; }
.index_product{ padding:20px 19px 40px; }
.plan_advantage_bc { width: 100%; height: 250px; float: left; padding: 0;}
.use_direction5_b { width: 100%; height: auto; float: left; margin-top: 15px; margin-bottom: 0px;}
.use_direction5_bc { width: 100%; height: 340px; float: left; padding: 0px;}
}
/*针对iphone6s plus*/
@media (min-width: 410px) {
#advertising{ width:100%; height:239px; }
.section-bg{ height:239px; }
.pro_top_b_l,.pro_top_b_l2 { margin: 0 35px; }
#use_direction{ height: auto; overflow:hidden; overflow:hidden; margin-top:20px; margin-bottom:30px; }
.use_direction_b{ width:100%; height: auto; float:left; margin-top:15px; margin-bottom:0px; }
.use_direction_bc{ width:180px; height:180px; float:left; padding:0px; margin-right:6px; }
.use_direction_bc>div{ width:180px; height:34px; z-index:48; position:relative; top:-163px; color:#fff; text-align:center; margin:0 auto; }
.use_direction_bc>div p{ width:80px; height:34px; background-color: rgba(143, 196, 30, 0.7); padding:3px; }
.use_direction_bc p{ font-size:14px; line-height:30px; text-align:center; margin-top:5px; }
.use_direction2_b{ width:100%; height: auto; float:left; margin-top:15px; margin-bottom:0px; }
.use_direction2_bc{ width:100%; height:240px; float:left; padding:0px; margin-left:auto; margin-right:auto; }
.use_direction2_bc p{ font-size:14px; line-height:30px; text-align:center; margin-top:5px; }
.use_direction3_b{ width:100%; height: auto; float:left; margin-top:15px; margin-bottom:0px; }
.use_direction3_bc{ width:180px; height:168px; float:left; padding:0px; margin-right:6px; }
.use_direction3_bc p{ font-size:14px; line-height:30px; text-align:center; margin-top:5px; }
.use_direction3_bc>div{ width:180px; height:34px; z-index:48; position:relative; top:-163px; color:#fff; text-align:center; margin:0 auto; }
.use_direction3_bc>div p{ width:80px; height:34px; background-color: rgba(143, 196, 30, 0.7); padding:3px; }
.use_direction4_b{ width:100%; height: auto; float:left; margin-top:15px; margin-bottom:0px; }
.use_direction4_bc{ width:180px; height:176px; float:left; padding:0px; margin-right:6px; }
.use_direction4_bc p{ font-size:14px; line-height:22px; text-align:center; margin-top:5px; text-overflow: ellipsis; white-space: nowrap;}
.use_direction4_bc>div{ width:180px; height:34px; z-index:48; position:relative; top:-155px; color:#fff; text-align:center; margin:0 auto; }
.use_direction4_bc>div p{ width:80px; height:34px; background-color: rgba(143, 196, 30, 0.7); padding:3px; }
.use_direction5_bc{ width:50%; height:200px; float:left; padding:10px 5px; }
.use_direction5_bc p{ font-size:14px; line-height:30px; text-align:center; margin-top:5px; }
.use_direction5_bc>div{ width:180px; height:34px; z-index:48; position:relative; top:-163px; color:#fff; text-align:center; margin:0 auto; }
.use_direction5_bc>div p{ width:80px; height:34px; background-color: rgba(143, 196, 30, 0.7); padding:3px; }

}
@media (min-width: 414px) {
.use_direction3_bc>div{ width:180px; height:34px; z-index:48; position:relative; top:-164px; color:#fff; text-align:center; margin:0 auto; }
.use_direction3_bc>div p{ width:80px; height:34px; background-color: rgba(143, 196, 30, 0.7); padding:3px; }
.use_direction4_bc>div{ width:180px; height:34px; z-index:48; position:relative; top:-156px; color:#fff; text-align:center; margin:0 auto; }
.use_direction4_bc>div p{ width:80px; height:34px; background-color: rgba(143, 196, 30, 0.7); padding:3px; }
}
/*针对1440*2560的android*/
@media (min-width: 480px) {
.content{ padding:0 22px; }
.container { padding-right: 22px; padding-left: 22px; }	
.pro_top,.pro_wrap,.pro_top2 { padding:0 22px; }	
#advertising{ width:100%; height:280px; }
.section-bg{ height:280px; }
.section-bg .slider-text{ margin-top:110px; }
.pro_top_b_l,.pro_top_b_l2 { width:100%; margin: 0 auto; }
.use_direction_bc{ width:202px; height:195px; float:left; padding:0px; margin-left:7px; margin-right:8px; }
.use_direction_bc>div{ width:202px; height:34px; z-index:48; position:relative; top:-178px; color:#fff; text-align:center; margin:0 auto; }
.use_direction_bc>div p{ width:90px; height:34px; background-color: rgba(143, 196, 30, 0.7); padding:3px; }
.use_direction3_bc>div{ width:202px; height:34px; z-index:48; position:relative; top:-177px; color:#fff; text-align:center; margin:0 auto; }
.use_direction3_bc>div p{ width:90px; height:34px; background-color: rgba(143, 196, 30, 0.7); padding:3px; }
.use_direction3_bc{ width:200px; height:180px; float:left; padding:0px; margin-right:18px; }
.use_direction4_bc>div{ width:202px; height:34px; z-index:48; position:relative; top:-169px; color:#fff; text-align:center; margin:0 auto; }
.use_direction4_bc>div p{ width:90px; height:34px; background-color: rgba(143, 196, 30, 0.7); padding:3px; }
.use_direction4_bc{ width:200px; height:180px; float:left; padding:0px; margin-right:18px; }
.use_direction3_bc>div{ width:202px; height:34px; z-index:48; position:relative; top:-177px; color:#fff; text-align:center; margin:0 auto; }
.use_direction3_bc>div p{ width:90px; height:34px; background-color: rgba(143, 196, 30, 0.7); padding:3px; }
.use_direction3_bc{ width:200px; height:180px; float:left; padding:0px; margin-right:18px; }
.data_down_list li{ width:430px; }
.use_direction5_bc>div{ width:202px; height:34px; z-index:48; position:relative; top:-177px; color:#fff; text-align:center; margin:0 auto; }
.use_direction5_bc>div p{ width:90px; height:34px; background-color: rgba(143, 196, 30, 0.7); padding:3px; }
.use_direction5_bc{ width:50%; height:200px; float: left; padding: 10px 10px; }

.index_product{ padding:20px 22px 40px; }
.plan_advantage_bc { width: 50%; height: 210px; float: left; padding: 0; padding: 20px 5px 10px 5px;}
.plan_advantage_bc>p { width: 100%; margin: 0 auto; font-size: 14px; margin-top: 8px; line-height: 22px; text-align: center; margin-top: 5px;}
 
}
@media (min-width: 500px) {
.content{ padding:0 23px; }
.container { padding-right: 23px; padding-left: 23px; }		
.pro_top,.pro_wrap,.pro_top2 { padding:0 23px; }	
#advertising{ width:100%; height:292px; }
.section-bg{ height:292px; }
.section-bg .slider-text{ margin-top:70px; }
.pro_top_b_l,.pro_top_b_l2 {  width:100%; margin: 0 auto; }
.data_down_list li{ width:445px; }	
.use_direction_bc{  margin-left:12px; margin-right:12px; }
.use_direction3_bc{ width:200px; height:200px; float:left; padding:0px; margin-right:25px; }
.use_direction3_bc>div{ width:202px; height:34px; z-index:48; position:relative; top:-176px; color:#fff; text-align:center; margin:0 auto; }
.use_direction4_bc{ width:200px; height:195px; float:left; padding:0px; margin-right:25px; }
.use_direction4_bc>div{ width:202px; height:34px; z-index:48; position:relative; top:-169px; color:#fff; text-align:center; margin:0 auto; }
.use_direction5_bc>div{ width:202px; height:34px; z-index:48; position:relative; top:-177px; color:#fff; text-align:center; margin:0 auto; }
.use_direction5_bc>div p{ width:90px; height:34px; background-color: rgba(143, 196, 30, 0.7); padding:3px; }
.use_direction5_bc{ width:50%; height:220px; float: left; padding: 10px 10px; }

.index_product{ padding:20px 23px 40px; }
.plan_advantage_bc { width: 50%; height: 230px; float: left; padding: 0; padding: 10px 10px 10px 10px;}
.program_advantage_bc>p { width: 100%; margin: 0 auto; font-size: 14px; margin-top: 8px; line-height: 22px; text-align: center; margin-top: 5px;}
 
}
@media (min-width: 600px) {
.content{ padding:0 28px; }
.container { padding-right: 28px; padding-left: 28px; }		
.pro_top,.pro_wrap,.pro_top2 { padding:0 28px; }	
#advertising{ width:100%; height:350px; }
.section-bg{ height:350px; }
.section-bg .slider-text{ margin-top:88px; }
.sub-heading{ font-size: 14px; line-height:26px; }
.pro_top_b_l,.pro_top_b_l2 {  width:100%; margin: 0 auto; }
.use_direction_bc{ width:250px; height:227px; float:left; padding:0px; margin-left:11px; margin-right:11px; }
.use_direction_bc>div{ width:250px; height:34px; z-index:48; position:relative; top:-210px; color:#fff; text-align:center; margin:0 auto; }
.use_direction_bc>div p{ width:100px; height:34px; background-color: rgba(143, 196, 30, 0.7); padding:3px; }
.data_down_list li{ width:540px; }	
.use_direction2_bc{ width:170px; height:180px; float:left; padding:0px; margin-right:10px; }
.use_direction2_bc p{ font-size:14px; line-height:24px; text-align:center; margin-top:15px; }
.use_direction3_bc{ width:230px; height:200px; float:left; padding:0px; margin-right:40px; }
.use_direction3_bc>div{ width:250px; height:34px; z-index:48; position:relative; top:-196px; color:#fff; text-align:center; margin:0 auto; }
.use_direction3_bc>div p{ width:100px; height:34px; background-color: rgba(143, 196, 30, 0.7); padding:3px; }
.use_direction4_bc{ width:230px; height:212px; float:left; padding:0px; margin-right:40px; }
.use_direction4_bc>div{ width:250px; height:34px; z-index:48; position:relative; top:-189px; color:#fff; text-align:center; margin:0 auto; }
.use_direction4_bc>div p{ width:100px; height:34px; background-color: rgba(143, 196, 30, 0.7); padding:3px; }
.use_direction5_bc{ width:50%; height:240px; float: left; padding: 10px 10px;}
.use_direction5_bc>div{ width:250px; height:34px; z-index:48; position:relative; top:-196px; color:#fff; text-align:center; margin:0 auto; }
.use_direction5_bc>div p{ width:100px; height:34px; background-color: rgba(143, 196, 30, 0.7); padding:3px; }
.index_product{ padding:20px 28px 40px; }
.index_product .index_product_h3{ margin:40px 0px 20px; font-size:20px; line-height:30px; font-weight:bold; }
.index_product_content{ margin-bottom:35px; }
.index_product_content h3{ font-size:20px; color:#61c1be; line-height:30px; margin-bottom:5px; }
.index_product_content a>h3{ color:#61c1be; }
.index_product_content a:hover>h3{ color:#61c1be; }
.index_product_content p{ margin-bottom:15px; }

.matrix_ad .sub-heading { width: 182px;}
.plan_advantage_bc {width: 50%; height: 240px; float: left; padding: 0; padding: 10px 10px 10px 10px;}
.vehicle_ad .sub-heading { width: 320px;}
.programme_characteristics_bc { width: 50%; height: auto; float: left; padding: 0px;}
}
@media (min-width: 700px) {
.content{ padding:0 33px; }
.container { padding-right: 33px; padding-left: 33px; }		
.pro_top,.pro_wrap,.pro_top2 { padding:0 33px; }	
#advertising { width: 100%; height: 409px; overflow: hidden; position: relative; }
.slides { height: 409px; margin: 0 auto; }
.section-bg { width: 100%; height: 409px; position: absolute; background-size: 100% 100%; z-index: 3; }	
.secondary-heading { width: 600px; color: #fff; font-size: 40px; line-height: 30px; margin: 0 0 14px 0; padding: 0; position: relative; }
.section-bg .slider-text { width: 600px; height: 100px; margin: 110px 0px 10px 0px; padding: 0; }
.pro_top_b_l,.pro_top_b_l2 { width:100%; margin: 0 auto; }
.pro_top_b_l img,.pro_top_b_l2 img{ margin:0 auto; }
.use_direction_bc{ width:274px; height:242px; float:left; padding:0px; margin-left:15px; margin-right:25px; }
.use_direction_bc>div{ width:274px; height:34px; z-index:48; position:relative; top:-225px; color:#fff; text-align:center; margin:0 auto; }
.use_direction_bc>div p{ width:100px; height:34px; background-color: rgba(143, 196, 30, 0.7); padding:3px; }
.use_direction2_bc{ width:186px; height:200px; float:left; padding:0px; margin-right:25px; }
.data_down_list li{ width:620px; }	
.use_direction3_bc{ width:45%; height:220px; float:left; padding:0px; margin-right:25px; }
.use_direction3_bc>div{ width:276px; height:34px; z-index:48; position:relative; top:-226px; color:#fff; text-align:center; margin:0 auto; }
.use_direction3_bc>div p{ width:100px; height:34px; background-color: rgba(143, 196, 30, 0.7); padding:3px; }
.use_direction4_bc{ width:45%; height:242px; float:left; padding:0px; margin-right:25px; }
.use_direction4_bc>div{ width:276px; height:34px; z-index:48; position:relative; top:-218px; color:#fff; text-align:center; margin:0 auto; }
.use_direction4_bc>div p{ width:100px; height:34px; background-color: rgba(143, 196, 30, 0.7); padding:3px; }
.index_product_photo{ width:550px; height:310px; margin:0; }
.use_direction5_bc{ width:50%; height:290px; float: left; padding: 10px 10px;}
.use_direction5_bc>div{ width:250px; height:34px; z-index:48; position:relative; top:-196px; color:#fff; text-align:center; margin:0 auto; }
.use_direction5_bc>div p{ width:100px; height:34px; background-color: rgba(143, 196, 30, 0.7); padding:3px; }

.matrix_ad .secondary-heading {width: 316px; line-height: 51px;}
.matrix_ad .sub-heading {width: 194px;}
.plan_advantage_bc { width: 50%; height: 250px; float: left; padding: 0; padding: 10px 10px 10px 10px;}
 
}
@media (min-width: 767px) {
.content{ padding:0 40px; }	
.container { padding-right: 40px; padding-left: 40px; }		
.pro_top,.pro_top2,.pro_wrap { padding:0 40px; }
#advertising{ width:100%; height:448px; }
.section-bg{ height:448px; }
.section-bg .slider-text{ margin-top:120px; }	
.use_direction_b{ width:640px; height: auto; float:left; margin-top:15px; margin-bottom:0px; margin-left:30px; }
.data_down_list li{ width:680px; }	

.index_product{ width:100%; height:auto; padding:0 40px; }
.index_product .index_product_h3{ margin:60px 0px 20px; padding:0 10px; font-size:22px; line-height:32px; font-weight:bold; }
.index_product .index_product_p{ padding:0 10px; }
.index_product_row{ width:100%; height:450px; margin:20px 0px; }
.zutu_line{ border-bottom: 1px #e6e6e6 solid; }
.index_product_content{ width:50%; height:auto; float:left; padding:0 10px; }
.index_product_content h3{ font-size:22px; color:#61c1be; line-height:32px; }
.index_product_content a>h3{ color:#61c1be; }
.index_product_content a:hover>h3{ color:#61c1be; }
.index_product_content p{ font-size:14px; line-height:24px; width:320px; height:150px; }
.index_product_photo{ width:320px; height:165px; }

.use_direction4_bc { width: 45%; height: 242px; float: left; padding: 0px; margin-right: 25px;}
.programme_characteristics_bc>h2{font-size: 18px; margin-top: 0px; margin-bottom:10px; background: url(../images/carbcontrol/digital/s_dd.png) no-repeat 10px 14px; line-height: 32px;}
.programme_characteristics_bc>p{ font-size: 16px; margin-top: 0px; margin-bottom:20px;}
 
}
@media (min-width: 768px) {	
#use_direction{ width:100%; height: auto; margin: 20px auto 0px; background:#ffffff; overflow:hidden; }
.use_direction_t{ width:100%; height: 55px; float:left; margin-top:15px; margin-bottom:10px; }
.use_direction_tc{ width:25%; height: 55px; float:left; padding:10px 10px 10px 29px; }
.use_direction_tc p{ min-width:120px; font-size:20px; color:#000000; border:1px solid #96c16f; border-radius:10px; padding:5px 20px; display:inline-block; text-decoration:none; }
.use_direction_b{ width:100%; height: auto; float:left; margin:0px 0px 20px; }
.use_direction_bc{ width:25%; height:190px; float:left; padding:10px 10px 10px 0px; margin-left:0px; margin-right:0px; }
.use_direction_bc p{ font-size:16px; line-height:28px; text-align:center; margin-top:15px; }	
.use_direction2_b{ width:100%; height: auto; float:left; margin:0px 0px 20px; }
.use_direction2_bc{ width:33%; height:240px; float:left; padding:10px 10px 10px 0px; margin-left:0px; margin-right:0px; }
.use_direction2_bc p{ font-size:16px; line-height:26px; text-align:center; margin-top:18px; }	
.use_direction3_b{ width:100%; height: auto; float:left; margin:0px 0px 20px; }
.use_direction3_bc{ width:50%; height:250px; float:left; padding:10px 10px 10px 0px; margin-left:0px; margin-right:0px; }
.use_direction3_bc p{ font-size:16px; line-height:28px; text-align:center; margin-top:15px; }		
.use_direction4_b{ width:100%; height: auto; float:left; margin:0px 0px 20px; }
.use_direction4_bc{ width:25%; height:200px; float:left; padding:10px 10px 10px 0px; margin-left:0px; margin-right:0px; }
.use_direction4_bc p{ font-size:16px; line-height:28px; text-align:center; margin-top:15px; }		
.taillight .use_direction3_bc p { font-size: 16px; line-height: 28px; text-align: center; margin-top: 15px;}
.matrix .use_direction_tc { width: 25%; height: 55px; float: left; padding: 10px 10px 10px 0px;}

.use_direction5_b{ width:100%; height: auto; float:left; margin:20px 0px 20px; }
.use_direction5_bc{ width:50%; height:300px; float: left; padding: 10px 10px;}
.use_direction5_bc p{ font-size:16px; line-height:28px; text-align:center; margin-top:15px; }	

.plan_advantage_b{ width: 100%; height: auto; float: left; margin: 0px 0px 20px;}
.plan_advantage_bc {height: 260px;} 
.plan_advantage_bc>p {font-size: 16px; line-height: 24px;text-align: center; margin: 0 auto; margin-top: 15px; width:95%;}

#display_scheme .scheme_d { float: left; height: auto; padding-bottom: 20px; width: 50%; margin-top: 30px;}
#display_scheme h2 { font-size: 22px; height: 37px; line-height: 37px; text-align: left; margin-top: 0;}
}
@media (min-width: 770px) {	
.matrix_ad .sub-heading {   width: 280px;}
}
@media (min-width: 785px) {
#advertising{ width:100%; height:458px; }
.section-bg{ height:458px; }
.data_down_list li{ width:690px; }	
.use_direction5_bc{ width:50%; height:320px; float: left; padding: 10px 10px;}
.use_direction5_bc>div{ width:250px; height:34px; z-index:48; position:relative; top:-196px; color:#fff; text-align:center; margin:0 auto; }
.use_direction5_bc>div p{ width:100px; height:34px; background-color: rgba(143, 196, 30, 0.7); padding:3px; }


}
@media (min-width: 800px) {
.use_direction_tc { width: 25%; height: 55px; float: left; padding: 10px 10px 10px 36px;}
.plan_advantage_bc{ width: 33%; height: 260px; float: left; padding: 10px 10px 10px 0px;}
.use_direction5_bc{ width:50%; height:340px; float: left; padding: 10px 15px;}
.use_direction5_bc>div{ width:250px; height:34px; z-index:48; position:relative; top:-196px; color:#fff; text-align:center; margin:0 auto; }
.use_direction5_bc>div p{ width:100px; height:34px; background-color: rgba(143, 196, 30, 0.7); padding:3px; }

#display_scheme .scheme_d { float: left; height: auto; padding-bottom: 20px; width: 50%;}
#display_scheme h2 { font-size: 22px; height: 37px; line-height: 37px; text-align: left; margin-top: 0;}
}
@media (min-width: 880px) {
#advertising{ width:100%; height:514px; }
.section-bg{ height:514px; }
.section-bg .slider-text{ margin-top:130px; }
.data_down_list li{ width:800px; }	

.index_product_row{ width:100%; height:475px; margin:20px 0px; }
.index_product .index_product_h3{ margin:60px 0px 20px; padding:0 20px; font-size:22px; line-height:32px; font-weight:bold; }
.index_product .index_product_p{ padding:0 20px; }
.index_product_content{ padding:0 20px; }
.index_product_content h3{ height:34px; font-size:22px; color:#61c1be; line-height:32px; overflow:hidden; }
.index_product_content a>h3{ color:#61c1be; }
.index_product_content a:hover>h3{ color:#61c1be; }
.index_product_content p{ font-size:14px; line-height:24px; width:350px; height:150px; }
.index_product_photo{ width:350px; height:200px; }

.use_direction_tc { width: 25%; height: 55px; float: left; padding: 10px 10px 10px 58px;}

}
@media (min-width: 980px) {
#advertising{ width:100%; height:572px; }
.section-bg{ height:572px; }
.sub-heading { width:500px; }
.use_direction_b{  margin:0px 0px 50px; }
.data_down_list li{ width:900px; }

.index_product_row{ width:100%; height:480px; margin:20px 0px; }
.index_product .index_product_h3{ margin:60px 0px 20px; padding:0 25px; font-size:22px; line-height:32px; font-weight:bold; }
.index_product .index_product_p{ padding:0 25px; }
.index_product_content{ padding:0 25px; }
.index_product_content p{ font-size:14px; line-height:24px; width:390px; height:135px; }
.index_product_photo{ width:400px; height:235px; }

.use_direction_tc { width: 25%; height: 55px; float: left; padding: 10px 10px 10px 85px;}
.use_direction5_bc{ width:50%; height:380px; float: left; padding: 10px 15px;}
.use_direction5_bc>div{ width:250px; height:34px; z-index:48; position:relative; top:-196px; color:#fff; text-align:center; margin:0 auto; }
.use_direction5_bc>div p{ width:100px; height:34px; background-color: rgba(143, 196, 30, 0.7); padding:3px; }

.plan_advantage_bc { width: 33%; height: 280px; float: left; padding: 10px 10px 10px 0px;}
}
@media (min-width: 1024px) {
.content{ width: 970px; margin: 0 auto; padding:0px 15px; }
.container { padding-left: 0px; }
#zlg1_masthead_wrap { position: relative; top: 0; width: 100%; z-index: 900; padding: 0px; border-bottom: none; }
#advertising { width: 100%; height: 282px; overflow: hidden; position: relative; }
.section-bg .slider-text { width: 426px; height: 86px; margin: 75px 10px 70px 20px; padding: 0; }
.section-bg { width: 100%; height: 282px; position: absolute; background-size: 100% 100%; z-index: 3; }
.slides { height: 282px; margin: 0 auto; }
.secondary-heading { width: 550px; font-size: 36px; color:#ffffff; line-height: 48px; margin: 0 0 10px 0; padding: 0; }
.sub-heading { width: 480px; color: #fff; font-size: 18px; line-height: 28px; margin: 0; padding: 0; position: relative; }
.banner_more { display: block; padding-right: 15px; padding-left: 0px; margin-left: 20px; height: auto; }
.banner_more p { margin-top: 20px; color: #61c1be; font-size: 14px; line-height: 26px; }
/*车身控制方案banner*/
.carlighting_ad{ background: url(../images/carbcontrol/carlighting/banner-big.jpg) center center no-repeat; }
.rfreceiver_ad{ background: url(../images/carbcontrol/rfreceiver/banner-big.jpg) center center no-repeat; }
.tpms_ad{ background: url(../images/carbcontrol/tpms/banner-big.jpg) center center no-repeat; }
.tpms2_ad{ background: url(../images/carbcontrol/tpms/banner2-big.jpg) center center no-repeat; }
.pkg_ad{ background: url(../images/carbcontrol/pkg/banner-big.jpg) center center no-repeat; }
.immo_ad{ background: url(../images/carbcontrol/immo/banner-big.jpg) center center no-repeat; }
.peps_ad{ background: url(../images/carbcontrol/peps/banner-big.jpg) center center no-repeat; }
.taillight_ad{ background: url(../images/carbcontrol/taillight/banner-big.jpg) center center no-repeat; }
.automobile_ad{ background: url(../images/carbcontrol/automobile/banner-big.jpg) center center no-repeat; }
.index_ad{ background: url(../images/carbcontrol/banner-big.jpg) center center no-repeat; }
.matrix_ad{ background: url(../images/carbcontrol/matrix/banner-big.jpg) center center no-repeat; }
.schemea_ad{ background: url(../images/carbcontrol/schemea/banner-big.jpg) center center no-repeat; }
.nfc_ad{ background: url(../images/carbcontrol/nfc/banner-big.jpg) center center no-repeat; }
.digital_ad{ background: url(../images/carbcontrol/digital/banner-big.jpg) center center no-repeat; }
.vehicle_ad{ background: url(../images/carbcontrol/vehicle/banner-big.jpg) center center no-repeat; }

.pro_norms,table tr th { font-size: 16px; }
.pro_top,.pro_top2{ padding:0px; }	
.pro_top .banner_more,.pro_top2 .banner_more { display: none; }
.pro_top_b { width: 100%; max-width: 1200px; height: auto; margin: 0 auto; border-bottom:2px solid #61c1be; }
.pro_top_b_l { width: 360px; height: 275px; float: left; margin: 90px auto 50px; padding:20px; }
.pro_top_b_l2 { width: 360px; height: 275px; float: left; margin: 10px auto; padding:20px; }
.pro_top_b_r { width: 664px; height: auto; float: right; margin: 40px auto 50px; padding:40px 20px 10px; font-size: 16px; line-height: 26px; }
.pro_top_b_r ul{  width: 100%; padding-left:20px; }
.pro_top_b_r li{ line-height:28px; list-style-type:disc; color:#61c1be; }	
.pro_top_b_r li>p{ color:#333333; margin-bottom:0px; }

.pro_top_b2 { width: 100%; max-width: 1200px; height: 240px; margin: 0 auto; border-bottom:2px solid #61c1be; }
.pro_top_b2_l { width: 100%; height: 255px; margin: 0 auto; float: left; padding: 30px 30px 30px; border-bottom: none; }
.pro_top_b2_l p { font-size: 16px; line-height: 28px; padding-bottom: 0px; width: 630px; float: right; margin-left: 0px; margin-top: 20px; }
.pro_top_b2_l .pai { width: 300px; height: 260px; float: left; margin: 0; }
.automobile .pro_top_b_l2{margin: 100px auto;}
.matrix .pro_top_b_l2{margin: 50px auto;}
.nfc_ad .sub-heading { width: 480px;}
.yang_card_pro { width: 100%; margin: 20px 0px 0px; padding: 0px; overflow: auto; }
.yang_card_pro .content{ width: 100%; margin: 0 auto; padding:0px; }
#functional_bd{ width:100%; height: auto; margin: 0 auto; background:#ffffff; }
#functional_bd h3,#product_recommend h3,#use_direction h3,#reference_design h3,#data_down h3,#reference_design-2 h3,#plan_advantage h3,#programme_characteristics h3{ font-size:30px; font-weight:bold; margin-top:80px; margin-bottom:35px; }
#functional_bd p{ font-size:16px; line-height:28px; }

#product_recommend{ width:100%; height: auto; margin: 0 auto; background:#ffffff; overflow:hidden; }
#use_direction{ width:100%; height: auto; margin: 0 auto; background:#ffffff; overflow:hidden; }
#use_direction p{ font-size:16px; line-height:28px; }
.use_direction_t{ width:100%; height: 55px; float:left; margin-top:5px; margin-bottom:10px; }
.use_direction_tc{ width:25%; height: 55px; float:left; padding:10px 10px 10px 90px; }
.use_direction_tc p{ min-width:120px; font-size:20px; color:#000000; border:1px solid #96c16f; border-radius:10px; padding:5px 20px; display:inline-block; text-decoration:none; }

.use_direction_b{ width:100%; height: auto; float:left; margin-bottom:80px;}
.use_direction_bc{ width:25%; height:250px; float:left; padding:10px 10px 10px 0px; }
.use_direction_bc p{ font-size:20px; line-height:36px; text-align:center; margin-top:25px; }
.use_direction2_b{ width:100%; height: auto; float:left; margin-bottom:80px; }
.use_direction2_bc{ width:33%; height:250px; float:left; padding:10px 10px 10px 0px; }
.use_direction2_bc p{ font-size:18px; line-height:28px; text-align:center; margin-top:28px; }
.use_direction3_b{ width:100%; height: auto; float:left; margin-bottom:80px; }
.use_direction3_bc{ width:50%; height:250px; float:left; padding:10px 10px 10px 0px; }
.use_direction3_bc p{ font-size:18px; line-height:28px; text-align:center; margin-top:28px; }
.use_direction4_b{ width:100%; height: auto; float:left; margin-bottom:80px; }
.use_direction4_bc{ width:25%; height:250px; float:left; padding:10px 10px 10px 0px; }
.use_direction4_bc p{ font-size:18px; line-height:28px; text-align:center; margin-top:28px; }
.taillight .use_direction3_bc p {  font-size: 18px; line-height: 28px; text-align: center; margin-top: 28px;}

.use_direction5_bc{ width:50%; height:400px; float: left; padding: 10px 15px;}
.use_direction5_bc>div{ width:250px; height:34px; z-index:48; position:relative; top:-196px; color:#fff; text-align:center; margin:0 auto; }
.use_direction5_bc>div p{ width:100px; height:34px; background-color: rgba(143, 196, 30, 0.7); padding:3px; }
.use_direction5_bc p{ font-size:18px; line-height:28px; text-align:center; margin-top:28px; }

#programme_characteristics{ width:100%; height: auto; margin: 0 auto; background:#ffffff; overflow:hidden; }
.programme_characteristics_b{ width:100%; height: auto; float:left; margin-bottom:80px; }
.programme_characteristics_bc{ width:50%; height:auto; float:left; padding: 0px;}
 
#reference_design{ width:100%; height: auto; margin: 0 auto ; background:#f5f5f5; overflow:hidden; }
.reference_design_row{ width:100%; height: auto; float:left; margin-bottom:0px; }
.reference_design_l{ width:470px; height: auto; float:left; margin-top:10px; margin-bottom:80px; }
.reference_design_r{ width:470px; height: auto; float:left; margin-top:10px; padding:0px 35px 80px; }
.reference_design_r h3{ font-size:24px !important; color:#61c1be; margin-top:0px !important; margin-bottom:14px !important; line-height:38px; }
.reference_design_r ul,.reference_design_r li{ width:100%; float:left; font-size:16px;}
.reference_design_r li{ list-style-type:disc; color:#61c1be; margin-left:20px; line-height:30px; }	
.reference_design_r li>p{ margin-bottom:0px; color:#000000; padding-left:8px; }
#data_down{ width:100%; height: auto; background:#ffffff; margin: 0 auto 100px auto; overflow:hidden; }
.data_down_row{ width:100%; height: auto; float:left; margin:15px auto 15px auto; }
.data_down_list{ width:50%; height: auto; float:left; padding-right:25px; }
.data_down_list h4{ font-size:18px; margin-top:10px; margin-bottom:28px; }
.data_down_list ul,.data_down_list li{ width:100%; float:left; }
.data_down_list li{ background:url(../images/plan-pdf.jpg) no-repeat 0px 0px; padding-top:8px; padding-left:70px; margin-bottom:18px; font-size:16px; line-height:28px; }
.data_down_list li a{ color:#61c1be; }
.data_down_list span{ width:100%; float:left; padding-left:7px; }

.index_product_row{ width:100%; height:525px; margin:20px 0px; }
.index_product .index_product_p{ font-size:16px; line-height:28px; }
.index_product_content{ padding:0 25px; }
.index_product_content p{ font-size:16px; line-height:28px; width:400px; height:175px; }
.index_product_photo{ width:400px; height:235px; } 

.matrix_ad .secondary-heading { width: 550px;line-height: 48px;}
.matrix_ad .sub-heading { width: 480px;}
.plan_advantage_b{width: 100%; height: auto; float: left; margin-bottom: 20px; padding:0 20px;}
.plan_advantage_bc {width: 25%; height: 260px; float: left; padding: 20px 8px 10px 8px;}
.plan_advantage_bc p{ font-size: 18px; line-height: 28px; text-align: center; margin-top: 25px;}
 
.pro_top_b_c {padding: 40px 20px 20px; font-size: 16px; line-height: 26px;}
#display_scheme{ width: 1024px; height: 1013px; background: url(../images/carbcontrol/vehicle/display_scheme_01.jpg) center center no-repeat;}
#display_scheme .content{ width: 1024px; padding: 0;}
#display_scheme h3{ font-size: 36px; text-align: center; margin-top: 44px; font-weight: 700;}
#display_scheme h2{ font-size: 18px; background-color: #61c1be; color:#ffffff; width:254px; height: 37px; line-height: 37px; border-radius:16px 16px 0 0; text-align: center; margin-top:0;}
#display_scheme .scheme_d h3{ font-size: 16px; color: #61c1be; padding: 0 13px; margin-top: 10px; text-align: left;}
#display_scheme .scheme_d{ background:#fbfaff59; float: left; width: 254px; height: auto; padding-bottom: 20px; border-radius:16px 16px 0 0; margin-top: 68px;}
#display_scheme .scheme_d ul li{ font-size: 14px; color: #000; line-height: 24px; padding: 0 13px;}
#display_scheme .scheme_d:nth-of-type(1){ width:255px; }
#display_scheme .scheme_d:nth-of-type(2){ margin-left: 140px; }
#display_scheme .scheme_d:nth-of-type(3){ margin-left: 528px; width: 240px; margin-top: -200px;}
#display_scheme .scheme_d:nth-of-type(4){ margin-top: -300px; margin-left: 788px; width: 236px; }
#display_scheme .scheme_d:nth-of-type(3) h2{ width: 240px;}
#display_scheme .scheme_d:nth-of-type(4) h2{ width: 236px;}
#display_scheme .ddl h4{ font-size: 22px; color: #61c1be; text-align: center; padding: 0 0 21px;}
#display_scheme .ddl h5{ font-size: 16px; color: #61c1be; margin-top: 32px;}
#display_scheme .ddl h6{ font-size: 14px; color: #38383a; font-weight: 700; margin: 0 0; line-height: 24px;}
#display_scheme .ddl p{ font-size: 14px; color: #38383a; line-height: 24px; margin: 0 0;}
#display_scheme .ddl .motor-diagram-img{ margin-bottom: 18px;}
#tcmyVideo1, #tcmyVideo2{ width: 940px; height: auto; float: left; background: #FFF;}
.video-preview { width: 940px; height: 530px; float: left; cursor: pointer; border-bottom: 1px solid #eeeeee;}
#display_scheme .tc_video_ex{ padding: 20px 0 30px 10px; width: 940px; height: auto; overflow: hidden;}
#display_scheme .tc_video_ex h2{ font-size: 16px; font-weight: 700; background-color: #0000; text-align: left; color:#38383a;}
#display_scheme .tc_video_ex p{ font-size: 14px; line-height: 24px; }
}
@media (min-width: 1080px) {
.content{ width: 1030px; }
.pro_top_b { height: auto; }
.pro_top_b_l { width: 380px; height: 290px; float: left; margin: 80px auto 50px; padding:20px; }
.pro_top_b_l2 { width: 380px; height: 260px; float: left; margin: 10px auto; padding:20px; }
.pro_top_b_r { width: 700px; height: auto; float: right; font-size: 16px; line-height: 28px; margin: 40px auto 50px; }
.pro_top_b_c{width: 100%; font-size: 16px; line-height: 28px; margin: 40px auto 50px; }

.pro_top_b2_l { width: 100%; height: 240px; margin: 0 auto; float: left; padding: 30px 30px 30px; border-bottom: none; }
.pro_top_b2_l p { width: 680px; }

.use_direction_tc{ width:25%; height: 55px; float:left; padding:10px 10px 10px 107px; }
.use_direction_tc p{ min-width:120px; font-size:20px; color:#000000; border:1px solid #96c16f; border-radius:10px; padding:5px 20px; display:inline-block; text-decoration:none; }
 
.reference_design_l{ width:480px; height: auto; float:left; margin-top:10px; margin-bottom:80px; }
.reference_design_r{ width:515px; height: auto; float:left; margin-top:10px; padding:0px 35px 80px; }

.index_product_row{ width:100%; height:540px; margin:30px 0px; }
.index_product_content{ padding:0 30px; }
.index_product_content p{ font-size:16px; line-height:28px; width:440px; height:165px;}
.index_product_photo{ width:440px; height:250px; }

#plan_advantage { height: auto; overflow: hidden; margin-top: 40px; margin-bottom: 80px;}

#display_scheme .content{width: 100%;}
#display_scheme{ width:1080px; height: 1013px; background: url(../images/carbcontrol/vehicle/display_scheme_01.jpg) center center no-repeat;}
#display_scheme .scheme_d:nth-of-type(3) { margin-left: 584px; width: 240px; margin-top: -200px;}
#display_scheme .scheme_d:nth-of-type(4) { margin-top: -300px; margin-left: 843px;  width: 236px;}

}
@media (min-width: 1200px) {
.content{ width: 100%; max-width:1200px; }	
.pro_top,.pro_wrap { padding:0 20px; }	
.pro_top_b { width: 100%; max-width: 1200px; height: auto; margin: 0 auto; }
.pro_top_b_l { width: 380px; height: 250px; margin: 90px auto 60px; float: left; padding: 0px; }
.pro_top_b_l2 { width: 380px; height: 260px; float: left; margin: 10px auto; padding:20px; }
.pro_top_b_r { width: 775px; height: auto; margin: 50px auto 60px; float: right; font-size: 16px; line-height: 28px; }
.pro_top_b_c{ width: 100%; margin: 50px auto 60px; font-size: 16px; line-height: 28px; }

.pro_top_b2 { width: 100%; max-width: 1200px; height: 260px; margin: 0 auto; border-bottom:2px solid #61c1be; }
.pro_top_b2_l { width: 100%; height: 250px; margin: 0 auto; float: left; padding: 35px 30px 60px; border-bottom: none; }
.pro_top_b2_l p { width: 740px; font-size: 16px; line-height: 28px; padding-bottom: 0px; float: right; margin-left: 0px; margin-top: 30px; }
.pro_top_b2_l .pai { width: 360px; height: 300px; float: left; margin-left: 10px; }


#functional_bd{ margin-bottom:20px; }
.functional_bd_row{ width:1166px; height:auto; float:left; }
.functional_bd_l{ width:316px; height:auto; float:left; }
.functional_bd_l h4{ width:100%; font-size:20px; line-height:28px; margin:50px 0 20px; }
.functional_bd_l p{ width:100%; }
.functional_bd_r{ width:800px; height:auto; float:left; margin-left:50px; }

#functional_diagram_pc{ width:912px; height:608px; background:url(../images/carbcontrol/carlighting/functional-b.jpg) center center no-repeat; margin:55px auto 20px; position:relative; font-size:14px; line-height:28px; color:#ffffff; }
#functional_diagram_pc1{ width:724px; height:424px; background:url(../images/carbcontrol/rfreceiver/functional.jpg) center center no-repeat; margin:55px auto 20px; position:relative; font-size:14px; line-height:28px; color:#ffffff; }
#functional_diagram_pc2{ width:900px; height:450px; background:url(../images/carbcontrol/tpms/functional-b.jpg) center center no-repeat; margin:55px auto 20px; position:relative; font-size:14px; line-height:28px; color:#ffffff; }
#functional_diagram_pc3{ width:1058px; height:733px; background:url(../images/carbcontrol/tpms/functional2-b.jpg) center center no-repeat; margin:55px auto 20px; position:relative; font-size:14px; line-height:28px; color:#ffffff; }
#functional_diagram_pc4{ width:784px; height:648px; background:url(../images/carbcontrol/pkg/functional-b.jpg) center center no-repeat; margin:15px auto; position:relative; font-size:14px; line-height:28px; color:#ffffff; }
#functional_diagram_pc5{ width:826px; height:698px; background:url(../images/carbcontrol/immo/functional.jpg) center center no-repeat; margin:55px auto 20px; position:relative; font-size:14px; line-height:28px; color:#ffffff; }
#functional_diagram_pc6{ width:912px; height:1052px; background:url(../images/carbcontrol/peps/functional-b.jpg) center center no-repeat; margin:55px auto 20px; position:relative; font-size:14px; line-height:28px; color:#ffffff; }
#functional_diagram_pc7{ width:1036px; height:818px; background:url(../images/carbcontrol/automobile/functional-b.jpg) center center no-repeat; margin:55px auto 20px; position:relative; font-size:14px; line-height:28px; color:#ffffff; }
#functional_diagram_pc8{ width:885px; height:611px; background:url(../images/carbcontrol/taillight/functional-b.jpg) center center no-repeat; margin:55px auto 20px; position:relative; font-size:14px; line-height:28px; color:#ffffff; }
#functional_diagram_pc9{ width:1036px; height:635px; background:url(../images/carbcontrol/matrix/functional-b.jpg) center center no-repeat; margin:55px auto 20px; position:relative; font-size:14px; line-height:28px; color:#ffffff; }
#functional_diagram_pc10{ width:1148px; height:608px; background:url(../images/carbcontrol/schemea/functional-b.jpg) center center no-repeat; margin:55px auto 20px; position:relative; font-size:14px; line-height:28px; color:#ffffff; }
#functional_diagram_pc11{ width:798px; height:477px; background:url(../images/carbcontrol/nfc/functional-b.jpg) center center no-repeat; margin:55px auto 20px; position:relative; font-size:14px; line-height:28px; color:#ffffff; }
#functional_diagram_pc12{ width:1178px; height:507px; background:url(../images/carbcontrol/digital/functional-b.jpg?1) center center no-repeat; margin:55px auto 20px; position:relative; font-size:14px; line-height:28px; color:#ffffff; }

.use_direction_t{ width:100%; height: 55px; float:left; margin-top:10px; margin-bottom:10px; }
.use_direction_tc{ width:25%; height: 55px; float:left; padding:10px 10px 10px 149px; }
.use_direction_tc p{ min-width:120px; font-size:20px; color:#000000; border:1px solid #96c16f; border-radius:10px; padding:5px 20px; display:inline-block; text-decoration:none; }
 
.use_direction_bc{ width:25%; height:270px; float:left; padding:10px 10px 10px 0px; }
.use_direction2_bc{ width:33%; height:270px; float:left; padding:10px 10px 10px 0px; }
.reference_design_l{ width:540px; height: auto; float:left; margin-top:10px; margin-bottom:80px; }
.reference_design_r{ width:630px; height: auto; float:left; margin-top:10px; padding:0px 45px 80px 60px; }
.reference_design_r li{  line-height:32px; }

.index_product{ width:100%; max-width:1200px; height:auto; margin:0px auto 20px; padding:0px; }
.index_product_row{ width:100%; height:600px; margin:60px 0px; padding:0px; }
.index_product_content{ padding:0 25px; }
.index_product_content h3 {margin-bottom:20px; }
.index_product_content a>h3{ color:#61c1be; }
.index_product_content a:hover>h3{ color:#61c1be; }
.index_product_content p{ font-size:16px; line-height:28px; width:540px; height:130px; }
.index_product_photo{ width:540px; height:310px; }

#display_scheme {width: 100%; height: 1013px;  background: url(../images/carbcontrol/vehicle/display_scheme_01.jpg) center center no-repeat;}
#display_scheme .content{width: 1080px; margin: 0 auto;}
.motor-diagram-28.motor-diagram-28,.motor-diagram-29,.motor-diagram-30{ width:613px; height:auto; position: absolute; top:830px; left:324px; z-index:299px; background:#ffffff; border:1px solid #61c1be; border-radius:8px; box-shadow: 1px 5px 16px 0px #b2b6b8; display:none; padding: 34px; }
.motor-diagram-31{ width:613px; height:auto; position: absolute; top:846px; left:290px; z-index:299px; background:#ffffff; border:1px solid #61c1be; border-radius:8px; box-shadow: 1px 5px 16px 0px #b2b6b8; display:none; padding: 34px; }
.motor-diagram-32{ width:613px; height:auto; position: absolute; top:830px; left:290px; z-index:299px; background:#ffffff; border:1px solid #61c1be; border-radius:8px; box-shadow: 1px 5px 16px 0px #b2b6b8; display:none; padding: 34px; }
.motor-diagram-33{ width:613px; height:auto; position: absolute; top:1100px; left:290px; z-index:299px; background:#ffffff; border:1px solid #61c1be; border-radius:8px; box-shadow: 1px 5px 16px 0px #b2b6b8; display:none; padding: 34px; }
.motor-diagram-34{ width:613px; height:auto; position: absolute; top:900px; left:50%; margin-left: -470px; z-index:299px; background:#ffffff; border-radius:8px; display:none; padding: 0px; }
.motor-diagram-35{ width:613px; height:auto; position: absolute; top:900px; left:50%; margin-left: -470px; z-index:299px; background:#ffffff; border-radius:8px; display:none; padding: 0px; }

}
@media (min-width: 1208px) {
.content{ padding:0px; }
.section-bg .slider-text { width: 426px; height: 86px; margin: 75px 10px 70px 8px; padding: 0; }
.banner_more { display: block; padding-right: 15px; padding-left: 0px; margin-left: 8px; height: auto; }	
.reference_design_r{ width:660px; height: auto; float:left; margin-top:10px; padding:0px 45px 80px 60px; }	

.use_direction_tc{ width:25%; height: 55px; float:left; padding:10px 10px 10px 158px; }
.use_direction_tc p{ min-width:120px; font-size:20px; color:#000000; border:1px solid #96c16f; border-radius:10px; padding:5px 20px; display:inline-block; text-decoration:none; }
 
}

@media (min-width: 1920px) {
#display_scheme{ width: 1920px; height: 1156px; background: url(../images/carbcontrol/vehicle/display_scheme.jpg) no-repeat;}
#display_scheme h3{ font-size: 36px; text-align: center; margin-top: 94px; font-weight: 700;}
#display_scheme h2{ font-size: 22px; background-color: #61c1be; color:#ffffff; width: 293px; height: 37px; line-height: 37px; border-radius:16px 16px 0 0; text-align: center; margin-top:0;}
#display_scheme .scheme_d h3{ font-size: 18px; color: #61c1be; padding: 0 23px; margin-top: 10px; text-align: left;}
#display_scheme .scheme_d{ background:#fbfaff59; float: left; width: 293px; height: auto; padding-bottom: 30px; border-radius:16px 16px 0 0; margin-top: 55px;}
#display_scheme .scheme_d ul li{ font-size: 16px; color: #000; line-height: 26px; padding: 0 23px;}
#display_scheme .scheme_d:nth-of-type(1){ width: 304px; margin-left: 10px; }
#display_scheme .scheme_d:nth-of-type(2){ margin-left: 140px; }
#display_scheme .scheme_d:nth-of-type(3){ margin-left: 150px; margin-top: 55px; width: 288px;}
#display_scheme .scheme_d:nth-of-type(4){ margin-top: 65px; margin-left: 580px; width: 288px; }
#display_scheme .scheme_d:nth-of-type(3) h2,#display_scheme .scheme_d:nth-of-type(4) h2{ width: 288px;}
#display_scheme .ddl h4{ font-size: 22px; color: #61c1be; text-align: center; padding: 0 0 21px;}
#display_scheme .ddl h5{ font-size: 16px; color: #61c1be; margin-top: 32px;}
#display_scheme .ddl h6{ font-size: 14px; color: #38383a; font-weight: 700; margin: 0 0; line-height: 24px;}
#display_scheme .ddl p{ font-size: 14px; color: #38383a; line-height: 24px; margin: 0 0;}
#display_scheme .ddl .motor-diagram-img{ margin-bottom: 18px;}
#tcmyVideo1, #tcmyVideo2{ width: 940px; height: auto; float: left; background: #FFF;}
.video-preview { width: 940px; height: 530px; float: left; cursor: pointer; border-bottom: 1px solid #eeeeee;}
#display_scheme .tc_video_ex{ padding: 20px 0 30px 10px; width: 940px; height: auto; overflow: hidden;}
#display_scheme .tc_video_ex h2{ font-size: 16px; font-weight: 700; background-color: #0000; text-align: left; color:#38383a;}
#display_scheme .tc_video_ex p{ font-size: 14px; line-height: 24px; }
#display_scheme .content{width: 1200px; margin: 0 auto;}
.motor-diagram-28.motor-diagram-28,.motor-diagram-29,.motor-diagram-30{ width:613px; height:auto; position: absolute; top:830px; left:660px; z-index:299px; background:#ffffff; border:1px solid #61c1be; border-radius:8px; box-shadow: 1px 5px 16px 0px #b2b6b8; display:none; padding: 34px; }
.motor-diagram-31{ width:613px; height:auto; position: absolute; top:846px; left:660px; z-index:299px; background:#ffffff; border:1px solid #61c1be; border-radius:8px; box-shadow: 1px 5px 16px 0px #b2b6b8; display:none; padding: 34px; }
.motor-diagram-32{ width:613px; height:auto; position: absolute; top:830px; left:640px; z-index:299px; background:#ffffff; border:1px solid #61c1be; border-radius:8px; box-shadow: 1px 5px 16px 0px #b2b6b8; display:none; padding: 34px; }
.motor-diagram-33{ width:613px; height:auto; position: absolute; top:1100px; left:640px; z-index:299px; background:#ffffff; border:1px solid #61c1be; border-radius:8px; box-shadow: 1px 5px 16px 0px #b2b6b8; display:none; padding: 34px; }
.motor-diagram-34{ width:613px; height:auto; position: absolute; top:900px; left:50%; margin-left: -470px; z-index:299px; background:#ffffff; border-radius:8px; display:none; padding: 0px; }
.motor-diagram-35{ width:613px; height:auto; position: absolute; top:900px; left:50%; margin-left: -470px; z-index:299px; background:#ffffff; border-radius:8px; display:none; padding: 0px; }

}