/* ::::: http://www.webhuanyu.com/templets/huanyu/views/default/css/css.css ::::: */



html {  }

html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin: 0px; padding: 0px; }

body { font-family: "微软雅黑"; font-size: 14px; color: rgb(0, 0, 0); overflow-wrap: break-word; }

button, input, select, textarea { font: 14px/1.5 Arial,"宋体",Helvetica,Verdana,sans-serif; overflow-wrap: break-word; color: rgb(86, 87, 86); }

ul, li { list-style: outside none none; margin: 0px; padding: 0px; }

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

img { border: 0px none; vertical-align: middle; }

a { text-decoration: none; outline: medium none; }

p { margin: 0px; padding: 0px; }

input, select, textarea { vertical-align: middle; }

input { margin: 0px; outline: medium none; padding: 0px; }

.width_1000 { width: 1000px; margin: 0px auto; }

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

.ddw { position: absolute; left: 0px; top: 0px; color: rgb(0, 0, 0); font-size: 16px; z-index: 9999; }

.ddw2 { position: absolute; left: 20px; top: 0px; color: rgb(0, 0, 0); font-size: 16px; z-index: 9999; }

.num_box { position: relative; }

.num { color: rgb(255, 255, 255); width: 100%; text-align: center; position: relative; overflow: hidden; }

.mask { background: rgba(0, 0, 0, 0.5) none repeat scroll 0% 0%; width: 100%; height: 100%; }

#num_0 { background: rgb(0, 0, 0) url('../image/libg2.jpg') no-repeat scroll center center / cover ; }

#num_1 { background: transparent url('../image/nut.jpg') no-repeat scroll center center / cover ; }

#num_2 { background: rgb(0, 0, 0) url('../image/num3_bg.jpg') no-repeat scroll center center / cover ; }

#num_3 { background: rgb(0, 0, 0) url('../image/num4_bg.jpg') no-repeat scroll center center / cover ; }

#num_4 { background: rgb(0, 0, 0) url('../image/num5_bg.jpg') no-repeat scroll center center / cover ; }

#num_5 { background: rgb(0, 0, 0) url('../image/nut.jpg') no-repeat scroll center center / cover ; }

#num_6 { background: rgb(0, 0, 0) url('../image/num7_bg.jpg') no-repeat scroll center center / cover ; }

#num_2 > div, #num_3 > div, #num_4 > div, #num_5 > div, #num_6 > div { padding-top: 67px; }

.fengxian { margin: -233px auto 140px -295px; width: 590px; height: 532px; position: absolute; left: 50%; top: 50%; }

.fengxian > div { position: relative; }

.fengxian img { position: absolute; left: 95px; top: 60px; width: 400px; height: auto; }

.fengxian hgroup { padding-top: 150px; }

.fengxian hgroup h3 { font-size: 48px; color: rgb(231, 20, 26); }

.fengxian hgroup h2 { font-size: 83px; color: rgb(255, 255, 255); line-height: 84px; }

.fengxian hgroup h4 { font-size: 28px; color: rgb(255, 255, 255); }

.wechat { margin: -233px auto 140px -295px; width: 690px; height: 532px; position: absolute; left: 50%; top: 50%;}

/*小程序banner*/

.wechat img { position: absolute; left: -25px; top: 125px; width: 730px; height: auto; }

.wechat hgroup { padding-top: 100px; }

.wechat hgroup h3 { font-size: 46px; color: rgb(231, 20, 26); }

.wechat hgroup h2 { font-size: 80px; color: rgb(255, 255, 255); line-height: 81px; }

.wechat hgroup h4 { font-size: 21px; color: rgb(255, 255, 255); }

.wechat hgroup h5 { font-size: 16px; color: rgb(255, 255, 255);margin-top:20px; }

/*移动app开发*/

.moblieapp { position: absolute; left: 50%; top: 50%;width: 690px; height: 532px; margin: -233px auto 140px -295px; }

.moblieapp hgroup { padding-top:130px; }

.moblieapp hgroup h3 { font-size: 40px; color:  rgb(255, 255, 255); margin-top:10px;}

.moblieapp hgroup h4 { font-size: 26px; color:  rgb(203, 203, 203); }

.moblieapp hgroup h2 { font-size: 72px; color: rgb(255, 255, 255); line-height: 81px; }

.moblieapp hgroup h5 { font-size: 30px; color: rgb(255, 255, 255);margin-top:5px; }

.moblieapp hgroup h5 a { font-size: 30px; color: rgb(255, 255, 255); background: rgb(231, 20, 26) none repeat scroll 0% 0%; border-radius: 4px;

    display: block; line-height:46px; width: 250px; margin: 30px auto; border: 1px solid rgb(255, 255, 255); }



.six { width: 476px; height: 476px; position: absolute; left: -50%; top: 50%; margin-left: -238px; margin-top: -205px; }

.six > div { position: relative; }

.six img.sixb { position: absolute; z-index: 1; width: 100%; left: 0px; top: 0px; }

.six img.sixa { position: absolute; z-index: 2; width: 100%; left: 0px; top: 0px; }

.six hgroup { padding-top: 80px; position: relative; z-index: 3; }

.six h3 { font-size: 32px; color: rgb(110, 110, 110); }

.six h2 { font-size: 98px; color: rgb(231, 20, 26); }

.six h4 { font-size: 22px; color: rgb(66, 66, 66); }

.another { position: absolute; top: 0px; width: 50%; height: 100%; background: rgba(0, 0, 0, 0.3) none repeat scroll 0% 0%; }

.animation2_1 { animation: 0.5s linear 0.2s normal both 1 running animation2_1; position: absolute; top: 0px; width: 50%; height: 100%; background: rgba(0, 0, 0, 0.3) none repeat scroll 0% 0%; }

.fangan { position: absolute; width: 100%; height: 310px; top: 50%; margin-top: -122px; }

.fangan h3 { font-size: 32px; color: rgb(203, 203, 203); }

.fangan h2 { font-size: 62px; color: rgb(231, 20, 26); }

.fangan h4 { font-size: 32px; color: rgb(255, 255, 255); }

.fangan h5 a { font-size: 16px; color: rgb(255, 255, 255); background: transparent none repeat scroll 0% 0%; border-radius: 4px; display: block; line-height: 28px; width: 100px; margin: 30px auto; border: 2px solid rgb(255, 255, 255); }

.fangan h5 a:hover { color: rgb(231, 20, 26); border: 2px solid rgb(231, 20, 26); }

.head, .header { font-size: 16px; line-height: 30px; height: 67px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; color: rgb(68, 68, 68); position: absolute; width: 100%; z-index: 22; }

