@charset "UTF-8";
.about { width: 1200px; margin: 0 auto; }
.about > p { margin-bottom: 20px; }
.about h3 { color: #333; font-size: 28px; margin-bottom: 40px; }
.about .free_editing { color: #999; font-size: 12px; font-family: "瀹嬩綋"; line-height: 24px; }
.about .free_editing img { max-width: 100%; height: auto; }

.news { width: 1200px; margin: 0 auto; }
.news > h3 { color: #333; font-size: 24px; text-align: center; margin-bottom: 10px; }
.news > p { color: #999; font-size: 12px; text-align: center; margin-bottom: 30px; }
.news ul li { margin-bottom: 40px; }
.news ul li .news_img { width: 25%; float: left; }
.news ul li .news_img img { width: 100%; }
.news ul li .news_con { width: 72%; float: right; }
.news ul li .news_con h3 a { color: #333; display: block; font-size: 24px; margin-bottom: 30px; }
.news ul li .news_con p { color: #999; font-size: 12px; font-family: "瀹嬩綋"; line-height: 26px; margin-bottom: 50px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.news ul li .news_con span { color: #999; display: block; font-size: 12px; }
.news ul li .news_con span a { color: #ff681b; font-family: "瀹嬩綋"; margin-left: 20px; display: inline-block; }
.news .free_editing { color: #999; font-size: 12px; font-family: "瀹嬩綋"; line-height: 24px; }
.news .free_editing img { max-width: 100%; height: auto; }
.news .more { margin-top: 40px; }
.news .more h5 a { color: #ff0000; font-size: 16px; padding: 5px 20px; border-radius: 5px; margin-bottom: 15px; display: inline-block; border: 1px solid #ff0000; }
.news .more p { color: #999; font-size: 14px; line-height: 16px; }
.news .more p a { color: #666; }
.news .more p a:hover { color: #ff0000; }

.programme { width: 1200px; margin: 0 auto; }
.programme table { width: 100%; }
.programme table thead tr th { color: #f8f8f8; font-size: 14px; font-family: "瀹嬩綋"; padding-top: 10px; text-align: center; background: #cc0000; padding-bottom: 10px; border-left: 1px solid #fff; }
.programme table tbody tr { border-top: 1px solid #f4f4f4; }
.programme table tbody tr td { color: #666; font-size: 12px; padding-top: 20px; text-align: center; padding-bottom: 20px; }
.programme table tbody tr td u { width: 21px; height: 15px; margin-right: 5px; display: inline-block; background: url(../images/programme02.png) no-repeat; }
.programme table tbody tr td a { color: #666; }
.programme table tbody tr:hover { background: #fff2f2; }
.programme table tbody tr:hover td u { background: url(../images/programme03.png) no-repeat; }

.crumbs { position: relative; }
.crumbs .query { width: 30%; position: absolute; top: 30%; left: 33%; }
.crumbs .query h2 { color: #fff; font-size: 30px; text-align: center; margin-bottom: 10px; }
.crumbs .query .query-con { width: 100%; position: relative; }
.crumbs .query .query-con h3 { color: #666; height: 40px; font-size: 14px; font-family: "瀹嬩綋"; background: #fff; line-height: 40px; border-radius: 5px; padding-left: 15px; position: relative; }
.crumbs .query .query-con h3 span { width: 40px; height: 40px; display: block; text-align: center; border-radius: 0 5px 5px 0; position: absolute; top: 0; right: 0; background: #cc0000; }
.crumbs .query .query-con ul { width: 100%; display: none; background: #fff; border-radius: 5px; position: absolute; top: 40px; left: 0; border-bottom: 1px solid #ccc; }
.crumbs .query .query-con ul li a { color: #666; display: block; font-size: 12px; line-height: 35px; padding-left: 15px; border-top: 1px solid #ccc; }
.crumbs .query .query-con ul li a:hover { color: #fff; background: #cc0000; }
.crumbs .query p { color: #fff; font-size: 14px; margin-top: 10px; text-align: center; }

.contact { width: 1200px; margin: 0 auto; }
.contact .contact_con { margin-top: 35px; }
.contact .contact_con h3 { color: #333; font-size: 24px; margin-bottom: 15px; }
.contact .contact_con p { color: #999; font-size: 14px; font-family: "瀹嬩綋"; line-height: 32px; }

.recruit { width: 1200px; margin: 0 auto; }
.recruit .recommendation ul li { width: 32%; float: left; margin-left: 2%; padding: 20px 0; font-size: 12px; font-family: "瀹嬩綋"; text-align: center; }
.recruit .recommendation ul li img { width: 85px; height: 85px; }
.recruit .recommendation ul li h6 { margin-top: 15px; margin-bottom: 10px; }
.recruit .recommendation ul li a { color: #fff; display: block; }
.recruit .recommendation ul li:first-child { margin-left: 0; }
.recruit .recommendation ul li:hover { margin-top: -4px; }
.recruit .screen { margin-top: 30px; padding: 30px 25px; background: #f8f8f8; }
.recruit .screen p { color: #666; font-size: 14px; font-family: "瀹嬩綋"; }
.recruit .screen p span { float: left; display: block; margin-right: 20px; }
.recruit .screen p a { color: #666; margin-right: 30px; }
.recruit .screen p a:hover { color: #e40000; }
.recruit .screen p .cur { color: #e40000; }
.recruit .recruit_list ul li { padding: 30px 0; border-bottom: 1px dashed #ccc; }
.recruit .recruit_list ul li .recruit_con { width: 80%; float: left; }
.recruit .recruit_list ul li .recruit_con h4 a { color: #333; display: block; font-size: 20px; margin-bottom: 20px; }
.recruit .recruit_list ul li .recruit_con p { color: #666; font-size: 12px; font-family: "瀹嬩綋"; line-height: 22px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.recruit .recruit_list ul li .recruit_details { width: 20%; float: right; text-align: center; }
.recruit .recruit_list ul li .recruit_details p { color: #666; font-size: 12px; font-family: "瀹嬩綋"; margin-top: 15px; margin-bottom: 20px; }
.recruit .recruit_list ul li .recruit_details a { color: #0066cc; font-size: 12px; font-family: "瀹嬩綋"; padding: 5px 10px; border-radius: 5px; display: inline-block; border: 1px solid #0066cc; }
.recruit .recruit_list ul li:hover .recruit_con h4 a { color: #cc0000; }

.recruit_detail { width: 1200px; margin: 0 auto; padding-left: 40px; }
.recruit_detail h2 { color: #cc0000; font-size: 24px; padding-bottom: 10px; border-bottom: 1px solid #eee; }
.recruit_detail p { color: #333; font-size: 16px; padding: 20px 0; margin-bottom: 15px; }
.recruit_detail h3 { color: #cc0000; font-size: 18px; font-weight: bold; padding-bottom: 10px; border-bottom: 1px solid #eee; }
.recruit_detail h4 { color: #333; font-size: 16px; margin-top: 30px; font-weight: bold; margin-bottom: 5px; }
.recruit_detail > span { color: #666; display: block; font-size: 14px; line-height: 24px; }

.products { width: 1200px; margin: 0 auto; }
.products .commodity { border: 1px solid #f1f1f1; }
.products .commodity h2 { margin: 1px; color: #666; font-size: 14px; font-family: "瀹嬩綋"; font-weight: bold; line-height: 35px; padding-left: 15px; background: #f1f1f1; border-bottom: 1px solid #f1f1f1; }
.products .commodity h2 span { color: #999; font-size: 12px; margin-left: 20px; font-weight: normal; }
.products .commodity ul { padding: 15px; }
.products .commodity ul li { padding-top: 15px; padding-bottom: 15px; border-top: 1px dashed #ccc; }
.products .commodity ul li:first-child { border-top: none; }
.products .commodity ul li span { float: left; color: #999; display: block; font-size: 12px; font-family: "瀹嬩綋"; line-height: 27px; margin-right: 20px; }
.products .commodity ul li p { width: 80%; float: left; height: 27px; overflow: hidden; }
.products .commodity ul li p a { color: #666; font-size: 12px; font-family: "瀹嬩綋"; padding: 5px 15px; margin-right: 5px; margin-bottom: 5px; display: inline-block; }
.products .commodity ul li p a:hover { color: #fff; padding: 5px 15px; border-radius: 15px; background: #cc0000; }
.products .commodity ul li p .cur { color: #fff; padding: 5px 15px; border-radius: 15px; background: #cc0000; }
.products .commodity ul li p.on { height: auto; overflow: visible; }
.products .commodity ul li u { float: right; color: #cc0000; display: block; font-size: 12px; font-family: "瀹嬩綋"; cursor: pointer; }
.products .commodity ul li u b { padding: 3px 8px; margin-left: 8px; display: inline-block; border: 1px solid #cc0000; }
.products .product_list ul li { width: 22%; float: left; margin-top: 35px; margin-left: 3%; }
.products .product_list ul li.ml { margin-left: 0; }
.products .product_list ul li a { display: block; border: 1px solid #f2f2f2; }
.products .product_list ul li a img { width: 100%; }
.products .product_list ul li p { color: #333; font-size: 16px; margin-top: 15px; text-align: center; }
.products .product_list ul li:hover a { border: 1px solid #cc0000; }

/*# sourceMappingURL=style.css.map */
