/* CSS Document */
@import url("core.css");
@import url("animate.css");
/*******/
@import url("fonts.css?v=106");
@import url("menu.css?v=363255");
@import url("flag.css?v=106");
@import url("page.css?v=106");
/****************************smt 流程*******************************************/
.sub_next_ul li a:before{ background-image:url(../images/smt/1.png)}
.sub_next_ul li.on a:before{ background-image:url(../images/smt/1on.png)}
.sub_next_ul li.icon01 a:before{ width:32px; background-position:left center}
.sub_next_ul li.icon02 a:before{ width:37px; background-position:-39px center}
.sub_next_ul li.icon03 a:before{ width:33px; background-position:-78px center}
.sub_next_ul li.icon04 a:before{ width:33px; background-position:-115px center}
.sub_next_ul li.icon05 a:before{ width:36px; background-position:-153px center}
.sub_next_ul li.icon06 a:before{ width:36px; background-position:-195px center}
.sub_next_ul li.icon01 a{ padding-left:42px;}
.sub_next_ul li.icon02 a{ padding-left:47px;}
.sub_next_ul li.icon03 a{ padding-left:43px;}
.sub_next_ul li.icon04 a{ padding-left:43px;}
.sub_next_ul li.icon05 a{ padding-left:46px;}
.sub_next_ul li.icon06 a{ padding-left:46px;}
.sub_next_ul li{ margin-right:40px}
/**/
#pcba_process{ background:#f2f4f5;border-top:1px solid #777;}
#pcba_process h2{ background:#fff; padding-top:100px; padding-bottom:50px}
.smt_desc{line-height: 1.2;font-size: 18px;}
.smt_desc img{ max-width:100%; height:auto}
#smt_process h2{ margin-bottom:30px}
/***/
.pcba_process{ padding-top:100px; padding-bottom:50px}
.pcba_process li{ float:left; width:32%; margin-right:2%; margin-bottom:50px}
.pcba_process li .video:before{ cursor:pointer; width:100%; height:100%; content:""; display:block; position:absolute; left:0; top:0; z-index:1; background-color:rgba(0,0,0,0.2);background-image:url(../images/play-about.png); background-repeat:no-repeat; background-position: center center;background-size:80px 80px;}
.pcba_process li:hover{ background:#119466; -moz-box-shadow:2px 2px 5px rgba(0,0,0,0.2); -webkit-box-shadow:2px 2px 5px rgba(0,0,0,0.2); box-shadow:2px 2px 5px rgba(0,0,0,0.2);}
.pcba_process li:hover *{ color:#fff}
.pcba_process li b{ display:block; font-size:20px; line-height:1.2; padding-left:90px; color:#000; margin-bottom:8px}
.pcba_process li img{ display:block; height:auto; width:100%}
.pcba_process li:nth-child(3n){ margin-right:0}
.pcba_process .history_p{ display:block; position:relative; padding-top:10px; padding-bottom:15px; color:#666; font-size:15px; margin-left:15px; margin-right:15px}
.pcba_process .history_p label{z-index:2;display:block;position:absolute;left:0;top: -50px;width:80px;padding-bottom:10px;background:#119466;font-size:48px;font-weight:bold;color:#fff;text-align:center;line-height:1.2;}
.pcba_process .history_p label span{ font-size:14px; display:block; letter-spacing:-1px; font-weight:normal; text-align:center}
/**********************smt 案例**************************************/
#case_ul{border-top:1px solid #777;background:#f2f2f2}
.case_ul li{ float:left; width:32%; margin-right:2%; margin-bottom:2%; background:#fff; padding:40px}
.case_ul li .title{ font-size:24px; font-weight:bold; text-transform:capitalize; color:#119466; display:block; line-height:1.2; text-align:center}
.case_ul li .title:after{ width:40px; height:0px; content:""; display:block; background:#1e1e1e; margin-top:15px; margin-bottom:15px}
.case_ul li p{ display:block; font-size:18px; line-height:1.2}
.case_ul li:nth-child(3n){ margin-right:0}
.case_ul .thumb{ overflow:hidden; margin-bottom:20px}
.case_ul .thumb img{ max-width:100%; height:auto}
#equiment_ul li .title:after{ display:none}
/**********************smt 能力**************************************/
#smt_capacity{border-top:1px solid #777;}
.capacity_header{ background:#119466; color:#fff; position:relative; padding:15px 25px; font-size:20px;}
.capacity_header:before{ cursor:pointer; width:46px; height:46px; position:absolute; right:15px; top:8px; content:""; background:#fff;-webkit-border-radius: 50%; border-radius: 50%; -moz-border-radius: 50%;}
.capacity_header:after{cursor:pointer; width:36px; height:4px; background:#119466; content:""; display:block; position:absolute; right:20px; top:30px}
.capacity_body th{ width:20%; text-align:center; background:#f0f0f0; padding:15px; font-size:18px;}
.capacity_body td{padding:15px; font-size:16px; text-align:center; line-height:1.2; border-top:1px solid #898989;border-right:1px solid #898989}
.capacity_body tbody{border-left:1px solid #898989;border-bottom:1px solid #898989}
/**********************smt test**************************************/
#smt_test{border-top:1px solid #777;}
.capacity_test_header{ background:#119466; color:#fff; position:relative; padding:15px 25px; text-align:center; font-size:20px;}
.capacity_test_body tr:nth-child(odd){ background:#f0f0f0}
.capacity_test_body td{padding:15px 15px; padding-left:50px; font-size:16px; line-height:1.2;}
.capacity_test_body tbody{}
.capacity_test_body td.title{ font-weight:bold}
.capacity_table_service{ border-bottom:1px solid #898989}
.capacity_table_service td.title{width:25%; padding:15px 15px; padding-left:50px}
.capacity_table_service td.type{ width:15%; padding:15px 15px; font-weight:bold}
.capacity_table_service td.desc{ width:60%; padding:15px 15px}
.capacity_table_total{border-bottom:1px solid #898989; margin-top:50px}
/***/
@media(max-width:1674px){
.sub_next_ul{ padding-top:40px}	
.sub_next_ul li{ margin-top:10px;}
.pcba_process .history_p label{ font-size:40px}
}

@media(max-width:1450px){
.sub_next_ul{ width:840px; margin:0 auto}
.sub_next_ul li{ width:280px; text-align:left; margin-right:0; float:left}
}

@media(max-width:1300px){
.pcba_process li{ width:32%; margin-right:2%; margin-bottom:25px}
.pcba_process li:nth-child(4n){ margin-right:2%}
.pcba_process li:nth-child(3n){ margin-right:0%}
}
@media(max-width:1100px){
.sub_next_ul{ padding:25px 0; padding-top:15px; width:840px}	
.sub_next_ul li{ margin-top:10px;}
#pcba_process h2{ font-size:30px; padding-left:25px; padding-right:25px; line-height:1.2}
#smt_process{ padding-top:60px; padding-bottom:60px;}
#smt_process h2{ font-size:30px; line-height:1.2}
}

@media(max-width:1000px){
    .case_ul li{width: 49%;padding: 20px;}
    .case_ul li:nth-child(3n){margin-right: 2%;}
    .case_ul li:nth-child(2n){margin-right: 0;}
    .case_ul li .title{font-size: 18px;line-height: 24px;}
    .case_ul li p{font-size: 14px;line-height: 20px;}
}
@media (max-width:950px){
.sub_next_ul{ width:560px; margin:0 auto}
}
@media (max-width:900px){
.pcba_process li{ width:48%; margin-right:4%; margin-bottom:25px}
.pcba_process li:nth-child(4n){ margin-right:4%}
.pcba_process li:nth-child(3n){ margin-right:4%}
.pcba_process li:nth-child(2n){ margin-right:0%}
}
@media (max-width: 800px){
.sub_next_ul li a {font-size:18px;}
.pcba_process .history_p label{ font-size:30px}
.pcba_process li b{ padding-left:0}
.pcba_process .history_p label{ top:-62px}
#pcba_process h2{ padding-top:60px; padding-bottom:30px}
.pcba_process{ padding-top:50px; padding-bottom:25px}
}


@media(max-width:768px){
    .case_ul li .title{font-size: 16px;line-height: 21px;}
    .case_ul li p{font-size: 13px;line-height: 18px;height: 50px;overflow: hidden;}
}
@media (max-width:700px){
.sub_next_ul{ width:100%; text-align:center}
.sub_next_ul li{ width:auto; float:none; margin-left:10px; margin-right:10px;}
}
@media (max-width:520px){
.pcba_process li{ width:100%; margin-right:0%; margin-bottom:25px}
.pcba_process li:nth-child(4n){ margin-right:0%}
.pcba_process li:nth-child(3n){ margin-right:0%}
.pcba_process li:nth-child(2n){ margin-right:0%}
.pcba_process li b{ font-size:18px}
}
@media (max-width:400px){
.sub_next_ul{ padding-left:12%}	
.sub_next_ul li{ width:100%; float:left;}
}