#gzlg_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; }



.banner { width: 100%; height: 526px; overflow: hidden; position: relative;  background:url(../images/motor/banner.jpg) center center no-repeat; }





/*框图样式*/

#motor-diagram-1{ width:151px; height:165px; text-align:center; padding-top:13px; position: absolute; top:258px; left:372px; border-radius:15px; }

#motor-diagram-1:hover{ background:#ffffff; opacity:0.3;cursor:pointer; }

/**#motor-diagram-2{ width:139px; height:151px; text-align:center; padding-top:13px; position: absolute; top:226px; left:242px; border-radius:15px; }

#motor-diagram-2:hover{ background:#ffffff; opacity:0.3;cursor:pointer; }**/

#motor-diagram-3{ width:170px; height:186px; text-align:center; padding-top:13px; position: absolute; top:176px; left:718px; border-radius:15px; }

#motor-diagram-3:hover{ background:#ffffff; opacity:0.4;cursor:pointer; }

#motor-diagram-4{ width:84px; height:52px; text-align:center; padding-top:13px; position: absolute; top:175px; left:946px; border-radius:5px; }

#motor-diagram-4:hover{ background:#ffffff; opacity:0.5;cursor:pointer; }

/**#motor-diagram-5{ width:144px; height:158px; text-align:center; padding-top:13px; position: absolute; top:390px; left:379px; border-radius:15px; }

#motor-diagram-5:hover{ background:#ffffff; opacity:0.5;cursor:pointer; }**/

/**#motor-diagram-6{ width:168px; height:173px; text-align:center; padding-top:13px; position: absolute; top:297px; left:495px; border-radius:15px; }

#motor-diagram-6:hover{ background:#ffffff; opacity:0.5;cursor:pointer; }**/

/**#motor-diagram-7{ width:135px; height:147px; text-align:center; padding-top:13px; position: absolute; top:255px; left:252px; border-radius:15px; }

#motor-diagram-7:hover{ background:#ffffff; opacity:0.5;cursor:pointer; }**/

#motor-diagram-8{ width:161px; height:177px; text-align:center; padding-top:13px; position: absolute; top:286px; left:469px; border-radius:15px; }

#motor-diagram-8:hover{ background:#ffffff; opacity:0.5;cursor:pointer; }

/**#motor-diagram-9{ width:171px; height:187px; text-align:center; padding-top:13px; position: absolute; top:233px; left:491px; border-radius:15px; }

#motor-diagram-9:hover{ background:#ffffff; opacity:0.5;cursor:pointer; }**/

#motor-diagram-10{ width:111px; height:99px; text-align:center; padding-top:13px; position: absolute; top:213px; left:754px; border-radius:5px; }

#motor-diagram-10:hover{ background:#ffffff; opacity:0.5;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:270px; left:490px; 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:3px 20px; }

