@charset "utf-8";
#banner_blk { position: relative; z-index: 1; width: 100%; height: 464px; overflow: hidden }
#banner { position: absolute; top: 0px; left: 50%; z-index: 1; margin-left: -960px; width: 1920px; height: 100%; overflow: hidden }
#banner p { width: 1920px; height: 100%; text-align: center; font-size: 0px }
#banner_button_blk { width: 100%; position: absolute; bottom: 0; height: 50px; z-index: 2 }
#banner_button { position: absolute; left: 50%; margin-left: -600px; bottom: 0px; z-index: 2; width: 1200px; height: 50px; line-height: 50px; text-align: center }
#banner_button a { display: inline-block; margin: 20px 6px; margin-bottom: 0; width: 14px; height: 14px; border-radius: 50%; font-size: 0px; text-align: center; color: #666; outline: none; background: transparent; border: 3px solid #fff; -moz-outline: none; blr: expression(this.onFocus=this.blur())
}
#banner_button a.activeSlide { border-color: #f70f0d; }
#banner_button a:hover { border-color: #f70f0d; }
#banner_left, #banner_right { position: absolute; background: url(../images/prev.png) no-repeat center center; top: 50%; margin-top: -85px; left: 22px; display: block; width: 54px; height: 170px; z-index: 13; cursor: pointer }
#banner_right { left: auto; right: 22px; transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); }
#banner_left:hover, #banner_right:hover { background-color: rgba(255, 255, 255, 0.2) }
/*notice*/
.notice { width: 100%; font-size: 14px; height: 40px; line-height: 40px; background-color: #f4f4f4; }
.notice .notice_tit { color: #f00; font-weight: bold; width: 100px; float: left; }
.notice_ul { width: 1000px; float: left; overflow: hidden; }
.notice_ul li { width: auto; margin-right: 10px; display: inline; line-height: 40px; }
.notice_ul li span { color: #f00; font-weight: bold; display: inline-block; line-height: 20px; }
.notice_ul li a { color: #f00; }
.notice_ul li a:hover { text-decoration: underline; color: #f00; }
.notice_more { width: 100px; float: right; display: block; text-align: right; color: #999; font-size: 12px; }
/*  */
.usergn { z-index: 2; position: relative; width: 100%; height: auto; background: #f0f0f0; }
.usergn .usergn_b { }
.usergn .usergn_b .head { width: 100%; height: 48px; background: #fff; border-bottom:2px solid #F70F0D; }
.usergn .usergn_b .head .agroup { height: 100%; padding-top: 13px; }
.usergn .usergn_b .head .agroup a { position: relative; display: block; float: left; height: 22px; line-height: 22px; color: #555; font-size: 18px; width: 33.3333%; text-align: center; border-right: 1px solid #fff; }
.usergn .usergn_b .head .agroup a:after { display: none; content: ''; position: absolute; bottom: -36px; left: 50%; margin-left: -16px; width: 0; height: 0; border-style: solid; border-width: 8px 16px 16px 16px; border-color: #f70f0d transparent transparent transparent; }
.usergn .usergn_b .head .agroup a.on:after, .usergn .usergn_b .head .agroup .loada:hover:after { display: block; }
.usergn .usergn_b .body { position: relative; height: auto; }
.usergn .usergn_b .body .user_con { width: 100%; height: auto; display: none; }
.usergn .usergn_b .body .user_con.on { display: block; }
/* track */
.track_f { position: relative; display: inline-block; width: 700px; height: 40px; vertical-align: middle; margin: 40px auto; }
.track_f .track_text { position: absolute; top: 0; left: 0; width: 530px; height: 40px; border: 1px solid #d2d2d2; background: #fff; line-height: 28px; padding: 6px 30px 6px 20px; font-size: 14px; color: #333; overflow: hidden; }
.track_f .track_submit { position: absolute; z-index: 2; top: 0; right: 0; width: 140px; height: 38px; line-height: 38px; font-size: 16px; color: #fff; text-align: center; background-color: #f70f0d; }
.track_f .track_submit:hover { background-color: #ff9a00; }
/* price */
.price_f { position: relative; width: 1000px; height: auto; margin: 40px auto; }
.price_f .price_input { width: 180px; height: 40px; border: 1px solid #d2d2d2; background: #fff; line-height: 28px; padding: 6px 30px 6px 20px; font-size: 14px; color: #333; overflow: hidden; margin-bottom:24px; margin-right: 18px; }
.price_f .price_submit { width: 240px; height: 44px; line-height: 40px; font-size: 16px; color: #fff; text-align: center; background-color: #f70f0d; background-position: -72px 0; }
.price_f .price_submit:hover { background-color: #ff9a00; }
/*  */
.bigt { position: relative; width: 100%; text-align: center; padding: 30px 0; font-size: 30px; color: #555; line-height: 70px; }
.bigt a { font-size: 14px; color: #999; position: absolute; right: 0; }
/* */
.serv .b { position: relative; float: left; display: block; width: 50%; background: #fff; color: #333; padding: 30px 60px; z-index: 1; }
.serv .b:hover { box-shadow: 0 0 16px rgba(0, 0, 0, 0.2); z-index: 2; }
.serv .b .myicon { float: left; height: 70px; width: 70px; margin-right: 30px; margin-top: 21px; }
.serv .b .text { float: left; width: 380px; }
.serv .b.b_a .myicon { background-position: 0 -34px; }
.serv .b.b_b .myicon { background-position: -70px -34px; }
.serv .b.b_c .myicon { background-position: -140px -34px; }
.serv .b.b_d .myicon { background-position: -210px -34px; }
.serv .b .name { font-size: 20px; line-height: 20px; height: 20px; width: 100%; color: #333; margin-bottom: 20px; }
.serv .b .txt { font-size: 14px; line-height: 24px; height: 72px; width: 100%; overflow: hidden; opacity: 0.8; filter: opacity(80); }
/*  */
.serv.ys { background: #f4f4f4; padding: 20px 0; margin-top: 40px; }
.serv.ys .b { width: 25%; height: 80px; padding: 21px 0 0 0; text-align: center; border-right: 1px solid #ddd; background: transparent; }
.serv.ys .b:hover { box-shadow: none; }
.serv.ys .b:last-child { border-right: 0; }
.serv.ys .b .myicon { float: none; display: inline-block; width: 38px; height: 38px; margin: 0; margin-right: 20px; margin-bottom: 23px; }
.serv.ys .b.b_a .myicon { background-position: 0 -102px; }
.serv.ys .b.b_b .myicon { background-position: -38px -102px; }
.serv.ys .b.b_c .myicon { background-position: -76px -102px; }
.serv.ys .b.b_d .myicon { background-position: -114px -102px; }
.serv.ys .b .text { width: auto; float: none; display: inline-block; font-size: 18px; color: #666; text-align:left; }
.serv.ys .b .text p { font-size:12px; color:#999; }
/* lc */
.lc .blist { width: 100%; position: relative; }
.lc .blist:after { content: ''; width: 960px; height: 4px; background: #fff; position: absolute; top: 239px; left: 119px; z-index: 2; }
.lc .b { display: block; position: relative; z-index: 1; float: left; width: 236px; height: 346px; margin-right: 5px; border-radius: 4px; background: url(../images/lc.png) no-repeat; }
.lc .b:hover { z-index: 2; box-shadow: 0 0 16px rgba(0, 0, 0, 0.5); }
.lc .b:last-child { margin-right: 0; }
.lc .b.b_a { background-position: 0 0; background-color: #ff9a00; }
.lc .b.b_b { background-position: -236px 0; background-color: #fd7803; }
.lc .b.b_c { background-position: -472px 0; background-color: #fb5406; }
.lc .b.b_d { background-position: -708px 0; background-color: #f92d0a; }
.lc .b.b_e { background-position: -944px 0; background-color: #f70f0d; }
/**/
.scrolllist { width: 1120px; margin: 0 auto; height: 302px; position: relative; }
.scroll_id { width: 100%; height: 100%; position: relative; }
.scroll_id li { position: relative; width: 560px; height: 302px; padding: 0 27px; float: left; list-style-type: none; }
.scroll_id li a { display: block; width: 506px; border: 1px solid #ddd; }
.scroll_id li .img { position: relative; display: block; width: 100%; height: 202px; background-repeat: no-repeat; background-position: center center; background-size: 100%;/* background-size: 100% 100%;*/ }
.scroll_id li .img:hover { background-size: 110%; }
.scroll_id li .txt { position: relative; display: block; width: 444px; height: 56px; font-size: 18px; color: #666; line-height: 28px; margin: 20px auto; overflow: hidden; background-repeat: no-repeat; background-position: center center; background-size: 100% 100%; }
.scroll_left, .scroll_right { position: absolute; background: url(../images/cb_left.png) no-repeat center center; top: 50%; margin-top: -44px; left: -50px; display: block; width: 35px; height: 88px; cursor: pointer; }
.scroll_right { background: url(../images/cb_right.png) no-repeat center center; left: auto; right: -50px; }
.share .scrolllist { width: 1120px; margin: 0 auto; height: 348px; position: relative; }
.share .scroll_id li { width: 368px; height: 346px; padding: 0 19px; }
.share .scroll_id li a { width: 330px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }
.share .scroll_id li a .img { width: 320px; height: 250px; margin: 5px auto; border-radius: 4px; border: 1px solid #eee; overflow: hidden; }
.share .scroll_id li a .txt { font-size: 16px; width: 306px; height: 48px; line-height: 24px; margin: 18px auto; border: 0; }
.part { margin-bottom: 40px; }
.part .scrolllist { width: 1120px; margin: 0 auto; height: 90px; position: relative; }
.part .scroll_id li { width: 186px; height: 90px; padding: 0; }
.part .scroll_id li a { width: 100%; height: 100%; border: 1px solid transparent; background-repeat: no-repeat; background-position: center center; background-size: 100% 100%; }
.part .scroll_id li a:hover { border-color: #f70f0d; }