.header { background: transparent url('../image/hnav.png') repeat scroll 0% 0%; color: rgb(255, 255, 255); display: none; }

.head ul, .header ul { overflow: hidden; text-align: center; margin-top: 18px; }

.head ul li, .header ul li { margin: 0px 1%; display: inline-block; font-size: 0px; height: 30px; overflow: hidden; }

.head ul li:last-child, .header ul li:last-child { margin-right: 0px; }

.head ul li a, .header ul li a { display: block; color: inherit; font-size: 16px; cursor: pointer; }

.head ul li a.active, .head ul li a:hover, .header ul li a.active, .header ul li a:hover { color: rgb(231, 20, 26); }

.logo { position: absolute; width: 220px; display: block; top: 7px; text-align: left; left: 25px; }

.logo img { width: 220px; height: 53px; }

.hotline { position: absolute; width: 200px; line-height: 65px; text-align: right; right: 25px; top: 0px; }

.hotline img { vertical-align: middle; width: 28px; height: 28px; }

.hotline span { vertical-align: middle; font-size: 18px; color: rgb(231, 20, 26); }

.header .hotline span { color: rgb(255, 255, 255); }

.xiangying_nav { display: none; width: 24px; height: 24px; /*background: transparent url('../images/fk.png') no-repeat scroll left top;*/ position: absolute; right: 26px; top: 22px; }

.server { height: 100%; background:  no-repeat scroll left top / cover ; }

.server ul { height: 100%; }

.server ul li { float: left; height: 100%; text-align: center; width: 20%; box-sizing: border-box; padding: 0px 2%;  position: relative; }

.server_mask { position: absolute; width: 100%; left: 0px; bottom: 0px; background: rgb(231, 20, 26) none repeat scroll 0% 0%; z-index: -1; }

.server_mask_div { position: relative; width: 100%; height: 100%; overflow: hidden; }

.server ul li > img { position: absolute; left: 0px; right: 0px; margin: auto; width: 80%; bottom: -100%; transition: bottom 1s ease 0.2s; }

.server ul li:hover > img { bottom: 0px; }

.server ul li.active, .server ul li:hover { color: rgb(255, 255, 255); transition: color 1s ease 0s; }

.server ul li.active .server_img, .server ul li:hover .server_img { border-color: rgb(255, 255, 255); top: -60px; }

.server ul li:hover .server_cont > p { top: -60px; }

.server ul li:hover .server_cont .server_intro { opacity: 1; bottom: 40px; }

.server_cont { position: relative; top: 40%; overflow: inherit; }

.server_cont .server_img { border-radius: 100%; width: 130px; height: 130px; margin: 0px auto; position: relative; top: 0px; transition: border-color 1s ease 0s, top 0.5s ease 0s; }

.server_cont .server_img img { width: 100%; height: auto; margin-top: 0px; position: relative; }

.server_cont > p { padding: 15px 0px 25px; font-size: 16px; transition: top 0.5s ease 0s; position: relative; top: 0px; }

.server_cont .server_intro { line-height: 24px; transition: all 0.8s ease 0.2s; opacity: 0; color: rgb(255, 255, 255); position: relative; bottom: -150px; }

.server ul li .hid { display: none; }

.server ul li:hover .sho { display: none; }

.server ul li:hover .hid { display: inline-block; animation: 1s linear 0.5s normal both infinite running plays; position: relative; }

.server_ul li:nth-of-type(1) { transform: translate(-400px, 0px); opacity: 0; transition: transform 0.5s ease 0s, opacity 1.5s ease 0s; }

.server_ul li:nth-of-type(2) { transform: translate(-200px, 0px); opacity: 0; transition: transform 0.5s ease 0s, opacity 1.5s ease 0s; }

.server_ul li:nth-of-type(3) { transform: translateY(-200px); transition: transform 0.5s ease 0s; opacity: 0; }

.server_ul li:nth-of-type(4) { transform: translate(200px, 0px); opacity: 0; transition: transform 0.5s ease 0s, opacity 1.5s ease 0s; }

.server_ul li:nth-of-type(5) { transform: translate(400px, 0px); opacity: 0; transition: transform 0.5s ease 0s, opacity 1.5s ease 0s; }

.server_ul_hover li:nth-of-type(1) { transform: translate(0px, 0px); opacity: 1; transition: transform 1s ease 0s, opacity 1.5s ease 0s; }

.server_ul_hover li:nth-of-type(2) { transform: translate(0px, 0px); opacity: 1; transition: transform 0.5s ease 0s, opacity 1.5s ease 0s; }

.server_ul_hover li:nth-of-type(3) { transform: translateY(0px); transition: transform 1s ease 0s; opacity: 1; }

.server_ul_hover li:nth-of-type(4) { transform: translate(0px, 0px); opacity: 1; transition: transform 0.5s ease 0s, opacity 1.5s ease 0s; }

.server_ul_hover li:nth-of-type(5) { transform: translate(0px, 0px); opacity: 1; transition: transform 1s ease 0s, opacity 1.5s ease 0s; }

.case { text-align: center; }

.case-top { text-align: right; }

.case-top-left { display: inline-block; }

.case-top-left-top { font-size: 30px; }

.case-top-left-bottom { font-size: 26px; }

.case-top-right { display: inline-block; font-size: 76px; color: rgb(231, 20, 26); }

.case-top-right sup { position: relative; top: -30px; }

.case_ul_wrap { position: absolute; width: 100%; left: -18px; bottom: 13%; }

.container { margin-right: auto; margin-left: auto; }

.container { width: 1200px; }



.col-xs-3, .col-sm-3, .col-md-3, .col-lg-3{ position: relative; min-height: 1px; padding-right: 3.5%; padding-left: 3.5%; }

.col-md-3{ float: left; }

.col-md-3 { width: 14%; }



/*关于我们*/

.wk_about_right {

    float: right;

    position: relative;

    width: 56%;
    margin-right: 0;

}



.wk_about_top {

    margin: 0 auto;

    padding-top: 20px;

}

.wk_about_top a {

    float: left;

    height: 118px;

    margin-right: 58px;

    width: 110px;

	margin-bottom:20px;

}



.wk_about_des {

    color: #fff;

    font-size: 15px;

    line-height: 26px;

    margin-top: 25px;

	clear:both;

	text-align:left;

}





.bg_con { background: transparent url('http://lc.test003.ppt.security.zhiguan.chaozhou.14842.xinxiang.zz.pingliang.ww38.viennacitytours.com/templets/default/shouye/images/con_bg.jpg') no-repeat scroll center top; overflow: hidden; padding: 70px 0px; }

