#wrap{ width:100%; margin:0px auto; }
#wrap2{ width:100%; height: auto; margin: 0px auto; overflow: hidden; }

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

#ztmi-body-header{ width:100%; max-width:2560px;max-width:100%; height:auto; background:#ffffff;position:fixed;left:0;right:0; margin:0 auto;box-shadow: 3px 3px 15px rgba(51, 51, 51, 0.1); }
#ztmi-body-header-list{ width:1920px; height:166px;height:auto; background:#ffffff; position:relative; margin:0 auto; padding-top:14px; }
#ztmi-body-header-list ul{ width:100%; height:auto; float:left; }
#ztmi-body-header-list li{ width:240px; max-width:240px; height:auto; float:left; list-style-type:none; text-align:center; margin:0; }
#ztmi-body-header-list img{ margin-bottom:0px; width:100%; max-width:180px; }
#ztmi-body-header-list li a{ display:block; margin:0 10px; }

/*表格*/
.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_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; }

/*pro_navblack .pro_nav_b*/
.pro_navblack .pro_nav_b{ width:100%; max-width:1200px; height:49px; margin: 0 auto; }
.pro_navblack .pro_nav_b dl,.pro_navblack .pro_nav_b dl dt,.pro_navblack .pro_nav_b dl dd { height:48px; line-height:48px; }
.pro_navblack .pro_nav_b dl{ line-height:48px; }
.pro_navblack .pro_nav_b dl a{ color:#666; }
.pro_navblack .pro_nav_b dt{ float:left; font-size:18px; font-weight:normal; }
.pro_navblack .pro_nav_b dt ul li{ float:left; color:#ffffff; padding:0 25px; height:48px; }
.pro_navblack .pro_nav_b dt ul li.child{ font-size:14px; color:#83b31d; margin-left:26px; }
.pro_navblack .pro_nav_b dt ul li.child:hover{ color:#83b31d; }
.pro_navblack .pro_nav_b dt ul a li.current{ border-bottom:2px solid #83b31d; }
.pro_navblack .pro_nav_b dt span{display: inline-block; width: 30px !important; height: 35px; background: url(../images/menuico.png) no-repeat -76px -14px; cursor: pointer; padding-top: 5px; overflow: hidden; margin-left: 3px; }
.pro_navblack .pro_nav_b dd{ float:right; }
.pro_navblack .pro_nav_b dd ul li{ float:left; margin-left:50px; height:48px; color:#fff; }
.pro_navblack .pro_nav_b dd ul li.current{ border-bottom:2px solid #83b31d; }
.pro_navblack .pro_nav_b dd ul li:hover{ color:#83b31d; }

/*pro_navblack pro-nav*/
.pro_navblack .pro-nav-list{ width: 100%; background: rgb(48 50 51 / 98%); z-index: 9999; padding: 22px 0; display: none; position: absolute; }
.pro_navblack .pro-nav-list>div{  idth:100%; max-width: 1200px; height: auto; margin: 0 auto; overflow: hidden; padding-top: 30px; }
.pro_navblack .pro-nav-list dl { overflow: hidden; line-height: 30px; }
.pro_navblack .pro-nav-list dl dt { font-size:14px; color: #e5e5e5; float: left; font-weight:normal; }
.pro_navblack .pro-nav-list dl dd { color:#d0d0d0; }
.pro_navblack .pro-nav-list dl dd a { color:#83b31d; margin:0 15px; }
.pro_navblack .pro-nav-list p a { color:#83b31d; margin:0px; }
.pro_navblack .pro-nav-list a:hover { color:#8fc31f; }
.pro_navblack .pro_nav_name{ color:#ffffff;}

/*canshangji_list 2024*/
.canshangji_list{ padding-bottom:90px; }
.canshangji_list .canshangji_listB{ align-items: center;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content: space-between; background:#fff; }
.canshangji_list .canshangji_list_l{ text-align:center;width:38.6%; }
.canshangji_list .canshangji_list_r{ width:61.4%; }
.canshangji_list1 .canshangji_list_r .itemBOX{ padding-top:1.7578125vw; padding-bottom:1.6796875vw;padding-right:1.5625vw; }
.canshangji_list .canshangji_list_l .itemBOX{ padding:1.5625vw 1.5625vw; }

.canshangji_list .btn{}
.canshangji_list .btn a{ display: inline-block;width:120px;font-size:14px; line-height:48px;height:48px;border-radius:48px;background:#01b2a9; color:#ffffff !important;  text-align:center; }
.canshangji_list .btn a:hover{ background:#019f94; }
.canshangji_list .btn a span{ display:inline-block; padding-left:23px; background:url(../images/tmi-can/d.png) left center no-repeat; background-size:13px; }
.canshangji_list h3{ font-size:28px; color:#000000; line-height:36px; margin:0; }
.canshangji_list .des{ font-size:14px; color:#1b1c1e; line-height:30px; margin-bottom:1.36vw; }

.close { opacity:.9;filter:alpha(opacity=90); }
.close:hover{ opacity:.9;filter:alpha(opacity=90); }

.ctbg1{ background:#f1f5f9; }
.ctbg2{ background:#c8cdd8; }
.ctbg3{ background:#f7f7f7; }
.ctbg4{ background:#eaf3fa; }
.ctbg5{ background:#eaf1f6; }

.ct_tit_new{ font-size:48px; line-height:80px; font-weight:bold; color:#000000; text-align:center; margin:41px auto 7px auto; }
.ct_p_new{ font-size:16px; color:#000000; line-height:32px; font-weight:normal; text-align:center; margin:0 70px 40px 70px; }

.ct_dt{ color:#ffffff !important; }
@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 (max-width:992px){
#can-software .content{ padding-top:50px; }
.canshangji_list{ padding-bottom:50px; }
.canshangji_list .des{ font-size:12px;margin-bottom:20px; }

.canshangji_list .canshangji_listB{ display: block; }
.canshangji_list .canshangji_list_l{ width:100%; }
.canshangji_list .canshangji_list_r{ width:100%; }
}
@media (min-width:300px){
.canshangji_list h3{ font-size:16px; line-height:28px; margin-bottom: 0; }
.canshangji_list .btn a{ width:100px; font-size:13px; line-height:45px; height:45px; border-radius:45px; }

.pro_navblack .pro_nav_mb{ width:100%; height:35px; }
.pro_navblack .pro_nav_mb ul{ width:100%; overflow:hidden; }
.pro_navblack .pro_nav_mb li{ width:70px; font-size:13px; float:left; padding-top:5px; margin-left:5px; text-align:center; line-height:28px; }
.pro_navblack .pro_nav_mb li.child{ font-size:14px; color:#ffffff; }
.pro_navblack .pro_nav_mb li.child:hover{ color:#83b31d; }
.pro_navblack .pro_nav_mb li.current{ border-bottom:2px solid #83b31d; background: url(../images/menuico.png) no-repeat 72px -19px; }
.pro_navblack .pro_nav_mb li.current a{ color:#83b31d; }

.pro_navblack .cont-item{ width:100%; height:auto; position:absolute; background:#f6f6f6; z-index:10001; }
.pro_navblack .cont-item2{ width:100%; height:auto; position:absolute; background:#f6f6f6; z-index:10002; }
.pro_navblack .child a{ text-decoration: none; color:#ffffff; }
.pro_navblack .child a:hover{ text-decoration: none; color:#83b31d; }
.pro_navblack .child a:active{ text-decoration: none; color:#83b31d; }

.content{ padding:0px 10px; margin:30px 0px; }

.content .pro_lunbo{ width:283px; height:340px; position:relative; margin:20px auto; }
.content .pro_lunbo>ol>li{ position:absolute; top:5px; left:5px; display:none; }
.content .pro_lunbo>ol>li:first-child{ display:block; }
.content .pro_lunbo>ol>li>img{ width:275px; height:144px; }
.content .pro_lunbo>ol>li>h2{ text-align:center; color:#333; font-size:24px; line-height:46px; margin:10px 0px 0px 0px; }
.content .pro_lunbo>ol>li>h3{ text-align:center; color:#666; font-size:18px; line-height:24px; margin:0px 0px 10px 0px; }
.content .pro_lunbo>ol>li>h4{ text-align:center; color:#666; font-size:14px; line-height:24px; margin:0px 0px 10px 0px; }
.content .pro_lunbo>ol>li>p{ font-size:14px; color:#666; text-align:center; }
.content .pro_lunbo>ul{ position:absolute; width:100%; bottom:0px; left:0%; text-align:center; }
.content .pro_lunbo>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{ width:52px; height:38px; border-radius:8px; padding:2px 8px; }
.content .pro_lunbo ul li.current{ border:2px solid #01b2a9; }

.yang_card_pro{ width:100%; margin:0px; padding:0px; overflow:auto; }
.yang_card_pro p{ margin:8px 0px; }
.yang_card_pro .content{ margin-top:0px; }
.yang_card_pro_list_new{ width:100%; margin:30px auto; padding:0px; }

.yang_card_h3{ font-size:24px; color:#333; text-align:center; line-height:42px; padding-bottom:0px; padding-top:0px; }
.yang_card_p{ width:100%; padding:0 5px;font-size:14px; color:#555; line-height:24px; text-align:center; }
.yang_card_img{ width:100%; height:auto; float:left; margin-top:5px; padding-bottom:20px; }
.yang_card_photo{ width:100%; height:170px; float:left; padding:10px 10px 0px 20px; border-bottom:#cccccc 1px solid; }

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

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

}
/*针对iphone5s*/
@media (min-width: 315px) {
.content{ padding:0px 12px; }
}
/*针对iphone6*/
@media (min-width: 375px) {
.content .pro_lunbo{ width:335px; height:340px; position:relative; margin:20px auto; }
.content .pro_lunbo>ol>li{ position:absolute; top:5px; left:5px; display:none; }
.content .pro_lunbo>ol>li:first-child{ display:block; }
.content .pro_lunbo>ol>li>img{ width:330px; height:173px; }
.content .pro_lunbo>ol>li>h2{ text-align:center; color:#333; font-size:24px; line-height:46px; margin:10px 0px 0px 0px; }
.content .pro_lunbo>ol>li>h3{ text-align:center; color:#666; font-size:18px; line-height:24px; margin:0px 0px 10px 0px; }
.content .pro_lunbo>ol>li>h4{ text-align:center; color:#666; font-size:14px; line-height:24px; margin:0px 0px 10px 0px; }
.content .pro_lunbo>ol>li>p{ font-size:14px; color:#666; text-align:center; }
.content .pro_lunbo>ul{ position:absolute; bottom:0px; left:0%; text-align:center; }
.content .pro_lunbo>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{ width:57px; height:41px; border-radius:8px; padding:2px 8px; }
.content .pro_lunbo ul li.current{ border:2px solid #01b2a9; }
}
@media (min-width: 400px) {
.content{ padding:0px 18px; }

.content .pro_lunbo{ width:350px; height:400px; position:relative; margin:20px auto; }
.content .pro_lunbo>ol>li{ position:absolute; top:5px; left:5px; display:none; }
.content .pro_lunbo>ol>li:first-child{ display:block; }
.content .pro_lunbo>ol>li>img{ width:350px; height:185px; }
.content .pro_lunbo>ol>li>h2{ text-align:center; color:#333; font-size:26px; line-height:46px; margin:10px 0px 0px 0px; }
.content .pro_lunbo>ol>li>h3{ text-align:center; color:#666; font-size:20px; line-height:26px; margin:0px 0px 10px 0px; }
.content .pro_lunbo>ol>li>h4{ text-align:center; color:#666; font-size:16px; line-height:26px; margin:0px 0px 10px 0px; }
.content .pro_lunbo>ol>li>p{ font-size:14px; color:#666; text-align:center; }
.content .pro_lunbo>ul{ position:absolute; bottom:0px; left:0%; text-align:center; }
.content .pro_lunbo>ul>li{ width:63px; height:48px; margin:5px 8px; cursor:pointer; border:1px solid #d7d7d7; border-radius:8px; display:inline-block; }
.content .pro_lunbo>ul>li>img{ width:60px; height:43px; border-radius:8px; padding:2px 8px; }
.content .pro_lunbo ul li.current{ border:2px solid #01b2a9; }

}
/*针对iphone6s plus*/
@media (min-width: 410px) {
.content .pro_lunbo{ width:378px; height:427px; position:relative; margin:20px auto; }
.content .pro_lunbo>ol>li{ position:absolute; top:5px; left:5px; display:none; }
.content .pro_lunbo>ol>li:first-child{ display:block; }
.content .pro_lunbo>ol>li>img{ width:365px; height:193px; }
.content .pro_lunbo>ol>li>h2{ text-align:center; color:#333; font-size:28px; line-height:46px; margin:10px 0px 0px 0px; }
.content .pro_lunbo>ol>li>h3{ text-align:center; color:#666; font-size:22px; line-height:28px; margin:0px 0px 10px 0px; }
.content .pro_lunbo>ol>li>h4{ text-align:center; color:#666; font-size:16px; line-height:28px; margin:0px 0px 10px 0px; }
.content .pro_lunbo>ol>li>p{ font-size:14px; color:#666; text-align:center; }
.content .pro_lunbo>ul{ position:absolute; bottom:0px; left:0%; text-align:center; }
.content .pro_lunbo>ul>li{ width:65px; height:50px; margin:5px 8px; cursor:pointer; border:1px solid #d7d7d7; border-radius:8px; display:inline-block; }
.content .pro_lunbo>ul>li>img{ width:62px; height:45px; border-radius:8px; padding:2px 8px; }
.content .pro_lunbo ul li.current{ border:2px solid #01b2a9; }

}
@media (min-width: 500px) {
.content .pro_lunbo{ width:460px; height:430px; position:relative; margin:20px auto; }
.content .pro_lunbo>ol>li{ position:absolute; top:5px; left:5px; display:none; }
.content .pro_lunbo>ol>li:first-child{ display:block; }
.content .pro_lunbo>ol>li>img{ width:450px; height:238px; }
.content .pro_lunbo>ol>li>h2{ text-align:center; color:#333; font-size:30px; line-height:46px; margin:10px 0px 0px 0px; }
.content .pro_lunbo>ol>li>h3{ text-align:center; color:#666; font-size:24px; line-height:30px;  margin:0px 0px 10px 0px; }
.content .pro_lunbo>ol>li>h4{ text-align:center; color:#666; font-size:18px; line-height:30px;  margin:0px 0px 10px 0px; }
.pro_lunbo .ul01 div span{ font-size:24px; }
.content .pro_lunbo>ol>li>p{ font-size:14px; color:#666; text-align:center; }
.content .pro_lunbo>ul{ position:absolute; bottom:0px; left:0%; text-align:center; }
.content .pro_lunbo>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{ width:67px; height:48px; border-radius:8px; padding:2px 8px; }
.content .pro_lunbo ul li.current{ border:2px solid #01b2a9; }

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

.ct_tit_new{ font-size:26px; line-height:40px; color:#333; text-align:center; margin:50px auto 20px auto !important; }
.ct_p_new{ font-size:16px; color:#333; line-height:26px; font-weight:normal; text-align:center; margin-bottom:20px !important; }
}
@media (min-width: 600px) {
.content{ padding:25px 0px 20px 0px; margin:0px 0px; }
.content .pro_lunbo{ width:550px; height:500px; position:relative; margin:20px auto; }
.content .pro_lunbo>ol>li{ position:absolute; top:5px; left:5px; display:none; }
.content .pro_lunbo>ol>li:first-child{ display:block; }
.content .pro_lunbo>ol>li>img{ width:530px; height:280px; }
.content .pro_lunbo>ol>li>h2{ text-align:center; color:#333; font-size:32px; line-height:46px; margin:10px 0px 0px 0px; }
.content .pro_lunbo>ol>li>h3{ text-align:center; color:#666; font-size:26px; line-height:32px; margin:0px 0px 10px 0px; }
.content .pro_lunbo>ol>li>h4{ text-align:center; color:#666; font-size:18px; line-height:32px; margin:0px 0px 10px 0px; }
.content .pro_lunbo>ol>li>p{ font-size:14px; color:#666; text-align:center; }
.content .pro_lunbo>ul{ position:absolute; bottom:0px; left:0%; text-align:center; }
.content .pro_lunbo>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{ width:85px; height:61px; border-radius:8px; padding:2px 8px; }
.content .pro_lunbo ul li.current{ border:2px solid #01b2a9; }

.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_pro_list_new{ width:100%; margin:30px auto; padding:0px 20px; }

.ct_tit_new{ font-size:28px; line-height:40px; color:#333; text-align:center; margin:50px auto 20px auto !important; }
.ct_p_new{ font-size:16px; color:#333; line-height:26px; font-weight:normal; text-align:center; margin-bottom:20px !important; }

}
@media (min-width: 700px) {
.content{ padding:25px 0px 30px 0px; margin:0px 0px; }
.content .pro_lunbo{ width:660px; height:630px; position:relative; margin:20px auto; }
.content .pro_lunbo>ol>li{ position:absolute; top:5px; left:5px; display:none; }
.content .pro_lunbo>ol>li:first-child{ display:block; }
.content .pro_lunbo>ol>li>img{ width:650px; height:344px; margin-top:30px; }
.content .pro_lunbo>ol>li>h2{ text-align:center; color:#333; font-size:42px; line-height:46px; margin:10px 0px 0px 0px; }
.content .pro_lunbo>ol>li>h3{ text-align:center; color:#666; font-size:26px; line-height:36px; margin:5px 0px 10px 0px; }
.content .pro_lunbo>ol>li>h4{ text-align:center; color:#666; font-size:18px; line-height:36px; margin:5px 0px 10px 0px; }
.pro_lunbo .ul01 div span{ font-size:30px; }
.pro_lunbo .ul01 div em{ font-size:16px; }
.content .pro_lunbo>ol>li>p{ font-size:14px; color:#666; text-align:center; }
.content .pro_lunbo>ul{ position:absolute; bottom:0px; left:0%; text-align:center; }
.content .pro_lunbo>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{ width:97px; height:72px; border-radius:8px; padding:2px 8px; }
.content .pro_lunbo ul li.current{ border:2px solid #01b2a9; }

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

.ct_tit_new{ font-size:32px; line-height:48px; color:#333; text-align:center; margin:50px auto 20px auto !important; }
.ct_p_new{ font-size:16px; color:#333; line-height:26px; font-weight:normal; text-align:center; margin-bottom:30px !important; }

}
@media (min-width: 767px) {
.content{ padding:25px 0px 50px 0px; margin:0px 0px; }
.content .pro_lunbo{ width:730px; height:768px; position:relative; margin:10px auto 20px auto; }
.content .pro_lunbo>ol>li{ position:absolute; top:5px; left:5px; display:none; }
.content .pro_lunbo>ol>li:first-child{ display:block; }
.content .pro_lunbo>ol>li{ padding-left:2px; }
.content .pro_lunbo>ol>li>img{ width:715px; height:525px; }
.content .pro_lunbo>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{ font-size:14px; color:#666; text-align:center; }
.content .pro_lunbo>ul{ position:absolute; width:100%; bottom:0px; left:0%; text-align:center; }
.content .pro_lunbo>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{ width:97px; height:72px; border-radius:8px; padding:2px 8px; }
.content .pro_lunbo ul li.current{ border:2px solid #01b2a9; }

.content .pro_lunbo{ width:725px; height:750px; position:relative; margin:40px auto 20px auto; }
.content .pro_lunbo>ol>li{ position:absolute; top:5px; left:5px; display:none; }
.content .pro_lunbo>ol>li:first-child{ display:block; }
.content .pro_lunbo>ol>li>img{ width:710px; height:376px;margin-top:50px; }
.content .pro_lunbo>ol>li>h2{ text-align:center; color:#333; font-size:48px; line-height:62px; padding-top:5px; margin:10px 0px; }
.content .pro_lunbo>ol>li>h3{ text-align:center; color:#666; font-size:28px; line-height:36px; margin:5px 0px 10px 0px; }
.content .pro_lunbo>ol>li>h4{ text-align:center; color:#666; font-size:20px; line-height:36px; margin:5px 0px 10px 0px; }
.pro_lunbo .ul01{ text-align:center; color:#228fd3; margin-top:32px; }
.pro_lunbo .ul01 div{ display:inline-block; *zoom:1; *display:inline; font-size:16px; padding:0 25px; border-right:1px solid #228fd3; line-height:20px; *line-height:25px; }
.pro_lunbo .ul01 div span{ font-size:32px; }
.pro_lunbo .ul01 div em{ font-size:18px; }
.content .pro_lunbo>ol>li>p{ font-size:14px; color:#666; text-align:center; }
.content .pro_lunbo>ul{ position:absolute; width:100%; bottom:0px; left:0%; text-align:center; }
.content .pro_lunbo>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{ width:97px; height:72px; border-radius:8px; padding:2px 8px; }
.content .pro_lunbo ul li.current{ border:2px solid #01b2a9; }

.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_pro_list_new{ width:100%; max-width:1760px; margin:0px auto; padding:0px; }

.ct_tit_new{ font-size:48px; line-height:80px; font-weight:bold; color:#000000; text-align:center; margin:90px auto 30px auto !important; }
.ct_p_new{ font-size:16px; color:#000000; line-height:32px; font-weight:normal; text-align:center; margin:0 20px 30px !important; }

.ct_dt{ color:#ffffff; }

.canshangji_list h3{ font-size:14px;line-height:28px; margin-bottom: 0; }
.canshangji_list .btn a{ width:90px;font-size:12px;line-height:40px;height:40px;border-radius:40px; }
.canshangji_list .des{ font-size:12px;margin-bottom:10px; }
}
@media (min-width: 768px) {
.pro_navblack .pro_nav_mb ul{ width:100%; }
.pro_navblack .pro_nav_mb li{ width:150px; font-size:14px; float:left; }
.pro_navblack .pro_navblack .pro-nav-list{ padding: 22px 10px; }

.pro_intro .con_h2 { font-size: 64px; line-height: 80px; color: #ffffff; text-align: center; margin: 98px auto 7px auto; }
.pro_intro .con_h3 { font-size: 24px; color: #ffffff; line-height: 32px; font-weight: normal; text-align: center; margin: 36px 70px 10px 70px; }
.pro_intro .con_h4 { font-size: 16px; color: #ffffff; line-height: 28px; font-weight: normal; text-align: center; margin: 36px 70px 10px 70px; }


.pro_intro_c { height: 730px; overflow: hidden; position: relative; }
.pro_intro_c ul { width: 9999px; height: 100%; overflow: hidden; position: absolute; top: 0; left: 0; }
.pic_img li { height: 730px; width: 100%; float: left; position: relative; }
.pic_img li.li-img img { display: block; margin: auto; }
#btn_prev,#btn_next { z-index: 111; position: absolute; display: block; width: 50px; height: 50px; background: url(../images/tmi-zdl/round_ico.png) no-repeat; margin-top: 213px; display: block; overflow: hidden; }
#btn_prev { background-position: 0 -2px; left: 1%; }
#btn_next { background-position: 0 -53px; right: 1%; }
}
@media (min-width: 770px) {
.content{ padding:25px 0px 50px 0px; margin:0px 0px; }
.content .pro_lunbo{ width:748px; height:715px; position:relative; margin:40px auto 20px auto; }
.yang_card_box{ padding-top:32px; }
}
@media (min-width: 785px) {
.content{ padding:25px 0px 50px 0px; margin:0px 0px; }

.content .pro_lunbo>ol>li{ position:absolute; top:5px; left:5px; display:none; }
.content .pro_lunbo>ol>li:first-child{ display:block; }
.content .pro_lunbo>ol>li>img{ width:730px; height:387px; margin-top:60px; }
.content .pro_lunbo>ol>li>p{ font-size:14px; color:#666; text-align:center; }
.content .pro_lunbo>ul{ position:absolute; bottom:0px; left:0%; text-align:center; }
.content .pro_lunbo>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{ width:97px; height:72px; border-radius:8px; padding:2px 8px; }
.content .pro_lunbo ul li.current{ border:2px solid #01b2a9; }
}
@media (min-width: 800px) {
.content .pro_lunbo{ width:100%; height:720px; position:relative; margin:40px auto; }
.content .pro_lunbo>ol>li{ width:100%; position:absolute; top:5px; left:5px; display:none; }
.content .pro_lunbo>ol>li:first-child{ display:block; }
.content .pro_lunbo>ol>li>img{ width:754px; height:396px; margin-left:auto; margin-right:auto; display:block; }
.content .pro_lunbo>ol>li>h2{ text-align:center; color:#333; font-size:48px; padding-top:5px;}
.content .pro_lunbo>ol>li>h3{ text-align:center; color:#666; font-size:28px; line-height:36px; }
.content .pro_lunbo>ol>li>p{ font-size:28px; color:#666; text-align:center; line-height:36px; }
.content .pro_lunbo>ul{ position:absolute; bottom:0px; left:0%; text-align:center; }
.content .pro_lunbo>ul>li{ width:80px; height:60px; margin:18px 8px; cursor:pointer; border:1px solid #d7d7d7; border-radius:8px; display:inline-block; }
.content .pro_lunbo>ul>li>img{ width:75px; height:55px; border-radius:8px; padding:0px 10px; }
.content .pro_lunbo ul li.current{ border:2px solid #01b2a9; }
}
@media (min-width: 880px) {
.yang_card_box{ padding-top:40px; }
}
@media (min-width: 980px) {
.yang_card_box{ padding-top:40px; }
}
@media (min-width: 992px) {
.pro_navblack .pro-nav-list{ padding: 22px 10px; }
.pro_navblack .pro_nav_name{ display:block; font-size: 14px; width: auto; height: auto; overflow: hidden; float: left; }
}
@media (min-width: 992.1px) {
#ztmi-body-header{ display:block; }
#ztmi-body-header-list{ width:100%; }
#ztmi-body-header-list ul{ width:100%; }
#ztmi-body-header-list li{ width:16.66%;max-width:16.66%; }
}
/*针对iPad Pro SIZE 12.9*/
@media (min-width: 1023px) {
.content{ padding:25px 0px 30px 0px; overflow: hidden; }

.pro_intro_c { height:650px; overflow:hidden; position:relative; }
.pro_intro_c ul { width:9999px; height:100%; overflow:hidden; position:absolute; top:20px; left:0; }
.pic_img li { height:650px; width:100%; float:left; position:relative; }

}
@media (min-width:1024px){
.canshangji_list h3{ font-size:16px; }
.canshangji_list .btn a{ width:100px; font-size:13px; line-height:45px; height:45px; border-radius:45px; }
.canshangji_list .des{ font-size:14px; margin-bottom:1.36vw; }

#ZPS-CANFD{ width:100%; min-width: 1024px; height: 900px; background: url(../images/tmi-can/ZPS-CANFD/pro_intro_bg.jpg) #ffffff top center repeat-x; }
#CANDT{ width:100%; min-width: 1024px; height: 970px; background: url(../images/tmi-can/CANDT/pro_intro_bg.jpg) #ffffff top center repeat-x; }
#CANScope{ width:100%; min-width: 1024px; height: 970px; background: url(../images/tmi-can/CANScope/pro_intro_bg.jpg) #ffffff top center repeat-x; }
#ZPS-CANFD .content2,#CANDT .content2,#CANScope .content2{  margin: 0 auto; }

.pro_intro_c { height:542px; overflow:hidden; position:relative; }
.pro_intro_c ul { width:9999px; height:100%; overflow:hidden; position:absolute; top:20px; left:0; }
.pic_img li { height:542px; width:100%; float:left; position:relative; }

}
@media (min-width: 1080px) {
.canshangji_list .btn a{ width:120px; font-size:14px; line-height:48px; height:48px; border-radius:48px; }
}
@media (min-width: 1200px) {
#ztmi-body-header-list img{ margin-bottom:0px; width:100%; max-width:180px; }

.yang_card_pro_list_new{ width:100%; max-width:1160px; margin:0px auto; padding:0px; }

.pro_intro_c { height:650px; overflow:hidden; position:relative; }
.pro_intro_c ul { width:9999px; height:100%; overflow:hidden; position:absolute; top:0; left:0; }
.pic_img li { height:650px; width:1200px; float: left; position:relative; }

.pro_intro_c .li-img img{ width:100%; max-width:1200px; }

#ZPS-CANFD{ width: 100%; min-width: 1200px; height:980px; background: url(../images/tmi-can/ZPS-CANFD/pro_intro_bg.jpg) #ffffff top center repeat-x; }
#CANDT{ width:100%; min-width:1720px; height:1000px; background:url(../images/tmi-can/CANDT/pro_intro_bg.jpg) #ffffff top center repeat-x; }
#CANScope{ width:100%; min-width:1720px; height:1000px; background:url(../images/tmi-can/CANScope/pro_intro_bg.jpg) #ffffff top center repeat-x; }
#ZPS-CANFD .content2,#CANDT .content2,#CANScope .content2{ width:1200px; margin: 0 auto; padding-top: 0px; }

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

.ct_dt{ color: #ffffff; }

.canshangji_list h3{ font-size:18px; line-height:28px; }
}
@media (min-width: 1300px) {

}
@media (min-width:1600px){
.canshangji_list h3{ font-size:22px; line-height:36px; margin-bottom: 10px; }
}
@media (min-width:1700px){
.canshangji_list h3{ font-size:24px; }
}
@media (min-width: 1900px) {
#ztmi-body-header-list{ width:1920px; height:166px; height:auto; padding-top:14px; }
#ztmi-body-header-list ul{ width:100%; }
#ztmi-body-header-list li{ width:302px; max-width:302px; }

#ZPS-CANFD{ width:100%; min-width:1720px; height:980px; background:url(../images/tmi-can/ZPS-CANFD/pro_intro_bg.jpg) #ffffff top center repeat-x; }
#CANDT{ width:100%; min-width:1720px; height:1000px; background:url(../images/tmi-can/CANDT/pro_intro_bg.jpg) #ffffff top center repeat-x; }
#CANScope{ width:100%; min-width:1720px; height:980px; background:url(../images/tmi-can/CANScope/pro_intro_bg.jpg) #ffffff top center repeat-x; }

#ZPS-CANFD .content2,#CANDT .content2,#CANScope .content2{ width: 1720px; margin: 0 auto; padding-top: 0px; }

.pro_intro .con_h2,.pro_intro .con_h3,.pro_intro .con_h4{ width:100%; max-width:1720px; margin-left:auto; margin-right:auto; }
.yang_card_pro_list_new{ width:100%; max-width:1760px; margin:0px auto; padding:0px; }
.yang_card_pro{ width:1900px; }
}
@media (min-width: 1910px) {
.yang_card_pro{ width:1910px; }
}
@media (min-width: 1920px) {
.yang_card_pro{ width:1920px; }
}
@media (min-width: 1921px) {
.yang_card_pro{ width:100%; }
}
@media (min-width:2400px){
.canshangji_list h3{ font-size:28px; }
}
@media (min-width: 2540px) {
.yang_card_pro{ width:2540px; }
}
@media (min-width: 2550px) {
.yang_card_pro{ width:2550px; }
}
@media (min-width: 2560px) {
.yang_card_pro{ width:2560px; }
}
@media (min-width: 2561px) {
.yang_card_pro{ width:2560px; margin:0 auto; }
}
