/* 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");
/****************************PCB 设计*******************************************/
.sub_next_ul li a:before{ background-image:url(../images/advantages/1.png)}
.sub_next_ul li.on a:before{ background-image:url(../images/advantages/1on.png)}
.sub_next_ul li.icon01 a:before{ width:38px; background-position:left center}
.sub_next_ul li.icon02 a:before{ width:40px; background-position:-38px center}
.sub_next_ul li.icon03 a:before{ width:31px; background-position:-80px center; margin-left:5px}
.sub_next_ul li.icon01 a{ padding-left:50px;}
.sub_next_ul li.icon02 a{ padding-left:50px;}
.sub_next_ul li.icon03 a{ padding-left:50px;}
/**/
#advantages_10years{ background:#119466; color:#fff}
#advantages_10years h2{ color:#fff}
#advantages_10years li{ width:20%; padding:80px 35px; font-size:18px; text-align:center; line-height:1.2; cursor:pointer}
#advantages_10years li:before{background:url(../images/advantages/2.png) no-repeat left center; width:140px; height:140px; content:""; display:inline-block}
#advantages_10years li p{ display:block; margin-top:25px}
#advantages_10years li.icon2:before{ background-position:-140px}
#advantages_10years li.icon3:before{ background-position:-280px}
#advantages_10years li.icon4:before{ background-position:-420px}
#advantages_10years li.icon5:before{ background-position:-560px}
#advantages_10years li:hover{ background:#1ca776}
/**/
#advantages_people{}
#advantages_people li{cursor:pointer;width:24%; margin-right:1.33333%; margin-bottom:1.6%; border:1px solid #d8d8d8; padding:70px 50px; font-size:18px; text-align:center; line-height:1.2;  color:#5b5b5b}
#advantages_people li:nth-child(4n){ margin-right:0;}
#advantages_people li p{ display:block; padding-top:5px;}
#advantages_people li:before{ background:url(../images/advantages/3.png) no-repeat;width:101px; height:102px; content:""; display:inline-block}
#advantages_people li.icon2:before{ background-position:-102px top}
#advantages_people li.icon3:before{ background-position:-204px top}
#advantages_people li.icon4:before{ background-position: right top}
#advantages_people li.icon5:before{ background-position:0 bottom}
#advantages_people li.icon6:before{ background-position:-102px bottom}
#advantages_people li.icon7:before{ background-position:-204px bottom}
#advantages_people li.icon8:before{ background-position: right bottom}
#advantages_people li:hover{ background:#119466; border-color:#119466; color:#fff}
#advantages_people li:hover:before{ background-image:url(../images/advantages/3on.png)}
/**********************pcb 设计流程**************************************/
.process_desc{line-height: 1.2;font-size: 18px;}
.process_desc img{ max-width:100%; height:auto}
/**/
#process_thumb{ border-top:1px solid #777}
#process_ul{ background:#f2f2f2}
#process_ul li{cursor:pointer;width:24%; margin-right:1.33333%; background:#fff; padding:30px; font-size:18px;line-height:1.2; color:#5b5b5b}
#process_ul li:nth-child(4n){ margin-right:0;}
#process_ul li p{ display:block; padding-top:5px;}
#process_ul li label{ font-size:40px; font-weight:bold; color:#119466}
#process_ul li b{ font-size:22px; display:block; color:#222; margin-top:15px; margin-bottom:10px}
/**********************pcb 设计案例**************************************/
#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:30px; font-weight:bold; text-transform:uppercase; color:#119466; display:block; line-height:1.2}
.case_ul li .title:after{ width:40px; height:2px; 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}
/**/
@media(max-width:1674px){
#advantages_10years h2,#advantages_10years h2{ margin-bottom:20px}
#advantages_10years li:before{ width:100px; height:100px; background-size:auto 100%}
#advantages_10years li.icon2:before{ background-position:-100px}
#advantages_10years li.icon3:before{ background-position:-200px}
#advantages_10years li.icon4:before{ background-position:-300px}
#advantages_10years li.icon5:before{ background-position:-400px}
}
@media(max-width:1400px){
.sub_next_ul li{ margin-right:80px;}
#advantages_10years li{ padding:60px 15px}
#advantages_10years{ padding-bottom:25px}
#advantages_people li{ padding:25px 25px}
}
@media(max-width:1100px){
.sub_next_ul li{ margin-right:80px}	
.sub_next_ul{ padding:25px 0}
.h2_title{ font-size:30px}
}
@media(max-width:940px){
#advantages_10years li{ width:33.333333%; padding:25px 25px}
}
@media(max-width:900px){
#advantages_people li{ width:32%; padding:25px 25px}
#advantages_people li:nth-child(4n){ margin-right:1.3333333%}
#advantages_people li:nth-child(3n){ margin-right:0%}
}
@media(max-width:800px){
.sub_next_ul li{ margin-right:20px;}	
.sub_next_ul li a{ font-size:18px}
.sub_next_ul{ padding:25px 15px;}
#advantages_people{ padding:50px 0}
#advantages_people .h2_title{ margin-bottom:25px}
}
@media(max-width:700px){
#advantages_10years li:before{ width:60px; height:60px; background-size:auto 100%}
#advantages_10years li.icon2:before{ background-position:-60px}
#advantages_10years li.icon3:before{ background-position:-120px}
#advantages_10years li.icon4:before{ background-position:-180px}
#advantages_10years li.icon5:before{ background-position:-240px}
#advantages_10years li p{ margin-top:15px}
.h2_title{ font-size:25px}
}
@media(max-width:620px){
#advantages_10years li{ width:50%; padding:15px 0px}
#advantages_10years{ padding-bottom:50px; padding-top:50px}
#advantages_people li{ width:49%; padding:25px 25px; margin-right:2%}
#advantages_people li:nth-child(4n){ margin-right:2%}
#advantages_people li:nth-child(3n){ margin-right:2%}
#advantages_people li:nth-child(2n){ margin-right:0%}
#advantages_people li:before{width:51px; height:52px; background-size:auto 102px}
#advantages_people li.icon2:before{ background-position:-51px top}
#advantages_people li.icon3:before{ background-position:-102px top}
#advantages_people li.icon4:before{ background-position: right top}
#advantages_people li.icon5:before{ background-position:0 bottom}
#advantages_people li.icon6:before{ background-position:-51px bottom}
#advantages_people li.icon7:before{ background-position:-102px bottom}
#advantages_10years li,#advantages_people li p{ font-size:16px}
#advantages_people li{ padding:15px}
}
@media(max-width:400px){
.sub_next_ul{ padding-left:18%}	
.sub_next_ul li{ margin-right:0; margin-top:10px; float:left; width:100%; text-align:left}	
}