.bg_case { background-position: center top; background-repeat: repeat; overflow: hidden; }



.about_list { text-align: center; margin-top: 40px; }

.about_list dt {  }

.about_list .al_dd { padding: 10px 0px; color: rgb(255, 255, 255); }

.about_list dt img { margin: 0px auto; }

.about_list .al_dd2 { color: rgb(255, 255, 255); line-height: 22px; }

.case_list li { margin-top: 50px; overflow: hidden; border-radius: 50%; position: relative; }

.case_list li .view { overflow: hidden; position: relative; border-radius: 50%; border: 10px solid rgb(186, 211, 225); }

.case_list li .view .succ_img { width: 100%; border-radius: 50%; }

.view .mask { position: absolute; overflow: hidden; border-radius: 150px; top: 0px; left: 0px; }

.view .mask img { margin-top: 20px; }

.view h2 { text-transform: uppercase; text-align: center; position: relative; font-size: 17px; padding: 10px; background: rgba(0, 0, 0, 0.8) none repeat scroll 0% 0%; margin: 20px 0px 0px; }

.view h2 a { color: rgb(255, 255, 255); }

.view p { font-size: 12px; position: relative; color: rgb(255, 255, 255); padding: 10px 0px; text-align: center; }

.view-fourth .mask { transition: all 0.4s ease-in-out 0.2s; opacity: 1; }

.view-fourth .succ_img{ width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8); opacity: 0; transform: scale(0) rotate(-180deg); transition: all 0.4s ease-in 0s; border-radius: 150px; text-align: center; }

.view-fourth h2 { opacity: 0; border-bottom: 1px solid rgba(0, 0, 0, 0.3); background: transparent none repeat scroll 0% 0%; margin: 0px 28px 0px; transition: all 0.5s ease-in-out 0s; }

.view-fourth p { opacity: 0; transition: all 0.5s ease-in-out 0s; }

.view-fourth:hover .succ_img { opacity: 1; transform: scale(1) rotate(0deg); transition-delay: 0.2s; }

.view-fourth:hover .mask { transform: scale(0); opacity: 0; transition-delay: 0s; }

.view-fourth h2, .view-fourth p, .view-fourth a.info { opacity: 1; transition-delay: 0.5s; }



.case-bottm { position: absolute; bottom: 4%; left: 50%; margin-left: -45px; width: 90px; height: 39px; animation: 1s linear 0s normal both infinite running case; border: 2px solid rgb(186, 186, 186); border-radius: 4px; }

.case-bottm a { font-size: 16px; color: rgb(255, 255, 255); line-height: 39px; }

.case-bottm:hover { position: absolute; bottom: 4%; left: 50%; margin-left: -45px; animation: 1s linear 0s normal both infinite running case; border: 2px solid rgb(231, 20, 26); }

.cont-left { width: 430px; display: inline-block; vertical-align: top; }

.cont-right { vertical-align: top; transform: scale(5); opacity: 0; }

.cont-right-in { transform: scale(1); opacity: 1; transition: all 0.5s linear 0s, opacity 1.5s ease 0s; }

.cont-right-out { transform: scale(5); opacity: 0; transition: all 1s ease 0s; }

.title { padding: 3% 90px; text-align: left; }

.pic-cont { padding-top: 70px; }

.v_out {  }

.v_show { width: 1200px; overflow: hidden; position: relative; height: 380px; float: left; background:rgba(0, 0, 0, 0) url("../image/service_main_bj.png") repeat scroll left top; }

.v_cont { position: absolute; left: 0px; top: 0px; }

.v_cont ul { float: left; line-height: 50px; }

.v_cont ul li { width: 1200px; float: left; }

.v_cont1 { position: absolute; left: 0px; top: 0px; display: none; }

.v_cont1 ul { float: left; line-height: 50px; }

.v_cont1 ul li { width: 1100px; float: left; }

.pic-cont ul li span { width: 240px; height: 105px; border: medium none; padding: 10px 0; float: left; display: block; }

.v_cont ul li img { width: 212px; height: 105px; transition: all 0.2s linear 0s; opacity: 0.5;}

.v_cont ul li span:hover img { opacity: 1; }

.v_cont ul li span img:nth-of-type(2) { display: none; }

.v_out_p { position: relative; overflow: visible; width: 1224px; margin: 0px auto; }

.prev, .next { float: left; padding: 70px 9px 0px; }

.prev a { background: transparent url('../image/prev.png') no-repeat scroll center center; }

.next a { background: transparent url('../image/next.png') no-repeat scroll center center; }

.prev, .prev a, .next, .next a { width: 44px; height: 80px; display: block; }

#teach { position: relative; }

.teachshow { padding-top: 80px ! important; }

.mr_frbox { position: relative; }

.mr_frBtnL, .mr_frBtnR { cursor: pointer; position: absolute; left: 80px; top: 95px; z-index: 6; display: none; }

.mr_frBtnR { left: auto; right: 80px; }

.mr_frUl { width: 1100px; margin: 0px auto; overflow: hidden; }

.mr_frUl ul li { float: left; display: inline; margin: 0px; overflow: hidden; width: 460px; }

#num_3 .mr_frUl ul li:nth-of-type(2n) { padding-top: 40px; }

.mr_frUl ul li img {  }

.mr_frbox:hover .mr_frBtnL, .mr_frbox:hover .mr_frBtnR { display: block; }

#num_3 .mr_frUl ul li a { display: block; position: relative; height: 360px; }

#num_3 .mr_frUl ul li a img { transition: all 0.4s linear 10ms; }

#num_3 .mr_frUl ul li a img:nth-of-type(1) { position: absolute; left: 25px; top: 0px; z-index: 2; }

#num_3 .mr_frUl ul li a img:nth-of-type(2) { position: absolute; left: 25px; top: 0px; z-index: 1; }

#num_3 .mr_frUl ul li a:hover img { transform: rotateY(360deg); }

#num_3 .mr_frUl ul li a:hover img:nth-of-type(2) { z-index: 2; }

.news { background: rgba(0, 0, 0, 0.4) none repeat scroll 0% 0%; width: 100%; height: 100%; }

.news-title { text-align: right; }

.news-list { width: 70%; display: inline-block; position: absolute; bottom: 40%; margin-left: -35%; left: 50%; }

.news-list img { float: left; transition: all 1s ease 0s, opacity 1.5s ease 0s; width: 100%; }

.news-list a { display: block; float: left; position: relative; overflow: hidden; }

