@charset "utf-8";

.top-mod { background-color: #f5f5f5; border-bottom: 1px solid #e0e0e0; border-top: 1px solid #e0e0e0; }
.top-rom { width: 1200px; margin: 0 auto; }
.top-rom .p1 { line-height: 32px; font-size: 12px; color: #666; width: 49%; display: inline-block; }
.top-rom .p2 { line-height: 32px; width: 49%; display: inline-block; text-align: right; }
.top-rom .p2 a { font-size: 12px; color: #666;  }
.top-rom .p2 a span { color: #de0000; }
.logo-mod { width: 100%; }
.logo-rom { width: 1200px; margin: 0 auto; padding: 10px 0px; }

.nav-mod { background-color: #2d68b4; }
.nav-rom { width: 1200px; margin: 0 auto; }
.nav-rom .item { width: 120px; float: left; text-align: center; }
.nav-rom .item a { color: #fff; line-height: 35px; }
.nav-rom .item:hover { background-color: #1c3e7b; }
.nav-rom .hover { background-color: #1c3e7b; }
.banner{ width: 100%; height: 500px; background: url(/images/banner_about.jpg); background-position: center; background-repeat: no-repeat;}
.banner_case{ width: 100%; height: 500px; background: url(/images/banner_case.jpg); background-position: center; background-repeat: no-repeat;}
.banner_jishu{ width: 100%; height: 500px; background: url(/images/banner_jishu.jpg); background-position: center; background-repeat: no-repeat;}
.banner_contact{ width: 100%; height: 500px; background: url(/images/banner_contact.jpg); background-position: center; background-repeat: no-repeat;}
.l1-fa { position: relative; }
.l1-fa:hover .l1 { display: block; }
.l1 { position: absolute; left: 250px; top: 0px; display: none;transition: all 0.3s ease 0s;  }
.l2-fa { position: relative; }
.l2-fa:hover .l2 { display: block; }
.l2 { position: absolute; left: 266px; top: 10px; display: none; }
.l3-fa { position: relative; }
.l3-fa:hover .l3 { display: block; }
.l3 { position: absolute; left: 266px; top: 10px; display: none; }
.l1-a { width: 180px; }
.l1 li a { font-size: 13px !important; background: none !important; min-width: 216px; }
.l2 li a { font-size: 13px !important; }
.pr_fl dl,.products_show_r .btn,.xxsm ul { background-color: #2d68b4; }
.pr_fl li ul { z-index: 999; }
.pr_fl ul li a { font-size: 13px; }
.pr_fl ul li a:hover { font-size: 13px; }


.actual { width:1200px; margin:0 auto; height:380px; background:url(http://www.jsobest.com/statics/sc/images/sh4.gif) center bottom no-repeat; padding-bottom:17px; margin-bottom:20px; margin-top: 50px; }
.com_box{ margin: 0; text-align: center; }
.com_tit { background:url(http://www.jsobest.com/statics/sc/images/line5.gif) left bottom repeat-x; padding-bottom:20px; overflow:hidden; zoom:1;}
.com_tit .c_name { float:left; background:url(http://www.jsobest.com/statics/sc/images/line4.gif) left center no-repeat; padding-left:14px; color:#49566b; font-size:18px; border-left:#034784 8px solid}
.com_tit .c_name img { display:block;}
.com_tit .c_name span { display:block; font-size: 14px; font-weight: normal; }
.com_tit .c_more { font-weight:normal; color:#222; font-size:12px; margin:0 6px 0 0; float:right; padding-top:28px;}

.list_pic_li { width: 275px; height: 290px; margin-right:16px; margin-top: 20px; }
.pro { margin-top: 0px; }
.list_pic_li img { width: 275px; border: 0px solid #ddd; }
.list_pic_li:hover img { border: 0px solid #1e50af; }
.list_pic_li:hover p { background-color: #ffffff; }



.p1-mod{width: 100%; margin: 0; height: 640px; background: #f9f9f9;}
.p1-rom { width: 1200px; margin: 0 auto;  margin-top: 50px; }
.p1-rom .con { margin-top: 30px; }
.p1-rom .con .btn { display: block; width: 200px; line-height: 42px; font-weight: bold; color: #fff; text-align: center; font-size: 16px; background-color: #4c7bb9;  margin-top: -30px; margin: 0 auto; border:2px solid;
border-radius:25px;
-moz-border-radius:25px; /* Old Firefox */   }
.p1-rom .item { float: left; width: 360px; margin-left: 50px; }
.p1-rom .item:first-child { margin-left: 0px; }
.p1-rom .item img { border: 1px solid #ccc; width: 358px; height: 260px; margin-bottom: 10px; }
.p1-rom .item .tt a { font-size: 14px; color: #333; font-weight: bold; line-height: 26px; }
.p1-rom .item .line { background-color: #eee; height: 1px; margin: 8px 0px; }
.p1-rom .item .info a { font-size: 12px; color: #333; }


.about-mod { width: 100%; background: url(ab-bg.png) center top no-repeat; height: 443px; margin-top: 50px; }

.about-rom { width: 1200px; margin: 0 auto; }
.about-rom .con { width: 550px; height: 330px; float: right; padding-right: 80px; padding-top: 40px; }
.about-rom .main-tt .tt,.about-rom .main-tt p { text-align: left; }
.about-rom .info { padding-top: 20px; float: left; }
.about-rom .info p { line-height: 26px; font-size: 13px; }
.about-rom .more { display: block; width: 120px; line-height: 32px; border: 1px solid #2d68b4; text-align: center; font-size: 12px; color: #333; margin-top: 36px; }
.main-tt .tt { font-size: 30px; text-align: center; line-height: 42px; color: #131313; }


.p2-mod { background: url(p2-bg.png) center top no-repeat; width: 100%; height: 364px; }
.p3-rom { width: 450px;  margin: 0 auto; }
.p3-rom .con .btn-1 { display: block; width: 200px; line-height: 42px; font-weight: bold; color: #fff; text-align: center; font-size: 16px; background-color: #4c7bb9; float: left; border:2px solid;
border-radius:25px;
-moz-border-radius:25px; /* Old Firefox */   }
.p3-rom .con .btn-2 { display: block; width: 200px; line-height: 42px; font-weight: bold; color: #fff; text-align: center; font-size: 16px; margin-left: 20px; background-color: #4c7bb9; float: left; border:2px solid;
border-radius:25px;
-moz-border-radius:25px; /* Old Firefox */ }
.p3-mod{width: 100%; background: #f9f9f9; height: 80px;  }
.p4-mod { background: url(http://www.jsobest.com/statics/sc/images/p3-bg.png) center top no-repeat; width: 100%; height: 180px; margin-top: 50px; }

.footer-mod { background-color: #ffffff; }
.footer-rom { width: 1200px; margin: 0 auto; padding-top: 50px; padding-bottom: 50px; }
.footer-rom .plogo { float: left; width: 230px; border-right: 1px solid #ddd;  height: 130px;  padding: 0px 20px 0px 0px; text-align: right; }
.footer-rom .p1 { float: left; width: 230px;  margin-left: 110px;   padding: 0px 0px 0px 0px; text-align: right; }
.footer-rom .p1 img { margin-left: 130px; }
.footer-rom .p1 h1 { font-size: 32px; color: #333; text-align: center; line-height: 64px; }
.footer-rom .p1 p { font-size: 12px; color: #333; text-align: left; line-height: 20px; }
.footer-rom .p2 { float: left; width: 280px; border-left: 1px solid #ddd; border-right: 1px solid #ddd; text-align: center; }
.footer-rom .p2 img { width: 130px; height: 130px; margin: 0 auto; }
.footer-rom .p3 { float: left; padding-left: 60px;  }
.footer-rom .p3 p { font-size: 12px; line-height: 22px; color: #333;  }
.last p { text-align: center; background-color: #333; color: #fff; font-size: 13px; line-height: 42px; }