body { text-align: left; padding-top: 0; padding-right: 0; padding-left: 0; padding-bottom: 0; margin: 0; font: 12px arial, helvetica, clean, sans-serif; background: #fff; color: #333333; font-family:Arial, Helvetica, sans-serif; }

div, p, li { word-break: break-all; }

div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, p { padding-left: 0; padding-right: 0; padding-bottom: 0; padding-top: 0; margin: 0; }

pre, code, form, fieldset, legend, input, textarea, p, blockquote, th { padding-left: 0; padding-right: 0; padding-bottom: 0; padding-top: 0; margin: 0; }

fieldset { border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px }

a { blr:expression(this.onFocus=this.blur())

}/*去掉a标签的虚线框，避免出现奇怪的选中区域*/

a img { border: 0; padding: 0; margin: 0; }

i { font-style: normal; }

address, caption, cite, cite, code, dfn, em, th, var { font-weight: normal; font-style: normal }

li { list-style-type: none }

caption { text-align: left }

th { text-align: left }

h1, h2, h3, h4, h5, h6 { font-weight: bold; font-size: 100% }

q:unknown {

content: ''

}

q:unknown {

content: ''

}

input, textarea, select { font-family: inherit }

input, textarea, select { font-size: 100% }

a:link { color: #333333; text-decoration: none; }

a:visited { color: #333333; text-decoration: none; }

a:hover { color: #c90326; text-decoration: none; }

.spacer { clear: both; height: 0; _height: 0px; _font-size: 1px; overflow: hidden; visibility: hidden; }

.clear { clear: both; font-size: 0px; margin: 0; padding: 0; display: block; _height: 0px; overflow: hidden; }

.left { float: left; }

.right { float: right; }

.t-2indent { text-indent: 2em; }

.mB10px { margin-bottom: 10px; }

.mL10px { margin-left: 10px; }

.mR10px { margin-right: 10px; }

.mT10px { margin-top: 10px; }

.mT15px { margin-top: 15px; }

.mT20px { margin-top: 20px; }

.mB5px { margin-bottom: 5px; }

.mB15px { margin-bottom: 15px; }

.mB20px { margin-bottom: 20px; }

.padding10px { padding: 10px; }

.w25p { width: 25%; }

.red { color: red; }

a.red:link { color: #f00; }

a.red:visited { color: #f00; }

a.red:hover { color: #f00; }

.f14px { font-size: 14px; }

.fn { font-weight: normal; }

.pL10px { padding-left: 10px; }

.pL20px { padding-left: 20px; }

.position { position: relative; }

/***top*********************************************/

	

.w1200 { width: 1200px; margin: 0 auto; overflow: hidden; }

.k1200 { width: auto; margin: 0 auto; overflow: hidden; }

.main_banner {  margin: 0 auto; text-align: center; position: relative; width: 100%; height: 443px; z-index:1; overflow:hidden; }

.slider_box { width: 1920px; left: 50%; height:443px; margin-left: -960px; overflow: hidden; position: absolute; text-align: center; }

.silder_con { height: 400px; overflow: hidden; position: absolute; }

.silder_panel { width: 1920px; height: 400px; overflow: hidden; float: left; position: relative; margin: 0 auto; }

.silder_panel img { width: 1920px; height: 400px; display: block; overflow: hidden; margin: 0 auto; }

.silder_nav { width: 1920px; height:40px; line-height:40px; margin: 0px auto; overflow: hidden; border-top: 2px solid #ff0000; border-bottom: 1px solid #eaeaea; font-size: 14px; margin-top: 400px; overflow: hidden; margin-left: -960px; left: 50%; position: absolute; }

.silder_nav ul { margin: 0 auto; border-left: 1px solid #eaeaea; background: #000; display: block; width: 1204px; }

.silder_nav li { float: left; width: 299px; height: 40px; font-size: 14px; text-align: center; padding: 0px; border-right: 1px solid #eaeaea; }

.silder_nav li a { color: #333333; width:299px; display:block; }

.silder_nav li.current { color: #ff0000; }

.silder_nav li.current a { color: #ff0000; color: #fff; background: #ed2509; }

.slider_box a.prev, .slider_box a.next { display: block; width: 45px; height: 100px; overflow: hidden; text-indent: -999px; position: absolute; cursor: pointer; margin: 85px 0 0 0; display: none; background: url(../images/silder_btn.gif) no-repeat; }

.slider_box a.prev { left: 0; background-position: left 0; }

.slider_box a.next { right: 0; background-position: right 0; }

.search { width: 100%; height: 70px; border-bottom: 1px solid #eaeaea; background: #f3f3f3; }

.search .left { width: 800px; opacity: 0; }

.search .right { opacity: 0; }

.search .w1200 { position: relative; }

.search img { padding-top: 5px; }

.search .input { border: 1px solid #d1d1d1; height: 20px; background: #bfbfbf; line-height: 20px; width: 279px; padding: 5px 10px; top: 22px; position: absolute; }

.search .btn { position: absolute; top: 24px; left: 269px; }

.search span { position: absolute; top: 30px; left: 315px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; }

.donghua { width: 100%; min-height: 200px; }

/*****第二屏***************/

.T_tit { text-align: center; height: 122px; padding-top: 40px; position: relative; overflow: hidden; }

.T_tit .bk { width: 613px; padding: 0 370px; height: 122px; margin: 0 auto; position: relative; overflow: hidden; }

.T_tit .cosl, .T_tit .cosr { top: 13px; position: absolute; width: 166px; height: 102px; background: url(../images/btit.png) no-repeat; }

.T_tit .cosl { right: 50% }

.T_tit .cosr { left: 50%; background-position: right }

.T_tit h2 { font-size: 35px; line-height: 35px; height: 35px; opacity: 0; position: relative; color: #a2a2a2; font-weight: bold; width: 600px; left: 50%; text-align: center; font-family: impact, Arial; margin-left: -260px; padding-top: 12px; text-transform: uppercase; }

.T_tit .txt { font-size: 50px; color: #555; display: block; height: 61px; text-transform: uppercase; opacity: 1; font-family: Arial, Helvetica, sans-serif; font-weight: bold; top: 200px; left: 50%; margin-left: -125px; position: absolute; }

.sec2_ul { width: 310px; margin: 0 auto; margin-top: 30px; margin-bottom: 30px; overflow: hidden; }

.sec2_ul ul { width: 1240px; }

.sec2_ul li { float: left; width: 270px; display: block; padding-right: 40px; text-align: center; overflow: hidden; }

.sec2_ul li a { display: block; width: 270px; height: 405px; background: #eee; position: relative;-webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all .2s ease; transition: all 1s ease; }

.sec2_ul li a img { width: 270px; height: 290px; transition: .9s; -moz-transition: .9s; -webkit-transition: .9s; -o-transition: .9s; line-height: 1em; overflow: hidden; }

.sec2_ul li .img { width: 270px; height: 290px; overflow: hidden; }

.sec2_ul li a:hover img { transform: scale(1.2); -webkit-transform: scale(1.2); z-index: 1; }

.sec2_ul li a:hover { background: #df1f22; width: 270px; height: 405px; overflow: hidden; }

.sec2_ul li a:hover h1, .sec2_ul li a:hover h2 { color: #fff; }

.sec2_ul li a h1 { font-size: 28px; font-family: Arial, Helvetica, sans-serif; color: #333333; padding-top: 22px; font-weight: bold; }

.sec2_ul li a h2 { font-size: 13px; line-height: 24px; font-family: Arial, Helvetica, sans-serif; color: #333333; }

.sec2_ul li a .div { background: url(../images/sec2_bg.png) left top no-repeat; position: absolute; left: 0; top: 290px; width: 100%; height: 0px; overflow: hidden; z-index: 10; }

.sec2_tel { margin: 0 auto; width: 1200px; overflow: hidden; height: 167px; position: relative; }

.sec2_tel .sec2_1 { transition: .9s; -moz-transition: .9s; -webkit-transition: .9s; -o-transition: .9s; line-height: 1em; width: 1200px; height: 167px; overflow: hidden; }

.sec2_tel:hover .sec2_1 { transform: scale(1.2); -webkit-transform: scale(1.2); }

.sec2_tel .sec2_2 { position: absolute; width: 64px; height: 74px; left: 0; top: 0; z-index: 1; opacity: 0; }

.sec2_tel .sec2_3 { position: absolute; width: 305px; height: 78px; right: 19px; top: 42px; z-index: 1; opacity: 0; }

.sec2_tel2 { margin: 0 auto; width: 1200px; overflow: hidden; height: 167px; position: relative; }

.sec2_tel2 .sec2_1 { transition: .9s; -moz-transition: .9s; -webkit-transition: .9s; -o-transition: .9s; line-height: 1em; width: 1200px; height: 167px; overflow: hidden; }

.sec2_tel2:hover .sec2_1 { transform: scale(1.2); -webkit-transform: scale(1.2); }

.sec2_tel2 .sec2_2 { position: absolute; width: 64px; height: 74px; left: 0; top: 0; z-index: 1; opacity: 0; }

.sec2_tel2 .sec2_3 { position: absolute; width: 305px; height: 78px; right: 19px; top: 42px; z-index: 1; opacity: 0; }

.hp-tab-newprd { width: 248px; height: 364px; overflow: hidden; position: relative; background: #fff; }

.hp-tab-newprd .j-sw-nav { padding-top: 1px; width: 1268px; height: 51px; margin:25px auto; position: relative; overflow:hidden; background:#fff; }

.hp-tab-newprd .j-sw-nav li { float: left; }

.hp-tab-newprd .j-sw-nav li a { position: relative; display: block; width: 248px; height: 47px; line-height: 47px; border: #d5d5d5; float: left; background: #fff; color: #333; text-align: center; font-size: 24px; font-family: Arial, Helvetica, sans-serif; display: block; border: 2px solid #d5d5d5; margin-right: 64px; outline: 0; cursor: pointer; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all .1s ease; transition: all 1s ease;}

.hp-tab-newprd .newprd-clip { width:1200px; overflow:hidden; height:305px; }

.hp-tab-newprd .j-sw-nav .on { position: relative; z-index: 99 }

.hp-tab-newprd .j-sw-nav li a:hover, .hp-tab-newprd .j-sw-nav .on a { background: #0b5cae; color: #fff; border: 2px solid #0b5cae; transition: all 0.1s ease; }

.hp-tab-newprd .j-sw-c ul { zoom: 1; overflow: hidden; width: 1200px; }

.hp-tab-newprd .j-sw-c li { float: left; margin-top: 43px; display: inline; position: relative; }

.hp-tab-newprd .j-sw-c li img { }

.hp-tab-newprd .j-sw-c li .img { float: left; width: 1200px; height: 262px; overflow: hidden;  }

.hp-tab-newprd .j-sw-c li .img .inner { position: relative; }

.hp-tab-newprd .j-sw-c li .img .inner div { position: absolute; top: 0; left: 0; width: 1200px; height: 262px; }

.hp-tab-newprd .j-sw-c li .img .inner img { width: 100%; height: 100%; }

.hp-tab-newprd .j-sw-c li .img .inner div:last-child { opacity: 0; }

.sec3_con { height: 570px; width: 100%; margin: 0 auto; background: url(../images/set3_bg.gif) center top no-repeat; }

.sec3_con .donghua { padding-top: 5px; }

.sec3_con .T_tit .cosl, .sec3_con .T_tit .cosr { background: url(../images/btit_2.png) no-repeat; }

.sec3_con .T_tit .cosr { left: 50%; background-position: right }

.sec3_con .T_tit p { padding-left: 60px; }

.sec3_con .sec3_ul { width: 1200px; margin: 0 auto; overflow: hidden; }

.sec3_con .sec3_ul ul { width: 1268px; height: 51px; margin-top: 20px; }

.sec3_con .sec3_ul li { width: 248px; height: 47px; line-height: 47px; border: #d5d5d5; float: left; background: #fff; color: #333; text-align: center; font-size: 24px; font-family: Arial, Helvetica, sans-serif; display: block; border: 2px solid #d5d5d5; margin-right: 64px; }

.sec3_con .sec3_ul .on { background: #df1f22; color: #fff; border: 2px solid #fb4144; }

.sec3_con .sec2_tel { height: 380px; margin-top: 30px; }

.sec3_con .sec2_tel p { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #555555; line-height: 30px; }

.sec3_con .sec2_tel span { color: #df1f22; }

.line { width: 100%; height: 1px; background: #e9e9e9; overflow: hidden; margin-bottom: 86px; }

.sec4_tit {  position: relative;  height: 211px; overflow: hidden; }
.sec4_tit1 {  position: relative; padding-top: 20px; height: 790px; overflow: hidden; }
.sec4_tit #sec4_1 { position: absolute; width: 229px; height: 43px; top: 0px; left: 269px; z-index: 10; opacity: 0; }

.sec4_tit #sec4_2 { position: absolute; width: 695px; height: 57px; top: 56px; left: 267px; z-index: 10; opacity: 0; }

.slideGroup { width: 1200px; }

.slideGroup .parHd { }

.slideGroup .parHd ul { padding-left: 30px; }

.slideGroup .parHd ul li { width: 180px; margin-right: 10px; display: block; height: 83px; float: left; }/*background:url(../images/sec4_ico.gif) 160px center no-repeat;*/

.slideGroup .parHd ul li img { width: 52px; height: 53px; padding: 10px; border-radius: 83px; float: left; background: #555; border: 2px solid #555; margin-right: 15px; position: relative; z-index: 2; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all .2s ease; transition: all 1s ease; display: block; }

.slideGroup .parHd ul li.on img { background: #0b5cae; border: 2px solid #0b5cae; -webkit-transform: rotate(-360deg); -moz-transform: rotate(-360deg); }

.slideGroup .parHd ul li h1 { font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #808080; font-weight: bold; padding-top: 15px; }

.slideGroup .parHd ul li span { font-size: 12px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-transform: uppercase; color: #9b9b9b; }

.slideGroup .slideBox { overflow: hidden; zoom: 1; position: relative; padding: 0 60px; padding-left: 70px; height:330px; }

.slideGroup .sPrev, .slideGroup .sNext { position: absolute; top:54%; margin-top: 28px; width: 60px; height: 116px; background: url(../images/lfRt.png); cursor: pointer; -moz-transition: opacity .5s; -webkit-transition: opacity .5s; -o-transition: opacity .5s; }

.slideGroup .sPrev { left: 0; background-position: top left }

.slideGroup .sPrev:hover { filter: alpha(opacity=50); -moz-opacity: .5; opacity: .5; }

.slideGroup .sNext { right: 0; background-position: top right }

.slideGroup .sNext:hover { filter: alpha(opacity=50); -moz-opacity: .5; opacity: .5; }

.slideGroup .parBd {  }

.slideGroup .parBd ul { overflow: hidden; zoom: 1; }

.slideGroup .parBd ul li { margin: 0 28px; float: left; _display: inline; overflow: hidden; text-align: center; }

.slideGroup .parBd ul li .pic { text-align: center; width: 289px; height: 217px; overflow: hidden; }

.slideGroup .parBd ul li .pic img { width: 289px; height: 217px; display: block; transition: .9s; -moz-transition: .9s; -webkit-transition: .9s; -o-transition: .9s; line-height: 1em; overflow: hidden; }

.slideGroup .parBd ul li .pic:hover img { transform: scale(1.2); -webkit-transform: scale(1.2); width: 289px; height: 217px; overflow: hidden; }

.slideGroup .parBd ul li .title { line-height: 24px; background: #eeeeee; height: 113px; text-align: left; }

.slideGroup .parBd ul li .title b{ display: block; border-bottom: 1px solid #ccc; height: 48px; line-height: 48px; font-size: 18px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; margin: 0 10px; }

.slideGroup .parBd ul li .title span { display: block; font-size: 14px; line-height: 40px; font-family: Arial, Helvetica, sans-serif; padding: 0 10px; }

.sec4_bg { background: url(../images/sec4_bg.gif) bottom repeat-x; width: 100%; margin: 0 auto; }

.scroll_horizontal { width: 324px; margin: 0 auto; position: relative; overflow: hidden; }

.scroll_horizontal .box { overflow: hidden; position: relative; width: 324px; height: 330px; margin: 0 auto }

.scroll_horizontal .list { overflow: hidden; width: 9999px; margin: 0 auto; }

.scroll_horizontal .list li { width: 324px; float: left; margin: 0 auto; position: relative; text-align: center; }

.scroll_horizontal .list li a { display: block; font-size: 18px; font-family: Arial, Helvetica, sans-serif; }

.scroll_horizontal .list li .tit { width: 259px; margin: 0 auto; height: 113px; background: #eee; display: block; padding: 0px 15px; line-height: 24px; }

.scroll_horizontal .list li .tit .des { font-size: 14px; line-height: 40px; font-family: Arial, Helvetica, sans-serif; }

.scroll_horizontal .list li .tit a { display: block; color: #2d2d2d; font-size: 18px; line-height: 35px; padding-top: 8px; font-weight: bold; border-bottom: 1px solid #ccc; padding-bottom: 10px; }

.scroll_horizontal .list li img { width: 289px; height: 217px; }

.scroll_horizontal .prev, .scroll_horizontal .next { position: absolute; top: 60%; margin-top: 5px; width: 60px; height: 116px; background: url(../images/lfRt.png); cursor: pointer; -moz-transition: opacity .5s; -webkit-transition: opacity .5s; -o-transition: opacity .5s; }

.scroll_horizontal .prev { left: 0; background-position: top left }

.scroll_horizontal .prev:hover { filter: alpha(opacity=50); -moz-opacity: .5; opacity: .5; }

.scroll_horizontal .next { right: 0; background-position: top right }

.scroll_horizontal .next:hover { filter: alpha(opacity=50); -moz-opacity: .5; opacity: .5; }

.sec5 { background: url(../images/set5_bg.jpg) top center no-repeat; width: 100%; height: 850px; }

.sec5 .w { width: 1200px; margin: 0 auto; }

.sec5 .T_tit2 { text-align: center; height: 122px; padding-top: 60px; position: relative; overflow: hidden; }

.sec5 .T_tit2 .bk { height: 122px; margin: 0 auto; position: relative; overflow: hidden; }

.sec5 .T_tit2 .cosl2, .sec5 .T_tit2 .cosr2 { top: 13px; position: absolute; width: 539px; height: 122px; background: url(../images/sec5_btit.png) no-repeat; }

.sec5 .T_tit2 .cosl2 { right: 40%; background-position: left; }

.sec5 .T_tit2 .cosr2 { left: 40%; background-position: right; }

.sec5 .T_tit2 h2 { font-size: 48px; line-height: 35px; height: 50px; opacity: 0; position: absolute; color: #fff; font-weight: bold; width: 215px; text-align: center; font-family: Arial, Helvetica, sans-serif; font-weight: bold; left: 50%; top: -40px; margin-left: -110px; padding-top: 50px; text-transform: uppercase; }

.sec5 .T_tit2 .txt { font-size: 20px; color: #ababab; display: block; height: 26px; text-transform: uppercase; opacity: 1; font-family: Arial, Helvetica, sans-serif; font-weight: bold; top: 280px; left: 50%; position: absolute; margin-left: -96px; }

.sec5 .ico { margin-top: 87px; text-align: center; }

.sec5 .ico .img { background: url(../images/sec5_ico.png) top center no-repeat; width: 316px; height: 376px; display: block; float: left; margin-right: 50px; }

.sec5 .ico h1 { font-size: 91px; color: #fff; font-family: impact, Arial; padding-top: 58px; }

.sec5 .ico h2 { font-size: 45px; font-family: Arial, Helvetica, sans-serif; color: #fff; }

.sec5 .ico span { padding-top: 65px; color: #fff; display: block; font-family: Arial, Helvetica, sans-serif; font-size: 24px; }

.sec5 .Lline { background: url(../images/sec5_line.png) no-repeat; width: 1px; height: 202px; float: left; margin-right: 50px; }

.sec6 { background: url(../images/set6_bg.jpg) top center no-repeat; width: 100%; height: 850px; }

.sec6 .w { width: 1200px; margin: 0 auto; }

.sec6 .sec6_flash { padding-top: 13px; width: 285px; height: 285px; overflow: hidden; float: left; }

.sec6 .p { padding-left: 317px; padding-top: 45px; }

.sec6 .p h1 { font-size: 55px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #0b5cae; }

.sec6 .p h2 { color: #333333; font-size: 55px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; }

.sec6 .p h2 span { color: #ffae00; }

.sec6 .p h3 { color: #6b6b6b; font-family: impact, Arial; font-size: 40px; text-transform: uppercase; }

.sec6 .p2 { position: absolute; left: 0; top: 491px; }

.sec6 .p2 h4 { font-size: 55px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #fff; }

.sec6 .p2 h4 span { color: #ffae00; }

.sec6 .p2 h5 { color: #fff; font-size: 42px; font-family: Arial, Helvetica, sans-serif; }

.sec6 .p3 { position: absolute; right: 121px; top: 640px; }

.sec6 .p3 h1 { color: #fff; font-size: 65px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; }

.sec6 .p3 h1 span { color: #ffae00; }

.sec6 .p3 h2 { color: #fff; font-size: 42px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; }

.sec7 { }

.sec7 .deng { -webkit-animation: deng 0.8s linear infinite; width: 55px; height: 55px; margin: 0 auto; margin-top: 42px; }

@-webkit-keyframes deng { 0% {

-webkit-transform: translateY(-2px);

}

33% {

-webkit-transform: translateY(2px);

}

66% {

-webkit-transform: translateY(0px);

}

100% {

-webkit-transform: translateY(-2px);

}

}

.sec7 .T_tit2 { text-align: center; height: 122px; padding-top: 5px; position: relative; overflow: hidden; }

.sec7 .T_tit2 .bk { height: 122px; margin: 0 auto; position: relative; overflow: hidden; }

.sec7 .T_tit2 .cosl2, .sec7 .T_tit2 .cosr2 { top: 13px; position: absolute; width: 539px; height: 122px; background: url(../images/sec7_btit.gif) no-repeat; }

.sec7 .T_tit2 .cosl2 { right: 40%; background-position: left; }

.sec7 .T_tit2 .cosr2 { left: 40%; background-position: right; }

.sec7 .T_tit2 h2 { font-size: 48px; line-height: 35px; height: 50px; top: -40px; opacity: 0; position: absolute; color: #555555; font-weight: bold; width: 215px; text-align: center; font-family: Arial, Helvetica, sans-serif; font-weight: bold; left: 50%; margin-left: -100px; padding-top: 50px; text-transform: uppercase; }

.sec7 .T_tit2 .txt { font-size: 20px; color: #aaaaaa; display: block; height: 26px; text-transform: uppercase; opacity: 1; font-family: Arial, Helvetica, sans-serif; font-weight: bold; top: 280px; left: 50%; position: absolute; margin-left: -50px; }

.sec7 .voide { width: 1200px; margin: 0 auto; position: relative; height: 68px; margin-top: 72px; overflow: hidden; }

.sec7 .voide p img { position: absolute; width: 23px; display: block; top: -50px; left: 0px; }

.sec7 .voide h1 { position: absolute; font-size: 24px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; left: 30px; top: 0px; left: 50px; padding-left: 30px; }

.sec7 .con { height: 423px; width: 100%; }

/***********视频展示****************/

.detailed { width: 1200px; height: 490px; position: relative; margin: 0 auto; margin-bottom: 20px; }

.CaseShow { width: 1200px; position: relative; top: 0px; z-index: 1; }

.cBig { width: 649px; height: 486px; border: 1px solid #ddddd7; float: left; }

.cTitBg { width: 400px; height: 300px; padding-top: 45px; position: absolute; left: 50%; top: 190px; background: #000; margin-left: -452px; z-index: 2; }

.cPicList { width: 485px; height: 490px; position: relative; top: 0px; float: right; }

.cPicList ul { }

.cPicList ul li { width: 450px; margin-right: 15px; height: 96px; text-align: center; float: left; display: block; line-height: 18px; padding-bottom: 37px; margin-bottom: 30px; border-bottom: 1px dotted #e1e1e1; }

.cPicList ul li p { color: #000; font-size: 18px; width: 300px; float: right; margin-bottom: 20px; line-height: 42px; font-weight: bold; text-align: left; border-bottom: 1px solid #e6e6e6; }

.cPicList ul li span a, .cPicList ul li span a:visited { background: url(../images/voide_ico.gif) 135px center no-repeat; float: right; border: 1px solid #c9c9c9; display: block; width: 162px; height: 31px; line-height: 31px;  text-transform: uppercase; color: #c9c9c9; }

.cPicList ul li:hover p a { color: #df1f22; }

.cPicList ul li span a:hover { color: #fff; border: 1px solid #df1f22; background: #df1f22; }

.cPicList .border_animation { border: 1px solid #eee; width: 128px; height: 96px; position: relative; padding: 3px; float: left; }

.cPicList .border_animation .border_top { position: absolute; height: 1px; width: 0; font-size: 0; background: #df1f22; top: 0; left: 0; -webkit-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }

.cPicList .border_animation .border_right { position: absolute; height: 0px; width: 1px; font-size: 0; background: #df1f22; bottom: 0; right: 0; -webkit-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }

.cPicList .border_animation .border_bottom { position: absolute; height: 1px; width: 0px; font-size: 0; background: #df1f22; right: 0; bottom: 0; -webkit-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }

.cPicList .border_animation .border_left { position: absolute; height: 0px; width: 1px; font-size: 0; background: #df1f22; left: 0; top: 0; -webkit-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }

.cPicList .hover .border_top, .cPicList .hover .border_bottom { width: 134px }

.cPicList .hover .border_left, .cPicList .hover .border_right { height: 102px }

/* 滚动条的样式 */

.scrollUp, .scrollHandle, .scrollDown { overflow: hidden; background-image: url(../images/ttscrollbar.png); background-repeat: no-repeat; _background-image: url(../images/ttscrollbar.gif) }

.scrollBar { height: 100%; width: 16px; background-repeat: repeat-y; background: url(../images/ttscrollBarBg.png) top right; overflow: hidden; position: absolute; right: 0; top: 0; z-index: 111 }

.scrollUp, .scrollDown { height: 23px; cursor: pointer; position: absolute; left: 1px; cursor: pointer }

.scrollUp, .scrollHandle, .scrollHandleDown, .scrollDown { width: 14px; position: absolute; }

.scrollHandle { height: 109px; background-position: -21px 0; left: 1px; top: 19px; }

.scrollUp { background-position: left 0px; top: 0; }

.scrollDown { background-position: 0 -28px; bottom: 0; }

.sec8 { background: url(../images/sec7_bg.gif) top center no-repeat; width: 100%; height: 390px; }

.sec8 .about { width: 504px; height: 247px; position: relative; margin-top: 100px; }

.sec8 .about .border { border: 2px solid #b5b5b5; width: 88px; height: 159px; position: absolute; z-index: 10; left: 0; top: -50px; }

.sec8 .about .img { width: 422px; height: 70px; position: absolute; top: 51px; left: 50px; z-index: 100; }

.sec8 .about p { padding-top: 163px; line-height: 24px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }

.linkst { margin-top: 100px; width: 654px; overflow: hidden; height:196px; border:1px solid #eaeaea;  }

.linkst ul { width: 101%; }

.linkst li { width: 130px; height:98px; float: left; border-left: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; }

.linkst a { background: #505050; float: left; text-align: center; display: none; opacity: 0; }

/* The banner divs */

.banner { width: 130px; height:98px; position: relative; overflow: hidden; float: left; }

/* The banner divs */

.banner img { display: block; border: none; }

/* The dark animated divs */

.banner div { position: absolute; z-index: 100; background-color: #222; width: 60px; height: 60px; cursor: pointer; /*	Setting a really big value for border-radius

		will make the divs perfect circles */

-moz-border-radius: 100px; -webkit-border-radius: 100px; border-radius: 100px; }

/*	Positioning the animated divs outside the

	corners of the visible banner area: */

.banner .cornerTL { left: -63px; top: -63px; }

.banner .cornerTR { right: -63px; top: -63px; }

.banner .cornerBL { left: -63px; bottom: -63px; }

.banner .cornerBR { right: -63px; bottom: -63px; }

/* The "Visit Company" text */

.banner p { width: 100%; left: 0; top:40px; z-index: 200; position: absolute; font-family: Tahoma, Arial, Helvetica, sans-serif; color: #FFF; font-size: 11px; text-align: center; cursor: pointer; display: none;	/* hidden by default */ }


.banner p { width: 100%; left: 0; top:40px; z-index: 200; position: absolute; font-family: Tahoma, Arial, Helvetica, sans-serif; color: #FFF; font-size: 11px; text-align: center; cursor: pointer; display: none;	/* hidden by default */ }

.bott { height: 305px; background: #393b41 url(../images/bott_line.gif) left 240px repeat-x; width: 100%;  overflow: hidden; }

.bott .left { width: 727px; }

.bott .right { width: 472px; }

.bott .map ul{height:235px; overflow:hidden;}

.bott .map ul li { width: 117px; float: left; color: #fff; margin-top:24px; line-height: 30px; }

.bott .map ul li dl { text-align: center; font-family: 14px; font-family: Arial, Helvetica, sans-serif; }

.bott .map ul li dd { border-right: 1px solid #474950; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }

.bott .map ul li dt a, .bott .map ul li dt a:visited { color: #fff; }

.bott .map ul li dd a, .bott .map ul li dd a:visited { color: #afafaf; }

.bott .map ul li dd a:hover { background: #dd2929; padding: 2px 5px; color: #fff; }

.bott p { float: left; color: #b0b0b0; line-height: 24px; padding-top:15px; }

.bott p a, .bott p a:visited { color: #b0b0b0; }

.bott p a:hover { background: #dd2929; padding: 2px 5px; color: #fff; }

.content-four { float:left; margin-left:50px; width:86px;  display:block; height: 27px; font-weight:700; text-align:center; line-height:29px; color:#fff; border:1px solid #ddd; }

.bott .sum { margin-top: 30px; float:right; margin-bottom: 30px; width: 447px; height: 195px; }

.bott .sum ul { padding-top: 45px; line-height: 35px; }

.bott .sum li { font-size: 14px; font-weight: bold; color: #ff4040; padding-left: 103px; }

.bott .sum .txt2 { padding-left: 5px; width: 100%; height: 35px; padding-top: 10px; }

.bott .sum .txt2 .span1 { color: #c4c9d7; font-size: 18px; text-align: left; float: left; width: 207px; }

.bott .sum .txt2 .span2 { color: #c4c9d7; font-size: 18px; width: 180px; text-align: right; padding-right: 20px; }

.bott .select_box { background: url(bott_sel.gif) no-repeat; position: relative; width: 323px; height: 29px; float: right; }

.bott span { cursor: pointer; display: block; width: 313px; padding-left: 10px; height: 29px; line-height: 29px; overflow: hidden; color: #A9A9A9; }

.bott .select_box ul li { cursor: pointer; }

.bott .son_ul { display: none; width: 323px; position: absolute; left: 0; bottom: 29px; background: #ddd; }

.bott .son_ul li { display: block; line-height: 29px; height: 29px; width: 333px; overflow: hidden; }

.bott .son_ul li a, .siteLinks .son_ul li a:visited { color: #000; width: 323px; display: block; overflow: hidden; padding-left: 10px; }

.bott .son_ul li a:hover { color: #fff; background: #ed2509; }

.bott .son_ul li.hover { background: #ed2509; color: #fff; }

/*分页*/



.pagin {

	margin:30px auto;

	overflow: hidden; 

	width: auto; float:none; 

}

.pagin .p{ text-align:center; margin:0 auto; display:block; float:right;}

.pagin a,

.pagin span {

	border: 1px solid #c5c4c5;

	float: left;

	font-family: arial;

	height: 20px;

	line-height: 20px;

	margin-left: 3px;

	overflow: hidden;

	padding: 0 8px;

	color: #333;

}

.pagin a {

	background: #fff;

	color: #8d9ac1;

}

.pagin a:hover,

.pagin .current {

	background: #de2a2c;

	color: #fff;

	border: none;

	padding: 1px 9px

}

.pagin .text {

	border: none

}

.keifu{  padding-top: 230px;position:fixed; top:10%; right:0; width:140px;  _position:absolute; _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.bottom,10)||0)-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));

 z-index:99000000000;}

.keifu_tab{ width:140px;}

.icon_keifu{ width:28px; height:100px; background:url(../images/keifu.png) 0 0; position:relative; display:none; cursor:pointer; }

.keifu_box{ float:left; width:140px;}

.keifu_head{background:url(../images/qq_head.png) center no-repeat;border-radius:4px 4px 0 0;text-align: center;height: 35px;line-height: 35px;position:relative;width:129px;margin-left: 6px; color:#fff; font-size:14px; font-weight:bold;}

.keifu_close:link,.keifu_close:visited{ display:block; width:15px; height:15px; background:url(../images/keifu.png) -42px 0; position:absolute; bottom:18px; right:58px;}

.keifu_close:hover{ background-position:-60px 0;}

.keifu_con{ background:url(../images/xuanfu_content.png) repeat-y; padding-top:5px;*float:left; *width:140px;}

.xuanfu_qq{ width:140px; text-align:center; }

.xuanfu_qq a{ margin:10px 0; display:block; background:url(../images/suqq.png) center center no-repeat; width:140px; height:23px;}

.xuanfu_qita{ width:115px; height:160px; margin:0 auto; border-top:#f4f4f4 1px solid; border-bottom:#f4f4f4 1px solid;}

.xuanfu_weibo{ float:left; margin:5px 0 0 12px; width:90px; height:20px; text-align:center;}

.xuanfu_weixin{ float:left; margin:20px 0  0 5px; background:url(../images/wx.jpg) no-repeat; background-size:100% auto; display:block;width:104px; height:104px; }

.xuanfu_dianhua{ width:140px; float:left; }

.xuanfu_tit{width:140px; text-align:center;  color:#4e4e4e; font-weight:bold; padding:10px 0 0;}

.xuanfu_tel{width:140px; text-align:center;  color:#df1f22; padding:0; font-size:18px; font-family:"Impact";}

.keifu_bot{ width:140px; height:50px; background:url(../images/xuanfu_bottom.png); }

.titlele {

  height: 40px;

  line-height: 40px;

  padding-bottom: 20px;

}

.titlele span i {

  background: url(../images/icon.jpg) no-repeat;

  width: 42px;

  height: 40px;

  float: left;

}

.titlele span b {

  float: left;

  font-size: 18px;

  padding-left: 10px;

}

.titlele .more {

  width: 73px;

  height: 26px;

  line-height: 26px;

  background: #f88a1e;

  color: #fff;

  text-align: center;

  margin-top: 8px;

}

.titlele .more:hover {

  background: #f67e0a;

}

/*锚点*/

.anchor { width:120px; padding:10px 0px; position:fixed; right:3%; z-index:9000; top:150px; text-align:left; display:none; }

.anchor li a{ color:#333; width:100px; margin:0 auto; display:block; line-height:35px; height:35px; font-size:14px; margin-bottom:5px; background:url(../images/adv_ico.png) left center no-repeat; padding-left:15px; }

.anchor li a:hover{  color:#e0292c;}
.page{height:40px; line-height:40px; text-align:center; margin-top:30px; clear:both;}
.page li{display:inline; padding:5px 10px; border:1px solid #ddd; margin-right:5px;}
.page li a{color: #555;}
.page li a:hover{background:#f5f5f5; color:#0064c4;}
.page li.thisclass{background:#0058A5; color: #fff;}
.page li.thisclass a{text-decoration:none; cursor:default; border-color:#0064c4; color: #fff;}
.page .pageinfo strong{font-weight:normal;}