#wrap{ width:100%; margin:0px auto; }
.content{ width:100%; max-width:1200px; margin:0 auto; padding:0px 20px; }
.yang-table{ width:100%; overflow:auto; }
table{ width:1200px; margin:30px 0px; color:#666; font-size:14px; }
table tr th{ background:#e2e2e2; font-size:14px; line-height:28px; text-align:left; font-weight:500; padding:5px 10px; }
table tr td{ padding:2px 10px; }
table tr td a{ color:#00ae86; border:1px solid #00ae86; padding:2px 10px; border-radius:5px; display:block; }
table tr .center{ text-align:center; }
table tr:hover{ background:#f0f0f0; }

.zlgbuy{ width:80px; height:30px !important; color:#fff !important; line-height:30px !important; background:#8fc31f; text-align:center; margin-top:10px; border-radius: 4px; border-bottom:none !important; display:block; }
.zlgbuy:hover{ background:#83b31d !important; color:#fff !important; border-bottom:none !important; }


.table_y{ width:100%; }
.table_x{ width:1198px; }
.table_x1{ width:1100px; }
.table_x2{ width:1000px; }
.pro_h3{ font-size:18px; color:#165aa7; line-height:26px; }
.pro_tab{ border-top:#d6d6d6 1px solid; border-collapse:collapse; margin:20px auto; }
.pro_tab tr{ border:none; }
.pro_tab tr:hover table th,.pro_tab tr:hover table td, .pro_tab tr:hover{ background:#F0F0F0; }
.pro_tab tr th{ font-weight:bold; background:#F0F0F0; }
.pro_tab tr td,.pro_tab tr th{ text-align:left; padding:5px 20px 5px 20px; line-height:22px; border:#e1e1e1 1px solid; border-right:none; color:#666; }
.pro_tab table tr td{ vertical-align:top; padding:0 2px; line-height:22px; border:none; }
.pro_tab tr td a{ font-size:14px; color:#5082c6; }
.pro_tab tr td a:hover{ text-decoration:underline; }
.pro_tab tr td p{ text-align:left; }
.pro_tab tr th.pro_tab_title,.pro_tab tr td.pro_tab_title{ border-left:none; }
.pro_tab .cs{ background:#a3afbd; color:#ffffff; }
.pro_tab .tc{ text-align:center; }
#example1{color:#018afb; border:1px solid #018afb; border-radius:5px; padding:5px 18px; display:inline-block; min-width:130px; margin:5px 6px; text-decoration:none; }
#example1:hover{ background:#fff; color:#fff; text-decoration:none; }
/*表格*/
.yang-table-left{ float: left; width: 50%;}
.yang-table-right{ float: left; width: 50%;}
.yang-table{ width:100%; overflow:auto; margin:20px 0;}
.pro_norms { margin: 10px auto;color: #666; font-size: 12px;}
.pro_norms tr th,.pro_norms tr td{ border-left:1px solid #e2e2e2; padding:6px 20px; }
.pro_norms tr td,.pro_norms tr th{ text-align:left; padding:6px 20px; line-height:22px; border-left:#e2e2e2 1px solid; border-top:#e2e2e2 1px solid; border-bottom:#e2e2e2 1px solid; color:#666; }
.pro_norms tr th.no_bd_lf,.pro_norms tr td.no_bd_lf{ border-left:none; }
.pro_norms tr th{ background:#f4f4f4; font-size:12px; line-height:28px; text-align:left; }
.pro_norms .bg{ background:#f4f4f4; }
.pro_norms .bg2{ background:#F6F6F6; }
.pro_norms .bg3{ background:#efefef; }
.pro_norms #bg3{ background:#efefef; }
.pro_norms tr td#bghot,.pro_norms tr th#bghot{ background:url(../images/ipc/bghot.png) no-repeat#efefef 130px 5px; }
.pro_norms tr td#bghot2,.pro_norms tr th#bghot2{ background:url(../images/ipc/bghot.png) no-repeat 150px 5px; }
.pro_norms .gaoliang{ color:#83b31d; }
.pro_norms .y_btn { font-size:14px; color:#018afb; border:1px solid #018afb; border-radius:5px; margin:3px 6px; padding:2px 10px; text-decoration:none; display:inline-block; }
.pro_norms .y_btn:hover{ background:#018afb; color:#ffffff; text-decoration:none; }

/*导航下拉*/
.pro_nav_b dt ul li.child:hover{ color:#619c22 !important;}
.pro-nav-list p a,.pro-nav-list dl dd a{ color:#e5e5e5 !important; }
.pro-nav-list p a:hover,.pro-nav-list dl dd a:hover{ color:#83b31d !important; }
.pro-nav-list dl dd { padding-left: 38px; margin-bottom: 6px;}
.pro-nav-list-p{ width:150px; height:auto; float:left; }
.pro-nav-list-dl{ width:1200px; height:auto; float:left; }
.pro-nav-list-dl dl{ float:left; width:400px; margin-bottom:30px; height: auto; }
.pro-nav-list-1 dl dt{ height:30px; line-height:30px; width:100%; float:left; font-weight: bold; background: url(../images/canbus/canbus_navigation.png) no-repeat 0 2px; padding-left: 38px; margin-bottom: 10px;}
.pro-nav-list dl dt a{color:#e5e5e5; font-size:14px; }
.pro-nav-list dl dt a:hover{ color: #8fc31f;}
.pro-nav-list-dl dd{ height:22px; line-height:22px; width:100%; float:left; font-size:12px; color:#9a9a9a !important; height: auto;}
.pro-nav-list dl dd a{ color:#e5e5e5; font-size:14px; margin:0px; margin-right: 16px; float: left;}
.pro-nav-list-1 dl:nth-of-type(2) dt{background-position: 0 -38px;}
.pro-nav-list-1 dl:nth-of-type(3) dt{background-position: 0 -80px;}
.pro-nav-list-1 dl:nth-of-type(4) dt{background-position: 0 -126px;}
.pro-nav-list-1 dl:nth-of-type(5) dt{background-position: 0 -170px;}
.pro-nav-list-1 dl:nth-of-type(6) dt{background-position: 0 -220px;}

.pro_t_g{ border-top:1px solid #e7e7e7; }
.pro_nav_b dt ul li.current{ border-bottom:2px solid #619c22; }
.pro_b_g{ border-bottom:#f0f0f0 1px solid; background:url(../images/ipc/main_bg.png) bottom center no-repeat #fff; padding-bottom:20px; }

.yang-table{ width:100%; overflow:auto; }
table{ margin:30px 0px; color:#666; font-size:14px; }
table tr th{ background:#f4f4f4; font-size:14px; line-height:28px; text-align:left; font-weight:500; padding:8px 10px; }
table tr td{ padding:2px 10px;}
table tr td a{ color:#00ae86; border:1px solid #00ae86; padding:2px 10px; border-radius:5px; display:block; }
table tr .center{ text-align:center; }
table tr:hover{ background:#f0f0f0; }
.pro_norms{ width:1200px; margin:5px 0px 20px 0px; color:#666; font-size:12px; }
.pro_norms tr th.no_bd_lf,.pro_norms tr td.no_bd_lf{ border-left:none; }

.ctbg1{ background:#434448; }
.ctbg2{ background:#f8f7fc; }
.ctbg3{ background:#cccccc; }
.ctbg4{ background:#2a2c33; }
.ctbg5{ background:#dfdee3; }
.ctbg6{ background:#383b40; }
.ctbg7{ background:#f4f4f4; }
.ctbg8{ background:#f7f7f8; }
.ctbg9{ background:#eaf1f5; }
.ctbg10{ background:#e9f1f4;}
.ctbg11{ background:#505156;}
.ctbg12{ background:#c3e5f8;}
.ctbg13{ background:#f8f8f8;}
.ctbg14{ background:#eff3f9;}
.ctbg15{ background:#1d60b7;}
.ctbg16{ background:#c9daf0;}
.ctbg17{ background:#48494e;}
.ctbg18{ background:#2d2f32;}
.ctbg19{ background:#efeff1;}
.ctbg20{ background:#f8fafc;}
.ctbg21{ background:#29292c;}
.ctbg22{ background:#efefef;} 
.ctbg23{ background:#000000;} 
.ctbg24{ background:#1b202c;} 
.ctbg25{ background:#46464e;} 
.ctbg26{ background:#f2f5fa;} 
.ctbg27{ background:#f5f5f5;} 
.ctbg28{ background:#1a212c;} 
.ctbg29{ background:#fafafa;} 
.ctbg30{ background:#55698a;} 
.ctbg31{ background:#f2f4f9;} 
.ctbg32{ background:#f6f6f6;} 
.ctbg33{ background:#152747;} 
.ctbg34{ background:#eeeeee;} 
.ctbg35{ background:#162847;} 
.ctbg36{ background:#f2f8ff;} 
.ctbg37{ background:#f4f7ff;} 
.ctbg38{ background:#c2d6ef;} 
.ctbg39{ background:#6f9cd3;} 
.ctbg40{ background:#0f161e;} 
.ctbg41{ background:#f4fbff;} 
.ctbg42{ background:#fbfbfb;} 
.ctbg43{ background:#f7f7f7;} 
.ctbg44{ background:#f3f8ff;} 
.ctbg45{ background:#d3e6f7;} 
.ctbg46{ background:#484b4f;} 
.ctbg47{ background:#f5f6f8;} 
.ctbg48{ background:#f2f2f2;} 
.ctbg49{ background:#c8e4fb;} 
.ctbg50{ background:#c8e4fb;} 
.ctbg51{ background:#b5d4f3;} 
.ctbg52{ background:#ecf0f3;} 
.ctbg53{ background:#f5f7f9;}
.ctbg54{ background:#404040;}
.ctbg55{ background:#eaf3fa;}
.ctbg56{ background:#ecf2f7;}
.ctbg57{ background:#eef2f7;}
.ctbg58{ background:#f1f4f7;}
.ctbg59{ background:#010306;}
.ctbg60{ background:#ededed;}
.ctbg61{ background:#e3e6eb;}
.ctbg62{ background:#e1eaf3;}
.ctbg63{ background:#222224;}
.ctbg64{ background:#eff1f3;}
.ctbg65{ background:#eef1f5;}
.ctbg66{ background:#323337;}
.ctbg67{ background:#d8dce5;}
.ctbg68{ background:#f9f9f9;}


.w448{width: 448px !important;}
.w460{width: 460px !important;}
.w442{width: 442px !important;}
.w292{width: 292px !important;}
.w310{width: 310px !important;}

.OAlert{ text-align:center; }
.OAlert img{ cursor:pointer; }
.close { opacity:.9;filter:alpha(opacity=90); }
.close:hover{ opacity:.9;filter:alpha(opacity=90); }
.tc_product{ position: fixed; width: 730px; left: 50%; margin-left: -328px; top: 20%; margin-top: -128px; z-index: 1770; display: none; }

.jd_btn{ width:46px; font-size:12px; line-height:16px; padding:1px 3px; text-align:center; background:#ec3b3b; border:1px solid #ec3b3b; color:#FFF !important; border-radius:15px; margin:5px 5px 5px 0px; }
.jd_btn:hover{ color:#FFF !important; }
.jd_btnv{ width:100%; font-size:12px; line-height:16px; padding:1px 3px; text-align:left; color:#666 !important; text-decoration:underline !important; border:none; margin:5px 0px 5px; }

.online_doc{ width:64px; height:20px; background:url(../images/online_doc.jpg) no-repeat; border:none; margin:10px 1px; }
 
.stop_production{ width:64px; height:20px; background:url(../images/stop_production.jpg) no-repeat; border:none; margin:3px 1px; display:inline-block; }
 
 
.yang_car_ull{ width:100%; margin-bottom:50px; overflow: hidden }
.yang_car_ull li{ background: url(../images/canbus/rot.jpg) no-repeat 2px 10px; padding-left:20px; line-height:30px; }
@media only screen and (max-width:767px) {
.v_con01 { display:none; width:500px; height:280px; position:fixed; left:65%; top:55%; }
.v_close{ position:absolute; top:53%; margin-top:-220px; left:37%; margin-left:360px; cursor:pointer; z-index:1003; display:none; }
}
@media screen and (min-width:768px) {
.v_close{ display:block; }


}
@media only screen and (max-width:519px) {
.v_con01 { display:none; width:350px; height:197px; position:fixed; left:15%; margin-left:0px; top: 65%; }
.v_close{ position:absolute; top:43%; margin-top:0px; left:72%; margin-left:0px; cursor:pointer; z-index:1003; display:none; }
}
@media only screen and (max-width:414px) {
.v_con01 { display:none; width:330px; height:186px; position:fixed; left:11%; margin-left:0px; top:65%; }
}
@media only screen and (max-width:375px) {
.v_con01 { display:none; width:310px; height:175px; position:fixed; left:9%; margin-left:0px; top:65%; }
}
@media only screen and (max-width:365px) {
.v_con01 { display:none; width:300px; height:169px; position:fixed; left:6%; margin-left:0px; top:68%; }
.v_close{ position:absolute; top:38%; margin-top:0px; left:88%; margin-left:0px; cursor:pointer; z-index:1003; display:none; }
}
@media only screen and (max-width:320px) {
.v_con01 { left:3%; }
}
@media (min-width: 300px) {
.pro_intro{background-color: #f9f9f9; overflow: hidden;}
.content{ padding:0px 10px; }
.content .pro_describe{ width:270px; height:auto; position:relative; margin:40px auto 0px auto; text-align:center; }	
.content .pro_describe h2{ font-size:22px; line-height:34px; }

#candt #pro_lunbo{ width:283px; height:360px; position:relative; margin:20px auto; }
#candt #pro_lunbo>ol>li{ position:absolute; top:5px; left:5px; display:none; }
#candt #pro_lunbo>ol>li:first-child{ display:block; }
#candt #pro_lunbo>ol>li>img{ width:275px; height:201px; }
#candt #pro_lunbo>ol>li>h2{ text-align:center; color:#333; font-size:24px; line-height:46px; margin:10px 0px 0px 0px; }
#candt #pro_lunbo>ol>li>h3{ text-align:center; color:#666; font-size:18px; line-height:24px; margin:0px 0px 10px 0px; }
#candt #pro_lunbo>ol>li>p{ font-size:14px; color:#666; text-align:center; }
#candt #pro_lunbo>ul{ position:absolute; width:100%; bottom:0px; left:0%; text-align:center; }
#candt #pro_lunbo>ul>li{ width:55px; height:42px; margin:5px 6px; cursor:pointer; border:1px solid #d7d7d7; border-radius:8px; display:inline-block; }
#candt #pro_lunbo>ul>li>img{ width:52px; height:38px; border-radius:8px; padding:2px 8px; }
#candt #pro_lunbo ul li.current{ border:2px solid #83b31d; }
#candt #pro_lunbo .ul02{ width:100%; height:50px; float:left;}
#candt #pro_lunbo .ul02 span{ width:275px; height:50px; margin:0 auto; display:block; }

.content .pro_lunbo{ width:270px; height:470px; position:relative; margin:10px auto 20px auto; }
.content .pro_lunbo>ol>li,.content .pro_lunbo2>ol>li,.content .pro_lunbo3>ol>li{ position:absolute; top:5px; left:5px; display:none; }
.content .pro_lunbo>ol>li:first-child,.content .pro_lunbo2>ol>li:first-child,.content .pro_lunbo3>ol>li:first-child,.content .pro_lunbo8>ol>li:first-child{ display:block; }
.content .pro_lunbo>ol>li,.content .pro_lunbo2>ol>li,.content .pro_lunbo3>ol>li,.content .pro_lunbo8>ol>li{ padding-left:0px; }
.content .pro_lunbo>ol>li>img,.content .pro_lunbo2>ol>li>img,.content .pro_lunbo3>ol>li>img,.content .pro_lunbo8>ol>li>img{ width:260px; height:189px; }
.content .pro_lunbo>ol>li>h2,.content .pro_lunbo2>ol>li>h2,.content .pro_lunbo3>ol>li>h2,.content .pro_lunbo8>ol>li>h2{ text-align:center; color:#333; font-size:24px; line-height:46px; font-weight:bold; margin:10px 0px; }
.content .pro_lunbo>ol>li>p,.content .pro_lunbo2>ol>li>p,.content .pro_lunbo3>ol>li>p,.content .pro_lunbo8>ol>li>p{ font-size:14px; color:#666; text-align:center; }
.content .pro_lunbo>ul,.content .pro_lunbo2>ul,.content .pro_lunbo3>ul{ position:absolute; width:100%; bottom:0px; left:0%; text-align:center; }
.content .pro_lunbo>ul>li,.content .pro_lunbo2>ul>li,.content .pro_lunbo3>ul>li{ width:55px; height:42px; margin:5px 6px; cursor:pointer; border:1px solid #d7d7d7; border-radius:8px; display:inline-block; }
.content .pro_lunbo>ul>li>img,.content .pro_lunbo2>ul>li>img,.content .pro_lunbo3>ul>li>img{ width:52px; height:38px; border-radius:8px; padding:2px 8px; }
.content .pro_lunbo ul li.current,.content .pro_lunbo2 ul li.current,.content .pro_lunbo3 ul li.current{ border:2px solid #83b31d; }
.content .pro_lunbo2{ width:270px; height:748px; position:relative; margin:10px auto 20px auto; }
.content .pro_lunbo3{ width:270px; height:570px; position:relative; margin:10px auto 20px auto; overflow: hidden; }
.content .pro_lunbo8{ width:270px; height:auto; position:relative; margin:10px auto 20px auto; }
.content .pro_lunbo8>ol>li{ width:100%; float:left; display:none; margin-bottom:10px;}
.content .pro_lunbo8>ul{ width:100%; float:left; text-align:center; margin-bottom:20px; }
.content .pro_lunbo8>ul>li{ width:55px; height:42px; margin:5px 6px; cursor:pointer; border:2px solid #d7d7d7; border-radius:8px; display:inline-block; }
.content .pro_lunbo8>ul>li>img{ width:52px; height:38px; border-radius:8px; padding:2px 8px; }
.content .pro_lunbo8 ul li.current{ border:2px solid #83b31d; }
.content .pro_lunbo8 ul.intro_list li{ border:none !important; font-size: 14px; line-height: 24px; color:#333333; background: url(../images/canbus/intro_list-dot.png) no-repeat 2px 10px; padding-left:18px;}
.content .pro_describe8{ width:265px; height:auto; margin:0 auto; float:left; margin-bottom:20px; }
.content .pro_describe8 p{ font-size:14px; text-align:center; }	
	
.yang_card_pro{ width:100%; margin:0px; padding:0px; overflow:auto; }
.yang_card_pro_list{ width:100%; max-width:1200px; margin:0px auto; padding:0px; }
.yang_card_h4{ font-size:22px; color:#333; line-height:46px; margin:26px auto 5px auto; }
.yang_card_h3{ font-size:22px; color:#333; line-height:46px; margin:26px auto 5px auto; }
.yang_card_h4_buy{ font-size:22px; color:#333; line-height:46px; margin:26px auto 5px auto; }

.pro_download{ height:auto; margin:0 auto; font-size:14px; overflow:auto; }
.pro_download_class{ width:100%; height:auto; border-bottom:1px dashed #cbcbcb; float:left; padding:20px 0px; margin-bottom:20px; }
.pro_download_class_l{ width:100%; height:30px; float:left; font-size:24px; margin:0px 0px 10px 0px; }
.pro_download_class_r{ width:100%; height:auto; float:left; }
.pro_download_class_r ul{ width:100%; }
.pro_download_class_r ul li{ width:100%; height:auto; line-height:30px; }
.pro_download .down-ico-pdf{ background:url(../images/pdf.png) no-repeat 0px 8px; padding-left:20px; }
.pro_download .down-ico-zip{ background:url(../images/zip.png) no-repeat 0px 8px; padding-left:20px; }

.ct_tit{ font-size:24px; line-height:38px; color:#333; text-align:center; margin:50px auto 20px auto; }
.ct_p{ font-size:16px; color:#333; line-height:26px; font-weight:normal; text-align:center; margin-bottom:20px; }
.ct_p2{ font-size:16px; color:#333; line-height:26px; font-weight:normal; text-align:center; margin:50px auto 20px auto; }
.ct_dt{color:#ffffff;}

.pro_zhuanti{ width:100%; height:auto; overflow:hidden;}
.pro_zhuanti .content{ width: 100%; height: auto; overflow: hidden; margin:0 auto; padding: 0px 14px; margin-bottom: 40px;}
.pro_zhuanti .content>ul{ width: 100%; height: auto; overflow: hidden; margin:10px 0;}
.pro_zhuanti .content>ul>li { float: left; width: 100%; height: auto; overflow: hidden; margin: 10px 0 20px; border-bottom: 1px solid #d6d6d6;}
.pro_zhuanti .content>ul>li>dl { width: 100%; height: auto; overflow: hidden; margin-bottom: 0;}
.pro_zhuanti .content>ul>li>dl>dt{ font-size: 16px; margin-bottom: 10px; overflow: hidden;}
.pro_zhuanti .content>ul>li>dl>dd{ line-height: 28px; background: url(../images/s_dd.jpg) no-repeat 0px 12px; padding-left: 12px; overflow: hidden;}
.pro_zhuanti .content>ul>li>dl>dd a {color: #666;}
.pro_zhuanti .content>ul>li p.tupian{ width: 100%; height: auto; overflow: hidden;}
.pro_zhuanti .content>ul>li p.gengduo{ width: auto; height: auto; overflow: hidden; float: right;}
.pro_zhuanti .content>ul>li p.gengduo a{ color: #8fc31f;}
.pro_zhuanti .content>ul>li img{display:none;}

.pro_zhuanti_left{ float: left; width: 100%; overflow: hidden; }
.pro_zhuanti_left ul{float: left; width: 100%; overflow: hidden; }
.pro_zhuanti_right{ float: left; width: 100%; overflow: hidden;}
.pro_zhuanti_left ul li{width: 100%; float: left; line-height: 44px; border-bottom: 1px solid #e8e8e8; background: url(/tpl/zlg/Public/images/aworks/article/s_dy_03.png) no-repeat right; cursor: pointer; }
.pro_zhuanti_left ul li a{display: block;}
.pro_zhuanti_left ul li.current {color:#8fc31f; border-bottom: 1px solid  #8fc31f; background: url(/tpl/zlg/Public/images/aworks/article/s_t1_03.png) no-repeat right;}
.pro_zhuanti_left ul li.current a{ color: #8fc31f;}
 
.pro_zhuanti_right ol li dl { overflow: hidden; }
.pro_zhuanti_right ol li dl dt { width: auto; height:auto; margin:20px auto auto;overflow:hidden; font-weight: 500; font-size: 16px; }
.pro_zhuanti_right ol li dl dd { width:100%; color: #999; line-height: 22px; float: left; padding: 5px 0 0;}
.pro_zhuanti_right ol li dl dd p{padding-bottom:10px;line-height:24px;}
.pro_zhuanti_right ol li dl dd.tit { font-size: 18px;line-height: 26px; }
.pro_zhuanti_right ol li dl dd a:hover { color: #8fc31f; }
.pro_zhuanti_right ol li dl dd .more{font-size: 14px; color: #8fc31f;border-radius: 5px; border: 1px solid #8fc31f; padding: 4px; width: 80px; text-align: center;}
.pro_zhuanti_right .text .tit{font-size: 20px; line-height: 24px; margin: 20px 0; border-bottom: 2px solid #83b31d; padding-bottom: 20px;}
.pro_zhuanti_right .c_h1,.pro_zhuanti_right .c_h2{ font-weight: bold; font-size:16px; margin:5px 0;}
.pro_zhuanti_right .text{ margin-top:30px;}
.pro_zhuanti_right .text p { line-height: 26px; color: #666; font-size: 14px; margin-bottom: 0}
.pro_zhuanti_right .text .c_h6{color: #666; text-align: center; margin: 10px 0px; }
.pro_zhuanti_right .text .c_img{ margin: 10px 0; text-align: center;} 
.pro_zhuanti_right iframe{ width:264px; height: 266px; margin:10px 0; margin: 0 auto;}
.pro_zhuanti_right .text ul{padding:5px 0;}
.pro_zhuanti_right .text ul li{ background: url(../images/s_dd.jpg) no-repeat 25px 12px; color: #666; padding-left: 12px; line-height: 30px; text-indent: 2em;} 

.yang-table{ width:100%; overflow:auto; margin:20px 0;}
.pro_norms { margin: 10px auto;color: #666; font-size: 12px;}
.pro_norms tr th,.pro_norms tr td{ border-left:1px solid #e2e2e2; padding:6px 20px;; }
.pro_norms tr td,.pro_norms tr th{ text-align:left; padding:6px 20px; line-height:22px; border-left:#e2e2e2 1px solid; border-top:#e2e2e2 1px solid; border-bottom:#e2e2e2 1px solid; color:#666; }
.pro_norms tr th.no_bd_lf,.pro_norms tr td.no_bd_lf{ border-left:none; }
.pro_norms tr th{ background:#f4f4f4; font-size:12px; line-height:28px; text-align:left;}
.pro_zhuanti_right .next{padding:10px 0;}
.pro_zhuanti_right .next a{ border: #eeeeee 1px solid; margin: 5px; padding: 5px 10px; height: auto; display: block; width: auto; float: left;}
.pro_zhuanti_right>ol#detail,.pro_zhuanti_right>ol#lists{ margin-top:20px;} 
.pro_zhuanti_right>ol#detail>li{ background: url(../images/s_dd.jpg) no-repeat 0px 14px ; font-size:14px; line-height: 30px; padding-left: 14px;}
.pro_zhuanti_right>ol#lists>li{ height: auto; width: 100%; overflow: hidden; border-bottom: 1px dashed #ccc; }
.pro_zhuanti_right .page{ padding:10px 0;}
.pro_zhuanti_right .page a{ border: #eeeeee 1px solid; margin: 5px; padding: 5px 10px; height: auto; display: block; width: auto; float: left;}
.pro_zhuanti_right .page span.current{ border: #8fc31f 1px solid; margin: 5px; padding: 5px 10px; height: auto; display: block; width: auto; float: left;}
.pro_zhuanti_right>ol#lists .center-block { display: none; margin-right: auto; margin-left: auto; }

.pro_zhuanti_right .next{padding:10px 0;}
.pro_zhuanti_right .next a{ border: #eeeeee 1px solid; margin: 5px; padding: 5px 10px; height: auto; display: block; width: auto; float: left;}
.pro_zhuanti_right>ol#detail,.pro_zhuanti_right>ol#lists{ margin-top:20px;} 
.pro_zhuanti_right>ol#detail>li{ background: url(../images/s_dd.jpg) no-repeat 0px 14px ; font-size:14px; line-height: 30px; padding-left: 14px;}
.pro_zhuanti_right>ol#lists>li{ height: auto; width: 100%; overflow: hidden; border-bottom: 1px dashed #ccc; }
.pro_zhuanti_right .page{ padding:10px 0;}
.pro_zhuanti_right .page a{ border: #eeeeee 1px solid; margin: 5px; padding: 5px 10px; height: auto; display: block; width: auto; float: left;}
.pro_zhuanti_right .page span.current{ border: #8fc31f 1px solid; margin: 5px; padding: 5px 10px; height: auto; display: block; width: auto; float: left;}
.pro_zhuanti_right>ol#lists .center-block { display: none; margin-right: auto; margin-left: auto;}

.yang_card_pro_choose_info_1{ width:100%; height:auto; float:left; text-align:center; margin: 20px auto;}
.yang_card_pro_choose_info_1 a{ min-width:130px; font-size:14px; color:#fff; border:1px solid #78a83b; border-radius:20px; padding:5px 22px; display:inline-block; margin:0 6px; text-decoration:none; margin-bottom:5px; color: #78a83b; }
.yang_card_pro_choose_info_1 a:hover{ text-decoration:none; background-color:#78a83b; color: #ffffff; }


.yang_card_pro_choose_info_2{ width:100%; height:auto; float:left; text-align:center; margin: 20px auto;}
.yang_card_pro_choose_info_2 a{ min-width:130px; font-size:14px; color:#ffffff; border:1px solid #8fc31f; background:#8fc31f; border-radius:6px; padding:5px 22px; display:inline-block; margin:0 6px; text-decoration:none; margin-bottom:5px; }
.yang_card_pro_choose_info_2 a:hover{ text-decoration:none; border:1px solid #83b31d;  background-color:#83b31d; color: #ffffff; }


.yang_card_pro .yang_card_notes{width: 100%; height: auto; overflow: hidden; padding: 0;}
.yang_card_pro .yang_card_notes ul li{ width: 100%; float: left; font-size: 12px; color: #666666; }
}
/*针对iphone5s*/
@media (min-width: 315px) {	

}
/*针对iphone6*/
@media (min-width: 375px) {	
.content .pro_describe{ width:340px; height:auto; position:relative; margin:40px auto 0px auto; text-align:center; }
.content .pro_describe h2{ font-size:24px; line-height:36px; }
.content .pro_lunbo{ width:330px; height:510px; position:relative; margin:10px auto 20px auto; }
.content .pro_lunbo>ol>li,.content .pro_lunbo2>ol>li,.content .pro_lunbo3>ol>li{ position:absolute; top:5px; left:5px; display:none; }
.content .pro_lunbo>ol>li:first-child,.content .pro_lunbo2>ol>li:first-child,.content .pro_lunbo3>ol>li:first-child,.content .pro_lunbo8>ol>li:first-child{ display:block; }
.content .pro_lunbo>ol>li,.content .pro_lunbo2>ol>li,.content .pro_lunbo3>ol>li,.content .pro_lunbo8>ol>li{ padding-left:0px; }
.content .pro_lunbo>ol>li>img,.content .pro_lunbo2>ol>li>img,.content .pro_lunbo3>ol>li>img,.content .pro_lunbo8>ol>li>img{ width:325px; height:237px; }
.content .pro_lunbo>ol>li>h2,.content .pro_lunbo2>ol>li>h2,.content .pro_lunbo3>ol>li>h2,.content .pro_lunbo8>ol>li>h2{ text-align:center; color:#333; font-size:24px; line-height:46px; font-weight:bold; margin:10px 0px; }
.content .pro_lunbo>ol>li>p,.content .pro_lunbo2>ol>li>p,.content .pro_lunbo3>ol>li>p,.content .pro_lunbo8>ol>li>p{ font-size:14px; color:#666; text-align:center; }
.content .pro_lunbo>ul,.content .pro_lunbo2>ul,.content .pro_lunbo3>ul{ position:absolute; bottom:0px; left:0%; text-align:center; }
.content .pro_lunbo>ul>li,.content .pro_lunbo2>ul>li,.content .pro_lunbo3>ul>li{ width:60px; height:46px; margin:5px 8px; cursor:pointer; border:1px solid #d7d7d7; border-radius:8px; display:inline-block; }
.content .pro_lunbo>ul>li>img,.content .pro_lunbo2>ul>li>img,.content .pro_lunbo3>ul>li>img{ width:57px; height:41px; border-radius:8px; padding:2px 8px; }
.content .pro_lunbo ul li.current,.content .pro_lunbo2 ul li.current,.content .pro_lunbo3 ul li.current{ border:2px solid #83b31d; }
.content .pro_lunbo2{ width:330px; height:665px; position:relative; margin:10px auto 20px auto; }
.content .pro_lunbo3{ width:330px; height:575px; position:relative; margin:10px auto 20px auto; }
.content .pro_lunbo8{ width:330px; height:auto; position:relative; margin:10px auto 20px auto; }
.content .pro_lunbo8>ol>li{ width:100%; float:left; display:none; margin-bottom:10px; overflow: hidden;}
.content .pro_lunbo8>ul{ width:100%; float:left; text-align:center; margin-bottom:20px; }
.content .pro_lunbo8>ul>li{ width:60px; height:46px; margin:5px 8px; cursor:pointer; border:2px solid #d7d7d7; border-radius:8px; display:inline-block; }
.content .pro_lunbo8>ul>li>img{ width:57px; height:41px; border-radius:8px; padding:2px 8px; }
.content .pro_lunbo8 ul li.current{ border:2px solid #83b31d; }
.content .pro_describe8{ width:330px; height:auto; margin:0 auto; float:left; margin-bottom:20px; }

#candt #pro_lunbo{ width:335px; height:400px; position:relative; margin:20px auto; }
#candt #pro_lunbo>ol>li{ position:absolute; top:5px; left:5px; display:none; }
#candt #pro_lunbo>ol>li:first-child{ display:block; }
#candt #pro_lunbo>ol>li>img{ width:330px; height:241px; }
#candt #pro_lunbo>ol>li>h2{ text-align:center; color:#333; font-size:24px; line-height:46px; margin:10px 0px 0px 0px; }
#candt #pro_lunbo>ol>li>h3{ text-align:center; color:#666; font-size:18px; line-height:24px; margin:0px 0px 10px 0px; }
#candt #pro_lunbo>ol>li>p{ font-size:14px; color:#666; text-align:center; }
#candt #pro_lunbo>ul{ position:absolute; bottom:0px; left:0%; text-align:center; }
#candt #pro_lunbo>ul>li{ width:60px; height:46px; margin:5px 8px; cursor:pointer; border:1px solid #d7d7d7; border-radius:8px; display:inline-block; }
#candt #pro_lunbo>ul>li>img{ width:57px; height:41px; border-radius:8px; padding:2px 8px; }
#candt #pro_lunbo ul li.current{ border:2px solid #83b31d; }
 
.pro_zhuanti .content{ padding:0px 16px;}
.pro_zhuanti_right iframe{ width:329px;}
}
@media (min-width: 400px) {
.content .pro_describe{ width:350px; height:auto; position:relative; margin:40px auto 0px auto; text-align:center; }
.content .pro_describe h2{ font-size:24px; }
.content .pro_lunbo{ width:360px; height:505px; position:relative; margin:10px auto 20px auto; }
.content .pro_lunbo>ol>li,.content .pro_lunbo2>ol>li,.content .pro_lunbo3>ol>li{ position:absolute; top:5px; left:5px; display:none; }
.content .pro_lunbo>ol>li:first-child,.content .pro_lunbo2>ol>li:first-child,.content .pro_lunbo3>ol>li:first-child,.content .pro_lunbo8>ol>li:first-child{ display:block; }
.content .pro_lunbo>ol>li,.content .pro_lunbo2>ol>li,.content .pro_lunbo3>ol>li,.content .pro_lunbo8>ol>li{ padding-left:1px; }
.content .pro_lunbo>ol>li>img,.content .pro_lunbo2>ol>li>img,.content .pro_lunbo3>ol>li>img,.content .pro_lunbo8>ol>li>img{ width:350px; height:254px; }
.content .pro_lunbo>ol>li>h2,.content .pro_lunbo2>ol>li>h2,.content .pro_lunbo3>ol>li>h2,.content .pro_lunbo8>ol>li>h2{ text-align:center; color:#333; font-size:24px; line-height:46px; font-weight:bold; margin:10px 0px; }
.content .pro_lunbo>ol>li>p,.content .pro_lunbo2>ol>li>p,.content .pro_lunbo3>ol>li>p,.content .pro_lunbo8>ol>li>p{ font-size:14px; color:#666; text-align:center; }
.content .pro_lunbo>ul,.content .pro_lunbo2>ul,.content .pro_lunbo3>ul{ position:absolute; bottom:0px; left:0%; text-align:center; }
.content .pro_lunbo>ul>li,.content .pro_lunbo2>ul>li,.content .pro_lunbo3>ul>li{ width:60px; height:46px; margin:5px 8px; cursor:pointer; border:1px solid #d7d7d7; border-radius:8px; display:inline-block; }
.content .pro_lunbo>ul>li>img,.content .pro_lunbo2>ul>li>img,.content .pro_lunbo3>ul>li>img{ width:57px; height:41px; border-radius:8px; padding:2px 8px; }
.content .pro_lunbo ul li.current,.content .pro_lunbo2 ul li.current,.content .pro_lunbo3 ul li.current{ border:2px solid #83b31d; }
.content .pro_lunbo2{ width:360px; height:659px; position:relative; margin:10px auto 20px auto; }
.content .pro_lunbo3{ width:360px; height:555px; position:relative; margin:10px auto 20px auto; }
.content .pro_lunbo8{ width:360px; height:auto; position:relative; margin:10px auto 20px auto; }
.content .pro_lunbo8>ol>li{ width:100%; float:left; display:none; }
.content .pro_lunbo8>ul{ width:100%; float:left; text-align:center; margin-bottom:20px; }
.content .pro_lunbo8>ul>li{ width:60px; height:46px; margin:5px 8px; cursor:pointer; border:2px solid #d7d7d7; border-radius:8px; display:inline-block; }
.content .pro_lunbo8>ul>li>img{ width:57px; height:41px; border-radius:8px; padding:2px 8px; }
.content .pro_lunbo8 ul li.current{ border:2px solid #83b31d; }
.content .pro_describe8{ width:350px; height:auto; margin:0 auto; float:left; margin-bottom:20px;  }

.pro_zhuanti .content{padding: 0px 18px;}
.pro_zhuanti_right iframe{ width:350px;}

#candt #pro_lunbo{ width:350px; height:420px; position:relative; margin:20px auto; }
#candt #pro_lunbo>ol>li{ position:absolute; top:5px; left:5px; display:none; }
#candt #pro_lunbo>ol>li:first-child{ display:block; }
#candt #pro_lunbo>ol>li>img{ width:350px; height:255px; }
#candt #pro_lunbo>ol>li>h2{ text-align:center; color:#333; font-size:26px; line-height:46px; margin:10px 0px 0px 0px; }
#candt #pro_lunbo>ol>li>h3{ text-align:center; color:#666; font-size:20px; line-height:26px; margin:0px 0px 10px 0px; }
#candt #pro_lunbo>ol>li>p{ font-size:14px; color:#666; text-align:center; }
#candt #pro_lunbo>ul{ position:absolute; bottom:0px; left:0%; text-align:center; }
#candt #pro_lunbo>ul>li{ width:63px; height:48px; margin:5px 8px; cursor:pointer; border:1px solid #d7d7d7; border-radius:8px; display:inline-block; }
#candt #pro_lunbo>ul>li>img{ width:60px; height:43px; border-radius:8px; padding:2px 8px; }
#candt #pro_lunbo ul li.current{ border:2px solid #83b31d; }
 
}
/*针对iphone6s plus*/
@media (min-width: 410px) {
.content .pro_describe{ width:350px; height:auto; position:relative; margin:40px auto 0px auto; text-align:center; }
.content .pro_describe h2{ font-size:24px; }
.content .pro_lunbo{ width:360px; height:510px; position:relative; margin:10px auto 20px auto; }
.content .pro_lunbo>ol>li,.content .pro_lunbo2>ol>li{ position:absolute; top:5px; left:5px; display:none; }
.content .pro_lunbo>ol>li:first-child,.content .pro_lunbo2>ol>li:first-child,.content .pro_lunbo8>ol>li:first-child{ display:block; }
.content .pro_lunbo>ol>li,.content .pro_lunbo2>ol>li{ padding-left:1px; }
.content .pro_lunbo>ol>li>img,.content .pro_lunbo2>ol>li>img,.content .pro_lunbo8>ol>li>img{ width:355px; height:259px; }
.content .pro_lunbo>ol>li>h2,.content .pro_lunbo2>ol>li>h2{ text-align:center; color:#333; font-size:24px; line-height:46px; font-weight:bold; margin:10px 0px; }
.content .pro_lunbo>ol>li>p,.content .pro_lunbo2>ol>li>p{ font-size:14px; color:#666; text-align:center; }
.content .pro_lunbo>ul,.content .pro_lunbo2>ul{ position:absolute; bottom:0px; left:0%; text-align:center; }
.content .pro_lunbo>ul>li,.content .pro_lunbo2>ul>li{ width:65px; height:50px; margin:5px 8px; cursor:pointer; border:1px solid #d7d7d7; border-radius:8px; display:inline-block; }
.content .pro_lunbo8>ul>li>img{ width:59px; height:43px; border-radius:8px; padding:2px 8px; }
.content .pro_lunbo>ul>li>img,.content .pro_lunbo2>ul>li>img{ width:62px; height:45px; border-radius:8px; padding:2px 8px; }
.content .pro_lunbo ul li.current,.content .pro_lunbo2 ul li.current{ border:2px solid #83b31d; }
.content .pro_lunbo2{ width:360px; height:664px; position:relative; margin:10px auto 20px auto; }


.pro_zhuanti_right iframe{ width:360px; height: 320px}
.pro_zhuanti .content {padding: 0px 18px;}
#candt #pro_lunbo{ width:378px; height:430px; position:relative; margin:20px auto; }
#candt #pro_lunbo>ol>li{ position:absolute; top:5px; left:5px; display:none; }
#candt #pro_lunbo>ol>li:first-child{ display:block; }
#candt #pro_lunbo>ol>li>img{ width:365px; height:266px; }
#candt #pro_lunbo>ol>li>h2{ text-align:center; color:#333; font-size:28px; line-height:46px; margin:10px 0px 0px 0px; }
#candt #pro_lunbo>ol>li>h3{ text-align:center; color:#666; font-size:22px; line-height:28px; margin:0px 0px 10px 0px; }
#candt #pro_lunbo>ol>li>p{ font-size:14px; color:#666; text-align:center; }
#candt #pro_lunbo>ul{ position:absolute; bottom:0px; left:0%; text-align:center; }
#candt #pro_lunbo>ul>li{ width:65px; height:50px; margin:5px 8px; cursor:pointer; border:1px solid #d7d7d7; border-radius:8px; display:inline-block; }
#candt #pro_lunbo>ul>li>img{ width:62px; height:45px; border-radius:8px; padding:2px 8px; }
#candt #pro_lunbo ul li.current{ border:2px solid #83b31d; }

}
@media (min-width: 414px) {	
.pro_zhuanti_right  iframe { width:364px; height: 320px}
} 
@media (min-width: 450px) {	 
.pro_zhuanti_right  iframe { width:400px; height: 320px}
}
@media (min-width: 480px) {	 
.pro_zhuanti .content {padding: 0px 18px;}
}

@media (min-width: 500px) {
.content .pro_describe{ width:450px; height:auto; position:relative; margin:40px auto 0px auto; text-align:center; }
.content .pro_describe h2{ font-size:24px; }
.content .pro_lunbo{ width:470px; height:575px; position:relative; margin:10px auto 20px auto; }
.content .pro_lunbo>ol>li,.content .pro_lunbo2>ol>li,.content .pro_lunbo3>ol>li{ position:absolute; top:5px; left:5px; display:none; }
.content .pro_lunbo>ol>li:first-child,.content .pro_lunbo2>ol>li:first-child,.content .pro_lunbo3>ol>li:first-child,.content .pro_lunbo8>ol>li:first-child{ display:block; }
.content .pro_lunbo>ol>li,.content .pro_lunbo2>ol>li,.content .pro_lunbo3>ol>li,.content .pro_lunbo8>ol>li{ padding-left:3px; }
.content .pro_lunbo>ol>li>img,.content .pro_lunbo2>ol>li>img,.content .pro_lunbo3>ol>li>img,.content .pro_lunbo8>ol>li>img{ width:450px; height:328px; }
.content .pro_lunbo>ol>li>h2,.content .pro_lunbo2>ol>li>h2,.content .pro_lunbo3>ol>li>h2,.content .pro_lunbo8>ol>li>h2{ text-align:center; color:#333; font-size:24px; line-height:46px; font-weight:bold; margin:10px 0px; }
.content .pro_lunbo>ol>li>p,.content .pro_lunbo2>ol>li>p,.content .pro_lunbo3>ol>li>p,.content .pro_lunbo8>ol>li>p{ font-size:14px; color:#666; text-align:center; }
.content .pro_lunbo>ul,.content .pro_lunbo2>ul,.content .pro_lunbo3>ul{ position:absolute; width:100%; bottom:0px; left:0%; text-align:center; }
.content .pro_lunbo>ul>li,.content .pro_lunbo2>ul>li,.content .pro_lunbo3>ul>li{ width:70px; height:54px; margin:5px 8px; cursor:pointer; border:1px solid #d7d7d7; border-radius:8px; display:inline-block; }
.content .pro_lunbo>ul>li>img,.content .pro_lunbo2>ul>li>img,.content .pro_lunbo3>ul>li>img{ width:67px; height:48px; border-radius:8px; padding:2px 8px; }
.content .pro_lunbo ul li.current,.content .pro_lunbo2 ul li.current,.content .pro_lunbo3 ul li.current{ border:2px solid #83b31d; }
.content .pro_lunbo2{ width:470px; height:753px; position:relative; margin:10px auto 20px auto; }
.content .pro_lunbo3{ width:470px; height:620px; position:relative; margin:10px auto 20px auto; }
.content .pro_lunbo8{ width:470px; height:auto; position:relative; margin:10px auto 20px auto; }
.content .pro_lunbo8>ol>li{ width:100%; float:left; display:none; }
.content .pro_lunbo8>ul{ width:100%; float:left; text-align:center; margin-bottom:20px; }
.content .pro_lunbo8>ul>li{ width:70px; height:54px; margin:5px 8px; cursor:pointer; border:1px solid #d7d7d7; border-radius:8px; display:inline-block; margin-top:15px; }
.content .pro_lunbo8>ul>li>img{ width:67px; height:48px; border-radius:8px; padding:2px 8px; }
.content .pro_lunbo8 ul li.current{ border:2px solid #83b31d; }
.content .pro_lunbo8 ul.intro_list li{ border:none !important; font-size: 16px; line-height: 32px; color:#333333; background: url(../images/canbus/intro_list-dot.png) no-repeat 2px 13px; padding-left:18px;}
.content .pro_describe8{ width:450px; height:auto; margin:0 auto; float:left; margin-bottom:20px;  }
.content .pro_describe8 p{ font-size:16px; text-align:center; line-height: 32px; }	

.yang_card_pro{ width:100%; margin:0px; padding:0px; overflow:auto; }
.yang_card_pro_list{ width:100%; max-width:1200px; margin:0px auto; padding:0px; }
.yang_card_h4{ font-size:24px; color:#333; line-height:46px; margin:26px auto 5px auto; }
.yang_card_h3{ font-size:24px; color:#333; line-height:46px; margin:26px auto 5px auto; }
.yang_card_h4_buy{ font-size:24px; color:#333; line-height:46px; margin:26px auto 5px auto; }

.ct_tit{ font-size:26px; line-height:40px; color:#333; text-align:center; margin:50px auto 20px auto; }
.ct_p{ font-size:16px; color:#333; line-height:26px; font-weight:normal; text-align:center; margin-bottom:20px; }
.ct_p2{ font-size:16px; color:#333; line-height:26px; font-weight:normal; text-align:center; margin:50px auto 20px auto; }
.ct_dt{color:#ffffff;}

.pro_zhuanti .content{padding: 0px 18px;} 
.pro_zhuanti_right iframe{ width:450px; height: 320px}
#candt #pro_lunbo{ width:460px; height:490px; position:relative; margin:20px auto; }
#candt #pro_lunbo>ol>li{ position:absolute; top:5px; left:5px; display:none; }
#candt #pro_lunbo>ol>li:first-child{ display:block; }
#candt #pro_lunbo>ol>li>img{ width:450px; height:328px; }
#candt #pro_lunbo>ol>li>h2{ text-align:center; color:#333; font-size:30px; line-height:46px; margin:10px 0px 0px 0px; }
#candt #pro_lunbo>ol>li>h3{ text-align:center; color:#666; font-size:24px; line-height:30px; margin:0px 0px 10px 0px; }
#candt #pro_lunbo>ol>li>p{ font-size:14px; color:#666; text-align:center; }
#candt #pro_lunbo>ul{ position:absolute; bottom:0px; left:0%; text-align:center; }
#candt #pro_lunbo>ul>li{ width:70px; height:54px; margin:5px 8px; cursor:pointer; border:1px solid #d7d7d7; border-radius:8px; display:inline-block; }
#candt #pro_lunbo>ul>li>img{ width:67px; height:48px; border-radius:8px; padding:2px 8px; }
#candt #pro_lunbo ul li.current{ border:2px solid #83b31d; }

}
@media (min-width: 600px) {
.content .pro_describe{ width:555px; height:auto; position:relative; margin:50px auto 0px auto; text-align:center; }
.content .pro_describe h2{ font-size:26px; line-height:38px; }
.content .pro_lunbo{ width:565px; height:645px; position:relative; margin:10px auto 20px auto; }
.content .pro_lunbo>ol>li,.content .pro_lunbo2>ol>li,.content .pro_lunbo3>ol>li{ position:absolute; top:5px; left:5px; display:none; }
.content .pro_lunbo>ol>li:first-child,.content .pro_lunbo2>ol>li:first-child,.content .pro_lunbo3>ol>li:first-child,.content .pro_lunbo8>ol>li:first-child{ display:block; }
.content .pro_lunbo>ol>li,.content .pro_lunbo2>ol>li,.content .pro_lunbo3>ol>li,.content .pro_lunbo8>ol>li{ padding-left:2px; }
.content .pro_lunbo>ol>li>img,.content .pro_lunbo2>ol>li>img,.content .pro_lunbo3>ol>li>img,.content .pro_lunbo8>ol>li>img{ width:550px; height:401px; }
.content .pro_lunbo>ol>li>h2,.content .pro_lunbo2>ol>li>h2,.content .pro_lunbo3>ol>li>h2,.content .pro_lunbo8>ol>li>h2{ text-align:center; color:#333; font-size:24px; line-height:46px; font-weight:bold; margin:10px 0px; }
.content .pro_lunbo>ol>li>p,.content .pro_lunbo2>ol>li>p,.content .pro_lunbo3>ol>li>p,.content .pro_lunbo8>ol>li>p{ font-size:14px; color:#666; text-align:center; }
.content .pro_lunbo>ul,.content .pro_lunbo2>ul,.content .pro_lunbo3>ul{ position:absolute; bottom:0px; left:0%; text-align:center; }
.content .pro_lunbo>ul>li,.content .pro_lunbo2>ul>li,.content .pro_lunbo3>ul>li{ width:90px; height:69px; margin:5px 8px; cursor:pointer; border:1px solid #d7d7d7; border-radius:8px; display:inline-block; }
.content .pro_lunbo>ul>li>img,.content .pro_lunbo2>ul>li>img,.content .pro_lunbo3>ul>li>img{ width:85px; height:61px; border-radius:8px; padding:2px 8px; }
.content .pro_lunbo ul li.current,.content .pro_lunbo2 ul li.current,.content .pro_lunbo3 ul li.current{ border:2px solid #83b31d; }
.content .pro_lunbo2{ width:565px; height:775px; position:relative; margin:10px auto 20px auto; }
.content .pro_lunbo3{ width:565px; height:690px; position:relative; margin:10px auto 20px auto; }
.content .pro_lunbo8{ width:565px; height:auto; position:relative; margin:10px auto 20px auto; }
.content .pro_lunbo8>ol>li{ width:100%; float:left; display:none; }
.content .pro_lunbo8>ul{ width:100%; float:left; text-align:center; margin-bottom:20px; }
.content .pro_lunbo8>ul>li{ width:90px; height:69px; margin:5px 8px; cursor:pointer; border:1px solid #d7d7d7; border-radius:8px; display:inline-block; margin-top:15px; }
.content .pro_lunbo8>ul>li>img{ width:85px; height:61px; border-radius:8px; padding:2px 8px; }
.content .pro_lunbo8 ul li.current{ border:2px solid #83b31d; }
.content .pro_describe8{ width:555px; height:auto; margin:0 auto; float:left; }

.yang_card_pro{ width:100%; margin:0px; padding:0px; overflow:auto; }
.yang_card_pro_list{ width:100%; max-width:1200px; margin:0px auto; padding:0px; }
.yang_card_h4{ font-size:26px; color:#333; line-height:48px; margin:26px auto 5px auto; }
.yang_card_h3{ font-size:26px; color:#333; line-height:48px; margin:26px auto 5px auto; }
.yang_card_h4_buy{ font-size:26px; color:#333; line-height:48px; margin:26px auto 5px auto; }

.ct_tit{ font-size:28px; line-height:40px; color:#333; text-align:center; margin:50px auto 20px auto; }
.ct_p{ font-size:16px; color:#333; line-height:26px; font-weight:normal; text-align:center; margin-bottom:20px; }
.ct_p2{ font-size:16px; color:#333; line-height:26px; font-weight:normal; text-align:center; margin:50px auto 20px auto; }
.ct_dt{color:#ffffff;}
.pro_zhuanti .content{ width: 100%; height: auto; overflow: hidden; padding: 0px 20px;}
.pro_zhuanti_right  iframe { width:660px; height: 320px}
.pro_zhuanti_right ol li dl{margin-bottom:20px; padding-left: 25px;}
.pro_zhuanti_right ol li dl dt { width: 100%; height: auto; float: left; margin: 10px auto; overflow: hidden;}
.pro_zhuanti_right ol li dl dd { color: #999; line-height: 22px; float: left; padding: 5px 0; width: 100%;}
.pro_zhuanti_right>ol#detail, .pro_zhuanti_right>ol#lists {  margin-top: 30px;}
.pro_zhuanti_right>ol#lists>li .center-block{ display: block; margin-right: auto; margin-left: auto; float: left; }
.pro_zhuanti_right ol#lists li dl{ margin:0;}
.pro_zhuanti_right ol#lists li dl dt{ margin:0; }
.pro_zhuanti_right>ol#lists>li {  height: auto; width: 100%; overflow: hidden; border-bottom: 1px dashed #ccc; margin-bottom: 25px; padding-bottom: 25px}


#candt #pro_lunbo{ width:500px; height:570px; position:relative; margin:20px auto; }
#candt #pro_lunbo>ol>li{ position:absolute; top:5px; left:5px; display:none; }
#candt #pro_lunbo>ol>li:first-child{ display:block; }
#candt #pro_lunbo>ol>li>img{ width:530px; height:387px; }
#candt #pro_lunbo>ol>li>h2{ text-align:center; color:#333; font-size:32px; line-height:46px; margin:10px 0px 0px 0px; }
#candt #pro_lunbo>ol>li>h3{ text-align:center; color:#666; font-size:26px; line-height:32px; margin:0px 0px 10px 0px; }
#candt #pro_lunbo>ol>li>p{ font-size:14px; color:#666; text-align:center; }
#candt #pro_lunbo>ul{ position:absolute; bottom:0px; left:0%; text-align:center; }
#candt #pro_lunbo>ul>li{ width:90px; height:69px; margin:5px 8px; cursor:pointer; border:1px solid #d7d7d7; border-radius:8px; display:inline-block; }
#candt #pro_lunbo>ul>li>img{ width:85px; height:61px; border-radius:8px; padding:2px 8px; }
#candt #pro_lunbo ul li.current{ border:2px solid #83b31d; }

.yang_card_pro_choose_info_1{ width:100%; height:60px; float:left; text-align:center; }
.yang_card_pro_choose_info_1 a{ min-width:130px; font-size:14px; color:#fff; border:1px solid #78a83b; border-radius:20px; padding:5px 22px; display:inline-block; margin:0 6px; text-decoration:none; color: #78a83b;}

.yang_card_pro_choose_info_2{ width:100%; height:60px; float:left; text-align:center; }
.yang_card_pro_choose_info_2 a{ min-width:130px; font-size:14px; color:#fff; border:1px solid #8fc31f; background:#8fc31f; border-radius:6px; padding:5px 22px; display:inline-block; margin:0 6px; text-decoration:none; }
}
@media (min-width: 700px) {
.content .pro_describe{ width:650px; height:auto; position:relative; margin:60px auto 0px auto; text-align:center; }
.content .pro_describe h2{ font-size:30px; line-height:40px; }	
.content .pro_lunbo{ width:670px; height:720px; position:relative; margin:10px auto 20px auto; }
.content .pro_lunbo>ol>li,.content .pro_lunbo2>ol>li,.content .pro_lunbo3>ol>li{ position:absolute; top:5px; left:5px; display:none; }
.content .pro_lunbo>ol>li:first-child,.content .pro_lunbo2>ol>li:first-child,.content .pro_lunbo3>ol>li:first-child,.content .pro_lunbo8>ol>li:first-child{ display:block; }
.content .pro_lunbo>ol>li,.content .pro_lunbo2>ol>li,.content .pro_lunbo3>ol>li,.content .pro_lunbo8>ol>li{ padding-left:2px; }
.content .pro_lunbo>ol>li>img,.content .pro_lunbo2>ol>li>img,.content .pro_lunbo3>ol>li>img,.content .pro_lunbo8>ol>li>img{ width:650px; height:474px; }
.content .pro_lunbo>ol>li>h2,.content .pro_lunbo2>ol>li>h2,.content .pro_lunbo3>ol>li>h2,.content .pro_lunbo8>ol>li>h2{ text-align:center; color:#333; font-size:24px; line-height:46px; font-weight:bold; margin:10px 0px; }
.content .pro_lunbo>ol>li>p,.content .pro_lunbo2>ol>li>p,.content .pro_lunbo3>ol>li>p,.content .pro_lunbo8>ol>li>p{ font-size:14px; color:#666; text-align:center; }
.content .pro_lunbo>ul,.content .pro_lunbo2>ul,.content .pro_lunbo3>ul{ position:absolute; bottom:0px; left:0%; text-align:center; }
.content .pro_lunbo>ul>li,.content .pro_lunbo2>ul>li,.content .pro_lunbo3>ul>li{ width:100px; height:77px; margin:5px 8px; cursor:pointer; border:1px solid #d7d7d7; border-radius:8px; display:inline-block; }
.content .pro_lunbo>ul>li>img,.content .pro_lunbo2>ul>li>img,.content .pro_lunbo3>ul>li>img{ width:97px; height:72px; border-radius:8px; padding:2px 8px; }
.content .pro_lunbo ul li.current,.content .pro_lunbo2 ul li.current,.content .pro_lunbo3 ul li.current{ border:2px solid #83b31d; }
.content .pro_lunbo2{ width:670px; height:834px; position:relative; margin:10px auto 20px auto; }
.content .pro_lunbo3{ width:670px; height:750px; position:relative; margin:10px auto 20px auto; }
.content .pro_lunbo8{ width:670px; height:auto; position:relative; margin:10px auto 20px auto; }
.content .pro_lunbo8>ol>li{ width:100%; float:left; display:none; }
.content .pro_lunbo8>ul{ width:100%; float:left; text-align:center; margin-bottom:25px; }
.content .pro_lunbo8>ul>li{ width:100px; height:77px; margin:5px 8px; cursor:pointer; border:1px solid #d7d7d7; border-radius:8px; display:inline-block; margin-top:15px; }
.content .pro_lunbo8>ul>li>img{ width:97px; height:72px; border-radius:8px; padding:2px 8px; }
.content .pro_lunbo8 ul li.current{ border:2px solid #83b31d; }
.content .pro_describe8{ width:645px; height:auto; margin:0 auto; float:left; margin-bottom:20px;  }
	
.yang_card_pro{ width:100%; margin:0px; padding:0px; overflow:auto; }
.yang_card_pro_list{ width:100%; max-width:1200px; margin:0px auto; padding:0px; }
.yang_card_h4{ font-size:26px; color:#333; line-height:48px; margin:26px auto 5px auto; }
.yang_card_h3{ font-size:26px; color:#333; line-height:48px; margin:26px auto 5px auto; }
.yang_card_h4_buy{ font-size:26px; color:#333; line-height:48px; margin:26px auto 5px auto; }

.ct_tit{ font-size:28px; line-height:40px; color:#333; text-align:center; margin:50px auto 20px auto; }
.ct_p{ font-size:16px; color:#333; line-height:26px; font-weight:normal; text-align:center; margin-bottom:30px; }
.ct_p2{ font-size:16px; color:#333; line-height:26px; font-weight:normal; text-align:center; margin:50px auto 20px auto; }
.ct_dt{color:#ffffff;}

.pro_zhuanti .content>ul>li { float: left; width: 47%; height: auto; overflow: hidden; margin: 10px 0px;}
.pro_zhuanti .content>ul>li:nth-of-type(2),.pro_zhuanti .content>ul>li:nth-of-type(4),.pro_zhuanti .content>ul>li:nth-of-type(6){ float: right;}
.pro_zhuanti .content>ul>li>dl{ width: 100%; height: 180px; overflow: hidden;}
.pro_zhuanti_right ol li dl { margin-bottom: 20px;}

#candt #pro_lunbo{ width:660px; height:690px; position:relative; margin:20px auto; }
#candt #pro_lunbo>ol>li{ position:absolute; top:5px; left:5px; display:none; }
#candt #pro_lunbo>ol>li:first-child{ display:block; }
#candt #pro_lunbo>ol>li>img{ width:650px; height:474px; margin-top:10px; }
#candt #pro_lunbo>ol>li>h2{ text-align:center; color:#333; font-size:42px; line-height:46px; margin:10px 0px 0px 0px; }
#candt #pro_lunbo>ol>li>h3{ text-align:center; color:#666; font-size:26px; line-height:36px; margin:5px 0px 10px 0px; }
#candt #pro_lunbo>ol>li>p{ font-size:14px; color:#666; text-align:center; }
#candt #pro_lunbo>ul{ position:absolute; bottom:0px; left:0%; text-align:center; }
#candt #pro_lunbo>ul>li{ width:100px; height:77px; margin:5px 8px; cursor:pointer; border:1px solid #d7d7d7; border-radius:8px; display:inline-block; }
#candt #pro_lunbo>ul>li>img{ width:97px; height:72px; border-radius:8px; padding:2px 8px; }
#candt #pro_lunbo ul li.current{ border:2px solid #83b31d; }
}
@media (min-width: 767px) {
.content{ padding:0px 18px; }
.content .pro_describe{ width:715px; height:auto; position:relative; margin:60px auto 0px auto; text-align:center; }
.content .pro_describe h2{ font-size:32px; }
.content .pro_lunbo{ width:730px; height:768px; position:relative; margin:10px auto 20px auto; }
.content .pro_lunbo>ol>li,.content .pro_lunbo2>ol>li,.content .pro_lunbo3>ol>li{ position:absolute; top:5px; left:5px; display:none; }
.content .pro_lunbo>ol>li:first-child,.content .pro_lunbo2>ol>li:first-child,.content .pro_lunbo3>ol>li:first-child,.content .pro_lunbo8>ol>li:first-child{ display:block; }
.content .pro_lunbo>ol>li,.content .pro_lunbo2>ol>li,.content .pro_lunbo3>ol>li,.content .pro_lunbo8>ol>li{ padding-left:2px; }
.content .pro_lunbo>ol>li>img,.content .pro_lunbo2>ol>li>img,.content .pro_lunbo3>ol>li>img,.content .pro_lunbo8>ol>li>img{ width:715px; height:525px; }
.content .pro_lunbo>ol>li>h2,.content .pro_lunbo2>ol>li>h2,.content .pro_lunbo3>ol>li>h2,.content .pro_lunbo8>ol>li>h2{ text-align:center; color:#333; font-size:24px; line-height:46px; font-weight:bold; margin:10px 0px; }
.content .pro_lunbo>ol>li>p,.content .pro_lunbo2>ol>li>p,.content .pro_lunbo3>ol>li>p,.content .pro_lunbo8>ol>li>p{ font-size:14px; color:#666; text-align:center; }
.content .pro_lunbo>ul,.content .pro_lunbo2>ul,.content .pro_lunbo3>ul{ position:absolute; width:100%; bottom:0px; left:0%; text-align:center; }
.content .pro_lunbo>ul>li,.content .pro_lunbo2>ul>li,.content .pro_lunbo3>ul>li{ width:100px; height:77px; margin:5px 8px; cursor:pointer; border:1px solid #d7d7d7; border-radius:8px; display:inline-block; }
.content .pro_lunbo>ul>li>img,.content .pro_lunbo2>ul>li>img,.content .pro_lunbo3>ul>li>img{ width:97px; height:72px; border-radius:8px; padding:2px 8px; }
.content .pro_lunbo ul li.current,.content .pro_lunbo2 ul li.current,.content .pro_lunbo3 ul li.current{ border:2px solid #83b31d; }
.content .pro_lunbo2{ width:730px; height:874px; position:relative; margin:10px auto 20px auto; }
.content .pro_lunbo3{ width:730px; height:765px; position:relative; margin:10px auto 20px auto; }
.content .pro_lunbo8{ width:730px; height:auto; position:relative; margin:10px auto 20px auto; }
.content .pro_lunbo8>ol>li{ width:100%; float:left; display:none; }
.content .pro_lunbo8>ul{ width:100%; float:left; text-align:center; margin-bottom:25px; }
.content .pro_lunbo8>ul>li{ width:100px; height:77px; margin:5px 8px; cursor:pointer; border:1px solid #d7d7d7; border-radius:8px; display:inline-block; margin-top:15px; }
.content .pro_lunbo8>ul>li>img{ width:97px; height:72px; border-radius:8px; padding:2px 8px; }
.content .pro_lunbo8 ul li.current{ border:2px solid #83b31d; }
.content .pro_describe8{ width:715px; height:auto; margin:0 auto; float:left; margin-bottom:20px;  }
.content .pro_describe8 p{ font-size:16px; text-align:center; }	

.yang_card_pro{ width:100%; margin:0px; padding:0px; overflow:auto; }
.yang_card_pro_list{ width:100%; max-width:1200px; margin:0px auto; padding:0px; }
.yang_card_h4{ font-size:24px; color:#333; line-height:46px; margin:26px auto 5px auto; }
.yang_card_h3{ font-size:24px; color:#333; line-height:46px; margin:26px auto 5px auto; }
.yang_card_h4_buy{ font-size:24px; color:#333; line-height:46px; margin:26px auto 5px auto; }

.pro_download{ height:auto; margin:5px auto 0 auto; font-size:14px; overflow:auto; }
.pro_download_class{ width:100%; height:auto; border-bottom: 1px dashed #cbcbcb; float:left; padding: 10px 0px; margin-bottom:8px; }
.pro_download_class_l{ width:13%; height:auto; float:left; font-weight:bold; font-size:15px; margin:5px 0px 0px 0px; }
.pro_download_class_r{ width:82%; height:auto; float:left; }
.pro_download_class_r ul{ width:100%; }
.pro_download_class_r ul li{ width:100%; height:auto; line-height:34px; }
.pro_download_class_r span { color:#a39da1; margin:0px 0px 0px 24px; }
.pro_download .down-ico-pdf{ background:url(../images/pdf.png) no-repeat 0px 9px; padding-left:20px; }
.pro_download .down-ico-zip{ background:url(../images/zip.png) no-repeat 0px 9px; padding-left:20px; }


.ct_tit{ font-size:48px; line-height:68px; color:#000000; text-align:center; margin:40px auto 20px auto; font-weight: bold;}
.ct_p{ font-size:16px; color: #515151; line-height:32px; font-weight:normal; text-align:center; margin:0 70px 30px 70px; }
.ct_p2{ font-size:14px; color:#333333; line-height:30px; font-weight:normal; text-align:center; margin:38px auto 5px auto; }
.ct_dt{color:#ffffff;}

.pro_zhuanti_right ol li dl { margin: 20px 0;}
.pro_zhuanti_right ol li dl dd p{height: 130px; line-height:26px;}
.pro_zhuanti .content {padding: 0px 18px;}
.pro_zhuanti .content>ul>li { float: left; width: 45%; height: auto; overflow: hidden; margin: 10px 0px;}
.pro_zhuanti .content>ul>li>dl { width: 100%; height: 170px; overflow: hidden;}
#candt #pro_lunbo{ width:725px; height:800px; position:relative; margin:40px auto 0px auto; }
#candt #pro_lunbo>ol>li{ position:absolute; top:5px; left:5px; display:none; }
#candt #pro_lunbo>ol>li:first-child{ display:block; }
#candt #pro_lunbo>ol>li>img{ width:710px; height:518px;margin-top:10px; }
#candt #pro_lunbo>ol>li>h2{ text-align:center; color:#333; font-size:48px; padding-top:5px; margin:10px 0px; }
#candt #pro_lunbo>ol>li>h3{ text-align:center; color:#666; font-size:28px; line-height:36px; margin:5px 0px 10px 0px; }
#candt #pro_lunbo>ol>li>p{ font-size:14px; color:#666; text-align:center; }
#candt #pro_lunbo>ul{ position:absolute; width:100%; bottom:50px; left:0%; text-align:center; }
#candt #pro_lunbo>ul>li{ width:100px; height:77px; margin:5px 8px; cursor:pointer; border:1px solid #d7d7d7; border-radius:8px; display:inline-block; }
#candt #pro_lunbo>ul>li>img{ width:97px; height:72px; border-radius:8px; padding:2px 8px; }
#candt #pro_lunbo ul li.current{ border:2px solid #83b31d; }
#candt #pro_lunbo .ul02{ width:100%; height:120px; float:left;}
#candt #pro_lunbo .ul02 span{ width:560px; height:96px; margin:0 auto; display:block; background:url(../images/canbus/candt/candt-span.jpg);}

.yang_card_pro .yang_card_notes{width: 100%; height: auto; overflow: hidden; margin-bottom: 40px;}
}
@media (min-width: 768px) {
#candt #pro_lunbo{ width:725px; height:860px; position:relative; margin:40px auto 0px auto; }
#candt #pro_lunbo>ol>li>h3{ text-align:center; color:#666; font-size:28px; line-height:36px; padding-top:15px; }

.ct_tit{ font-size:48px; line-height:68px; color:#000000; text-align:center; margin: 50px 20px 20px; font-weight: bold;} 
.ct_dt{ color:#ffffff; } 

.pro_intro{ width:100%; margin-top:0px; }
.pro_intro_c{ width:715px; height:auto; margin:0 auto; padding-bottom:35px; }
.pro_intro .pro_intro_c>.left { width:400px; height:auto; float:left; padding-top:57px; margin-bottom:20px; }
.pro_intro .pro_intro_c>.left>ol>li { display:none; }
.pro_intro .pro_intro_c>.left>ol>li:first-child { display:block; }
.pro_intro .pro_intro_c>.left>ol>li>img{ width:400px; height:290px; }
.pro_intro .pro_intro_c .left .pro_intro_pic{ width:390px; height:100px; float:left; }
.pro_intro .pro_intro_c .left ul{ width: 390px; height:80px; float:left;}
.pro_intro .pro_intro_c .left ul>li { width:76px; height:60px; float:left; margin:20px 8px; cursor:pointer; border:1px solid #d7d7d7; border-radius:8px; padding:7px 7px; background: #ffffff; }
.pro_intro .pro_intro_c .left ul>li>img { width:60px; height:43px; border-radius:8px; }
.pro_intro .pro_intro_c .left ul li.current { border:2px solid #83b31d; background: #ffffff; }
.pro_intro .pro_intro_c .right{ width:310px; height:auto; float:right; padding:47px 0px 30px 20px; }
.pro_intro .pro_intro_c .right h2{ color:#333333; font-size:24px; line-height:34px; font-weight:bold; margin-bottom:8px; }
.pro_intro .pro_intro_c .right p.tit{ color:#666666; font-size:18px; line-height:28px; padding-bottom:0px; margin-bottom:10px; }
.pro_intro .pro_intro_c .right p.tit span{ color:#83b31d; }
.pro_intro .pro_intro_c .right p { color:#333333; line-height:28px; }
.pro_intro .pro_intro_c .right ul.intro_list{ margin-top:30px; }
.pro_intro .pro_intro_c .right ul.intro_list li{ color:#333333; background: url(../images/canbus/intro_list-dot.png) no-repeat 2px 10px; padding-left:18px; font-size:16px; line-height: 32px; }

.yang_car_ull{ width:100%; float: left; overflow: hidden; margin: 20px auto 40px;}
.yang_car_ull_left{width: 50%; float: left;}
.yang_car_ull_right{width:50%; float: left;}
.yang_car_ull li{ width:100%; font-size:16px; margin: 0 auto; float: left; background: url(../images/canbus/dot.png) no-repeat 2px 12px; padding-left:28px; line-height: 32px; margin-bottom: 10px;}
.yang_card_pro .yang_card_form img{ display: block;}
.yang_card_pro .yang_card_form ul{ display: none;}
.yang_card_pro .yang_card_form ul li{ width:auto; float: left;}
}
@media (min-width: 770px) {
#candt #pro_lunbo{ width:748px; height:860px; position:relative; margin:40px auto 0px auto; }

}
@media (min-width: 785px) {
#candt #pro_lunbo>ol>li{ position:absolute; top:5px; left:5px; display:none; }
#candt #pro_lunbo>ol>li:first-child{ display:block; }
#candt #pro_lunbo>ol>li>img{ width:730px; height:532px; margin-top:10px; }
#candt #pro_lunbo>ol>li>p{ font-size:14px; color:#666; text-align:center; }
#candt #pro_lunbo>ul{ position:absolute; bottom:0px; left:0%; text-align:center; }
#candt #pro_lunbo>ul>li{ width:100px; height:77px; margin:5px 8px; cursor:pointer; border:1px solid #d7d7d7; border-radius:8px; display:inline-block; }
#candt #pro_lunbo>ul>li>img{ width:97px; height:72px; border-radius:8px; padding:2px 8px; }
#candt #pro_lunbo ul li.current{ border:3px solid #83b31d; }
}
@media (min-width: 800px) {
.pro_intro{ width:100%; margin-top:0px; }
.pro_intro_c{ width:750px; height:auto; margin:0 auto; padding-bottom:35px; }
.pro_intro .pro_intro_c>.left { width:400px; height:auto; float:left; padding-top:57px; margin-bottom:20px; }
.pro_intro .pro_intro_c>.left>ol>li { display:none; }
.pro_intro .pro_intro_c>.left>ol>li:first-child { display:block; }
.pro_intro .pro_intro_c>.left>ol>li>img{ width:400px; height:290px; }
.pro_intro .pro_intro_c .left .pro_intro_pic{ width:390px; height:100px; float:left; }
.pro_intro .pro_intro_c .left ul{ width: 390px; height:80px; float:left;}
.pro_intro .pro_intro_c .left ul>li { width:76px; height:60px; float:left; margin:10px 8px; cursor:pointer; border:1px solid #d7d7d7; border-radius:8px; padding:7px 7px; background: #ffffff; }
.pro_intro .pro_intro_c .left ul>li>img { width:60px; height:43px; border-radius:8px; }
.pro_intro .pro_intro_c .left ul>li:nth-of-type(1){ margin-left: 0;}
.pro_intro .pro_intro_c .left ul>li:nth-of-type(4){ margin-right: 0;}
.pro_intro .pro_intro_c .left ul li.current{ border:2px solid #83b31d; background: #ffffff; }
.pro_intro .pro_intro_c .right{ width:345px; height:auto; float:right; padding:47px 0px 30px 20px; }
.pro_intro .pro_intro_c .right h2{ color:#333333; font-size:24px; line-height:34px; font-weight:bold; margin-bottom:8px; }
.pro_intro .pro_intro_c .right p.tit{ color:#666666; font-size:18px; line-height:28px; padding-bottom:0px; margin-bottom:10px; }
.pro_intro .pro_intro_c .right p.tit span{ color:#83b31d; }
.pro_intro .pro_intro_c .right p { color:#333333; line-height:28px; }
.pro_intro .pro_intro_c .right ul.intro_list { margin-top:30px; }
.pro_intro .pro_intro_c .right ul.intro_list li{ color:#333333; background: url(../images/canbus/intro_list-dot.png) no-repeat 2px 10px; padding-left:18px;}

.pro_zhuanti_right>ol#lists { margin-top: 30px;}
.pro_zhuanti_right>ol#lists>li{ height: auto; width: 100%; overflow: hidden; border-bottom: 1px dashed #ccc; margin-bottom: 30px; padding-bottom: 30px;}

#candt #pro_lunbo{ width:100%; height:920px; position:relative; margin:40px auto 0 auto; }
#candt #pro_lunbo>ol>li{ width:100%; position:absolute; top:5px; left:5px; display:none; }
#candt #pro_lunbo>ol>li:first-child{ display:block; }
#candt #pro_lunbo>ol>li>img{ width:754px; height:550px; margin-left:auto; margin-right:auto; display:block; }
#candt #pro_lunbo>ol>li>h2{ text-align:center; color:#333; font-size:48px; padding-top:5px;}
#candt #pro_lunbo>ol>li>h3{ text-align:center; color:#666; font-size:28px; line-height:36px; padding-top:20px; margin:5px 0px 20px 0px;}
#candt #pro_lunbo>ol>li>p{ font-size:28px; color:#666; text-align:center; line-height:36px; }
#candt #pro_lunbo>ul{ position:absolute; bottom:20px; left:0%; text-align:center; }
#candt #pro_lunbo>ul>li{ width:80px; height:60px; margin:18px 8px; cursor:pointer; border:1px solid #d7d7d7; border-radius:8px; display:inline-block; }
#candt #pro_lunbo>ul>li>img{ width:75px; height:55px; border-radius:8px; padding:0px 10px; }
#candt #pro_lunbo ul li.current{ border:2px solid #83b31d; }
}
@media (min-width: 880px) {
.pro_intro{ width:100%; margin-top:0px; }
.pro_intro_c{ width:830px; height:auto; margin:0 auto; padding-bottom: 35px; }
.pro_intro .pro_intro_c>.left{ width:400px; height:auto; float:left; padding-top:57px; margin-bottom:20px;}
.pro_intro .pro_intro_c>.left>ol>li { display:none; }
.pro_intro .pro_intro_c>.left>ol>li:first-child { display:block; }
.pro_intro .pro_intro_c>.left>ol>li>img{ width:400px; height:290px; }
.pro_intro .pro_intro_c .left .pro_intro_pic{ width:390px; height:100px; float:left; }
.pro_intro .pro_intro_c .left ul{ width: 390px; height:80px; float:left;}
.pro_intro .pro_intro_c .left ul>li{ width:76px; height:60px; float:left; margin:10px 8px; cursor:pointer; border:1px solid #d7d7d7; border-radius:8px; padding:7px 7px; background: #ffffff;}
.pro_intro .pro_intro_c .left ul>li>img{ width:60px; height:43px; border-radius:8px; }
.pro_intro .pro_intro_c .left ul>li:nth-of-type(1){ margin-left: 0;}
.pro_intro .pro_intro_c .left ul>li:nth-of-type(4){ margin-right: 0;}
.pro_intro .pro_intro_c .left ul li.current { border:2px solid #83b31d; background: #ffffff;}
.pro_intro .pro_intro_c .right{ width:425px; height:auto; float:right; padding:47px 0px 30px 20px; }
.pro_intro .pro_intro_c .right h2{ color:#333333; font-size:24px; line-height:34px; font-weight:bold; margin-bottom:8px; }
.pro_intro .pro_intro_c .right p.tit{ color:#666666; font-size:18px; line-height:28px; padding-bottom:0px; margin-bottom:10px; }
.pro_intro .pro_intro_c .right p.tit span{ color:#83b31d; }
.pro_intro .pro_intro_c .right p{ color:#333333; line-height:28px; }
.pro_intro .pro_intro_c .right ul.intro_list{ margin-top:30px; }
.pro_intro .pro_intro_c .right ul.intro_list li{ color:#333333; background: url(../images/canbus/intro_list-dot.png) no-repeat 2px 10px; padding-left:18px; }

.yang_card_pro .yang_card_notes ul li{ width: 50%; float: left; font-size: 12px; color: #666666; }
.yang_card_pro .yang_card_form img{ display: block;}
.yang_card_pro .yang_card_form ul{ display: none;}
}
@media (min-width: 980px) {
.pro_intro{ width:100%; margin-top:0px; }
.pro_intro_c{ width:925px; height:auto; margin:0 auto; padding-bottom:35px; }
.pro_intro .pro_intro_c>.left { width:400px; height:auto; float:left; padding-top:57px; margin:0 0 20px 10px; }
.pro_intro .pro_intro_c>.left>ol>li { display:none; }
.pro_intro .pro_intro_c>.left>ol>li:first-child { display:block; }
.pro_intro .pro_intro_c>.left>ol>li>img{ width:400px; height:290px; }
.pro_intro .pro_intro_c .left .pro_intro_pic{ width:390px; height:100px; float:left; }
.pro_intro .pro_intro_c .left ul{ width: 390px; height:80px; float:left;}
.pro_intro .pro_intro_c .left ul>li { width:76px; height:60px; float:left; margin:10px 8px; cursor:pointer; border:1px solid #d7d7d7; border-radius:8px; padding:7px 7px; background: #ffffff; }
.pro_intro .pro_intro_c .left ul>li>img { width:60px; height:43px; border-radius:8px; }
.pro_intro .pro_intro_c .left ul>li:nth-of-type(1){ margin-left: 0;}
.pro_intro .pro_intro_c .left ul>li:nth-of-type(4){ margin-right: 0;}
.pro_intro .pro_intro_c .left ul li.current { border:2px solid #83b31d; background: #ffffff; }
.pro_intro .pro_intro_c .right{ width:440px; height:auto; float:right; padding:47px 0px 30px 20px; }
.pro_intro .pro_intro_c .right h2{ color:#333333; font-size:24px; line-height:34px; font-weight:bold; margin-bottom:8px; }
.pro_intro .pro_intro_c .right p.tit{ color:#666666; font-size:18px; line-height:28px; padding-bottom:0px; margin-bottom:10px; }
.pro_intro .pro_intro_c .right p.tit span{ color:#83b31d; }
.pro_intro .pro_intro_c .right p { color:#333333; line-height:28px; }
.pro_intro .pro_intro_c .right ul.intro_list { margin-top:30px; }
.pro_intro .pro_intro_c .right ul.intro_list li{ color:#333333; background: url(../images/canbus/intro_list-dot.png) no-repeat 2px 10px; padding-left:18px; }

.pro_zhuanti .content{ padding:0 20px;}
.pro_zhuanti .content>ul>li{ float: left; width: 45%; height: auto; overflow: hidden; margin: 15px 0px;}
.pro_zhuanti .content>ul>li>dl { width:330px; height: 170px; overflow: hidden;}
.pro_zhuanti_right iframe{height:400px;}
.pro_zhuanti_left{ float: left; width: 200px; height: auto; margin: 20px 0;}
.pro_zhuanti_right{ float: left; width: 70%; margin-left:50px; padding-bottom:40px; margin-top: 20px; }
.pro_zhuanti_right ol li dl{ overflow: hidden; width: 100%; height: auto; }
.pro_zhuanti_right ol li dl dt{ width: 34%; height: auto; float: left; margin: 10px auto; overflow: hidden;}
.pro_zhuanti_right ol li dl dd{ color: #999; line-height: 24px; float: left; padding: 5px 0 0 30px; width: 66%;}
.pro_zhuanti_right .text { margin-top: 0px;}
.pro_zhuanti_right .text .c_img{ margin: 20px 0; text-align: center;}
.pro_zhuanti_right .text p{ line-height: 26px; color: #666; text-indent: 2em; font-size: 14px;}
.pro_zhuanti_right .text .c_h1,.pro_zhuanti_right .text .c_h2{ text-indent: unset;}
.pro_zhuanti_right .text .tit{ font-size: 26px; line-height: 28px; border-bottom: 2px solid #83b31d; padding-bottom: 15px; margin: 0; margin-bottom: 20px;}
.pro_zhuanti_right .next{padding:20px 0; height: auto; width: 100%; overflow: hidden;}
.pro_zhuanti_right .next a{ border: #eeeeee 1px solid; margin: 5px; padding: 5px 10px; height: auto; display: block; width: auto; float: left;}
.pro_zhuanti_right .page{padding:20px 0; height: auto; width: 100%; overflow: hidden;}
.pro_zhuanti_right .page a{ border: #eeeeee 1px solid; margin: 5px; padding: 5px 10px; height: auto; display: block; width: auto; float: left;}
.pro_zhuanti_right .page span.current{ border: #8fc31f 1px solid; margin: 5px; padding: 5px 10px; height: auto; display: block; width: auto; float: left;}
.pro_zhuanti_right>ol#detail{ margin-top:6px;}
.pro_zhuanti_right>ol#lists{ margin-top:18px;}
.pro_zhuanti_right ol#lists li dl{ width:80%;font-size: 14px; color: #666; line-height: 36px;}
.pro_zhuanti_right ol#lists li dl dt{ width:100%; line-height: 36px; font-size: 18px;}
.pro_zhuanti_right ol#lists li dl dd{ color: #999; line-height: 24px; float: left;padding: 0; width: 100%;}
}
/*针对iPad Pro SIZE 12.9*/
@media (min-width: 1023px) {
.content{ padding:25px 0px 50px 0px; overflow: hidden;}

.pro_zhuanti .content{ padding: 0;}
.pro_zhuanti_right{ float: left; width: 70%; margin-left: 60px; padding-bottom: 40px; margin-top: 20px;}
.yang-table{ width:100%; overflow:auto; margin: 20px 0 70px;}

.yang_card_pro_choose_info_1{ width:100%; height:60px; float:left; text-align:center; margin: 0 0 20px; }
.yang_card_pro_choose_info_1 a{ min-width:130px; font-size:14px; color:#fff; border:1px solid #78a83b; border-radius:20px; padding:5px 22px; display:inline-block; margin:0 6px; text-decoration:none; color: #78a83b; }

.yang_card_pro_choose_info_2{ width:100%; height:60px; float:left; text-align:center; margin: 0 0 10px; }
.yang_card_pro_choose_info_2 a{ min-width:130px; font-size:14px; color:#fff; border:1px solid #8fc31f; background:#8fc31f; border-radius:7px; padding:5px 22px; display:inline-block; margin:0 6px; text-decoration:none; }

.yang_card_pro .yang_card_notes ul li{ width:33%; float: left; font-size: 12px; color: #666666; }

.yang_car_ull{ width:100%; float: left; overflow: hidden; margin: 20px auto 60px;}
}
@media (min-width: 1080px) {
.pro_intro{ width:100%; margin-top:0px; }
.pro_intro_c{ width:1000px; height:auto; margin:0 auto; padding-bottom:35px; }
.pro_intro .pro_intro_c>.left { width:400px; height:auto; float:left; padding-top:57px; margin:0 75px 20px 30px; }
.pro_intro .pro_intro_c>.left>ol>li{ display:none; }
.pro_intro .pro_intro_c>.left>ol>li:first-child { display:block; }
.pro_intro .pro_intro_c>.left>ol>li>img{ width:400px; height:290px; }
.pro_intro .pro_intro_c .left .pro_intro_pic{ width:390px; height:100px; float:left; }
.pro_intro .pro_intro_c .left ul{ width: 390px; height:80px; float:left;}
.pro_intro .pro_intro_c .left ul>li{ width:76px; height:60px; float:left; margin:10px 8px; cursor:pointer; border:1px solid #d7d7d7; border-radius:8px; padding:7px 7px; background: #ffffff; }
.pro_intro .pro_intro_c .left ul>li>img{ width:60px; height:43px; border-radius:8px; }
.pro_intro .pro_intro_c .left ul>li:nth-of-type(1){ margin-left: 0;}
.pro_intro .pro_intro_c .left ul>li:nth-of-type(4){ margin-right: 0;}
.pro_intro .pro_intro_c .left ul li.current { border:2px solid #83b31d; background: #ffffff; }
.pro_intro .pro_intro_c .right{ width:490px; height:auto; float:left; padding:47px 0px 30px 20px; }
.pro_intro .pro_intro_c .right h2{ color:#333333; font-size:24px; line-height:34px; font-weight:bold; margin-bottom:8px; }
.pro_intro .pro_intro_c .right p.tit{ color:#666666; font-size:18px; line-height:28px; padding-bottom:0px; margin-bottom:10px; }
.pro_intro .pro_intro_c .right p.tit span{ color:#83b31d; }
.pro_intro .pro_intro_c .right p { color:#333333; line-height:28px; }
.pro_intro .pro_intro_c .right ul.intro_list{ margin-top:30px; }
.pro_intro .pro_intro_c .right ul.intro_list li{ color:#333333; background: url(../images/canbus/intro_list-dot.png) no-repeat 2px 10px; padding-left:18px; }

.pro_zhuanti .content>ul>li{ float: left; width: 48%; height: auto; overflow: hidden; margin: 10px 0px; padding: 20px 0; border-bottom: 1px solid #d6d6d6;}
.pro_zhuanti .content>ul>li>dl{ width: 320px; height: 180px; overflow: hidden; float: left;margin-left: 30px; }
.pro_zhuanti .content>ul>li img{display:block; width: 160px; height: 210px; margin-left: 0; float: left;}
.pro_zhuanti .content>ul>li p.gengduo{margin:10px 30px;float: left;}
 
}
@media (min-width: 1200px) {	
.ct_p{font-size: 16px; color: #515151; line-height: 32px; font-weight: normal; text-align: center; margin: 0 0px 40px 0px;}
.ct_tit{font-size: 48px; line-height: 68px; color: #000000; text-align: center; margin: 70px auto 20px auto; font-weight: bold;}
.ct_dt{color: #ffffff;}
.ct_ce{color: #cecece;}
.pro_intro{ width:100%; margin-top:0px; }
.pro_intro_c{ width:1200px; height:auto; margin:0 auto; padding-top: 0px; padding-bottom:40px; overflow: hidden; }
.pro_intro .pro_intro_c>.left{ width:550px; height:auto; float:left; padding-top:100px; margin:0 auto 20px auto; }
.pro_intro .pro_intro_c>.left>ol{ margin-bottom:34px;}
.pro_intro .pro_intro_c>.left>ol>li { display:none; }
.pro_intro .pro_intro_c>.left>ol>li:first-child { display:block;}
.pro_intro .pro_intro_c>.left>ol>li>img{ width:550px; height:430px;}
.pro_intro .pro_intro_c .left .pro_intro_pic{ width:470px; height:100px; float:left; margin-left: 46px; }
.pro_intro .pro_intro_c .left ul{ width: 470px; height:100px; float:left;}
.pro_intro .pro_intro_c .left ul>li { width:96px; height:62px; float:left; margin:10px 13px; cursor:pointer; border:1px solid #d7d7d7; border-radius:8px; padding:7px 17px; background: #ffffff; }
.pro_intro .pro_intro_c .left ul>li:nth-of-type(1){ margin-left: 0;}
.pro_intro .pro_intro_c .left ul>li:nth-of-type(4){ margin-right: 0;}
.pro_intro .pro_intro_c .left ul>li>img { width:60px; height:47px; border-radius:8px; }
.pro_intro .pro_intro_c .left ul li.current { border:2px solid #83b31d; background: #ffffff; }
.pro_intro .pro_intro_c .right{ width:570px; height:auto; float:left; padding:80px 0px 30px 0px; margin-left: 80px; }
.pro_intro .pro_intro_c .right h2{ color:#333333; font-size:36px; line-height:56px; font-weight:bold; margin-bottom:20px; }
.pro_intro .pro_intro_c .right p.tit{ color:#666666; font-size:18px; line-height:28px; padding-bottom:0px; margin-bottom:10px; }
.pro_intro .pro_intro_c .right p.tit span{ color:#83b31d; }
.pro_intro .pro_intro_c .right p { color:#333333; line-height:32px; font-size: 16px; margin-bottom: 10px;}
.pro_intro .pro_intro_c .right ul.intro_list{ margin-top:20px;}
.pro_intro .pro_intro_c .right ul.intro_list li{ color:#333333; background: url(../images/canbus/intro_list-dot.png) no-repeat 2px 13px; padding-left:18px;}

.pro_zhuanti .content{ max-width: 1200px; width: 100%; height: auto;overflow: hidden; padding: 20px 0px;}
.pro_zhuanti .content>ul>li{ float: left; width: 42%; height: auto; overflow: hidden; padding: 20px 0px 30px;}
.pro_zhuanti_left{ float: left; width: 180px; height:auto; margin: 20px 0;}
.pro_zhuanti_right{ float: left; width: 76%; margin-left: 80px;}
.pro_zhuanti_right ol li dl dd{ color: #999; line-height: 24px; float: left; padding: 5px 0 0 30px; width: 66%;}
.pro_zhuanti .content>ul>li{ float: left; width: 43%; height: auto; overflow: hidden; margin: 10px 0px; border-bottom: 1px solid #d6d6d6;}





.yang-table-left{ width: 546px; float: left;}
.yang-table-left .pro_norms{ width: 546px; }
.yang-table-right{ width:604px; float: right;}
.yang-table-right .pro_norms{  width:604px; }
.yang_car_ull{ width:100%; float: left; overflow: hidden; margin: 50px auto 170px; padding:0 50px;}
.yang_car_ull_left{width: 42%; float: left; margin: 0 25px;}
.yang_car_ull_right{width: 42%; float: left; margin: 0 25px; margin-left: 88px;}
.yang_car_ull li{ width:100%; font-size:16px; margin: 0 auto; float: left; background: url(../images/canbus/dot.png) no-repeat 2px 12px; padding-left:28px; line-height: 32px; margin-bottom: 10px;}


.yang_card_box{ padding-top:60px; }
#candt #pro_lunbo{ width:100%; height:1050px; position:relative; margin:40px auto 0 auto; }
#candt #pro_lunbo>ol>li{ width:100%; position:absolute; top:5px; left:5px; display:none; }
#candt #pro_lunbo>ol>li:first-child{ display:block; }
#candt #pro_lunbo>ol>li>img{ width:754px; height:550px; margin-left:auto; margin-right:auto; display:block; }
#candt #pro_lunbo>ol>li>h2{ text-align:center; color:#333; font-size:66px; line-height:82px; padding-top:40px; font-weight: bold}
#candt #pro_lunbo>ol>li>h3{ text-align:center; color:#666; font-size:32px; line-height:36px; padding-top:20px; margin: 5px 0px 30px 0px; }
#candt #pro_lunbo>ol>li>p{ font-size:28px; color:#666; text-align:center; line-height:36px; }
#candt #pro_lunbo>ul{ position:absolute; bottom:50px; left:0%; text-align:center; }
#candt #pro_lunbo>ul>li{ width:100px; height:60px; margin:18px 8px; cursor:pointer; border:1px solid #d7d7d7; border-radius:8px; display:inline-block; }
#candt #pro_lunbo>ul>li>img{ width:75px; height:55px; border-radius:8px; padding:0px 10px; }
#candt #pro_lunbo ul li.current{ border:2px solid #83b31d; }
.yang_card_pro_choose_info_1 { width: 100%; height: 50px; float: left; text-align: center; margin: 0 0 20px;}

.yang_card_pro_choose_info_2 { width: 100%; height: 50px; float: left; text-align: center; margin: 0 0 10px;}

.yang_card_h4{font-size: 48px; line-height: 68px; color: #000000;  text-align: center;  margin: 70px auto 20px auto;  font-weight: bold;}
.yang_card_h3{font-size: 30px; line-height: 42px; color: #000000;  text-align:left;  margin: 20px auto; }
.yang_card_h4_buy{font-size: 48px; line-height: 68px; color: #000000;  text-align: center; margin: 46px auto 20px auto;  font-weight: bold;}

.yang_card_pro .yang_card_notes{width: 100%; height: auto; overflow: hidden; margin-bottom: 0px;}
.yang_card_pro .yang_card_notes ul li{ width:auto; float: left; font-size: 12px; color: #666666; }

.yang_car_ull{ width:100%; float: left; overflow: hidden; margin: 50px auto 170px; padding:0 50px;}
.yang_car_ull_left{width: 42%; float: left; margin: 0 25px;}
.yang_car_ull_right{width: 42%; float: left; margin: 0 25px; margin-left: 88px;}
.yang_car_ull li{ width:100%; font-size:16px; margin: 0 auto; float: left; background: url(../images/canbus/dot.png) no-repeat 2px 12px; padding-left:28px; line-height: 32px; margin-bottom: 10px;}

.yang_card_pro .yang_card_form img{display: none;}
.yang_card_pro .yang_card_form ul{ display: block !important;}
.yang_card_pro .yang_card_form ul img{display: block !important;}
.yang_card_pro .yang_card_form ul li{ width:auto; float: left;}
}
@media (min-width: 1300px) {
.ct_tit5{ font-size:48px; line-height:60px; color:#000000; text-align:left; margin:90px 0px 30px; font-weight: bold; }
.ct_dt{ color:#ffffff; } 
 }
@media (min-width: 2000px) {	
.yang_card_pro_list_1{ width: 730px; margin: 150px 0 40px; text-align: left;}
.yang_card_pro_list_1 .ct_tit{ text-align: left; font-size: 66px; line-height: 82px; margin: 40px auto;}
.yang_card_pro_list_1 .ct_p{ text-align: left; margin: 0 0 60px 0; width: 540px;}
.ct_dt{color: #ffffff;}
}
@media (min-width: 2560px) {
 
}