.motor-diagram-2{ width:250px; height:220px; background:#CC0; position: absolute; top:270px; left:350px; 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:213px; height:140px; background:#CC0; position: absolute; top:200px; left:525px; 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:213px; height:140px; background:#CC0; position: absolute; top:185px; left:1015px; 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:238px; height:110px; background:#CC0; position: absolute; top:395px; left:505px; 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:250px; height:220px; background:#CC0; position: absolute; top:297px; 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-7{ width:272px; height:220px; background:#CC0; position: absolute; top:262px; left:367px; 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:272px; height:220px; background:#CC0; position: absolute; top:280px; left:610px; 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:230px; height:190px; background:#CC0; position: absolute; top:280px; left:610px; 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:106px; background:#CC0; position: absolute; top:212px; left:850px; 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) {

.banner{ height:361px; background:url(../images/motor/banner_s.jpg); background-size: 100% 100%; }		

		

#gzlg_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*/

.motor12v_ad{ background: url(../images/motor/12V/banner-small.jpg) no-repeat; background-size:100% 100%; }

.bms_ad{ background: url(../images/motor/bms/banner-small.jpg) no-repeat; background-size:100% 100%; }

.index_ad{ background: url(../images/motor/banner-small.jpg) no-repeat; background-size:100% 100%; }

.single_ad{ background: url(../images/motor/single/banner-small.jpg) no-repeat; background-size:100% 100%; }

.vehicle_ad{ background: url(../images/motor/vehicle/banner-small.jpg) no-repeat; background-size:100% 100%; }

.moped_ad{ background: url(../images/motor/moped/banner-small.jpg) no-repeat; background-size:100% 100%; }

.fuel_ad{ background: url(../images/motor/fuel/banner-small.jpg) no-repeat; background-size:100% 100%; }

.air_ad{ background: url(../images/motor/air/banner-small.jpg) no-repeat; background-size:100% 100%; }

.anti-pinch_ad{ background: url(../images/motor/anti-pinch/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: 200px; color: #fff; font-size: 12px; line-height: 20px; margin: 0; padding: 0; position: relative; }

.vehicle_ad .sub-heading { width: 164px;}

.moped_ad .sub-heading { width: 250px;}

.banner_more { display: none; }

.pro_top .banner_more,.pro_top_b2 .banner_more { width: 100%; height:25px;  float:left; display:block; }

.pro_top .banner_more p,.pro_top_b2 .banner_more p{ height:28px; margin:10px 0px !important; padding:0px;  border-bottom:1px solid }

.pro_top_b,.pro_top_b2 { width: 100%; max-width: 1200px; height: auto; margin: 0 auto; overflow:hidden; border-bottom: 1px solid #61c1be; }

.pro_top_b_l { 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; }

.pro_top_center { padding: 30px 0; width: 100%; height: auto;}

.pro_top_center p{ width: 100%;  font-size: 14px; line-height: 28px; padding-bottom: 0px; float: left; margin-left: 0px; margin-top: 20px; color: #000;}

.pro_top_center ul{  width: 100%; padding-left:20px; }

.pro_top_center li{ list-style-type:disc; font-size: 14px; line-height: 28px; width: 100%; color: #000}

	



#functional_bd h3,#product_recommend h3,#use_direction h3,#reference_design h3,#data_down 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_bc{ width:100%; height:240px; float:left; padding:0px; }

.use_direction2_bc>div{ width:274px; height:34px; z-index:48; position:relative; top:-222px; color:#fff; text-align:center; margin:0 auto; }

.use_direction2_bc>div p{ width:100px; height:34px; background-color: rgba(143, 196, 30, 0.7); padding:3px; }

.use_direction2_bc p{ font-size:14px; line-height:30px; text-align:center; margin-top:5px; }

#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:20px !important; padding-left:4px; }

.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; font-size: 14px; }

.reference_design_r li ul li{list-style-type:disc; color:#000000; }

#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:#1c2857; }

.index_product_content p{ font-size:14px; line-height:24px; width:100%; }

.index_product_photo{ width:100%; height:auto; margin:0 auto; }



.index_product_gzlg{ width:100%; height:auto; padding:20px 15px 40px; overflow:hidden; background:#f3f3f3; }

.index_gzlg_row{ width:100%; height:auto; margin:0px; }



.index_product_row_c{ width:270px; padding:20px 0px 0px; background:#ffffff; border-radius:12px; overflow:hidden; float:left; margin:8px 20px 20px 0px; }

.index_product_row_c:hover{ box-shadow: 3px 12px 15px rgba(51, 51, 51, 0.1); cursor:pointer; }

.index_product_row_c h3 { color:#221815; font-size:18px; line-height:24px; width:250px; margin:16px 10px 10px 10px; font-weight:bold; }

.index_product_row_c p{ font-size:14px; line-height:22px; width:252px; height:auto; margin:10px 10px; color:#221815; }

.index_product_row_c a:hover>h3,.index_product_row_c a:hover>p{ color:#61c1be; }

.index_product_row_photo{ width:100%; height:210px; }



.fuel .pro_top_b_l,.air .pro_top_b_l{ margin-bottom:20px;}

}

/*针对iphone5s*/

@media (min-width: 315px) {	

.banner { height:379px; }

.use_direction_bc>div{ width:274px; height:34px; z-index:48; position:relative; top:-225px; color:#fff; text-align:center; margin:0 auto; }

.use_direction2_bc>div{ width:274px; height:34px; z-index:48; position:relative; top:-226px; color:#fff; text-align:center; margin:0 auto; }

}

/*针对1080*1920的android*/

@media (min-width: 360px) {

.banner { height:433px; }		

	

.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 { 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; }

.index_product_gzlg{ padding:20px 17px 40px; }



.index_product_row_c{ width:330px; padding:20px 0px 0px; background:#ffffff; border-radius:12px; overflow:hidden; float:left; margin:8px 20px 20px 0px; }

.index_product_row_c:hover{ box-shadow: 3px 12px 15px rgba(51, 51, 51, 0.1); cursor:pointer; }

.index_product_row_c h3 { color:#221815; font-size:18px; line-height:24px; width:300px; margin:16px 10px 10px 10px; font-weight:bold; }

.index_product_row_c p{ font-size:14px; line-height:24px; width:300px; height:auto; margin:10px 10px; color:#221815; }

.index_product_row_c a:hover>h3,.index_product_row_c a:hover>p{ color:#61c1be; }

.index_product_row_photo{ width:100%; height:256px; }

}

/*针对iphone6*/

@media (min-width: 375px) {

.banner { height:451px; }	

	

.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; }



.index_product_gzlg{ padding:20px 18px 40px; }



.index_product_row_c{ width:330px; padding:20px 0px 0px; background:#ffffff; border-radius:12px; overflow:hidden; float:left; margin:8px 20px 20px 6px; }

.index_product_row_c:hover{ box-shadow: 3px 12px 15px rgba(51, 51, 51, 0.1); cursor:pointer; }

.index_product_row_c h3 { color:#221815; font-size:18px; line-height:24px; width:290px; margin:16px 20px 10px 20px; font-weight:bold; }

.index_product_row_c p{ font-size:14px; line-height:22px; width:290px; height:auto; margin:10px 20px; color:#221815; }

.index_product_row_c a:hover>h3,.index_product_row_c a:hover>p{ color:#61c1be; }

.index_product_row_photo{ width:100%; height:256px; }

}

/*针对全面屏安卓*/

@media (min-width: 390px) {

.banner { height:469px; }		

	

#advertising{ width:100%; height:228px; }

.section-bg{ height:228px; }

.pro_top_b_l { margin: 0 30px; }

.data_down_list li{ width:350px; }



.index_product_row_c{ width:340px; padding:20px 0px 0px; background:#ffffff; border-radius:12px; overflow:hidden; float:left; margin:8px 20px 20px 6px; }

.index_product_row_c:hover{ box-shadow: 3px 12px 15px rgba(51, 51, 51, 0.1); cursor:pointer; }

.index_product_row_c h3 { color:#221815; font-size:20px; line-height:28px; width:300px; margin:16px 20px 10px 20px; font-weight:bold; }

.index_product_row_c p{ font-size:14px; line-height:22px; width:300px; height:auto; margin:10px 20px; color:#221815; }

.index_product_row_c a:hover>h3,.index_product_row_c a:hover>p{ color:#61c1be; }

.index_product_row_photo{ width:100%; height:256px; }

}

@media (min-width: 400px) {

.banner { height: 481px; }	

	

.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; }





.index_product_gzlg{ padding:20px 19px 40px; }



.index_product_row_c{ width:344px; padding:20px 0px 0px; background:#ffffff; border-radius:12px; overflow:hidden; float:left; margin:8px 20px 20px 6px; }

.index_product_row_c:hover{ box-shadow: 3px 12px 15px rgba(51, 51, 51, 0.1); cursor:pointer; }

.index_product_row_c h3 { color:#221815; font-size:20px; line-height:28px; width:300px; margin:16px 20px 10px 20px; font-weight:bold; }

.index_product_row_c p{ font-size:14px; line-height:22px; width:302px; height:auto; margin:10px 20px; color:#221815; }

.index_product_row_c a:hover>h3,.index_product_row_c a:hover>p{ color:#61c1be; }

.index_product_row_photo{ width:100%; height:256px; }



}

/*针对iphone6s plus*/

@media (min-width: 410px) {

.banner { height:493px; }		

	

#advertising{ width:100%; height:239px; }

.section-bg{ height:239px; }

.pro_top_b_l { 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_bc{ width:180px; height:180px; float:left; padding:0px; margin-right:6px; }

.use_direction2_bc>div{ width:180px; height:34px; z-index:48; position:relative; top:-163px; color:#fff; text-align:center; margin:0 auto; }

.use_direction2_bc>div p{ width:80px; height:34px; background-color: rgba(143, 196, 30, 0.7); padding:3px; }

.use_direction2_bc p{ font-size:14px; line-height:30px; text-align:center; margin-top:5px; }



.index_product_row_c{ width:344px; padding:20px 0px 0px; background:#ffffff; border-radius:12px; overflow:hidden; float:left; margin:8px 20px 20px 14px; }

.index_product_row_c:hover{ box-shadow: 3px 12px 15px rgba(51, 51, 51, 0.1); cursor:pointer; }

.index_product_row_c h3 { color:#221815; font-size:20px; line-height:28px; width:300px; margin:16px 20px 10px 20px; font-weight:bold; }

.index_product_row_c p{ font-size:14px; line-height:22px; width:302px; height:auto; margin:10px 20px; color:#221815; }

.index_product_row_c a:hover>h3,.index_product_row_c a:hover>p{ color:#61c1be; }

.index_product_row_photo{ width:100%; height:256px; }

}

/*针对1440*2560的android*/

@media (min-width: 480px) {

.banner { height:577px; }	

.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; }

.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_direction2_bc{ width:202px; height:195px; float:left; padding:0px; margin-left:7px; margin-right:8px; }

.use_direction2_bc>div{ width:202px; height:34px; z-index:48; position:relative; top:-178px; color:#fff; text-align:center; margin:0 auto; }

.use_direction2_bc>div p{ width:90px; height:34px; background-color: rgba(143, 196, 30, 0.7);  padding:3px; }

.data_down_list li{ width:430px; }



.index_product_gzlg{ padding:20px 22px 40px; }



.index_product_row_c{ width:206px; padding:20px 0px 0px; background:#ffffff; border-radius:12px; overflow:hidden; float:left; margin:8px 6px 20px 6px; }

.index_product_row_c:hover{ box-shadow: 3px 12px 15px rgba(51, 51, 51, 0.1); cursor:pointer; }

.index_product_row_c h3 { color:#221815; font-size:18px; height:50px; width:184px; margin:16px 10px 10px 10px; font-weight:bold; }

.index_product_row_c p{ font-size:12px; line-height:20px; width:184px; height:230px; margin:10px 10px; color:#221815; }

.index_product_row_c a:hover>h3,.index_product_row_c a:hover>p{ color:#61c1be; }

.index_product_row_photo{ width:100%; height:160px; }



.index_product{ padding:20px 22px 40px; }

}

@media (min-width: 500px) {

.banner { height:601px; }

.content{ padding:0 23px; }

.container { padding-right: 23px; padding-left: 23px; }		

.pro_top,.pro_wrap,.pro_top2 { padding:0 23px; }	
.index_product_gzlg{ width:100%; height:auto; margin:0px auto;  }
#advertising{ width:100%; height:292px; }

.section-bg{ height:292px; }

.section-bg .slider-text{ margin-top:70px; }

.data_down_list li{ width:445px; }	

.use_direction_bc{  margin-left:12px; margin-right:12px; }



.index_product{ padding:20px 23px 40px; }



.index_product_gzlg{ padding:20px 23px 40px; }



.index_product_row_c{ width:215px; padding:20px 0px 0px; background:#ffffff; border-radius:12px; overflow:hidden; float:left; margin:8px 6px 20px 6px; }

.index_product_row_c:hover{ box-shadow: 3px 12px 15px rgba(51, 51, 51, 0.1); cursor:pointer; }

.index_product_row_c h3 { color:#221815; font-size:18px; line-height:24px; width:184px; margin:16px 10px 10px 10px; font-weight:bold; }

.index_product_row_c p{ font-size:12px; line-height:20px; width:184px; height:220px; margin:10px 10px; color:#221815; }

.index_product_row_c a:hover>h3,.index_product_row_c a:hover>p{ color:#61c1be; }

.index_product_row_photo{ width:100%; height:166px; }

}

@media (min-width: 600px) {

.banner { height:722px; }		

	

.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 { margin: 0 57px; }

.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; }

.use_direction2_bc{ width:250px; height:227px; float:left; padding:0px; margin-left:11px; margin-right:11px; }

.use_direction2_bc>div{ width:250px; height:34px; z-index:48; position:relative; top:-210px; color:#fff; text-align:center; margin:0 auto; }

.use_direction2_bc>div p{ width:100px; height:34px; background-color: rgba(143, 196, 30, 0.7);  padding:3px; }

.data_down_list li{ width:540px; }	



.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:#1c2857; }

.index_product_content p{ margin-bottom:15px; }



.index_product_gzlg{ padding:20px 28px 40px; }



.index_product_row_c{ width:254px; padding:20px 0px 0px; background:#ffffff; border-radius:12px; overflow:hidden; float:left; margin:8px 12px 20px 6px; }

.index_product_row_c:hover{ box-shadow: 3px 12px 15px rgba(51, 51, 51, 0.1); cursor:pointer; }

.index_product_row_c h3 { color:#221815; font-size:18px; line-height:24px; width:224px; margin:16px 10px 10px 16px; font-weight:bold; }

.index_product_row_c p{ font-size:12px; line-height:20px; width:224px; height:220px; margin:10px 16px; color:#221815; }

.index_product_row_c a:hover>h3,.index_product_row_c a:hover>p{ color:#61c1be; }

.index_product_row_photo{ width:100%; height:194px; }



.pro_top_b2_l .pai{ margin: 0 auto; width: 360px; height: 280px; }



.vehicle_ad .sub-heading { width: 320px;}

.fuel .pro_top_b_l,.air .pro_top_b_l{ margin-bottom:30px;}

.air_ad .sub-heading {width: 380px;}

}

@media (min-width: 700px) {

.banner { height: 842px; }	

	

.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 { width:100%; margin: 0 auto; }

.pro_top_b_l 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:274px; height:242px; float:left; padding:0px; margin-left:15px; margin-right:25px; }

.use_direction2_bc>div{ width:274px; height:34px; z-index:48; position:relative; top:-226px; color:#fff; text-align:center; margin:0 auto; }

.use_direction2_bc>div p{ width:100px; height:34px; background-color: rgba(143, 196, 30, 0.7);  padding:3px; }

.data_down_list li{ width:620px; }	

.index_product_photo{ width:550px; height:310px; margin:0; }



.index_product_row_c{ width:300px; padding:20px 0px 0px; background:#ffffff; border-radius:12px; overflow:hidden; float:left; margin:18px 16px 20px 6px; }

.index_product_row_c:hover{ box-shadow: 3px 12px 15px rgba(51, 51, 51, 0.1); cursor:pointer; }

.index_product_row_c h3 { color:#221815; font-size:18px; line-height:24px; width:264px; margin:16px 10px 10px 16px; font-weight:bold; }

.index_product_row_c p{ font-size:12px; line-height:20px; width:264px; height:160px; margin:10px 16px; color:#221815; }

.index_product_row_c a:hover>h3,.index_product_row_c a:hover>p{ color:#61c1be; }

.index_product_row_photo{ width:100%; height:230px; }

}

@media (min-width: 767px) {

.banner { height: 923px; }

	

.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:465px; 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:#1c2857; }

.index_product_content p{ font-size:14px; line-height:24px; width:320px; height:175px; }

.index_product_photo{ width:320px; height:165px; }



.index_product_gzlg{ width:100%; height:auto; padding:0 40px; }



.index_gzlg_row{ width:700px; height:auto; margin:20px auto 40px; overflow:hidden; }



.index_product_row_c{ width:320px; padding:20px 0px 0px; background:#ffffff; border-radius:12px; overflow:hidden; float:left; margin:18px 14px 20px 14px; }

.index_product_row_c:hover{ box-shadow: 3px 12px 15px rgba(51, 51, 51, 0.1); cursor:pointer; }

.index_product_row_c h3 { color:#221815; font-size:18px; line-height:24px; width:284px; height:30px; margin:16px 10px 10px 16px; font-weight:bold; }

.index_product_row_c p{ font-size:12px; line-height:20px; width:284px; height:160px; margin:10px 16px; color:#221815; }

.index_product_row_c a:hover>h3,.index_product_row_c a:hover>p{ color:#61c1be; }

.index_product_row_photo{ width:100%; height:240px; }

}

@media (min-width: 768px) {	

.banner { width: 100%; height: 650px; overflow: hidden; position: relative;  background:url(../images/motor/banner.jpg) center center no-repeat; }



#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 0px; }

.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_bc{ width:50%; height:190px; float:left; padding:10px 10px 10px 0px; margin-left:0px; margin-right:0px; }

.use_direction2_bc p{ font-size:16px; line-height:28px; text-align:center; margin-top:15px; }	

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



}

@media (min-width: 770px) {	

}

@media (min-width: 785px) {

#advertising{ width:100%; height:458px; }

.section-bg{ height:458px; }

.data_down_list li{ width:690px; }	

}

@media (min-width: 800px) {

	

	

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

}

@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:#1c2857; }

.index_product_content p{ font-size:14px; line-height:24px; width:350px; height:160px; }

.index_product_photo{ width:350px; height:200px; }



.index_product_row{ width:100%; height:475px; margin:20px 0px; }

.index_gzlg_row{ width:700px; height:auto; margin:20px auto 60px; }



.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:#1c2857; }

.index_product_content p{ font-size:14px; line-height:24px; width:350px; height:160px; }

.index_product_photo{ width:350px; height:200px; }



.vehicle .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:485px; 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:400px; height:135px; }

.index_product_photo{ width:400px; height:235px; }



.index_product_row{ width:100%; height:485px; 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:400px; height:135px; }

.index_product_photo{ width:400px; height:235px; }



.index_product_row{ width:100%; height:485px; margin:20px 0px; }

.index_gzlg_row{ width:700px; height:auto; margin:20px auto 60px; }



.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:400px; height:135px; }

.index_product_photo{ width:400px; height:235px; }



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

.fuel .pro_top_b_l,.air .pro_top_b_l{ margin-bottom:0px;}

}

@media (min-width: 1024px) {

.content{ width: 970px; margin: 0 auto; padding:0px 15px; }

.container { padding-left: 0px; }

#gzlg_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*/

.motor12v_ad{ background: url(../images/motor/12V/banner-big.jpg) center center no-repeat; }

.bms_ad{ background: url(../images/motor/bms/banner-big.jpg) center center no-repeat; }

.index_ad{ background: url(../images/motor/banner-big.jpg) center center no-repeat; }

.vehicle_ad{ background: url(../images/motor/vehicle/banner-big.jpg) center center no-repeat; }

.single_ad{ background: url(../images/motor/single/banner-big.jpg) center center no-repeat; }

.moped_ad{ background: url(../images/motor/moped/banner-big.jpg) center center no-repeat; }

.fuel_ad{ background: url(../images/motor/fuel/banner-big.jpg) center center no-repeat; }

.air_ad{ background: url(../images/motor/air/banner-big.jpg) center center no-repeat; }

.anti-pinch_ad{ background: url(../images/motor/anti-pinch/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; padding:0 40px; }

.pro_top_center {padding: 40px 0;  width: 100%; height: auto;}

.pro_top_center p{ width: 100%;  font-size: 16px; line-height: 28px; padding-bottom: 0px; float: left; margin-left: 0px; margin-top: 20px;}

.pro_top_center ul{  width: 100%; padding-left:20px; }

.pro_top_center li{ list-style-type:disc; font-size: 16px; line-height: 28px; width: 100%;}

.pro_top_b_l { width: 410px; height: 280px; float: left; margin: 40px auto 50px; padding:20px; }

.pro_top_b_r { width: 530px; 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{ list-style-type:disc; }



.pro_top_b2 { width: 100%; max-width: 1200px; height: 250px; margin: 0 auto; border-bottom:2px solid #61c1be; }

.pro_top_b2_l { width: 100%; height: 315px; 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; }



.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{ 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_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 0px; }

.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; }

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

.use_direction2_bc{ width:50%; height:250px; float:left; padding:10px 10px 10px 0px; }

.use_direction2_bc p{ font-size:20px; line-height:36px; text-align:center; margin-top:25px; }

#reference_design{ width:100%; height: auto; margin: 0 auto ; background:#f5f5f5; overflow:hidden; }

.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:20px !important; }

.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; font-size: 16px; }

#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:530px; 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:185px; }

.index_product_photo{ width:400px; height:235px; } 





.index_product_gzlg{ width:100%; height:auto; margin:0px auto; padding:0px; background:#f3f3f3; }

.index_gzlg_row{ width:100%; max-width:1024px; height:1720px; margin:90px auto 90px; overflow:hidden; }

.index_product_row_c{ width:314px; padding:20px 0px 0px; background:#ffffff; border-radius:12px; overflow:hidden; float:left; margin:8px 20px 20px 0px; }

.index_product_row_c:hover{ box-shadow: 3px 12px 15px rgba(51, 51, 51, 0.1); cursor:pointer; }



.index_product_row_c h3 { width:277px; height:30px; font-size:20px; line-height:32px; text-align:center; margin:22px 20px 20px 20px; font-weight:bold; overflow:hidden; }

.index_product_row_c p{ font-size:14px; line-height:24px; width:276px; height:200px; margin:10px 20px; color:#221815; overflow:hidden; }

.index_product_row_c a:hover>h3,.index_product_row_c a:hover>p{ color:#61c1be; }

.index_product_row_photo{ width:314px; height:244px; }



.vehicle_ad .sub-heading,.moped_ad .sub-heading{ width: 480px;}

.mb50{margin-bottom:50px !important; }

}

@media (min-width: 1080px) {

.content{ width: 1030px; }

.pro_top_b { height: auto; }

.pro_top_b_l { width: 410px; height: 280px; float: left; margin: 40px auto 50px; padding:20px; }

.pro_top_b_r { width: 580px; height: auto; float: right;  font-size: 16px; line-height: 28px; margin: 40px auto 50px; }



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

.pro_top_b2_l p { width: 680px; }



.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; }



.index_product_gzlg{ width:100%; height:auto; margin:0px auto;  }

.index_gzlg_row{ width:100%; max-width:1080px; height:1790px; margin:90px auto 90px; overflow:hidden; }

.index_product_row_c{ width:332px; padding:20px 0px 0px; background:#ffffff; border-radius:12px; overflow:hidden; float:left; margin:8px 20px 20px 0px; }

.index_product_row_c h3 { width:280px; height:40px; font-size:20px; line-height:32px; text-align:center; margin:22px 20px 20px 20px; }

.index_product_row_c p{ font-size:14px; line-height:24px; width:300px; height:200px; margin:10px 20px; color:#221815; }

.index_product_row_c a:hover>h3,.index_product_row_c a:hover>p{ color:#61c1be; }

.index_product_row_photo{ width:332px; height:258px; }



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

}

@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; padding:0px; }

.pro_top_b_l { width: 468px; height: 290px; margin: 65px auto 60px; float: left; padding: 0px; }

.pro_top_b_r { width: 690px;  height: auto;  margin: 50px auto 60px; float: right; font-size: 16px; line-height: 28px; }



.pro_top_b2 { width: 100%; max-width: 1200px; height: 290px; margin: 0 auto; border-bottom:2px solid #61c1be; }

.pro_top_b2_l { width: 100%; height: 275px; 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_diagram_pc{ width:928px; height:503px; background:url(../images/motor/12V/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:1166px; height:522px; background:url(../images/motor/24V/functional-b.jpg) center center no-repeat; margin:55px auto 20px;  position:relative; font-size:14px; line-height:28px; color:#ffffff; }

#functional_diagram_pc2{ width:1166px; height:522px; background:url(../images/motor/bms/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:965px; height:622px; background:url(../images/motor/vehicle/functional-b.jpg) center center no-repeat; margin:55px auto 20px;  position:relative; font-size:14px; line-height:28px; color:#ffffff; }

#functional_diagram_pc4{ width:1166px; height:535px; background:url(../images/motor/single/functional-b.jpg) center center no-repeat; margin:55px auto 20px;  position:relative; font-size:14px; line-height:28px; color:#ffffff; }

#functional_diagram_pc5{ width:1166px; height:535px; background:url(../images/motor/moped/functional-b.jpg) center center no-repeat; margin:55px auto 20px;  position:relative; font-size:14px; line-height:28px; color:#ffffff; }

#functional_diagram_pc6{ width:1166px; height:535px; background:url(../images/motor/fuel/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:1166px; height:521px; background:url(../images/motor/air/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:1166px; height:521px; background:url(../images/motor/anti-pinch/functional-b.jpg) center center no-repeat; margin:55px auto 20px;  position:relative; font-size:14px; line-height:28px; color:#ffffff; }





.index_product_gzlg{ width:100%; height:auto; margin:0px auto; }

.index_gzlg_row{ width:100%; max-width:1200px; height:1840px; margin:90px auto 120px; }



.index_product_row_c{ width:380px; padding:20px 0px 0px; background:#ffffff; border-radius:12px; overflow:hidden; float:left; margin:8px 20px 20px 0px; }

.index_product_row_c:hover{ box-shadow: 3px 12px 15px rgba(51, 51, 51, 0.1); cursor:pointer; }

.index_product_row_c h3 { color:#221815; font-size:22px; line-height:32px; width:330px; height:40px; margin:22px 10px 0px 30px; font-weight:bold; }

.index_product_row_c p{ font-size:14px; line-height:24px; width:326px; height:190px; margin:10px 30px; color:#221815; }

.index_product_row_c a:hover>h3,.index_product_row_c a:hover>p{ color:#61c1be; }

.index_product_row_photo{ width:380px; height:296px; }





#functional_diagram_pc p{ margin-bottom:0px; }

.use_direction_t{ width:100%; height: 55px; float:left; margin-top:10px; margin-bottom:10px; }

.use_direction_tc p{ margin-left:7px;}

.use_direction_bc{ width:25%; height:270px; float:left; padding:10px 10px 10px 0px; }

.use_direction2_bc{ width:50%; 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:630px; 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:#1c2857; }

.index_product_content p{ font-size:16px; line-height:28px; width:540px; height:160px; }

.index_product_photo{ width:540px; height:310px; }



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

}

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

}

@media (min-width: 1420px) {

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

.pro_top_center {padding: 70px 0;  width: 100%; height: auto;}

}