@charset "utf-8";
.h_title1{clear:both; overflow:hidden; font-size:21px; color:#333; margin-bottom:15px;  font-weight:500; }
.h_title1 span{display:inline-block; border-bottom:1px solid #333; letter-spacing:-0.08em;}
/*.h_title1 span{width:6px; height:6px; border-radius:3px; background:#3b4659; display:block; margin-bottom:5px; margin-left:6px; }
.h_title1 span{width:18px; height:4px; background:#82878e; display:block; margin-bottom:10px;}*/
.border_box1{border-top:2px solid #82878e; border-left:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd; padding:20px;}
.gray_line{margin-top:20px;text-align:right; padding:5px 15px 5px 0; border-top:1px solid #e2e2e2; border-bottom:1px solid #ddd; background:#fafafa; }
.gray_line1{margin-top:20px;text-align:center; padding:5px 15px 5px 0; border-top:1px solid #e2e2e2; border-bottom:1px solid #ddd; background:#fafafa; }
.gray_line2{margin-top:20px;text-align:center; padding:5px 15px 5px 0; border-top:1px solid #e2e2e2; border-bottom:1px solid #ddd; background:#fafafa; color:#333; font-size:15px;}


.color_r{color:#dc0f17;}
.color_b{color:#2462a2;}
.color_gb{color:#1a9c99;}



.product_tab { width:100%; height: 100%; display: table; table-layout: fixed;margin:0 0 40px;}
.product_tab li { text-align: center;width: auto;display: table-cell;vertical-align: top;padding-right: 2px;}
.product_tab li a {font-size:15px; float:left;width: 100%; background: #abacb1;padding:11px 0; font-weight:400;box-sizing:padding-box;color: #fff;}
.product_tab li a:hover { background:#2866d0 url('/www/img/sub/tab_icon.png') no-repeat right 20px;}
.product_tab li.on a { color:#fff; background:#2866d0 url('/www/img/sub/tab_icon.png') no-repeat right 20px;width: 100%;font-weight:400;}
.product_tab li.last { padding-right:none;}

.product_tab2 { width:100%; height: 100%; display: table; table-layout: fixed;margin:0 0 40px;}
.product_tab2 li { text-align: center;width: auto;display: table-cell;vertical-align: top;padding-right: 2px;}
.product_tab2 li a {font-size:15px; float:left;width: 100%; background: #abacb1;padding:11px 0; font-weight:400;box-sizing:padding-box;color: #fff;}
.product_tab2 li a:hover { background:#2866d0 url('/www/img/sub/tab_icon.png') no-repeat right 20px;}
.product_tab2 li.on a { color:#fff; background:#2866d0 url('/www/img/sub/tab_icon.png') no-repeat right 20px; width: 100%;font-weight:400;}
.product_tab2 li.last { padding-right:none;}




.system_int1{display: table; padding-bottom:30px; border-bottom:1px dotted #ccc;}
.system_int1 p{display: table-cell; width:40%; text-align:center;}
.system_int1 p img{margin-top:15px;}
.system_int1 dl{display: table-cell;width:60%;}
.system_int1 dt{font-size:35px; line-height:35px; color:#2c51a2; font-weight:500;}
.system_int1 dd{padding-top:10px;}



.system_int2{margin-top:50px; overflow:hidden; width:100%; background:url("/images/sub/sub0101_bg.jpg") right top no-repeat;}
.system_int2 .si2_dl1{float:left; width:30%;}
.system_int2 .si2_dl1 dt{font-size:18px; color:#222; font-weight:500; padding-bottom:20px; }
.system_int2 .si2_dl1 dt strong{color:#f5a816;}
.system_int2 .si2_dl1 dd{}
.system_int2 .si2_dl2{float:left; width:30%; margin-left:5%; }
.system_int2 .si2_dl2 dt{font-size:18px; color:#222; font-weight:500; padding-bottom:20px; }
.system_int2 .si2_dl2 dt strong{color:#8560a8;}
.system_int2 .si2_dl2 dd{}



.dl_serise{padding-top:20px; overflow:hidden;}
.dl_serise dl{margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #ededed;}
.dl_serise dt{font-size:14px;font-weight:500; color:#333;}
.dl_serise dd{background:url(/www/img/sub/dot.png) 0 10px no-repeat; margin-left:38px; padding-left:10px;}
.dl_serise dt .ds_sp1{display:inline-block; background:#f5a816; color:#fff; font-weight:600; border-radius:15px; width:30px; height:30px; font-size:12px; padding:2px 0; text-align:center; margin-right:5px; }
.dl_serise dt .ds_sp2{display:inline-block; background:#82878e; color:#fff; font-weight:600; border-radius:15px; width:30px; height:30px; font-size:12px; padding:2px 0; text-align:center; margin-right:5px; }


.y_g_box{overflow:hidden; }
.y_g_box li{background:#b6b7c0; width:33.333333%; border:5px solid #fff; color:#fff; font-weight:500; font-size:14px; margin-bottom:5px; float:left; padding:20px; text-align:center;}
.y_g_box li:nth-child(2n+1){background:#ffcb01; }


.patent{margin-bottom:20px;float:left; width:50%; overflow:hidden;}
.patent h4{text-align:center; margin-bottom:15px;}
.patent h4 img{width:150px;border:#dbdbdb 1px solid;}
.patent ul{width:90%; margin:0 auto; border-top:#999 1px solid;}
.patent li{border-bottom:#dbdbdb 1px solid;line-height:23px;}
.patent li strong{padding:6px 0;display:table-cell;width:90px;text-align:center;background:#f9f9f9;}
.patent li span{font-size:14px; display:table-cell;padding:6px 0 0 10px; line-height:23px;}


.dl_s1 dt{font-size:15px; font-weight:600; color:#333; margin-bottom:3px;}
.dl_s1 dd{margin-left:10px; background:url(/www/img/sub/dot.png) 0 10px no-repeat; padding-left:10px;}
.dl_s1 dd a{color:#2866d0;}

.ul_s1{}
.ul_s1 li{background:url(/www/img/sub/dot.png) 0 10px no-repeat; padding-left:10px;}


.product_step{margin-top:20px;}
.product_step li{text-align:center; padding:5px 0 5px 0;}
.product_step li img{border:1px solid #eee; padding:10px;}



.ptns_bn div{float:left; overflow:hidden; width:100%;}
.ptns_bn h3{font-size:17px; color:#333; font-weight:600; padding:25px 0;}
.ptns_bn h3 span{ color:#4479d5;}
.ptns_bn ul{border-bottom:#dbdbdb 1px solid;padding:0 0 40px;margin:0 0 20px;overflow:hidden;}
.ptns_bn ul.last{padding:0;margin:0;border:0 none;}
.ptns_bn li{float:left; margin:0 5px 20px 0;}
.ptns_bn li p{padding:6px 0 0 3px;line-height:1.2em;  letter-spacing:0.05em;}
.ptns_bn li strong{display:block;padding:0 0 3px; letter-spacing:-0.02em; color:#333;}
.ptns_bn li em{font-style:normal;font-weight:500;color:#F60;}
.ptns_bn li img{border:#dbdbdb 1px solid;}


.app_dn{overflow:hidden;margin-top:12px;}
.app_dn li{float:left;}
.app_dn li:first-child{margin-right:12px;}

.download_btn{overflow:hidden;}
.download_btn li{float:left; width:50%; overflow:hidden;}



.video_frm{overflow:hidden;}
.video_frm li{width:33.33333333%; padding:10px 10px 10px 0; float:left; text-align:center;}
.video_frm li p{text-align:center; font-weight:400;}


.request_btn{overflow:hidden;}
.request_btn li{padding:4px; float:left; width:33.3%; text-align:center;}
.request_btn li:first-child{text-align:right;}
.request_btn li:last-child{text-align:left;}


table caption{width:0; height:0; font-size:0; line-height:0;}
table td.tdl{text-align:left !important;}
table td.tdr{text-align:right !important;}
table td.tdc{text-align:center !important;}
table tbody.tcen td{text-align:center;}
table td input{vertical-align:middle !important;}
table td select{vertical-align:middle !important;}
table td img{vertical-align:middle !important;}
table{border-collapse:collapse;}
table.table_border{font-size:14px; width:100%; border-top:2px solid #555;border-left:1px solid #dbdbdb;}
table.table_border th{color:#444; text-align:center; border-left:1px solid #dbdbdb; border-right:1px solid #dbdbdb; padding:7px; border-bottom:1px solid #dbdbdb; background:#f4f4f4;}
table.table_border td{border-left:1px solid #dbdbdb; border-right:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; padding:6px; }
table.table_border td a{color:#0072bc; text-decoration:underline; }


.strong_ul{border:1px solid #000; padding:2%;}
.strong_ul li{position:relative; font-size:15px; font-weight:bold; padding-left:10px;}
.strong_ul li:before{content:''; display:block; position:absolute; left:0; top:9px; width:4px; height:4px; background-color:#7a7a7a;}
.strong_ul li a{font-size:15px; font-weight:bold;}
.strong_ul li:first-child{color:#093ad9}
.strong_ul li:nth-child(2){color:#dd0000}



.charge_div{}
.charge_div dl{border-top:1px solid #c4cbd5; }
.charge_div dt{padding:2% 3%;border-bottom:1px solid #c4cbd5; font-size:17px; font-weight:bold; background:#e1ecfe; color:#002b6f;}
.charge_div dd{padding:1% 3%; border-bottom:1px solid #c4cbd5;}

.img100{width:100%; border:1px solid #ddd;}


.border1_p{border:1px solid #ddd; padding:20px;}
.bold_ol1{}
.bold_ol1 li{ padding-bottom:10px;}
.bold_ol1 li.strong1{font-size:15px; color:#222;}
.bold_ol1 li.strong1 table.table_border th, .bold_ol1 li.strong1 table.table_border td{font-size:14px; color:#555;}






@media screen and (max-width:960px) {
.system_int1 dt{font-size:30px; line-height:30px;}
.app_dn{margin-top:5px;}
.app_dn li{float:none; text-align:center; margin-bottom:2px; background:#171d22;}
.app_dn li:first-child{margin-right:0;}

.video_frm li{width:50%;} 
}



@media screen and (max-width:720px) {
img{max-width:100%;}

.system_int1{display:block;}
.system_int1 p{display:block; width:100%;}
.system_int1 p img{margin-top:0;}
.system_int1 dl{margin-top:20px; display: block;width:100%;}
.system_int1 dt{font-size:27px; text-align:center; line-height:30px;}


.system_int2{margin-top:30px; background:none;}
.system_int2 .si2_dl1{width:48%; margin-right:2%;}
.system_int2 .si2_dl2{width:48%; margin-left:2%; }

.y_g_box li{width:50%;}


.patent{float:none; display:table; width:100%; padding-bottom:15px; border-bottom:1px dotted #ccc;}
.patent h4{text-align:left; display:table-cell; width:110px; margin-bottom:15px; padding-right:10px;}
.patent h4 img{width:110px !impotant;}
.patent ul{display:table-cell; width:75%;vertical-align:top;}




}


@media screen and (max-width:640px) {
.h_title1{font-size:20px;}
.border_box1{padding:15px;}
.system_int1 img{width:160px;}
.system_int1 dd{line-height:1.4em;}
img{max-width:100%;}
.system_int2 .si2_dl1{float:none; margin-left:0; width:100%;}
.system_int2 .si2_dl2{padding-top:25px;float:none; margin-left:0; width:100%;}
.system_int2 dd{line-height:1.4em;}


.dl_serise dt{margin-bottom:10px;}
.dl_serise dd{margin-left:10px;}
.dl_s1 dd{margin-left:0;}


.y_g_box li{margin-right:0; width:100%; padding:15px; word-break:keep-all; }
.gray_line{padding-left:10px; text-align:left !important;}
.gray_line1{padding-left:10px; text-align:left !important;}
.gray_line2{padding-left:10px; text-align:left !important;}

.download_btn{width:75%; margin:0 auto;}
.download_btn li:last-child{padding-right:15px;}


.patent h4 img{width:100%;}
.patent ul{display:table-cell; width:68%;vertical-align:top;}


}





@media screen and (max-width:480px) {
.product_tab { width:100%; height: 100%; display: table; table-layout: fixed;margin:0 0 40px;}
.product_tab li { text-align: center;width: 100%;display: none;vertical-align: top;}
.product_tab li a { float:left;width: 100%; background: #abacb1;padding:11px 0; font-weight:400;box-sizing:padding-box;color: #fff;}
.product_tab li a:hover { background:#abacb1}
.product_tab li.on { display:block;}
.product_tab li.on a { color:#fff; background:#2866d0 url('/www/img/sub/tab_icon.png') no-repeat right 20px; width: 100%;font-weight:400;}
.product_tab li .last { padding-right:none;}

.product_tab2 { width:100%; height: 100%; display: table; table-layout: fixed;margin:0 0 40px;}
.product_tab2 li { text-align: center;width: 100%;display: none;vertical-align: top;}
.product_tab2.opened li {display:block;}
.product_tab2 li a { float:left;width: 100%; background: #abacb1;padding:11px 0; font-weight:400;box-sizing:padding-box;color: #fff;border-bottom:1px solid #fff;}
.product_tab2 li a:hover { background:#abacb1}
.product_tab2 li.on { display:block;}
.product_tab2 li.on a { color:#fff; background:#2866d0 url('/www/img/sub/tab_icon.png') no-repeat right 20px; width: 100%;font-weight:400;}
.product_tab2 li .last { padding-right:none;}

.download_btn{width:80%; margin:0 auto;}

.video_frm li{width:100%; float:none;} 
}



@media screen and (max-width:340px) {
}