@charset "utf-8";
* { word-wrap: break-word; outline: none; }
body { margin: 0; padding: 0; font-size: 12px; line-height: 22px; font-family: "Microsoft YaHei", "微软雅黑", "Arial", "宋体", "Arial Narrow"; background: #fff; -webkit-text-size-adjust: none; color: #666 }
form,
ul,
li,
p,
h1,
h2,
h3,
h4,
h5,
h6,
h9 { margin: 0; padding: 0; }
input,
select { font-size: 12px; line-height: 16px; }
img { border: 0; }
ul,
li { list-style-type: none; }
i,
cite,
em { font-style: normal; }
a { color: #666; text-decoration: none; }
.faa { color: #aaa; }
.fff { color: #FFF; }
.fb3 { color: #B3000D; }
.f28 { color: #281E1D; }
.f0a { color: #00AAD6; }
.f55 { color: #555; }
a:hover,
.faa:hover,
.fff:hover,
.fb3:hover,
.f28:hover,
.f0a:hover,
.f55:hover { color: #BC232D; }
.fl { float: left; display: inline; }
.fr { float: right; }
.cl { clear: both; }
.tc { text-align: center; }
.tl { text-align: left; }
.tr { text-align: right; }
.dis { display: block; }
.undis,
#cnzz { display: none; }
.fb { font-weight: bold; }
.black { color: #281E1D; }
.red { color: #B3000D; }
.fnb { font-weight: 200; }
.fchot { color: #ff0700 }
.fsongti { font-family: "宋体"; }
.f12 { font-size: 12px; font-family: tahoma; }
.fyahei { font-family: "Microsoft YaHei", "宋体", "Arial Narrow"; }
h2,
h3,
h4 { font-family: "Microsoft YaHei", "宋体", "Arial Narrow"; }
h3 { font-size: 14px; }
h4 { font-size: 12px; }
.inline { display: inline-block; *display:inline;
*zoom:1;
}
.posr { position: relative; }
.posr p{text-indent:2em;font-size:16px;line-height:32px;padding:0px 6px }
.posr p img{margin:10px 0px;}
.posa { position: absolute; }
#end { margin-right: 0; }
.clearfix { zoom: 1; }
.clearfix:after { content: "."; display: block; clear: both; height: 0; font: 0/0 sans-serif; visibility: hidden; }
.imga { display: block; }
.hr10 { height: 10px; clear: both; font-size: 1px; line-height: 1px; }
.hr20 { height: 20px; clear: both; font-size: 1px; line-height: 1px; }
.hr30 { height: 30px; clear: both; font-size: 1px; line-height: 1px; }
.hr50 { height: 50px; clear: both; font-size: 1px; line-height: 1px; }
.Column-100 { width: 100%; height: auto; overflow: hidden; }
.Column { width: 1200px; height: auto; margin: 0 auto; }
.Column-L { float: left; width: 890px; height: auto; }
.Column-R { float: right; width: 260px; padding: 0 10px 13px 10px; height: auto; background: #FFF; box-shadow: 0 2px 5px #EBEBEB; }
.Header { border-top: 5px solid #F8B300; background: #FBF8F3; height: 155px; }
.Header .nav { height: 155px; width: 100%; }
.Header .nav ul { padding: 35px 35px 0 35px; }
.Header li { float: left; }
.Header .four { margin-left: 220px; }
.Header li .dis { width: 120px; height: 66px; margin: 13px 0; }
.Header li span { display: block; width: 120px; font-size: 20px; color: #666; text-align: center; padding-top: 10px; }
.Header li .en { font-size: 12px; color: #999; text-transform: uppercase; font-family: Arial; padding-top: 5px; padding-bottom: 6px; }
.Header li.hover .dis,
.Header li.current .dis { background: #F8B300; border-radius: 10px; }
.Header li.hover span,
.Header li.hover .en,
.Header li.current span,
.Header li.current .en { color: #FFF; }
.Header .logo { left: 42%; top: 12px; }
.iFooter { background: #F8B300; height: 360px; }
.iFooter .iFBrand { margin: 30px 0; }
.iFooter .iFBrand li { float: left; margin-right: 30px; }
.iFooter .group_logo { margin: 10px 25px 0 0; }
.iFooter .foot_m { width: 770px; margin-top: 10px; font-size: 14px; }
.iFooter .foot_m .tel { margin-top: 5px; }
.iFooter .foot_m .fmenu { margin-top: 10px; }
.iFooter .foot_m .fmenu .fb3 { margin-right: 20px; }
.iFooter .foot_m .icp { color: #FFF; margin-top: 10px; }
.iFooter .foot_m .link { font-size: 12px; color: #FFF; margin-top: 20px; width: 785px; }
.iFooter .foot_m .link .friend { display: block; height: 85px; }
.Footer { background: #F8B300; height: 240px; }
.Footer .flogo { margin-top: 5px; }
.Footer .foot_m { margin: 5px 0 0 30px; width: 790px; }
.Footer .foot_m .itemf { float: left; font-size: 14px; text-align: center; padding: 0 12px; }
.Footer .foot_m .itemf .fb3 { display: block; margin-bottom: 5px; }
.Footer .foot_m .itemf .son { color: #B18000; }
.Footer .foot_m .itemf .son:hover { color: #BC232D; }
* html { background-attachment: fixed; }
.SideFloat { position: fixed; z-index: 9999; width: 128px; border: 1px solid #aaa; border-radius: 4px; background: #FBF8F3; top: 170px; left: 5px; _position: absolute; _top:expression(eval(document.documentElement.scrollTop));
_margin-top: 220px; }
.SideFloat a { display: block; text-align: center; }
.SideFloat .order { background: #008FB4; height: 30px; color: #FFF; font-size: 16px; line-height: 30px; border-top-left-radius: 4px; border-top-right-radius: 4px; text-align: center; }
.SideFloat li { width: 128px; height: 33px; line-height: 33px; border-bottom: 1px dashed #aaa; color: #555; text-align: left; }
.SideFloat li i { float: left; width: 20px; height: 33px; background: url(../images/float_icon.png) -130px 2px no-repeat; }
.SideFloat .join { background: #008FB4; width: 100px; height: 28px; line-height: 28px; border-radius: 14px; color: #FFF; margin: 10px auto 15px auto; }
.SideFloat .join:hover { background: #D51519; color: #FFF; }
.SideFloat .weixin { position: relative; background: url(../images/float_icon.png) 0 0 no-repeat; width: 128px; height: 30px; text-indent: -9999em; }
.SideFloat .weixin .img { display: none; opacity: 0; position: absolute; bottom: 0; right: 200%; width: 250px; height: 120px; }
.SideFloat .weixin .img img { width: 120px; height: 137px; float: right; margin-right: 5px; box-shadow: 0 0 5px #FFF; }
.SideFloat .backTop { display: block; color: #FFF; background: #4D4D4D; height: 24px; line-height: 24px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; }
.SideFloat .backTop i { display: inline-block; background: url(../images/float_icon.png) 0 -30px no-repeat; width: 15px; height: 22px; margin: 0 5px -8px 0; }
.SideFloat .backTop:hover { color: #D51519; }
.SideFloat .backTop:hover i { background-position: -15px -30px; }
#cnzz { display: none; }
.iPlayer { width: 100%; height: 628px; overflow: hidden; position: relative; }
.iPlayer .bd { width: 100%; text-align: center; }
.iPlayer .bd li { float: left; background-position: top center; background-repeat: no-repeat; height: 628px; width: 100%; }
.iPlayer .bd a { position: absolute; left: 0; top: 0; width: 100%; height: 628px; display: block; text-indent: -9999em; }
.iPlayer .prev,
.iPlayer .next { position: absolute; height: 68px; width: 36px; background: url(../images/iplayer_btn.png) 0 0 no-repeat; top: 50%; margin-top: -34px; left: 50%; margin-left: -646px; text-indent: -9999em; }
.iPlayer .next { margin-left: 610px; background-position: -39px 0; }
.iPlayer .prev:hover { background-position: 0 -72px; }
.iPlayer .next:hover { background-position: -39px -72px; }
.New_Store { background: #F8B300; height: 80px; padding-top: 20px; }
.New_Store .bd { width: 760px; overflow: hidden; float: left; }
.New_Store ul { }
.New_Store ul li { float: left; overflow: hidden; width: 380px; }
.New_Store ul li .store { border-left: 1px solid #D39800; border-right: 1px solid #D39800; width: 90px; text-align: center; height: 52px; margin: 5px 15px; }
.New_Store ul li .store em { display: block; font-size: 16px; height: 26px; line-height: 26px; }
.New_Store ul li .store .black { font-weight: bold; font-size: 24px; }
.New_Store ul li .f28 { display: block; font-size: 14px; line-height: 26px; height: 26px; width: 255px; overflow: hidden; }
.New_Store ul li .date { font-size: 14px; color: #CD8200; }
.New_Store ul li .date i { background: url(../images/clock.png) no-repeat; display: inline-block; width: 16px; height: 16px; margin: 0 10px -2px 0; }
.iBTitle { }
.iBTitle h2 { font-size: 42px; line-height: 50px; height: 50px; text-align: center; color: #B3000D; padding: 30px 0 110px 0; }
.iBTitle h3 { font-size: 34px; line-height: 36px; height: 38px; text-align: center; color: #01A9D6; padding: 30px 0; }
.iBTitle .red_line { background: #B3000D; width: 160px; height: 1px; margin: 0 auto 35px auto; }
.iSTitle { margin-bottom: 20px; }
.iSTitle h2 { float: left; font-size: 38px; height: 40px; line-height: 36px; color: #B3000D; }
.iSTitle h3 { float: left; font-size: 24px; color: #B3000D; height: 26px; line-height: 26px; }
.iSTitle .more { float: right; display: block; font-size: 14px; height: 26px; line-height: 26px; }
.Floor_1 { background: url(../images/index_bg_1.jpg) repeat; height: 900px; }
.Floor_2 { background: url(../images/index_bg_2.jpg) repeat; height: 1846px; }
.Floor_2 .posa { left: 250px; top: 100px; width: 485px; font-size: 18px; }
.Floor_2 .iabout .note { top: 100px; left: 250px; font-size: 16px; width: 480px; text-indent: 2em; line-height: 26px; color: #555; }
.Floor_2 .iabout:hover note { color: #555; }
.Floor_2 .dashed_line { border: 1px dashed #01A9D6; }
.Floor_2 .skill_bg { background: url(../images/skill.png) no-repeat; width: 1200px; height: 337px; }
.Floor_2 .skill_bg ul { padding-top: 35px; }
.Floor_2 .skill_bg li { float: left; margin-right: 171px; }
.Floor_2 .three_skill { float: left; width: 285px; margin-right: 172px; }
.Floor_2 .three_skill .blue { font-size: 24px; color: #01A9D6; text-align: center; line-height: 32px; height: 32px; padding: 5px 0; }
.Floor_2 .three_skill p { font-size: 14px; text-indent: 2em; color: #555; padding: 0 10px; }
.Floor_2 .mode_bg { background: url(../images/mode.png) no-repeat; width: 1200px; height: 417px; }
.Floor_2 .mode_bg .mode { padding-top: 340px; }
.Floor_2 .mode_bg .mode .txt { font-size: 16px; color: #555; margin-right: 8px; width: 596px; }
.Floor_2 .mode_bg .mode .txt p { margin-left: 20px; line-height: 32px; height: 32px; overflow: hidden; }
.Floor_2 .mode_bg .mode .txt p em { font-size: 24px; color: #01A9D6; }
.Floor_3 { background: url(../images/index_bg_1.jpg) repeat; height: 720px; }
.Floor_3 .iNews { float: left; width: 580px; margin-right: 40px; }
.Floor_3 .iNews .imga { margin-right: 15px; }
.Floor_3 .iNews li { line-height: 32px; height: 32px; }
.Floor_3 .iNews li cite { float: left; color: #aaa; display: block; width: 50px; margin-right: 5px; }
.Floor_3 .iNews li .tit { font-size: 14px; }
.Floor_3 .Sorts { margin: 2px 0 2px 30px; }
.Floor_3 .Sorts .tit { float: left; display: block; border: 1px solid #333; font-size: 18px; color: #333; text-align: center; width: 132px; height: 34px; line-height: 34px; border-radius: 15px; margin-left: 30px; }
.Floor_3 .Sorts .tit.on,
.Floor_3 .Sorts .tit:hover { border-color: #BC232D; color: #BC232D; background: #FFF; }
.Floor_3 .FqwlSlide { margin-top: -68px; }
.Floor_3 .FqwlSlide .hd { width: 830px; margin: 0 auto 45px auto; }
.Floor_3 .FqwlSlide .hd li { float: left; }
.Floor_3 .FqwlSlide .hd li .tit { display: block; border: 1px solid #333; font-size: 18px; color: #333; text-align: center; width: 132px; height: 34px; line-height: 34px; border-radius: 15px; margin-left: 30px; }
.Floor_3 .FqwlSlide .hd li.on .tit,
.Floor_3 .FqwlSlide .hd li.hover .tit { border-color: #BC232D; color: #BC232D; background: #FFF; }
.Floor_3 .FqwlSlide .bd { height: 292px; }
.Floor_3 .FqwlSlide .bd .son { height: 292px; }
.Floor_3 .iMiSlide { position: relative; }
.Floor_3 .iMiSlide .sd { overflow: hidden; width: 1200px; }
.Floor_3 .iMiSlide .sd li { float: left; margin-right: 20px; width: 285px; text-align: center; }
.Floor_3 .iMiSlide .sd li .imga { border: 3px solid #F8B300; transition: all 0.3s linear 0s; }
.Floor_3 .iMiSlide .sd li .imga img { width: 280px; height: 195px; }
.Floor_3 .iMiSlide .sd li .tit { display: block; margin-top: 3px; background: #F8B300; height: 38px; line-height: 38px; font-size: 18px; color: #FFF; width: 100%; transition: all 0.3s linear 0s; }
.Floor_3 .iMiSlide .sd li.hover .imga { border-color: #01A9D6; }
.Floor_3 .iMiSlide .sd li.hover .tit { background: #01A9D6; }
.Floor_3 .iMiSlide .prev,
.Floor_3 .iMiSlide .next { position: absolute; height: 45px; width: 26px; background: url(../images/fqwl_btn.png) 0 0 no-repeat; top: 50%; margin-top: -22px; left: 50%; margin-left: -656px; text-indent: -9999em; }
.Floor_3 .iMiSlide .next { margin-left: 630px; background-position: -26px 0; }
.Floor_3 .iMiSlide .prev:hover { background-position: 0 -45px; }
.Floor_3 .iMiSlide .next:hover { background-position: -26px -45px; }
.Floor_4 { background: url(../images/index_bg_2.jpg) repeat; height: 600px; }
.Floor_4 .iFaqList { float: left; width: 354px; margin-right: 36px; background: #FFF; padding: 10px; border: 1px solid #FFF; border-radius: 5px; overflow: hidden; font-size: 14px; }
.Floor_4 .iFaqList i { display: inline-block; width: 24px; height: 24px; border-radius: 50%; color: #FFF; background: #01A9D6; text-align: center; margin-left: -30px; margin-right: 6px; line-height: 24px; }
.Floor_4 .iFaqList .question { padding-left: 30px; margin-bottom: 10px; height: 24px; overflow: hidden; }
.Floor_4 .iFaqList .answer { padding-left: 30px; height: 96px; overflow: hidden; position: relative; }
.Floor_4 .iFaqList .answer i { background: #F8B300; }
.Floor_4 .iFaqList .answer .more { bottom: 0; right: 0; padding: 0 3px; background: #FFF }
.Floor_4 .iMendian { width: 100%; height: 300px; }
.Floor_4 .tempWrap { width: 100%!important; }
.Floor_4 .iMendian li { margin-right: 24px; width: 430px; height: 300px; position: relative; }
.Floor_4 .iMendian li .imga { width: 430px; height: 300px; position: relative; }
.Floor_4 .iMendian li .imga img { width: 430px; height: 300px; }
.Floor_4 .iMendian li .tit { position: absolute; bottom: 0; left: 0; height: 36px; line-height: 36px; font-size: 16px; text-align: center; background: url(../images/opacity_50.png) repeat; color: #FFF; width: 100%; }
.Floor_4 .iMendian li .imga:hover .tit { color: #B3000D; }
.noContent { text-align: center; font-size: 24px; }
.table { width: 100%; clear: both; margin-bottom: 15px; line-height: 40px; }
.table .left { float: left; margin-right: 5px; font-size: 14px; text-align: right; color: #555; width: 70px; }
.table .left .red { color: #C7000B; }
.table .right .input-text { padding: 2px 10px; height: 34px; line-height: 34px; color: #aaa; background-color: #fff; border: 1px solid #C6C6C6; border-radius: 4px; -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; }
.table .right select { height: 40px; line-height: 40px; padding-left: 5px; width: 200px; }
.table .right .input-text.hover,
.table .right .input-text.focus,
.table .right .input-text:focus { border-color: #B3000D; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(237,27,27,.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(237,27,27,.6); }
.table .right .input-text::-moz-placeholder, .table .right .input-text:-ms-input-placeholder, .table .right .input-text::-webkit-input-placeholder {
color:#999;
opacity:1
}
.table .right textarea { resize: none; }
.table .right .clue_on { padding-left: 5px; }
.table .right img { width: 70px; height: 40px; margin-left: 5px; cursor: pointer; }
.table .right .button { height: 40px; padding: 0 20px; line-height: 40px; border-radius: 5px; border: none; background: #F8B300; color: #FFF; text-align: center; font-size: 16px; cursor: pointer; }
.table .right .button:hover { background-color: #00E1FF; color: #FFF; }
.InputBox .cls_addr { }
.InputBox .table .left .red,
.InputBox .table .right .clue_on { display: none; }
.InputBox .cls_contact,
.InputBox .cls_phone,
.InputBox .cls_addr { float: left; width: 280px; clear: none; margin-right: 25px; border-radius: 4px; }
.InputBox .cls_addr { margin-right: 0; position: relative; }
.InputBox .cls_addr select { position: absolute; top: 0; left: 77px; height: 38px; line-height: 38px; padding: 0; border: 1px solid #C6C6C6; }
.InputBox .cls_check { float: left; width: 260px; clear: none; margin-right: 20px; }
.InputBox .cls_button { float: left; clear: none; width: 170px; margin-right: 20px; margin-left: 75px; }
.InputBox .cls_note { float: left; clear: none; width: 400px; line-height: 40px; }
.InputBox .cls_note cite { float: left; display: block; font-size: 14px; color: #555; }
.InputBox .cls_note em { float: left; display: block; font-size: 26px; color: #01A9D6; font-weight: bold; }
.indent_note { border: 1px solid #01A9D6; padding: 20px; font-size: 14px; }
.indent_note cite { color: #01A9D6; }
.IndentList { margin: 30px 0; }
.IndentList h3 { color: #FFF; background: #F8B300; width: 130px; height: 38px; line-height: 38px; font-weight: normal; font-size: 18px; text-align: center; margin-bottom: 20px; }
.IndentList li { line-height: 40px; height: 39px; border-bottom: 1px dashed #C7C7C7; }
.IndentList li i { text-indent: -9999em; float: left; display: block; width: 26px; height: 1px; background: #aaa; margin-top: 19px; }
.IndentList li cite { color: #01A9D6; }
.Pagelist { height: 32px; margin: 25px 0 45px; overflow: hidden; text-align: center; font-family: arial }
.Pagelist ul li { float: left; height: 32px; margin: 0 5px }
.Pagelist ul li a,
.Pagelist ul li span { display: block; width: 30px; border: 1px solid #AAA; line-height: 30px; color: #666; border-radius: 3px }
.Pagelist ul li .btn { width: auto; padding: 0 15px }
.Pagelist ul li a:hover,
.Pagelist ul li .current { background: #AAA; color: #FFF }
.Main { background: url(../images/main_bg.jpg) repeat; }
.Top { background: url(../images/top.jpg) no-repeat; height: 278px; }
.Module { height: 80px; box-shadow: 0 2px 5px #EBEBEB; background: #FFF; position: relative; }
.Leader { color: #aaa; margin: 29px 0; font-size: 16px; }
.Leader i { display: inline-block; background: url(../images/r_public.png) -242px -100px no-repeat; width: 18px; height: 18px; margin: 0 5px -3px 0; }
.CateList li { float: left; margin-right: 10px; }
.CateList li a { display: block; text-align: center; font-size: 16px; line-height: 79px; height: 79px; width: 110px; font-weight: bold; }
.CateList li.current a,
.CateList li:hover a { color: #B3000D; border-bottom: 2px solid #B3000D; font-size: 20px; }
.RTitle { padding: 15px 0 20px 0; }
.RTitle a { font-size: 28px; font-weight: bold; color: #01A9D6; height: 30px; line-height: 30px; }
.RTitle .right_click { display: block; text-indent: -9999em; background: url(../images/r_public.png) -248px -128px no-repeat; width: 12px; height: 20px; margin-top: 5px; }
.RAbout { }
.RAbout p { text-indent: 2em; font-size: 14px; }
.RAbout .btn_about { display: block; text-align: center; line-height: 45px; font-size: 20px; color: #FFF; background: url(../images/r_public.png) no-repeat; width: 260px; height: 50px; margin-top: 15px; }
.RAbout .btn_about:hover { background: url(../images/r_public.png) 0 -50px no-repeat; width: 260px; height: 50px; }
.RNews { }
.RNews li { height: 31px; display: block; line-height: 32px; border-bottom: 1px dotted #E0E0E0; font-size: 14px; }
.RNews li cite { float: left; color: #aaa; display: block; width: 50px; margin-right: 10px; }
.RNews #first { height: 147px; position: relative; width: 260px; border-bottom: 0; margin-bottom: 58px; }
.RNews #first .tit { position: absolute; bottom: -58px; left: 0; height: 32px; line-height: 32px; text-align: center; background: url(../images/opacity_50.png) repeat; color: #FFF; width: 100%; }
.RNews #first .imga:hover .tit { color: #B3000D; }
.RFaq { }
.RFaq a { font-size: 14px; margin-right: 9px; }
.JoinBox { width: 260px; height: 145px; overflow: hidden; position: relative; }
.JoinBox .bd { width: 260px; text-align: center; }
.JoinBox .bd li { float: left; height: 145px; width: 260px; }
.JoinBox .bd li .imga { position: relative; width: 260px; height: 145px; }
.JoinBox .bd li .imga img { width: 260px; height: 145px; display: block; }
.JoinBox .bd li .tit { position: absolute; bottom: 0; left: 0; height: 36px; line-height: 36px; font-size: 16px; text-align: center; background: url(../images/opacity_50.png) repeat; color: #FFF; width: 100%; }
.JoinBox .bd .imga:hover .tit { color: #B3000D; }
.JoinBox .prev,
.JoinBox .next { position: absolute; height: 24px; width: 24px; background: url(../images/r_public.png) 0 -100px no-repeat; top: 50%; margin-top: -12px; left: 0; text-indent: -9999em; }
.JoinBox .next { left: auto; right: 0; background-position: -24px -100px; }
.JoinBox .prev:hover { background-position: 0 -124px; }
.JoinBox .next:hover { background-position: -24px -124px; }
.Contact .group_logo { float: left; margin-left: 85px; }
.Contact .txt { float: left; color: #555; font-size: 16px; border-left: 2px solid #D0D0D0; padding-left: 20px; margin-left: 25px; width: 500px; }
.Contact .txt p { height: 30px; line-height: 30px; }
.Contact .txt i { display: inline-block; text-indent: -9999em; background: url(../images/r_public.png) -52px -100px no-repeat; width: 20px; height: 30px; margin-right: 10px; }
.Contact .txt .tel { background-position: -73px -100px; }
.FaqList { margin-top: 20px; }
.FaqList li { display: block; padding: 20px; background: #FFF; margin-bottom: 20px; }
.FaqList li h3 { padding-left: 34px; font-size: 18px; color: #555; height: 24px; line-height: 24px; font-weight: normal; margin-bottom: 10px; }
.FaqList li em { float: left; display: block; height: 24px; width: 24px; background: #01A9D6; color: #FFF; border-radius: 50%; text-align: center; line-height: 24px; font-size: 14px; margin-left: -34px; }
.FaqList li .ct { padding-left: 34px; font-size: 14px; color: #999; line-height: 24px; }
.NewsList li { margin-bottom: 20px; }
.NewsList li { width: 100%; height: 160px; margin-bottom: 35px; padding-right: 10px; }
.NewsList li .imga { margin-right: 20px; width: 280px; height: 160px; }
.NewsList li .imga img { width: 280px; height: 160px; }
.NewsList li .tit { font-size: 18px; padding-top: 10px; color: #333; height: 30px; line-height: 30px; }
.NewsList li .desc { text-indent: 2em; font-size: 14px; color: #aaa; height: 52px; overflow: hidden; line-height: 26px; margin-bottom: 20px; }
.NewsList #first { height: 130px; border-bottom: 2px solid #F8B300; }
.NewsList #first .tit { margin-bottom: 10px; width: 100%; }
.NewsList #first .tit .top_line { float: left; display: block; background: url(../images/r_public.png) -172px -100px no-repeat; width: 67px; height: 30px; margin-right: 15px; text-indent: -9999em; }
.NewsList li .view { font-size: 14px; color: #FFF; height: 26px; line-height: 26px; display: block; width: 100px; height: 26px; border-radius: 13px; background: #aaa; text-align: center; }
.NewsList li:hover { background: #F4F4F4; }
.NewsList li:hover .view { background: #F8B300; }
.NewsList #first:hover { background: none; }
.ProductList li { float: left; margin-right: 30px; width: 430px; margin-bottom: 20px; }
.ProductList li img { width: 430px; height: 300px; }
.ProductList li .tit { text-align: center; font-size: 16px; color: #000000; height: 32px; line-height: 32px; background: #fcca00; width: auto; margin: 10px auto; border-radius: 5px; }
.MapList li { float: left; margin-right: 30px; width: 430px; margin-bottom: 20px; }
.MapList li img { width: 430px; height: 300px; }
.MapList li .tit { text-align: center; font-size: 18px; color: #008FB4; height: 32px; line-height: 32px; background: #ADE0F0; width: 200px; margin: 10px auto; border-radius: 5px; }
.msgTitle { border-bottom: 1px solid #F8B811; padding-bottom: 10px; margin-bottom: 30px; }
.msgTitle h1 { text-align: center; font-size: 24px; font-weight: normal; height: 32px; line-height: 32px; margin-bottom: 10px; }
.msgTitle .date { text-align: center; color: #aaa; }
.msgContent { text-indent: 2em; font-size: 14px; }
.msgNP { text-align: center; font-size: 14px; color: #aaa; }
.msgNP .next,
.msgNP .prev { height: 30px; line-height: 30px; }
.msgNP cite { display: inline-block; width: 16px; height: 16px; font-weight: bold; border-radius: 50%; background: #F8B300; color: #FFF; margin-right: 5px; line-height: 16px; font-family: sans-serif; }
.MoreList { border-top: 1px solid #aaa; padding-top: 20px; }
.MoreList .Stitle { font-size: 18px; color: #008FB4; height: 32px; line-height: 32px; margin-bottom: 10px; }
.MoreList li { float: left; width: 410px; margin-right: 70px; font-size: 14px; line-height: 26px; height: 26px; }
.MoreList li a { overflow: hidden; height: 26px; width: 280px; }
.login { width: 435px; margin: 20px 0 0 20px; }
.login .table { line-height: 34px; }
.login .table .right .input-text { height: 28px; line-height: 28px; }
.login .table .left { color: #999; text-align: left; font-size: 16px; width: 80px; }
.login .table .right img { height: 34px; }
.login .table .right .btn { float: right; font-size: 14px; width: 170px; height: 32px; line-height: 32px; background: #008FB4; color: #FFF; border: 0; border-radius: 7px; cursor: pointer; }
.login .table .right .clue_on { display: none; }
.DownLoadList li { float: left; width: 270px; margin-right: 40px; }
.DownLoadList li .f55 { font-size: 18px; height: 30px; line-height: 30px; overflow: hidden; }
.DownLoadList li .date { height: 30px; line-height: 30px; border-bottom: 1px solid #aaa; color: #aaa; margin-bottom: 10px; }
.DownLoadList li .imga { margin-bottom: 10px; }
.DownLoadList li .imga img { width: 270px; height: 150px; }
.DownLoadList li .txt { font-size: 14px; color: #aaa; height: 44px; margin-bottom: 10px; overflow: hidden; }
.DownLoadList li .down { float: right; display: block; height: 26px; line-height: 26px; width: 100px; border-radius: 13px; background: #aaa; text-align: center; color: #FFF; }
.DownLoadList li.hover .down { background: #F8B300; }
#contact_map #mapCard_style { width: 888px!important; }

/**列表分页**/
.pagelist {
	
    height: 30px;
    overflow: hidden;
    text-align: center;
    width: 700px;
}
.pagelist .thisclass {
    color: #f00;
}
.pagelist a {
    color: #666666;
    height: 15px;
    line-height: 30px;
    margin: 0 5px;
    background: #f5f5f5;
    padding: 5px;
}

.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}