/*640~320*/


.section_box { width:100%; }
.wArea { width:100%; margin:auto; position:relative;   }
.container01 .box01 {  padding:30px 0;}
.container01 .box02 { height: auto;}
.section_box h2 { font-size:28px; padding-bottom:20px; padding-top:0px; background-size:30px 2px; line-height:32px;}


.container01 .box01 ul { width:320px; padding:0 10px; box-sizing:border-box; }
.container01 .box01 ul li.cross { width:15%;}
.container01 .box01 ul li { width:42.5%;  }
.container01 .box01 ul li div {box-sizing:border-box; height:128px; font-size:15px; padding-top:40px;} 
.container01 .box01 ul li.cross div { height:128px; background-size:30px; }

.ff { padding-top:20px;}
.container01 .box02 ul { padding:50px 0;}
.container01 .box02 ul li { width:50%; margin:10px 0; background-size:125px !important; padding-top:140px;}
.container01 .box02 ul li .tt { font-size:17px;}
.taBox { display:none;}
.section_box .subText { padding:0 15px; }
.container03 ul > li { width:100%; float:none !important; height:280px;}

.section_box .subText br{ display:none;}
.container02 .subText { margin-bottom:20px;}
.container02 { padding:30px 0 50px 0;}
.container02 li { width:50%;  height:170px;}
.container03 ul > li { height:170px;}
.container03 h2 {background-size:30px 2px; background-position: center 90%;}


.project_btn { height:50px; line-height:50px; font-size:14px;}

.container02 li .hover{font-size: 13px;text-align: left;position: relative; position:absolute; left:0px; top:250px; background: #f58220; height:100%;padding:10px;box-sizing:border-box; transition: all 0.4s ease-out 0.0s; -moz-transition: all 0.4s ease-out 0.0s;  -webkit-transition: all 0.4s ease-out 0.0s;}
.container02 li .hover .tt{font-size: 18px;color: #fff;padding-top:20px;  background: url(../section/images/main/titlebar03.gif) no-repeat 0 0px;}
.container02 li .hover .sum{color: #fff;padding-top: 10px;color: #fff}
.container02 li a .hover .descrip{padding-top:10px;color: #fff; height:40px; width:100%; display:block; text-overflow:ellipsis; display:-webkit-box; word-wrap:break-all;   -webkit-line-clamp:2; -webkit-box-orient: vertical;  overflow: hidden;  }
.container02 li .hover h4 { padding-top:20px; font-size:16px; margin-top:10px; font-weight:normal; background-position:0 10px; background-size:20px 2px;}


.aboutBg{background: url(../images/sub/aboutusBg.jpg) no-repeat center 0px;}
.section_box .subText br:last-child { display:none;}
