@import url("public.css");

.lieb_nave{width: 1003px;margin: 20px auto 40px;}
.lieb_navel{float: left; width: 170px; height: 65px; background: #e4ecf7; padding:10px 0; text-align: center; margin-top: 3px; line-height: 50px;}
.lieb_navel a{font-size: 14px; color: #707070; }
.lieb_naver{float: left; width: 800px; height: 65px; margin-left: 3px; background: #ECF2FB; padding:10px 15px; margin-top: 3px; line-height: 25px; }
.lieb_naver a{color: #3f3f3f; font-size: 12px; display: inline-block;width: 190px; margin: 0 2px; line-height: 24px;}
.lieb_nave a:hover{color: #00499E; text-decoration: underline;}

.lieb_title{height: 44px; width: 1003px; font-size: 18px; background: #f3f3f3;  margin: 30px auto 20px; line-height: 44px;}
.lieb_title i{display: inline-block; font-size: 18px; color: #FFFFFF; text-align: center; line-height: 36px; font-style: normal; width: 36px; height: 36px; margin: 4px 8px;background: url(../images/bsa.png) center center no-repeat;}
.lieb_title span{float: right; font-size: 14px; margin-right: 15px;}
.lieb_title span a{color: #121213;}
.lieb_title span a:hover{color: #00499E; text-decoration: underline;}
.lieb_c{width: 1013px; margin: 0 auto 40px; overflow: hidden;}
.lieb_c ul li{width:192px; height:200px; margin: 4px; border: 1px solid #FFFFFF; background: #f3f3f3; float: left;}
.lieb_c ul li:hover{box-shadow: 0px 0px 6px #287DCE; cursor: pointer; border: 1px solid #1E50A2;}
.lieb_c ul li span{width: 192px; height: 153px; display: block; overflow: hidden;}
.lieb_c ul li span img{width: 100%;}
.lieb_ca{color: #121213; font-size: 14px; margin: 10px;}
.lieb_c ul li div{height: 30px; margin: 10px; font-size: 12px; color: #707070;}
.lieb_c ul li i{width: 11px; height: 7px; margin: 10px 7px; background: url(../images/xx.png) no-repeat; float: right; display: block;}

.liebn_c{width: 973px;padding: 15px; background: #F5F5F5;height: auto; overflow: hidden; margin: 2px auto 40px;}
.liebn_cl{width: 715px;  float: left; overflow: hidden;}
.liebn_cl ul li{margin-bottom: 15px; background: #FFFFFF; height: 191px;}
.liebn_cll{float: left; width: 240px; height: 191px;}
.liebn_cll img{width: 100%;}
.liebn_clr{float: left; width: 445px; font-size: 14px; line-height: 24px; color: #121213; margin:15px; height: 161px; }
.liebn_clrp{font-size: 18px; margin-bottom: 10px;}
.liebn_clrp a{color: #3f3f3f;}
.liebn_clrp a:hover{color: #00499E;}
.liebn_clr i{font-style: normal; color: #777777; margin-right: 3px;}
.liebn_clra{display: inline-block; width: 100px; margin-top: 20px; height: 32px;background:url(../images/gw.png)15px center no-repeat #00499E; padding-left: 40px; line-height: 32px; color: #FFFFFF;}
.liebn_clra:hover{background:url(../images/gw.png)15px center no-repeat #287ECE;}
.liebn_clrb{display: inline-block;width: 140px; margin-top: 20px; height: 32px;background: #D3D3D3; text-align: center; line-height: 32px; color: #121213; margin-left: 10px;}
.liebn_clrb:hover{background: #606060; color: #FFFFFF;}

.lb_top{width: 1003px; margin: 30px auto;}
.lb_topl{width: 540px; height: 450px; float: left;}
.lb_topl h2{color: #333333;}
.lb_topl ul{margin: 30px 0 40px;}
.lb_topl ul li{line-height: 32px;}
.lb_topl ul li i{color: #999999; font-style: normal;}
.lb_topla{background: url(../images/lb_icon.png) 0 0 no-repeat; font-size:12px;width: 220px; line-height: 26px; height: 26px; padding-left: 28px;color: #00499E; float: left; display: block;}
.lb_topla a:hover{text-decoration: underline;}
.lb_toplb a:hover{text-decoration: underline;}
.lb_toplb{background: url(../images/lb_icon.png) 0 -34px no-repeat; line-height: 26px; font-size:12px;width: 220px; height: 26px; padding-left: 28px;color: #00499E; float: left; display: block;}
.lb_topls{width: 100%; margin: 30px 0 38px; overflow: hidden;}
.lb_topls a{display: inline-block; width: 152px; height: 32px; line-height: 32px; padding-left: 50px; background:url(../images/lb_icon.png) 20px -240px no-repeat #00499E; color: #FFFFFF;}
.lb_topls a:hover{color: #fffd78;}
.lb_topls span{color: #E37635; margin-left: 10px;}
.lb_toplf{width: 500px; height: 75px; padding: 5px; background: #F4F4F4;}
.lb_toplf p{line-height: 32px; border-bottom: 1px solid #D3D3D3; margin: 0 10px; text-align: center;}
.lb_toplf i{display:inline-block; float: left; font-style: normal; width: 200px; height: 20px; margin: 10px; color: #999999; background: url(../images/lb_icon.png) 0 -108px no-repeat; padding-left: 26px;}
.lb_toplf div{display: inline-block;width:240px; float: left; margin-top: 10px; }
.lb_toplf span{display: block; float: left; overflow: hidden;}
.lb_toplfa{color: #606060; border-right: 1px solid #D3D3D3; padding-right: 10px; line-height: 18px; margin-right: 15px;}

/*产品切换*/
.lb_topr{width: 450px; height: 450px; float: left; margin-left: 13px;}
.game{ position: relative; overflow: hidden; width: 450px; }
.game .bigImg{ height: 330px; position: relative;}
.game .bigImg li img{ vertical-align:middle; width:450px; height:322px;   }

.game .smallScroll{ height: 86px; margin-top: 32px; margin-left: 15px;}
.game .sPrev,.game .sNext{ float: left; display: block; margin-top: 24px; width: 14px; height: 47px; text-indent: -9999px; background: url(../images/lb_icon.png) no-repeat 0 -270px; }
.game .sNext{ background-position: -5px -308px;}
.game .sPrev:hover{ background-position: 0 -344px;}
.game .sNext:hover{ background-position: -5px -380px;}

.game .smallImg{ float:left;  margin:20px 10px 10px 14px; display:inline; width:368px; overflow: hidden;}
.game .smallImg ul{ height:64px;  width: 9999px; overflow: hidden; }
.game .smallImg li{ float: left; padding: 0 4px 0 0; width:88px; cursor:pointer;  display: inline;  }
.game .smallImg img{ border: 2px solid #dcdddd; width:84px; height:60px;  }
.game .smallImg .on img{ border-color: #1e50a2;}

.game .pageState{ position: absolute; top: 335px; right: 5px; font-family: "Times New Roman", serif; letter-spacing: 1px;}
.game .pageState span{ color: #287ECE; font-size: 16px;}

.lb_c{width: 983px; padding: 10px; margin: 30px auto; background: #F4F4F4; overflow: hidden;}
.lb_cl{width: 730px;  float: left; overflow: hidden;}
.lb_clt{width: 100%; height: 34px; border-bottom: 1px solid #00499E;}
.lb_clt a{display: inline-block; padding: 0 20px; color: #121213; line-height: 33px;}
.lb_clt .on{background: #00499E; color: #FFFFFF;}
.lb_clt a:hover{background: #00499E; color: #FFFFFF;}
.lb_cls{width: 710px;padding: 16px 10px; margin: 20px 0; background: #FFFFFF; overflow: hidden;}
.lb_cls span{display: block; padding: 8px 25px;font-size: 18px; background: url(../images/lb_icon.png) 5px -62px no-repeat; color: #121213;}
.lb_cls p{line-height: 20px; color: #333333; margin: 16px 2px; font-size: 12px;}
.lb_cls i{font-style: normal; font-weight: lighter; font-size: 12px;}
.lb_cls table{width: 710px;   border-collapse: collapse; margin-top: 10px;}
.lb_cls table th{height: 60px; padding: 0 5px !important; background: #F4F4F4; border: 1px solid #DCDDDD;}
.lb_cls table td{height: 40px; padding: 0 5px !important; text-align: center; color: #383838; line-height: 16px; border: 1px solid #EBEBEB; margin: 0; padding: 0;}
.lb_clsa{margin-top: 15px;  padding: 10px; overflow: hidden;}
.lb_clsa ul li{line-height: 32px;font-size: 12px; border-bottom: 1px solid #EBEBEB; background: url(../images/lb_icon.png) 0 -426px no-repeat; padding-left: 24px;}
.lb_clsa ul li b{ margin-right: 15px;}
.lb_cla{width: 710px;padding: 16px 10px; margin: 20px 0; background: #FFFFFF;}
.lb_clas{display: block; padding: 8px 25px;font-size: 18px; background: url(../images/lb_icon.png) 5px -62px no-repeat; color: #121213;}
.lb_clap{line-height: 20px; color: #333333; margin: 16px 2px; font-size: 12px;}
.lb_clsimg ul li{width: 160px; height: 116px; background: #0962B4; margin: 8px; float: left;}
.lb_clsimg ul li img{width: 160px; height: 116px;}

.lb_clab{padding: 20px 15px 10px; background: #343434;}

.scrollBox{ width:660px; padding:10px; position:relative; }
.scrollBox .piclist{ overflow:hidden; zoom:1;}
.scrollBox .ohbox{overflow:hidden; position:relative;width:558px;left:52px}
.scrollBox {position:relative;overflow:hidden;zoom:1;}
.scrollBox .piclist li{float:left; display:inline; width:132px; height: 162px;margin-right:10px;}
.scrollBox .piclist li img{width: 133px; height: 133px;}
.scrollBox .piclist li span{height:25px;line-height:25px;display:block;text-align:center; color: #777777; font-size: 12px;  }
.scrollBox .pageBtn span{ background:url(../images/lb_icon.png); display:block;width:20px;height:30px;position:absolute;top:72px;cursor:pointer;text-indent:-999em;overflow:hidden; }
.scrollBox .pageBtn .prev{left:20px;background-position:0px -280px ;}
.scrollBox .pageBtn .next{right:20px;background-position:0px -320px ;}
.scrollBox .pageBtn .list{overflow:hidden;zoom:1;margin:10px 0 0 288px; }
.scrollBox .pageBtn .list li{ background:url(../images/by.png) no-repeat; float:left; display:inline; width:15px;height:12px;background-position:0px -36px ;cursor:pointer;margin-left:10px;line-height:10000px;overflow:hidden;  }
.scrollBox .pageBtn .list li.on{background-position:0px 0px }

.lb_cr{width: 244px; overflow: hidden; margin-left: 9px; float: left;}
.lb_crp{ height: 34px; background: #484848;color: #FFFFFF;padding-left: 10px; line-height: 34px;}
.sideMenu{ background: #FFFFFF;}
.sideMenu span{display: block; border-bottom: 1px solid #E1E1E1; height:34px; line-height:34px;color: #535353; padding-left:10px;   background:#f1f8ff; cursor:pointer;}
.sideMenu span em{ float:right; display:block; width:40px; height:32px;   background:url(../images/lb_icon.png) 0px -205px no-repeat; cursor:pointer; }
.sideMenu span.on em{ background-position:0px -170px; }
.sideMenu ul{ padding:8px 25px; display:none; /* 默认都隐藏 */ }
.sideMenu ul li{line-height: 20px; height: 20px; margin: 10px 0; background: url(../images/nave.png) 0 5px no-repeat;padding-left: 15px;}
.sideMenu ul li a{ color:#6D6D6D;}
.sideMenu ul li a:hover{color: #00499E; text-decoration: underline;}

.lb_News { background: #FFFFFF;}
.lb_News ul{ padding:1px 8px; /* 默认都隐藏 */ }
.lb_News ul li{line-height: 20px; height: 20px; margin: 10px 0; padding-left: 1px; width:200px; overflow:hidden;  text-overflow:ellipsis; white-space:nowrap;}
.lb_News ul li a{ color:#6D6D6D;}
.lb_News ul li a:hover{color: #00499E; text-decoration: underline;}

.lb_cm{width: 224px; padding: 10px; overflow: hidden; margin-top: 20px;  background: #FFFFFF;}
.lb_cma{font-size: 14px; color: #00499E; text-align: center; text-transform: uppercase; border-bottom: 1px solid #E1E1E1; line-height: 28px;margin: 10px;}
.lb_cmb{ color: #287DCE; background: url(../images/lb_icon.png) 0 -144px no-repeat; padding-left: 25px; margin: 0 10px;}
.lb_cm ul{margin: 10px; font-size: 12px;}
.lb_cm ul li{line-height: 26px;}
.lb_cm ul li i{font-style: normal; color: #777777;}
.lb_cm ul a{ background: #00499E;margin-top: 10px; display: inline-block; padding: 2px 6px; font-size: 12px; color: #FFFFFF;}
.lb_cmm{width: 244px; height: 178px; }

.lb_cb{width: 244px; padding: 20px 0; overflow: hidden;  margin-top: 20px;  background: #FFFFFF;}
.lb_cb img{width: 60px; height: 60px; margin: 10px 89px;}
.lb_cb i{border-bottom: 1px solid #EBEBEB; font-style: normal; display: block; text-align: center; padding-bottom: 26px; color: #07376f;}

.lbb_ou{width: 1003px; margin: 50px auto; background: #ecf2fb;overflow: hidden; padding: 10px 0;}
.lbb_ou b{font-size: 18px; color: #263c5e; display: block; line-height: 24px; margin: 10px 20px;}
.lbb_oul{width: 234px; height: 440px; background: #FFFFFF; margin-left:20px ;float: left;}
.lbb_oul img{width: 87px; height: 87px; margin: 30px 75px 10px;}
.lbb_oul i{border-bottom: 1px solid #EBEBEB; font-style: normal; display: block; text-align: center; padding-bottom: 26px; color: #07376f;}
.lbb_oult{margin: 60px 30px 15px; border-bottom: 1px dashed #EBEBEB; padding-bottom: 10px;}
.lbb_oult p{margin-left: 10px; margin-bottom: 15px; line-height:10px;}
.lbb_oult img{width: 19px; height: 19px; margin:0px 10px -5px 0px;}
.lbb_oulad{text-align: center; line-height: 24px;}