.news-list a:nth-of-type(1) { width: 50%; }

.news-list a:nth-of-type(2), .news-list a:nth-of-type(3), .news-list a:nth-of-type(4), .news-list a:nth-of-type(5), .news-list a:nth-of-type(6), .news-list a:nth-of-type(7) { width: 25%; }

.news-list a:nth-of-type(1) img { transform: perspective(200px) translateX(-300px) translateZ(-300px) rotateY(180deg); opacity: 0; }

.news-list a:nth-of-type(2) img { transform: perspective(200px) translateZ(-300px) rotateY(360deg) rotateX(360deg); opacity: 0; }

.news-list a:nth-of-type(3) img { transform: perspective(200px) translateZ(-300px) rotateX(180deg); opacity: 0; }

.news-list a:nth-of-type(4) img { transform: perspective(200px) translateY(200px) translateZ(-300px) rotateX(360deg); opacity: 0; }

.news-list a:nth-of-type(5) img { transform: perspective(200px) translateX(300px) translateZ(-300px) rotateY(360deg); opacity: 0; }

.news-list a:nth-of-type(6) img { transform: perspective(200px) translateX(300px) translateZ(-300px) rotateY(360deg); opacity: 0; }

.news-list a:nth-of-type(7) img { transform: perspective(200px) translateX(300px) translateZ(-300px) rotateY(360deg); opacity: 0; }

.news-list-in a:nth-of-type(1) img { transform: perspective(200px) translateX(0px) translateZ(0px) rotateY(0deg); opacity: 1; }

.news-list-in a:nth-of-type(2) img { transform: perspective(200px) translateZ(0px) rotateY(0deg) rotateX(0deg); opacity: 1; }

.news-list-in a:nth-of-type(3) img { transform: perspective(200px) translateZ(0px) rotateX(0deg); opacity: 1; }

.news-list-in a:nth-of-type(4) img { transform: perspective(200px) translateY(0px) translateZ(0px) rotateX(0deg); opacity: 1; }

.news-list-in a:nth-of-type(5) img { transform: perspective(200px) translateX(0px) translateZ(0px) rotateY(0deg); opacity: 1; }

.news-list-in a:nth-of-type(6) img { transform: perspective(200px) translateX(0px) translateZ(0px) rotateY(0deg); opacity: 1; }

.news-list-in a:nth-of-type(7) img { transform: perspective(200px) translateX(0px) translateZ(0px) rotateY(0deg); opacity: 1; }

.news-list a div { opacity: 0; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; background: rgba(0, 0, 0, 0.8) none repeat scroll 0% 0%; transition: all 0.5s ease 0s; color: rgb(255, 255, 255); }

.news-list a:hover div { opacity: 1; }

.news-list a:hover div span { border: 2px solid rgb(255, 255, 255); width: 70px; height: 70px; line-height: 70px; border-radius: 100%; margin: auto; left: 0px; top: 0px; right: 0px; bottom: 0px; }

.news-list a div span { position: absolute; border: 2px solid red; width: 100%; height: 100%; border-radius: 0px; margin: auto; left: 0px; top: 0px; right: 0px; bottom: 0px; transition: all 0.5s ease 0s; box-sizing: border-box; }

.news-list a p { position: absolute; width: 100%; bottom: -100%; text-align: center; transition: all 0.5s ease 0.2s; font-size: 14px; }

.news-list a:hover p { bottom: 2%; }

.cont { width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4) none repeat scroll 0% 0%; }

.cont-cont { height: 100%; text-align: left; position: relative; }

.cont-cont > img { height: 470px; position: absolute; right: 0px; top: 50%; margin-top: -269px; }

.address, .email { margin-top: 20px; }

.connect { margin-top: 60px; }

.connect img, .address img, .email img { padding-right: 10px; }

.connect img, .connect div, .address img, .address div, .email img, .email div { vertical-align: middle; display: inline-block; line-height: 24px; font-size: 16px; }

.connect, .address, .email { position: relative; transition: all 1s linear 0s; opacity: 0; }

.connect-in, .address-in, .email-in { left: 0px; opacity: 1; }

html, body { width: 100%; height: 100%; }

.slideBox { width: 100%; height: 100%; overflow: hidden; position: relative; }

.slideBox .hd { height: 16px; overflow: hidden; position: absolute; bottom: 2%; z-index: 1; width: 100%; }

.slideBox .hd ul { overflow: hidden; float: left; text-align: center; width: 100%; }

.slideBox .hd ul li { cursor: pointer; width: 12px; height: 6px; background: rgb(205, 205, 205) none repeat scroll 0% 0%; margin: 0px 0.5em; display: inline-block; border-radius: 6px; transition: width 0.5s ease 0s; }

.slideBox .hd ul li.on { background: rgb(231, 20, 26) none repeat scroll 0% 0% ! important; width: 18px; }

.slideBox .bd { height: 100%; width: 100%; z-index: 0; }

.slideBox .bd ul { height: 100%; width: 100%; }

.slideBox .bd ul li { overflow: hidden; width: 100%; position: relative; height: 100%; }

.tempWrap { height: 100%; width: 44%;
  float: left;}

.slideBox .bd ul li:nth-of-type(1) { background: transparent url('../image/libg3.jpg') no-repeat scroll center center / cover ; }

.slideBox .bd ul li:nth-of-type(2) { background: url('../image/meng.png') repeat scroll 0% 0%, transparent url('../image/libg3.jpg') no-repeat scroll center center / cover ; }

.slideBox .bd ul li:nth-of-type(5) { background: transparent url('../image/libg2.jpg') no-repeat scroll center center / cover ; height: 100%; }

.slideBox .bd ul li:nth-of-type(5) > div { width: 100%; height: 100%; overflow: hidden; }

.slideBox .bd ul li:nth-of-type(3) { background: transparent url('../image/libg5.jpg') no-repeat scroll center center / cover ; }

.slideBox .bd ul li:nth-of-type(6) { background: transparent url('../image/libg4.jpg') no-repeat scroll center center / cover ; }

.slideBox .bd ul li:nth-of-type(4) { background: transparent url('../image/libg6.jpg') no-repeat scroll center center / cover ; }

.slideBox .bd ul li:nth-of-type(7) { background: transparent url('../image/libg7.jpg') no-repeat scroll center center / cover ; }

.banner1 { width: 100%; height: 100%; }

.animation2 { animation: 0.8s linear 0.3s normal both 1 running flashs; }

.animation2 img.sixb { animation: 8s linear 0s normal both 1 running flash2; }

