@charset "utf-8";
* { margin: 0; padding: 0 }
body { font: 14px Arial, Helvetica, sans-serif; color: #333; background: #fff; line-height: 1.5; }
img { border: 0; display: block }
ul, li { list-style: none; }
a { text-decoration: none; color: #333; }
a:hover {text-decoration: none;}
.blank { height: 20px; overflow: hidden; width: 100%; margin: auto; clear: both }
.fl { float: left }
.fr { float: right }
.box { width: 1200px; margin: auto;display: flow-root; }
.topmenu { background: #fff; width: 100%; margin: auto; overflow: hidden; height: 47px; line-height: 47px; color: #333333; }
.topmenu span { float: right }
.topmenu span a { display: inline-block; color: #333; padding: 0 12px; position: relative }
.topmenu span a:after { background: #CCC; width: 1px; height: 16px; content: ""; position: absolute; bottom: 14px; right: 0 }
.topmenu span a:last-child:after { display: none }
.topmenu span a:hover { color: #385CBA }
.topban { overflow: hidden; padding-bottom: 30px; }
.topban img { float: left; margin-top: 38px; display: block; }
.top-t { margin: 50px 0 0 35px; color: #2e2e2e; font-size: 16px; }
.top-t h1 { display: block; font-size: 26px; }
.top-t ul li { display: inline-block; background: url(img/top_09.jpg) no-repeat 0 5px; padding: 0 10px 0 16px; }
.tell { text-align: right; width: 175px; background: url(img/tel.jpg) no-repeat right 5px; margin-top: 56px; padding-right: 55px; }
.tell .num { display: block; color: #cc1a00; font-size: 26px; font-family: "arial"; padding-top: 5px; }
nav { width: 100%; background: #385CBA }
nav ul { width: 1200px; margin: auto; overflow: hidden }
nav ul li { height: 45px; float: left; }
nav ul li a { display: inline-block; padding: 0 45px; color: #fff; line-height: 45px; }
nav ul li a:hover, nav ul li.cur a, #selected { background: #25479f repeat-x; font-weight: bold; }
.topadcs { width: 100%; overflow: hidden; text-align: center; margin: auto; }
.topadcs a.fullad { height: 300px; }
.topadcs a { display: block; margin: 0 auto; }
.side { width: 250px; float: left; overflow: hidden; }
.side .place { background: #486dcd; }
.side .place h4 { color: #FFFFFF; font-weight: bold; font-size: 20px; height: 62px; background: #486dcd;border-bottom: 1px solid #f3f3f3; padding-top: 30px; text-align: left; padding-left: 23px; overflow: hidden; }
.side .place p { color: #FCD201; display: block; font: 12px Arial; text-align: left; font-size: 12px; line-height: 18px; text-transform: uppercase; }
.side .place { padding-bottom: 12px; }
.side .place li { margin-top: 12px; }
.side .place li a { height: 35px; color: #fff; background: url(img/jjfa_10.jpg) no-repeat 23px center; display: block; font-size: 14px; line-height: 35px; padding-left: 38px; }
.side #pagecurrent, .side .place li a:hover { color: #352e2e; font-weight: bold; background: #F3F3F3 url(img/jjfa_06.jpg) no-repeat 23px center; }
.side .leftpic { margin-top: 20px }
.side .leftpic h2 { color: #352e2e; font-weight: bold; font-size: 18px; height: 62px; background: #F3F3F3; padding-top: 30px; text-align: left; padding-left: 23px; overflow: hidden; }
.side .leftpic p { display: block; font: 12px Arial; line-height: 18px; color: #b79917; }
.side .leftpic ul { border: solid 1px #ececec; border-top: 0; padding: 8px 11px; }
.side .leftpic ul li { overflow: hidden; margin: 10px auto 3px; }
.side .leftpic ul li p { text-align: center; color: #666 }
.side .leftpic ul li img { width: 98%; padding: 1px; border: solid 1px #ccc; margin-bottom: 10px }
.side .leftpic ul li:hover img { border-color: #F3F3F3; }
.leftlxs { border: 1px solid #486DCD; margin: 25px 0; overflow: hidden; padding: 6px; text-align: left; width: 236px; }
.leftlxs h4 { border-bottom: 1px solid #ededed; color: #486DCD; font-size: 18px; height: 63px; line-height: 63px; margin-bottom: 10px; font-weight: bold; }
.leftlxs h4 span { color: #c4c4c4; font-weight: normal; margin-left: 10px; }
.leftlxs  img { width: 100%; }
.leftlxs p { color: #C0C0C3; font-size: 16px; line-height: 30px; text-align: center; width: 224px; }
.leftlxs p:hover { color: #486DCD;font-weight: bold;  font-size: 16px; line-height: 30px; text-align: center; width: 224px; }
.prmain { width: 920px; float: right; display: inline; overflow: hidden; margin-bottom: 30px }
.plc {height: 40px; padding: 7px 8px 8px 35px; position: relative; color: #666; overflow: hidden; font-size: 14px; border-bottom: 1px solid #FCD201; padding-bottom: 8px; }
.product ul li { width: 50%; float: left; margin: 30px 0 0 0 }
.product ul li i {display: block;margin: 0 15px;font-style: normal;overflow: hidden;}
.product ul li img {width: 100%;height: 280px;}
.product ul li p { margin-top: 20px; }
.product ul li p span { float: right; display: block; font-style: normal; width: 100px; height: 34px; line-height: 34px; text-align: center; background: #fcd201; }
.news ul { padding: 15px 0; }
.news ul li { overflow: hidden; vertical-align: top; margin-bottom: 20px; padding: 22px 25px; background: #f4f4f4; }
.news ul li img {display: block;width: 180px;height: 160px;float: left;margin-right: 30px;}
.news ul li h3 { font-size: 16px; font-weight: normal; height: 28px; margin-bottom: 12px; line-height: 28px; padding: 4px 0 0; color: #333; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.news ul li p { font-size: 13px; line-height: 28px; height: 84px; overflow: hidden; }
.news ul li:hover { background: #f9f8f0; }
.pagelist { text-align: center; color: #666; width: 100%; clear: both; overflow: hidden }
.pagelist a { color: #486DCD; margin: 0 2px; border: 1px solid #486DCD; padding: 5px 10px; display: inline-block }
.pagelist a:hover { background: #486DCD; color: #fff }
.pagelist > b { border: 1px solid #486DCD; padding: 6px 11px; background: #486DCD; color: #fff }
@media screen and (min-width: 1024px) and (max-width: 1199px) {
.box { width: 98%; margin: auto }
nav ul { width: 100% }
nav ul li a { padding: 0 30px; }
.side { display: none }
.prmain { margin: auto; width: 92%; float: none; overflow: hidden; display: block }
.newsinfo { width: 70%; overflow: hidden }
.a_nav.place { width: 100% }
.a_nav.place li a { width: 124px }
.about-l { width: 42% }
.about-r { width: 56% }
}
@media screen and (min-width: 960px) and (max-width: 1023px) {
.box { width: 98%; margin: auto }
nav ul { width: 100% }
nav ul li a { padding: 0 30px; }
.side { display: none }
.prmain { margin: auto; width: 92%; float: none; overflow: hidden; display: block }
.propar { width: 50% }
.newsinfo { width: 70%; overflow: hidden }
.navlist li { width: 140px }
.a_nav.place { width: 100% }
.a_nav.place li a { width: 110px }
.about-l { width: 42% }
.about-r { width: 56% }
}
@media screen and (min-width: 768px) and (max-width: 959px) {
.box { width: 98%; margin: auto }
nav ul { width: 100% }
nav ul li a { padding: 0 18px; }
.side { display: none }
.prmain { margin: auto; width: 92%; float: none; overflow: hidden; display: block }
.propar { width: 50% }
.newsinfo { width: 70%; overflow: hidden }
.navlist li { width: 140px }
.a_nav.place { width: 100% }
.a_nav.place li a { width: 110px }
.about-l { width: 42% }
.about-r { width: 56% }
.ft-c em { display: block; float: left; text-align: center; width: 20%; }
.ft-c em i { font-size: 12px }
}
 @media only screen and (min-width: 480px) and (max-width: 767px) {
.box { width: 98%; margin: auto }
.search { width: 90% }
.side { display: none }
.prmain { width: 100% }
.news ul li img { width: 160px }
.news ul li { padding: 10px }
.news ul li p { height: auto; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 4; line-height: 24px; }
}
@media only screen and (max-width: 479px) {
.box { width: 98%; margin: auto }
.search { width: 90% }
.side { display: none }
.prmain { width: 100% }
.fl.show { margin: 20px auto; float: none }
.news ul li img {width: 120px;height: 90px;margin-right: 10px;}
.news ul li { padding: 10px }
.news ul li p { height: auto; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 2; line-height: 24px; }
.a_nav.place { width: 100% }
.a_nav.place li a { border-bottom: #FFF 1px solid; width: 49%; }
.about-l, .about-r { width: 100% }
.plc, .nextinfo p { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.aboutus h3 { text-align: center }
}