.sub { margin-top: 30px; overflow: hidden; }
.sub .sub_left { width: 130px; float: left; text-align: right; }
.sub .sub_left .title { position: relative; }
.sub .sub_left .title a { line-height: 1.8em; font-size: 1.5em; }
.sub .sub_left .hover span { width: 15px; height: 12px; background: url('../images/arrow.gif') no-repeat; position: absolute; left: 20px; top: 10px; }
.sub .sub_left .hover a { color: #8bc882; }
.sub .sub_left .sub_title { margin: 10px 20px 10px 0; border-right: 1px solid #8bc882; }
.sub .sub_left .sub_title li { margin-right: 5px; }
.sub .sub_left .sub_title a { line-height: 1.8em; font-size: 1.2em; }
.sub .sub_left .sub_title .hover a { color: #8bc882; }

.sub .sub_right { width: 828px; float: right; overflow: hidden; padding-bottom: 145px; }
.sub .sub_right .cover_image { width: 828px; height: 309px; background: url('../images/Brand/values.jpg') no-repeat; margin-bottom: 50px; }
.sub .sub_right .image1 { background: url('../images/Brand/management.jpg') no-repeat; }
.sub .sub_right .image2 { background: url('../images/Brand/wish.jpg') no-repeat; }
.sub .sub_right .image3 { background: url('../images/Brand/vision.jpg') no-repeat; }

.sub .sub_right .ecological { width: 829px; height: 340px; margin-bottom: 50px; }
.sub .sub_right .ecological ul { float: left; margin-right: 11px; }
.sub .sub_right .ecological ul.last { margin-right: 0; }
.sub .sub_right .ecological ul li.detail { width: 159px; height: 150px; padding: 10px 20px; background: #edf0f2; }
.sub .sub_right .ecological ul li.detail h2 { line-height: 3em; font-size: 1.2em; font-weight: normal; }

.sub .sub_right .content { margin-bottom: 50px; padding: 15px 30px 30px; background: #eef2f6; }
.sub .sub_right .content .title { width: 154px; font-size: 1.5em; color: #8bc882; line-height: 2em; border-bottom: 1px solid #8bc882; }
.sub .sub_right .content .width1 { width: 172px; }
.sub .sub_right .content .width2 { width: 90px; }
.sub .sub_right .content .width3 { width: 54px; }
.sub .sub_right .content .width4 { width: 72px; }
.sub .sub_right .content .width5 { width: 36px; }
.sub .sub_right .content h2 { text-indent: 1em; line-height: 2.5em; color: #8bc882; font-size: 1.2em; font-weight: normal; margin-top: 20px; }
.sub .sub_right .content p { text-indent: 2em; line-height: 1.8em; }
.sub .sub_right .content p.last { margin-top: 20px; }

.sub .sub_right .intro_img { width: 822px; margin: 0 auto 50px; overflow: hidden; }
.sub .sub_right .intro_img li { width: 396px; height: 264px; margin: 0 30px 36px 0; float: left; }
.sub .sub_right .intro_img li.right { margin-right: 0; }

.sub .sub_right .team_img { width: 828px; margin: 0 auto 50px; overflow: hidden; }
.sub .sub_right .team_img li { width: 394px; height: 262px; margin: 0 40px 0 0; float: left; }
.sub .sub_right .team_img li.right { margin-right: 0; }

.sub .sub_right .growth { width: 400px; height: 402px; border-top: 2px solid #cfcfcf; border-bottom: 2px solid #cfcfcf; margin-bottom: 50px; float: left; }
.sub .sub_right .right { height: 402px; margin-left: 28px; }
.sub .sub_right .growth li { padding: 15px 0; border-bottom: 1px dashed #cfcfcf; overflow: hidden; }
.sub .sub_right .growth li.exp p { margin-top: 15px; }
.sub .sub_right .growth li.last { border-bottom: none; }
.sub .sub_right .growth li div { width: 70px; height: 45px; padding-top: 25px; margin-right: 20px; color: #8bc882; font-size: 2em; text-align: center; background: #eef2f6; float: left; }
.sub .sub_right .growth li p { margin-top: 25px; }

.sub .sub_right .global { width: 828px; height: 376px; background: url('../images/AboutUs/contactus-01.jpg') no-repeat; margin-bottom: 30px; }
.sub .sub_right .maps { width: 828px; height: 336px; background: url('../images/AboutUs/contactus-02.jpg') no-repeat; margin-bottom: 50px; }
.sub .sub_right .joinus h2 { text-indent: 0; }
.sub .sub_right .joinus p { text-indent: 0; }

.sub .sub_right .qualification { overflow: hidden; margin-bottom: 50px; }
.sub .sub_right .qualification li { width: 262px; height: 362px; margin: 0 21px 21px 0; float: left; }
.sub .sub_right .qualification li.last { margin-right: 0; }

.sub .feature { border-top: 2px solid #cfcfcf; border-bottom: 2px solid #cfcfcf; margin-bottom: 50px; }
.sub .feature .item { width: 100%; border-bottom: 2px dashed #cfcfcf; padding: 40px 0 20px; overflow: hidden; }
.sub .feature .item .item_left { width: 380px; background: #eef2f6; padding:16px 15px;  }
.sub .feature .item h2 { line-height: 2em; color: #8bc882; font-size: 1.2em; font-weight: normal; }
.sub .feature .item p { text-indent: 2em; line-height: 1.5em; margin-top: 10px; }
.sub .feature .item .item_right { width: 408px; margin-top: 0px; }
.sub .feature .item .item_right li { width: 198px; height: 130px; background: #eef2f6; float: left; margin: 0 10px 10px 0; }
.sub .feature .item .item_right li.last { margin-right: 0; }
.sub .feature .item .item_quality { margin-top:28px; }
.sub .feature .item .item_depot { margin-top: 56px; }
.sub .feature .item .item_top { background: #eef2f6; padding:15px; }
.sub .feature .item .item_foot { width: 828px; margin-top: 20px; }
.sub .feature .item .item_foot li { width: auto; height: auto; margin: 0; }
.sub .feature .item .item_foot li.first { margin: 0 30px 0; }
.sub .feature .item .item_foot li.second { margin: 23px 30px 0 0;}
.sub .feature .item .item_foot li.third { margin: 20px 0 0 0;}
.sub .feature .last { border-bottom: none; }

.sub .product { border-bottom: 2px solid #cfcfcf; margin-bottom: 50px; }
.sub .product .prdt_top { overflow: hidden; }
.sub .product .prdt_img { width: 650px; height: 393px; float: left; }
.sub .product .prdt_nav { margin: 10px 0 0 40px; float: left; overflow: hidden; width: 135px; }
.sub .product .prdt_nav li { line-height: 3.5em; margin-left: 14px; }
.sub .product .prdt_nav li span{ padding-right: 5px; color: #8bc882; display: none; }
.sub .product .prdt_nav li.hover { margin-left: 0; }
.sub .product .prdt_nav li.hover span { display: inline; }
.sub .product .prdt_nav li.hover a { color: #8bc882; }
.sub .product .prdt_img_nav { width: 100%; height: 60px; margin: 20px 0; overflow: hidden; }
.sub .product .prdt_img_nav li { float: left; margin-right: 14px; cursor: pointer; }
.sub .product .prdt_img_nav li.last { margin-right: 0; }
.sub .product .intro { margin-bottom: 20px; padding: 20px 30px; background: #eef2f6; }
.sub .product .intro h2 { line-height: 2.5em; color: #8bc882; font-size: 1.2em; font-weight: normal; }
.sub .product .intro p { line-height: 1.8em; }
.sub .product .detail { width: 828px; }
.sub .product .detail tr th { background: #8bc882; height: 30px; color:#137639; }
.sub .product .detail tr td { background: #eef1f6; height:25px; text-align: center; }