.animation2 img.sixa { animation: 8s linear 0s normal both 1 running flash22; }

.animation2 h2 { animation: 1s linear 1s normal both 1 running flash21; }

.product-intro::before { width: 6px; height: 28px; background: rgb(1, 125, 180) none repeat scroll 0% 0%; display: inline-block; content: " "; vertical-align: middle; border-radius: 2px; margin-right: 5px; }

.news_list li:nth-of-type(2n-1) { background: rgb(243, 243, 243) none repeat scroll 0% 0%; }

.rel { position: relative; }

.abs { position: absolute; }

.xuanfu { width: 95px; height: 275px; position: fixed; top: 75%; right: 0px; margin-top: -127px; z-index: 11111; }

.xf_top { width: 95px; height: 275px; background: #E1E2E3; padding: 0px; border-radius:8px; }

.xf_bot { width: 39px; height: 21px; background: transparent url('../image/xfbg2.png') no-repeat scroll 0% 0%; bottom: 0px; left: 50%; margin-left: -20px; cursor: pointer; }

.xf_bot div div { width: 11px; height: 11px; border-radius: 100%; background: transparent url('../image/xfanniu1.png') no-repeat scroll center center; top: 100%; margin-top: -5px; left: 22px; }

.xf_top_k { height: 70px; cursor: pointer; }

.xftb { top: 50%; left: 50%; margin-top: -13px; margin-left: -15px;  }

.xf_top_k_nr { width: 154px; height: 60px; top: 4px; right: -154px; }

.xf_top_k1 { width: 154px; height: 60px; background: transparent url('../image/xfbg3.png') no-repeat scroll 0% 0%; font-size: 13px; }

.xf_topknrr { width: 140px; height: 60px; left: 10px; top: 50%; margin-top: -23px; }

.xf_ewm { top: 50%; margin-top: -48px; }

.xf_nr1 { line-height: 46px; padding-left: 10px; }

.xf_nr1 a { color: rgb(255, 255, 255); font-size: 16px; }

.xf_nr2 { color: rgb(255, 255, 255); height: 40px; line-height: 24px; }

.xf_nr3 { background: transparent none repeat scroll 0% 0% ! important; }

.xf_nr1 span { color: rgb(255, 255, 255); font-size: 16px; }

@media (max-width: 1200px) {

  .case-top-right { font-size: 150px; }

  .case-top-left-top { font-size: 38px; }

  .case-top-left-bottom { font-size: 28px; }

  .casecont-wrap > div { width: 100%; }

  .shead > h2 { top: 137px; font-size: 40px; }

  .shead > h2 span { display: none; }

}

@media (max-height: 620px) {

  .case ul li div.auto { display: none; }

}

.xiangying_anli { display: none; }

@media (max-width: 1080px) {

  .page_news_cont { font-size: 16px; text-align: initial; }

  .casecont-wrap { padding: 0px 8%; }

  .scase_ul_hover { margin-top: 30px ! important; }

  .head ul, .header ul { /*width: 50px;*/ /*background: rgb(58, 58, 58) none repeat scroll 0% 0%;*/ position: fixed; right: -67px; transition: all 0.2s linear 0s; /*padding-top: 24px;*/ margin-top: 11px;/* border-width: 1px medium 1px 1px; border-style: solid none solid solid; border-color: rgb(0, 0, 0) -moz-use-text-color rgb(0, 0, 0) rgb(0, 0, 0); */-moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; border-image: none; padding-right: 269px;}

  .head ul li a, .header ul li a { /*color: rgb(204, 204, 204);*/ font-size: 12px; letter-spacing: 2px; }

  .head ul li, .header ul li { margin: 0px; }

  .hotline { right: 25px; }

  .xiangying_nav { display: block; }

  .six { width: 340px; height: 340px; margin-left: -170px; }

  .six hgroup { padding-top: 62px; }

  .six h3 { font-size: 26px; }

  .six h2 { font-size: 40px; }

  .six h4 { font-size: 18px; }

  .server_cont .server_img { width: 120px; height: 120px; }

  .case-top { width: 100%; }

  .scase_ul_hover li { width: auto ! important; box-sizing: border-box; }

  .case ul li a { width: 100%; }

  .case ul li a > img { width: 66%; height: auto; }

  .case ul li:hover div.show img { margin: 54px auto 0px; }

  .case_ul_wrap { top: 35%; bottom: auto; }

  .teachshow { position: absolute; top: 33%; padding-top: 0px ! important; margin-top: -135px; width: 100%; }

  .mr_frUl { width: 100%; }

  .width_1000 { width: 100%; }

  .mr_frUl .tempWrap { width: 500px ! important; margin: 0px auto; }

  .mr_frBtnL, .mr_frBtnR { display: block; }

  .news-list { width: 96%; margin-left: -48%; }

  .v_out_p { width: 100%; }

  .v_show { width: 100%; }

  .cont-left { margin-left: 60px; }

  .cont-cont > img { margin-right: 60px; margin-top: -238px; }

  .connect { margin-top: 0px; }

  .sheader .hotline { right: 25px; }

  .shead-case h2 { font-size: 34px; top: 132px; }

  .shead > h2 span { font-size: 16px; }

  .news_nav_top { position: absolute; top: -14px; width: 100%; }

  .list-case-nav { bottom: 10px; }

  .case ul { width: 100%; }

  .footer { height: 125px; }

  .footer img { margin-top: 25px ! important; }

}

@media (max-width: 1080px) and (orientation: landscape) {

  .case ul li a { width: 100%; }

  .mr_frUl .tempWrap { width: 760px ! important; }

  .mr_frBtnL, .mr_frBtnR { top: 20px; }

}

@media (max-width: 900px) and (orientation: portrait) {

  .news-list { width: 60%; margin-left: -30%; }

  .news-list a { width: 50% ! important; }

  .news-list a:nth-of-type(1) { width: 100% ! important; }

  .pic-cont { position: absolute; top: 50%; margin-top: -20px; left: 50%; margin-left: -279px; padding-top: 0px; }

  .v_out_p { width: 558px; }

  .v_show { width: 434px; }

  .cont-left { width: 360px; margin-top: 136px; margin-left: 15px; }

  .connect img, .address img, .email img { width: 62px; }

  .cont-cont > img { height: 370px; margin-top: -185px; margin-right: 15px; }

  .mr_frUl { width: 733px; }

  .mr_frUl .tempWrap { width: 480px ! important; }

  .case ul li { width: 230px ! important; }

  .case ul li a { width: 100%; }

  .mr_frBtnL, .mr_frBtnR { top: 0px; }

  .shead > h2 { top: 125px; }

  .news_list li div.news_list_cont { width: 423px; }

  .news-list a:nth-of-type(5), .news-list a:nth-of-type(4) { display: none; }

}

@media (max-width: 929px) {

  .foot_div1 { display: none; }

  .foot_div2 { display: block; }

  .footer { height: 67px; }

  #num_3 > div.team > p { display: none; }

}

@media (max-height: 550px) and (max-width: 929px) and (orientation: landscape) {

  .fangan { margin-top: -54px; }

  .fangan h3, .fangan h4 { font-size: 18px; }

  .fangan h2 { font-size: 24px; }

  .animation3 h6 { width: 400px; margin: 10px 0px; }

  .fangan h5 a { margin-top: 12px; }

  .fengxian { width: 390px; height: 232px; margin-left: -195px; margin-top: -143px; }

  .fengxian img { width: 140px; left: 50%; margin-left: -70px; top: 50%; }

  .fengxian hgroup h3 { font-size: 18px; }

  .fengxian hgroup h2 { font-size: 20px; line-height: 30px; }

  .fengxian hgroup h4 { font-size: 12px; }

  .fengxian hgroup { padding-top: 134px; }

  .six { width: 200px; height: 200px; left: 50%; margin-left: -100px; top: 50%; margin-top: -66px; }

  .six hgroup { padding-top: 26px; }

  .six h3 { font-size: 16px; }

  .six h2 { font-size: 26px; }

  .six h4 { font-size: 12px; }

  .server_cont > p { font-size: 15px; }

  .server_cont .server_img { width: 70px; height: 70px; }

  .server_cont .server_img img { width: 50px; height: 40px; margin-top: 18px; }

  .server_cont .server_intro { font-size: 12px; line-height: 16px; }

  .server ul li:hover .server_cont .server_intro { bottom: 80px; }

  .case-top-right { font-size: 36px; }

  .case-top-left-top, .case-top-left-bottom { font-size: 12px; }

  .case-bottm a { font-size: 12px; line-height: 18px; }

  .case-bottm { width: 56px; height: 18px; bottom: 2%; }

  .case-top-right sup { top: 0px; }

  .case ul { width: 28%; }

  .case ul li a > img { width: 100%; height: auto; }

  .case ul li a div.show { height: 100%; }

  .case ul li:hover div.show img { margin: 30px auto 0px; }

  .case_ul_wrap { top: 46%; }

  #num_3 .mr_frUl ul li a { height: 110px; }

  .mr_frUl .tempWrap { width: 484px ! important; }

  .mr_frUl ul li > div h4 { font-size: 12px; line-height: 22px; }

  .mr_frUl ul li { width: 161px ! important; }

  #num_3 .mr_frUl ul li a img { height: 111px; left: 31px ! important; }

  #num_3 .mr_frUl ul li:nth-of-type(2n) { padding-top: 0px; }

  #num_3 .mr_frUl ul li div p { display: none; }

  .title { padding: 5px; }

  .title img { width: 150px; }

  .teachshow { margin-top: -6px; }

  .mr_frBtnL, .mr_frBtnR { padding: 70px 9px 0px ! important; top: -26px ! important; left: 0px; width: 20px; height: 40px; }

  .mr_frBtnR { left: auto; right: 0px ! important; }

  .v_out_p { width: 557px; }

  .pic-cont { padding-top: 0px ! important; }

  .v_show { width: 445px; margin: 0px auto; float: none; display: inline-block; }

  .next { float: right; }

  .v_cont ul li { width: 650px; }

  .pic-cont ul li span { width: auto; height: auto; }

  .v_cont ul li img { width: 105px; height: auto; }

  .cont-cont > img { margin-top: -119px ! important; height: 178px ! important; }

  .connect img, .address img, .email img { width: 28px ! important; }

  .connect img, .connect div, .address img, .address div, .email img, .email div { line-height: 16px ! important; margin-top: 2px; }

  .prev, .next { padding-top: 35px; }

  .cont-left { width: 270px; }

  .connect img, .address img, .email img { width: 38px; }

  .connect img, .connect div, .address img, .address div, .email img, .email div { font-size: 12px; }

  .connect { margin-top: 30px; }

  .address, .email { margin-top: 5px; }

  .xuanfu { display: none; }

  .news-list { bottom: 23%; width: 74%; margin-left: -37%; }

  .cont-left { margin-left: 10px; }

  .case ul li div.auto { display: none; }

  .list-case-nav { display: none; }

  .cases ul li { width: 235px ! important; }

  .cases ul li a { width: 100%; }

  .shead > h2 { top: 105px; font-size: 28px; }

  .shead > h2 span { font-size: 14px; }

  .caselogo { top: 30px; }

  .news_list li div.news_list_cont { width: 100%; }

  .news_list li { position: relative; padding: 14px 0px; }

  .news_list li .date { position: absolute; right: 24px; top: 24px; }

  .news_list li div.news_list_cont > a { float: right; }

  .prev, .prev a, .next, .next a { width: 20px; height: 40px; background-size: cover; }

  .news-list img { height: 70px; }

  .news-list-in a:nth-of-type(1) img { height: 140px ! important; display: none; }

  .news_nav { display: none; }

  .news_header { height: 216px; }

  #num_3 > div.team > p { display: none; }

}

@media (max-width: 580px) and (orientation: landscape) {

  .logo img { width: 219px; }

  .logo { left: 14px; }

  .connect { margin-top: 0px ! important; }

  .address, .email { margin-top: 0px; }

  .connect img, .address img, .email img { width: 28px ! important; }

  .connect img, .connect div, .address img, .address div, .email img, .email div { line-height: 16px ! important; margin-top: 2px; }

  .cont-cont > img { height: 136px ! important; margin-top: -100px ! important; }

  .footer img { margin: 9px ! important; }

  .pages a, .pages span { margin: 0px; }

  .list-case-nav { display: none; }

  .news_nav_top a { width: 70px; line-height: 24px; }

  .shead-case h2 { top: 90px ! important; font-size: 18px ! important; }

  .shead > h2 span { font-size: 12px; }

  .pages a, .pages span { width: 20px; padding: 0px 3px; }

  .news_nav_top a { width: 58px; line-height: 19px; font-size: 14px; }

  .shead-case h2 { font-size: 16px ! important; }

  .casenav { bottom: 20px; }

  .case ul li div.auto { display: none; }

  .news-list img { height: 70px; }

  .news-list-in a:nth-of-type(1) img { height: 140px ! important; display: none; }

  .news_list_wrap > div { display: none; }

  .news_header { height: 174px; }

  #num_3 > div.team > p { display: none; }

}

@media (max-width: 500px) and (orientation: landscape) {

  .v_out_p { width: 411px; }

  .v_show { width: 287px; }

  .cont-cont > img { margin-right: 20px; }

  .cases ul li { width: 183px ! important; }

  .mr_frUl { width: 388px; }

  .caselogo { top: 15px; }

  .caselogo img { width: 30px; }

  .shead > h2 { top: 55px; font-size: 18px; }

  .casecont-wrap > div { text-align: center; }

  .news_nav a { margin: 0px 10px; }

  .prevpage a, .nextpage a { margin-top: 20px; }

  #num_3 > div.team > p { display: none; }

}

@media (max-width: 460px) {

  .index_mask div { width: 315px; height: 200px; }

  .logo img { width: 219px; }

  .server ul li { overflow: hidden; }

  .logo { left: 14px; }

  .hotline { right: 60px; width: auto; }

  .hotline img { margin-top: 0px; }

  .hotline span { display: none; }

  .fangan { height: auto; }

  .fangan h3 { font-size: 20px; }

  .fangan h2 { font-size: 24px; }

  .fangan h4 { font-size: 16px; max-width: 80%; margin: 0px auto; }

  .fangan h6 { width: 90%; margin: 10px 0px; }

  .fengxian { width: 290px; height: 232px; margin-left: -145px; margin-top: -126px; }

  .fengxian img { width: 200px; left: 45px; top: 30px; }

  .fengxian hgroup { padding-top: 75px; }

  .fengxian hgroup h3 { font-size: 24px; }

  .fengxian hgroup h2 { font-size: 30px; line-height: 40px; }

  .fengxian hgroup h4 { font-size: 14px; }

  .six { width: 200px; height: 200px; margin-left: -100px; margin-top: -66px; left: 50%; }

  .animation2 { animation: 0.8s linear 0.3s normal both 1 running flashs; }

  @keyframes flashs {

0% { left: -45%; }

100% { left: 50%; }

}

  .news-list-in a img { width: 100% ! important; height: 79px ! important; }

  .news-list-in a:nth-of-type(1) img { height: 158px ! important; }

  .title { padding: 3% 10px; }

  .xuanfu { display: none; }

  .six hgroup { padding-top: 40px; }

  .six h3 { font-size: 18px; }

  .six h2 { font-size: 24px; }

  .six h4 { font-size: 12px; }

  .server ul li { float: none; height: auto; width: 204px; padding: 8px 0px; margin: 0px auto; }

  .server ul li > img { display: none; }

  .server_cont .server_img { float: left; }

  .server ul li.active .server_img, .server ul li:hover .server_img { top: 0px; }

  .server ul li:hover .server_cont > p { top: 0px; }

  .server ul li:hover .server_cont .server_intro { bottom: 0px; }

  .server ul { padding-top: 67px; }

  .server_cont .server_img { height: 80px; width: 80px; }

  .server_cont .server_img img { width: 60px; height: 50px; margin-top: 18px; }

  .server_cont > p { padding: 5px 0px 0px 110px; text-align: left; top: 21px; }

  .server_cont .server_intro { display: none; }

  .case-top-right { font-size: 70px; }

  .case-top-left-top, .case-top-left-bottom { font-size: 20px; }

  .case-top-right { font-size: 58px; }

  .case-top-right sup { top: -15px; }

  .case_ul_wrap { display: none; }

  .xiangying_anli { display: block; }

  .cont-right-out { transform: scale(1); opacity: 1; }

  .mr_frBtnL, .mr_frBtnR { left: 0px; top: 0px; }

  .mr_frBtnR { right: 0px ! important; left: auto; }

  .teachshow { top: 60%; }

  .case ul li a > img { width: 100%; height: auto; }

  .mr_frUl { width: 250px; margin: 0px auto; }

  .mr_frUl1 { width: 250px; margin: 0px auto; }

  .mr_frUl1 ul li { margin: 0px 2px; width: 230px; }

  .mr_frUl1 .tempWrap { margin: 0px auto; }

  #num_3 .mr_frUl ul li:nth-of-type(2n) { padding-top: 0px; }

  .news-list { width: 70%; margin-left: -35%; }

  .pic-cont { margin-left: -164px; }

  .v_out_p { width: 344px; }

  .v_show { width: 211px; }

  .v_cont { display: none; }

  .v_cont1 { display: block; }

  .v_cont1 ul li { width: 211px; }

  .pic-cont ul li span { width: 100%; box-sizing: border-box; }

  .pic-cont ul li span img { width: 100%; }

  .cont-cont > img { display: none; }

  .cont-left { margin-top: 36px; }

  .address, .email { margin-top: 10px; }

  .case ul li div.auto { display: block; }

  .case ul li a { width: 100%; }

  .cases ul li { width: 237px ! important; }

  .casenav { bottom: 10px; }

  .caselogo { top: 10px; }

  .caselogo img { width: 28px; }

  .shead > h2 { top: 40px; font-size: 14px; }

  .footer img { margin: 9px ! important; }

  .news_nav { line-height: 54px; }

  .news_header { height: 140px; }

  .news_nav_top a { width: 76px; line-height: 26px; }

  .news_list li div.news_list_cont { width: 100%; }

  .news_list li { position: relative; padding: 14px 0px; }

  .news_list li .date { position: absolute; right: 24px; top: 24px; }

  .news_list li div.news_list_cont > a { float: right; }

  .pages a, .pages span { margin: 0px; }

  .pagenewstop h2 div { display: none; }

  .prevpage a, .nextpage a { margin-top: 20px; }

  .list-case-nav { display: none; }

  .casenav {  }

  .casenav a { border: 1px solid rgb(186, 186, 186); border-radius: 4px; background: transparent none repeat scroll 0% 0%; }

  .shead > h2 { top: 41px; }

  .shead-case > h2 { top: 55px; }

  .shead > h2 span { font-size: 12px; }

  .connect { margin-top: 0px; }

  .news-list a:nth-of-type(4), .news-list a:nth-of-type(5) { display: none; }

  .cont-left { margin-top: 0px; }

  #pages a, #pages span { padding: 0px 5px; }

  .news_nav { display: none; }

  #num_3 > div.team > p { display: none; }

}

@media (max-width: 320px) {

  .logo img { width: 219px; }

  .logo { left: 14px; }

  .server_cont .server_img { width: 65px; height: 65px; }

  .server_cont .server_img img { width: 50px; height: 40px; }

  .server_cont > p { top: 17px; }

  .connect img, .address img, .email img { width: 50px; }

  .connect img, .connect div, .address img, .address div, .email img, .email div { font-size: 14px; }

  .mr_frBtnL, .mr_frBtnR { width: 20px; height: 40px; }

  .casenav a { width: 83px; height: 21px; background-size: cover; line-height: 21px; font-size: 12px; }

  .footer img { margin: 9px ! important; }

  .news_list li > div > img { width: 200px; min-height: 152px; }

  .news_list li .date { top: 20px; }

  .pages a, .pages span { width: 22px; }

  .casecont-wrap > div { text-align: center; }

  .news_nav a { margin: 0px 10px; }

  .pagenewstop h2 div { display: none; }

  .pagenewstop h3 { margin-top: 20px; }

  .prevpage a, .nextpage a { margin-top: 20px; }

  .news_nav_top a { margin: 0px 10px; }

  .pagenewstop h2 { margin-top: 6px; }

  .casenav { display: none; }

  .shead-case > h2 { top: 60px; }

  .shead-case > h2 span { font-size: 12px; }

  .shead > h2 span { font-size: 12px; }

  .news_nav_top a { width: 58px; line-height: 19px; font-size: 14px; }

  .connect { margin-top: 0px; }

  .server_cont .server_intro { display: none; }

  .mr_frUl .tempWrap { width: 238px ! important; }

  .news_header .hotline { right: 20px ! important; }

  .news_header { height: 130px; }

  .news_list_wrap > div { display: none; }

  .news_list li .date { width: 58px; }

  .news_list li > div > img { margin-left: 7px; }

  .news_list li .date { height: 140px; right: 7px; }

  .news_list li div.news_list_cont { padding: 0px 7px; }

  #pages a, #pages span { padding: 0px 2px; margin-bottom: 5px; }

  .news_list li div.news_list_cont h2 a { font-size: 18px; }

  .news_list li div.news_list_cont .news_list_intro { font-size: 12px; }

  .news_list_author { font-size: 12px; }

  .news_list li div.news_list_cont > a { width: 100%; margin-top: 0px; }

  .pagenewstop h2 { text-align: center ! important; }

  .pagenewstop h3 { font-size: 18px; }

  .prevpage a, .nextpage a { padding: 5px 15px; width: 100%; text-align: center; box-sizing: border-box; margin-top: 6px; }

  .prevpage { margin: 20px 0px 0px; }

  #num_3 > div.team > p { display: none; }

}

@media (max-height: 480px) and (max-width: 320px) {

  .teachshow { top: 45%; margin-top: -53px; }

  .mr_frBtnL, .mr_frBtnR { top: 0px ! important; }

  #num_3 .mr_frUl ul li div p { display: block; }

  .news-list { width: 70%; margin-left: -35%; }

  .prev, .next { padding-top: 68px; }

  .pic-cont { top: 43%; }

  .cont-left { width: 100%; }

  .news_nav_top a { margin: 0px 8px; }

  .prevpage a, .nextpage a { margin-top: 20px; }

  .pagenewstop h2 div { display: none; }

  .pagenewstop h3 { margin-top: 10px; }

  .news_nav_top a { width: 58px; line-height: 19px; font-size: 14px; }

  .news-list-in a:nth-of-type(1) img { display: none; }

  #num_3 > div.team > p { display: none; }

}

@media (max-height: 680px) and (orientation: landscape) {

  .server ul li > img { width: 80%; }

  .server ul li.active .server_img, .server ul li:hover .server_img { top: -90px; }

  .server ul li:hover .server_cont > p { top: -90px; }

  .server ul li:hover .server_cont .server_intro { bottom: 106px; }

  .news-list { bottom: 13%; }

  .pic-cont { padding-top: 50px; }

  .connect img, .address img, .email img { width: 58px; }

  .cont-cont > img { height: 416px; margin-top: -246px; }

  .connect { margin-top: 20px; }

  .news_nav_top { padding-top: 100px; }

  .shead > h2 { top: 133px; }

  .mr_frBtnL, .mr_frBtnR { top: 0px; }

  .teachshow { padding-top: 40px ! important; }

  #num_3 > div.team > p { display: none; }

}

html { overflow: hidden; }







/*右侧悬浮qq*/

*{margin:0;padding:0;list-style-type:none;}

a,img{border:0;}



/* online */

#online_qq_tab a,.onlineMenu h3,.onlineMenu li.tli,.newpage{background:url(../image/float_s.png) no-repeat;}

#onlineService,.onlineMenu,.btmbg{background:url(../image/float_bg.gif) no-repeat;}



#online_qq_layer{z-index:9999;position:fixed;right:0px;top:0;margin:150px 0 0 0;}

*html,*html body{background-image:url(about:blank);background-attachment:fixed;}

*html #online_qq_layer{position:absolute;top:expression(eval(document.documentElement.scrollTop));}



#online_qq_tab{width:28px;float:left;margin:120px 0 0 0;position:relative;z-index:9;}

#online_qq_tab a{display:block;height:118px;line-height:999em;overflow:hidden;}

#online_qq_tab a#floatShow{background-position:-30px -374px;}

#online_qq_tab a#floatHide{background-position:0 -374px;}



#onlineService{display:inline;margin-left:-1px;float:left;width:130px;display:none;background-position:0 0;padding:10px 0 0 0;}

.onlineMenu{background-position:-262px 0;background-repeat:repeat-y;padding:0 15px;}

.onlineMenu h3{height:36px;line-height:999em;overflow:hidden;border-bottom:solid 1px #ACE5F9;}

.onlineMenu h3.tQQ{background-position:0 10px;}

.onlineMenu h3.tele{background-position:0 -47px;}

.onlineMenu li{height:36px;line-height:36px;border-bottom:solid 1px #E6E5E4;text-align:center;}

.onlineMenu li.tli{padding:0 0 0 23px;font-size:12px;text-align:left;}

.onlineMenu li.zixun{background-position:0px -131px;}

.onlineMenu li.fufei{background-position:0px -190px;}

.onlineMenu li.phone{background-position:0px -244px;}

.onlineMenu li a.newpage{display:block;height:36px;line-height:999em;overflow:hidden;background-position:5px -100px;}

.onlineMenu li img{margin:8px 0 0 0;}

.onlineMenu li.last{border:0;}



.wyzx{padding:8px 0 0 5px;height:57px;overflow:hidden;background:url(../image/webZx_bg.jpg) no-repeat;}



.btmbg{height:12px;overflow:hidden;background-position:-131px 0;}