@charset "utf-8";
.mb10 { margin-bottom: 10px }
.ml10 { margin-left: 10px }
.bg { background: #FFF }
.search { height: 40px; overflow: hidden; background: #f1f1f1 }
.search p { float: left; width: 690px; line-height: 40px; overflow: hidden }
.search p b { font-size: 14px; color: #0061B9 }
.search p a { margin-right: 25px; color: #4c4c4c }
.searchbox { float: right; width: 231px; margin-top: 5px; background: #fff }
.seartxt { border: 0; background: none; float: left; height: 28px; line-height: 28px; text-indent: 6px; font-size: 12px; color: #ccc; width: 170px; border: 1px solid #bbb; border-right: 0 }
.searss { float: left; height: 30px; width: 60px }
.pro { padding-top: 40px; height: 805px; overflow: hidden }
.pro_l { height: 760px; width: 230px; overflow: hidden; background: url(../images/pro_lbg.gif) repeat; border-radius: 2px }
.pro_l h2 { padding: 17px 0 0; overflow: hidden; height: 65px }
.pro_l h2 a { font-size: 22px; text-transform: uppercase; color: #fff; font-weight: bold; display: block; font-weight: bold; text-align: center }
.pro_l h2 p { font-size: 20px; opacity: 0.4; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40); letter-spacing: -2px }
.pro_lbox { height: 565px; background: #fff; border-radius: 3px; width: 210px; margin: 0 10px; padding-top: 15px; overflow: hidden }
.pro_lbox h3 { padding-left: 30px; background: url(../images/pro_lh1.gif) no-repeat; height: 37px; line-height: 36px; overflow: hidden; font-weight: normal; width: 152px; margin: 0 auto 15px }
.pro_lbox h3.cur { background: url(../images/pro_lh.gif) no-repeat }
.pro_lbox h3.more { background: url(../images/pro_lh2.gif) no-repeat }
.pro_lbox h3 a { font-size: 18px; color: #fff; display: block }
.pro_lbox ul { width: 180px; margin: 0 auto 10px; overflow: hidden }
.pro_lbox li { padding-left: 14px; border-bottom: 1px dashed #c7c7c7; overflow: hidden; height: 30px; line-height: 30px; background: url(../images/ico1.gif) no-repeat 0 center; float: left; width: 100% }
.pro_lbox li.last { border-bottom: 0 }
.pro_lbox li a { font-size: 16px; color: #686868; display: block }
.propho { font-size: 14px; color: #fff; padding: 2px 0 0 55px; background: url(../images/ico2.gif) no-repeat 5px 0; margin-top: 20px }
.propho b { display: block; font-size: 24px; letter-spacing: -2px }
.pro_r { width: 730px; height: 804px; overflow: hidden }
.pro_rt { height: 38px; border: 1px solid #ddd; overflow: hidden; background: url(../images/pro_bg.gif) repeat-x }
.pro_rt ul { width: 280px; float: left }
.pro_rt li { width: 140px; height: 38px; float: left; line-height: 38px; overflow: hidden; text-align: center }
.pro_rt li a { display: block; font-size: 16px; color: #666 }
.pro_rt li a:hover,
.pro_rt li.cur a { color: #fff; background: #0061B9 }
.pro_rt li.cshow,
.pro_rt li.cur { }
.pro_more { background: url(../images/more.gif) no-repeat; display: block; float: left; width: 66px; height: 22px; margin-left: 10px; margin-top: 8px }
.prossbox { width: 330px; float: right; height: 24px; background: url(../images/pro_ss.gif) no-repeat; margin-top: 8px }
.protxt { width: 290px; float: left; border: 0; background: none; height: 24px; line-height: 24px; text-indent: 6px; color: #ccc }
.pross { float: left; width: 29px; height: 24px }
.pro_rb { margin-top: 20px }
.pro_rb li { float: left; margin-right:6px; height: 234px; overflow: hidden; width: 234px; position: relative }
.pro_rb li.last { margin-right: 0 }
.pro_rb li img { width: 232px; height: 188px; border: 1px solid #dddddb; display: block }
.pro_rb li span { display: block; text-align: center; height: 34px; line-height: 34px }
.pro_rb li span a { font-size: 14px; color: #535353 }
.promb { background: url(../images/mb.png) repeat; padding-top: 80px; padding-left: 30px; height: 109px; width: 205px; position: absolute; left: 0; top: 0; display: none }
.promb a { display: block; width: 78px; height: 30px; text-align: center; line-height: 30px; font-size: 14px; color: #fff; border: 1px solid #fff; float: left; margin-right: 20px; opacity: 1 }
.yh { background: url(../images/yh.jpg) no-repeat center 0; height: 410px; padding-left: 317px; width: 683px; margin-bottom: 50px }
.yh ul { padding: 165px 0 0; height: 160px }
.yh li { float: left; width: 626px; color: #fff; font-size: 16px; line-height: 22px; text-shadow: 3px 3px 3px #333 }
.ljzx { background: url(../images/ljzx.gif) no-repeat; display: block; width: 103px; height: 32px; float: left }
.ckxq { background: url(../images/ckxq.png) no-repeat; display: block; width: 103px; height: 32px; margin-left: 25px; float: left }
.ys { background: url(../images/ys_bg.jpg) no-repeat center 0; padding-top: 60px; height: 774px; overflow: hidden }
.ys h2 { background: url(../images/hbg.gif) no-repeat center bottom; height: 124px; font-size: 36px; color: #ff7700; text-align: center }
.ys h2 p { font-size: 18px; color: #2e2e2e; font-weight: normal; line-height: 26px; height: 60px }
.ys span { position: absolute; display: block; width: 380px; font-size: 16px; color: #333 }
.ys1 { left: 500px; top: 205px }
.ys2 { left: 555px; top: 276px }
.ys3 { left: 604px; top: 364px }
.ys4 { left: 604px; top: 476px }
.ys5 { left: 555px; top: 575px }
.ys6 { left: 500px; top: 654px }
.case { height: 495px; padding-top: 60px; overflow: hidden }
.tit1 { background: url(../images/hbg2.gif) no-repeat center bottom; height: 64px; text-align: center }
.tit1 a { display: block; font-size: 36px; color: #ff7700 }
.case ul { margin-top: 45px }
.case li { padding: 8px 6px 0; width: 235px; border: 1px solid #fff; height: 370px; float: left; margin-right: 1px }
.case li.last { margin-right: 0 }
.case li img { display: block; width: 235px; height: 260px }
.case li b { display: block; text-align: center; font-size: 16px; color: #333; margin: 14px 0 6px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis }
.case li p { font-size: 14px; color: #333; height: 72px; line-height: 24px; overflow: hidden }
.case li a { display: block; width: 102px; height: 32px; margin: 26px auto 0; background: url(../images/xq.jpg) no-repeat }
.case li.show { border: 1px solid #dadada }
.case li.show a { background-position: 0 bottom }
.hfgg1 { background: url(../images/hfgg1.jpg) no-repeat center 0; height: 200px; overflow: hidden; display: block }
.hfgg1 p { position: absolute; left: 455px; top: 240px }
.hfgg1 a { position: absolute; left: 750px; top: 250px }
.hfpho { padding-left: 55px; background: url(../images/ico3.png) no-repeat; height: 55px; font-size: 14px; color: #fff }
.hfpho b { display: block; font-size: 24px; color: #ed750c; letter-spacing: -1px }
.hfzx { display: block; width: 101px; height: 34px; background: url(../images/ljzx.gif) no-repeat }
.ysbox { height: 550px; overflow: hidden }
.ysbox .ysbox_content { width: 100%;height:700px; margin: 0 auto;background:url(../images/iys.jpg) top center no-repeat;}
.ysbox .ysbox_content .iys_01 { width: 1600px; height: 185px; background: url(../images/iys_01.jpg) top center no-repeat }
.ysbox .ysbox_content .iys_02 { width: 1600px; height: 184px; background: url(../images/iys_02.jpg) top center no-repeat }
.ysbox .ysbox_content .iys_03 { width: 1600px; height: 185px; background: url(../images/iys_03.jpg) top center no-repeat }
.ysbox .ysbox_content .iys_04 { width: 1600px; height: 184px; background: url(../images/iys_04.jpg) top center no-repeat }
.ysbox .ysbox_content .iys_05 { width: 1600px; height: 185px; background: url(../images/iys_05.jpg) top center no-repeat }
.ysbox .ysbox_content .iys_06 { width: 1600px; height: 184px; background: url(../images/iys_06.jpg) top center no-repeat }
.ysbox .ysbox_content .iys_07 { width: 1600px; height: 185px; background: url(../images/iys_07.jpg) top center no-repeat }
.ysbox .ysbox_content .iys_08 { width: 1600px; height: 184px; background: url(../images/iys_08.jpg) top center no-repeat }
.ysb1 { background: url(../images/ys1.jpg) no-repeat center 0; padding-top: 55px; height: 149px; overflow: hidden }
.ysb1 h2 { font-size: 36px; color: #ed750c; background: url(../images/hbg3.gif) no-repeat center 0; height: 94px }
.ysb1 p { font-size: 18px; color: #333; font-weight: normal; margin-top: 11px }
.ysb2 { background: url(../images/ys2.jpg) no-repeat center 0; height: 1200px; overflow: hidden }
.ysb2 ul { position: relative }
.ysb2 li { float: left; display: inline; overflow: hidden; width: 100%; position: absolute }
.ysb2 li.ysbl1 { background: url(../images/y1.png) no-repeat right 53px; top: 0; left: 0; height: 390px }
.ysb2 li.ysbl2 { background: url(../images/y2.png) no-repeat; top: 256px; left: 0; height: 349px; padding-left: 420px; padding-top: 182px; width: 580px; overflow: hidden }
.ysb2 li.ysbl3 { background: url(../images/y3.png) no-repeat right 0; height: 452px; top: 680px; left: 0; padding-top: 156px }
.ysbl2_r { width: 480px }
.ysbl1_l { background: url(../images/ysl1.gif) no-repeat; width: 100px; height: 102px }
.ysbl2_l { background: url(../images/ysl2.gif) no-repeat; width: 100px; height: 102px }
.ysbl3_l { background: url(../images/ysl3.gif) no-repeat; width: 100px; height: 102px }
.ysb2 b { display: block; font-size: 24px; color: #0061B9 }
.ysb2 em { display: block; font-size: 16px; color: #bababa; height: 30px }
.ysb2 span { display: block; font-size: 18px; color: #333; line-height: 28px; margin-bottom: 10px }
.ysb2 p { font-size: 16px; color: #333; line-height: 26px; width: 432px }
.ysb2 p i { font-weight: bold }
.ysbl1 em { background: url(../images/yslbg1.gif) no-repeat 0 bottom }
.ysbl2 em { background: url(../images/yslbg2.gif) no-repeat 0 bottom }
.ysbl3 em { background: url(../images/yslbg3.gif) no-repeat 0 bottom }
.ysbl3 span { margin-bottom: 40px }
.ysbl3 .ysbl3_r p { width: 400px }
.hfgg2 { background: url(../images/hfgg2.jpg) no-repeat center 0; height: 160px; overflow: hidden; display: block }
.hfgg2 p { position: absolute; top: 70px; left: 770px }
.hfgg2 p b { color: #fff }
.hfgg2 a { position: absolute; top: 188px; left: 769px }
.partner { padding-top: 60px; height: 290px }
.partner h2 { background: url(../images/hbg4.gif) no-repeat center 0; margin-bottom: 34px }
.parbox { height: 190px }
.parbox .parconbox { width: 1000px; overflow: hidden }
.parbox li { float: left; width: 168px; background: url(../images/parbg.gif) no-repeat; padding: 6px; text-align: center; margin-right: 25px; line-height: 32px; font-size: 14px; color: #333 }
.parbox li.last { margin-right: 0 }
.prev1,
.next1 { display: block; width: 24px; height: 44px; position: absolute; top: 30px }
.prev1 { background: url(../images/prev1.jpg) no-repeat; left: -44px }
.next1 { background: url(../images/next1.jpg) no-repeat; right: -44px }
.prev1:hover,
.next1:hover { background-position: right 0 }
.parbox .parconbox li img { width: 168px; height: 82px }
.kh { height: 328px; overflow: hidden }
.kh h2 { background: url(../images/hbg5.gif) no-repeat center bottom }
.khbox { margin-top: 36px }
.khbox dl { /*width: 490px*/ }
.khbox dt { float: left; width: 200px; overflow: hidden }
.khbox img { width: 180px; height: 142px; padding: 4px; border: 1px solid #c8c8c8 }
.khbox dd { float: right; width: 274px; color: #2e2e2e; font-size: 14px }
.khbox b { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 270px }
.khbox i { display: block; word-spacing: 20px; line-height: 26px }
.khbox p { height: 72px; line-height: 24px; overflow: hidden }
.khbox dd a { display: block; width: 102px; height: 32px; background: url(../images/lxq.gif) no-repeat; margin-top: 13px }
.zjgs { padding-top: 44px; height: 586px; background: url(../images/zjgs.jpg) no-repeat center 0; overflow: hidden; text-align: center }
.zjgs h2 { background: url(../images/hbg6.gif) no-repeat center 0; margin-bottom: 34px }
.xcbox { height: 314px; overflow: hidden; margin-bottom: 26px }
.roundabout-holder { width: 1000px; height: 314px; margin: 0px auto; overflow: hidden }
.roundabout-moveable-item { width: 510px; height: 310px; overflow: hidden }
.roundabout-moveable-item img { width: 96%; padding: 1%; border: 1px solid #c8c8c8; display: block; background: #fff; cursor: pointer }
.roundabout-in-focus img { width: 96%; height: auto; padding: 1%; border: 1px solid #c8c8c8; display: block; background: #fff; cursor: pointer }
.zjgs em { font-size: 14px; color: #333; line-height: 24px }
.zjgs .lxq { display: block; width: 102px; height: 32px; background: url(../images/xq.jpg) no-repeat; margin: 18px auto 0 }
.news { height: 398px; padding-top: 40px; overflow: hidden }
.tit2 { height: 38px; background: url(../images/pro_bg.gif) repeat-x; border: 1px solid #ddd }
.tit2 li { width: 140px; height: 38px; line-height: 38px; float: left; text-align: center }
.tit2 li a { font-size: 16px; color: #666; display: block; font-weight: bold }
.tit2 li a:hover,
.tit2 li.cur a { background: #0061B9; color: #fff }
.tit2 .hmore { background: url(../images/more.gif) no-repeat; display: block; width: 66px; height: 22px; right: 8px; top: 8px }
.news_l { width: 660px; overflow: hidden }
.news_l dl { margin-top: 18px; height: 190px; overflow: hidden }
.news_l dt { float: left; margin-right: 20px }
.news_l dt img { width: 240px; height: 140px; padding: 4px; border: 1px solid #ddd; background: #fff }
.news_l dd { float: left; width: 380px; font-size: 14px; color: #333 }
.news_l dd b { display: block; height: 24px; line-height: 24px; overflow: hidden }
.news_l dd p { height: 72px; line-height: 24px; overflow: hidden }
.news_l .lxq { display: block; width: 102px; height: 32px; background: url(../images/xq.jpg) no-repeat; margin-top: 16px }
.newsconbox li { display: inline; float: left; padding-left: 16px; background: url(../images/nli.gif) no-repeat 0 center; width: 300px; height: 32px; overflow: hidden; line-height: 32px }
.newsconbox li.borr { padding-right: 10px; border-right: 1px dashed #ddd; margin-right: 10px }
.newsconbox li a { font-size: 14px; color: #333; width: 196px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block }
.newsconbox li em { font-size: 14px; color: #333; float: right; width: 100px; overflow: hidden }
.faq { width: 320px }
.faq h2 { margin-bottom: 27px }
.faq dl { height: 105px; overflow: hidden; border-bottom: 1px dashed #ddd; margin-bottom: 26px }
.faq dl.last { border-bottom: 0 }
.faq dt { padding-left: 38px; background: url(../images/wen.gif) no-repeat; height: 28px; line-height: 28px; overflow: hidden; font-size: 14px; color: #333 }
.faq dd { padding-left: 38px; background: url(../images/da.gif) no-repeat; height: 56px; line-height: 28px; overflow: hidden; font-size: 14px; color: #333 }
.faq dd a { color: #0061B9; font-weight: bold }
.link { height: 100px; overflow: hidden }
.link a.hmore { background: url(../images/more1.gif) no-repeat; width: 156px }
.link p { margin-top: 25px; color: #4c4c4c; text-align: center }
.link p a { padding: 0 24px; color: #4c4c4c; display: inline-block; height: 26px; line-height: 26px }