@charset "utf-8";
body, td, th { font-size: 16px; color: #333; }
body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; }
a:link { color: #333; text-decoration: none; }
a:visited { text-decoration: none; color: #666; }
a:hover { text-decoration: none; color: #900; }
a:active { text-decoration: none; color: #900; }
ul, li { margin:0px; padding:0px; list-style:none; }
.clear { clear:both; }
.header .logo { float:left; width:20%; padding:1% 0; }
.header .logo img { width:100%; }
.header .menu { float:right; width:72%; }
.header .menu { padding:3%; }
.header .menu ul li { float:left; padding:1.9%; text-align:center; text-align:center; display:block; border-bottom:2px solid #fff; }
.header .menu ul li a { font-size:16px; }
.header .menu ul li.selected { border-bottom:2px solid #F4C633; }
.header .menu ul li.selected a { color:#F4C633; }
.banner img { width:100%; }
.block_title, .block_title_cn { text-align:center; font-size:36px; color:#D7B619; padding:3% 0; font-weight:bold; letter-spacing:10px; }
.block_title b, .block_title_cn b { color:#0C0B09 }
.block_title .line, .block_title_cn .line { display:inline-block; width:200px; border-top:2px solid #D7B619; vertical-align:10px; 　　
}
.block_title_cn { padding:3% 0 0 0; }
.blocl_title_en { text-align:center; font-weight:bold; padding:0.5% 0 3% 0; }
.contain { width:100%; max-width:1000px; margin:auto; }
.contain h1 { font-size:36px; text-align:center; padding:20px 0; border-bottom:1px dotted #efefef; }
.contain .article_view { margin:10px auto; min-height:300px; max-width:750px; }
.contain .article_view img { max-width:100%; vertical-align: top; display:block; }
.block_1 { background:#F6F6F6; padding:3% 0; }
.block_1 li { width:100%; }
.block_1 .box { background:#E9E9EB; margin-bottom:2%; }
.block_1 .box .img { width:50%; float:left; }
.block_1 .box .img img { width:100%; }
.block_1 .box .text { width:40%; padding:3.5%; float:left; }
.block_1 .box .text .title { font-size:24px; font-weight:bold; text-align:center; }
.block_1 .box .text .desc { padding:2% 0; height:70px; overflow:hidden; }
.block_1 .box .text .more { padding:5% 0; text-align:center; }
.block_1 .box .text .more a, .block_3 .text .more a { background:#F4C633; color:#FFF; padding:3% 10%; border-radius:6px; }
.block_1 .box .text .more a:hover, .block_3 .text .more a:hover { background:#F7B10D; }
.block_2 { background:#E1DAD2; padding:3% 0; }
.block_2 ul li { float:left; width:48.5%; margin:1.5% 0; }
.block_2 ul li:nth-child(2n) {
float:right;
}
.block_2 ul li .title { text-align:center; background:#fff; color:#333; font-size:24px; padding:5%; }
.block_2 ul li .img img { width:100%; }
.block_3 { background:#B7A8A5; padding:3% 0; }
.block_3 ul li { float:left; width:31.333%; margin-right:3%; background:#fff; }
.block_3 ul li:nth-child(3n) {
margin-right:0;
}
.block_3 ul li img { width:100%; }
.block_3 ul li .text { background:#E9E9EB; text-align:center; padding:5%; }
.block_3 ul li .text .title { text-align:center; font-size:24px; font-weight:bold; }
.block_3 ul li .text .desc { padding:5% 0; }
.footer { background:#171717; padding:3% 0; color:#FFF; }
.footer a { color:#FFF; }
.footer .f_left { float:left; width:50%; }
.footer .f_left ul li { float:left; width:50%; line-height:2em; }
.footer .f_right { float:right; width:50%; }
.footer .f_right ul li { float:left; width:33.33%; text-align:center; line-height:2em; }
.footer .f_right ul li .text { }
.copyright { background:#171717; color:#FFF; text-align:center; padding:1%; border-top:1px solid #7F7B78; }
.copyright a{ color:#FFFFFF;}
.block_about { background:#E7E3E2; padding:3% 0; }
.block_about .about_left { float:left; width:49.5%; }
.block_about .about_left img { width:100%; }
.block_about .about_right { float:right; width:49.5%; }
.block_about .about_right .text { padding:0 1.5%; line-height:1.8em; }
.block_about .about_right .text p { text-indent:2em; }
.block_why h3 { font-size:24px; color:#D3B02E; margin:0px; padding:0px; margin-top:20px; }
.block_why .text { line-height:2em; padding:5px 0px; }
.block_why .pic { clear:both; }
.block_why .pic .list2 li { float:left; text-align:center; width:47%; padding-right:3% }
.block_why .pic .list3 li img { width:100%; }
.block_why .pic .list3 li { float:left; text-align:center; width:30.333%; padding-right:3% }
.block_why .pic .list3 li img { width:100%; }
.block_lab { background:#E7E3E2; margin-top:3%; }
.block_lab .blocl_title_en { padding:0.5% 0 1% 0 }
.block_lab ul li  { float:left; width: 23%; padding:1%; }
.block_lab ul li img { width:100%; }
.block_factory { background:#E7E3E2; padding-bottom:2%;}
.block_factory .blocl_title_en { padding:0.5% 0 1% 0 }
.block_factory ul li { float:left; width: 23%; padding:1%; }
.block_factory ul.f1 li img { width:100%; }
.brand { padding:3% 0; }
.brand .brand_left { float:left; width:20% }
.brand .brand_left .box { border:2px solid #C3C3CB; padding:3%; }
.brand .brand_left .box .title { background:#CECECE; padding:3%; text-align:left; font-size:16px; font-weight:bold; }
.brand .brand_left .box .list li { border-bottom:1px solid #CECECE; padding:3%; }
.brand .brand_right { float:right; width:77% }
.brand .brand_right .box { border:5px solid #C3C3CB; padding:3%; font-size:16px; font-weight:bold; }
.brand .brand_right .box .list { border-bottom:1px solid #CECECE; }
.brand .brand_right .box .title .text { display:inline-block; width:20%; }
.brand .brand_right .box .title .line { display:inline-block; width:80%; border-top:2px solid #D7B619; vertical-align:5px; 　　
}
.brand .brand_right .box .list ul { }
.brand .brand_right .box .list ul li { float:left; width:18%; padding:2% 1%; text-align:center; }
.brand .brand_right .box .list ul li img { float:left; width:100%; }
.contact .title { padding:1.5% 0; font-size:24px; }
.contact .list { padding:1.5% 0; }
.contact .list img{ width:100%;}
.contact .list .m1 { float:left; width:8%; text-align:right; vertical-align: middle; line-height:2.5em; }
.contact .list .m2 { float:left; width:42%; line-height:2.5em; }
.contact .list .m2 .input { width:100%; line-height:2.5em; }
.contact .list .m3 { float:left; width:92%; line-height:2.5em; }
.contact .list .m3 .input { width:100%; height:100px; }
.contact .list .m3 .button { border:0px; background: #F4C633; color:#FFF; padding:2% 8%; text-align:center; font-size:18px; border-radius:6px; }
.contact .list .m3 .button:hover { background:#F7B10D; }
.contact .list .m4 { width:99%; line-height:2.5em; margin:auto; }
.contact .address { text-align:center; padding:1.5%; }
.article { background:#F6F6F6; padding:3% 0; }
.article .box { background:#E9E9EB; margin:1.5% 0px; }
.article .box .img { float:left; width:40%; }
.article .box .img img { width:100%; }
.article .box .text { float:right; width:50%; padding:2% 5%; }
.article .box .text .title { font-size:24px; font-weight:bold; line-height:1.8em; }
.article .box .text .desc { padding:5% 0; line-height:1.8em; }
.article .box .text .more { padding:5% 0; }
.article .box .text .more a { background:#F4C633; color:#FFF; padding:3% 10%; border-radius:6px; }
.article .box .text .more a:hover { background:#F7B10D; }
.pagelist { text-align:center; padding:20px 0; }
.pagelist a { padding:5px 10px; margin: 2px 5px; border:1px solid #efefef; background:#fff; }
@media screen and (max-width:780px) {
 input[type="button"], input[type="submit"], input[type="reset"] {
-webkit-appearance: none;
}
 .contain {
width:98%;
margin:1%;
}
.header .logo {
width:60%;
margin:2% 20%
}
.header .menu {
width:100%;
padding:2% 0;
background:#F6F6F6;
}
.header .menu ul li {
width:23%;
text-align: center;
padding:0;
margin:1%;
}
.block_title, .block_title_cn {
	letter-spacing: 3px;
font-size:24px;
}
.block_title .line, .block_title_cn .line {
width:30px;
vertical-align: 8px;
}
.block_about .about_left {
width:100%;
float:inherit
}
.block_about .about_right {
width:100%;
float:inherit
}
.block_lab ul li {
width:48%; float:left;
}
.block_factory ul li {
width:48%; float:left;
}

.block_1 .box .img {
width:100%
}
.block_1 .box .text {
width:93%
}
.block_1 .box .text .desc {
height:auto;
}
.block_1 .box .text .title, .block_3 ul li .text .title, .block_2 ul li .title {
font-size:16px;
}
.block_2 ul li {
width:100%;
}
.block_3 ul li {
float: left;
 width: 48.5%;
 margin: 1.5% 0;
}
.block_3 ul li:nth-child(2n) {
float:right;
}
.block_3 ul li:nth-child(3) {
display:none;
}
.brand .brand_left {
width:100%;
}
.brand .brand_right {
width:100%;
}
.article .box .text .title {
font-size:18px;
line-height:inherit;
}
.brand .brand_left .box .list li {
width:50%;
float:left;
padding:1.5% 0;
text-indent:10px;
}
.brand .brand_right .box .title .text {
width:100%;
}
.brand .brand_right .box .title .line {
width:100%;
}
.brand .brand_right .box .list ul li img {
height:auto;
}
.brand .brand_right .box .list ul li {
width:94%;
}
.article .box .img {
width:100%;
}
.article .box .text {
width:90%;
}
.contact .list .m1, .contact .list .m2, .contact .list .m3 {
width:90%;
margin:5px 5%;
text-align:left;
}
.contact .list .m5 {
display:none;
}
.footer {
display:none;
}
}