/* ::::: http://www.ubeauty.cn/skins/201208/css/main_zt.css ::::: */

body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td, img { border: medium none; margin: 0px; padding: 0px; list-style-type: none; }
/*body, button, input, select, textarea { font: 12px/1.5 "msyhl422459","微软雅黑",Srial,Verdana,Geneva,sans-serif,tahoma,helvetica,sans-serif; }*/
a { text-decoration: none; color: rgb(0, 0, 0); }
a:hover { text-decoration: none; }
img { border: 0px none; }
body, .ui-overlay-h { margin: 0px auto; position: relative; background-color: rgb(255, 255, 255); color: rgb(102, 102, 102); }
body, html { margin: 0px auto; }
* { margin: 0px; padding: 0px; text-shadow: none; }
.hide { display: none; }
.contaier, .hm-box { width: 100%; margin: 0px auto; clear: both; }
.hm-warp { width: 1200px; margin: 0px auto; clear: both; }
.header { box-sizing: border-box; }
.header input { vertical-align: middle; box-sizing: border-box; }
.header .head-top { height: 38px; border-bottom: 1px solid rgb(234, 234, 234); background-color: rgb(245, 245, 245); font-size: 14px; line-height: 38px; color: rgb(61, 64, 76); }
.header .head-top .left { float: left; }
.header .head-top .right { float: right; }
.header .head-top a { width: 23px; height: 23px; display: inline-block; border-radius: 50%; margin-right: 4px; overflow: hidden; vertical-align: middle; background-image: url('icon.png'); }
.header .head-top a.WB-icon { background-position: 0px 0px; }
.header .head-top a.QQ-icon { background-position: -27px 0px; }
.header .head-top a.mWeb-icon { background-position: -54px 0px; }
.header .head-top .Tel { float: right; font-size: 24px; display: block; margin-left: 10px; }
.header .head-top .tel-icon { width: 22px; height: 22px; float: left; display: block; margin: 10px 3px 0px 0px; background-image: url('icon.png'); background-position: -80px -1px; }
.header .head-main { height: 132px; position: relative; }
.header .head-main .logo { width: 320px; height: 85px; display: block; float: left; margin: 20px 0px 0px 15px; background: transparent url('icon.png') repeat scroll 0px -102px; }
.header .head-main .search { width: 460px; position: absolute; top: 36px; left: 50%; margin-left: -200px; z-index: 2; }
.header .head-main .search .input { width: 460px; height: 36px; margin: 0px auto; border-radius: 18px; border: 1px solid rgb(224, 78, 142); position: relative; }
.header .head-main .search .input::before { content: ""; width: 18px; height: 18px; display: block; background: transparent url('icon.png') repeat scroll -61px -35px; position: absolute; left: 15px; top: 50%; margin-top: -9px; }
.header .head-main .search .search_Frame { width: 375px; height: 34px; float: left; border: 0px none; background: transparent none repeat scroll 0% 0%; font-size: 14px; line-height: 34px; color: rgb(51, 51, 51); padding-left: 50px; outline: medium none; }
.header .head-main .search .search_btn { width: 67px; height: 34px; line-height: 34px; display: block; float: right; font-size: 16px; text-align: center; color: rgb(224, 78, 142); position: relative; }
.header .head-main .search .search_btn::before { content: ""; width: 1px; height: 24px; background-color: rgb(224, 78, 142); position: absolute; left: 0px; top: 50%; margin-top: -12px; }
.header .head-main .search .serach_txt, .header .head-main .search .serach_txt a { font-size: 16px; line-height: 16px; color: rgb(142, 142, 142); text-align: center; margin-top: 8px; }
.header .head-main .search .serach_txt a:hover { color: rgb(224, 78, 142); }
.header .head-main .zs-icon { width: 232px; height: 86px; display: block; float: right; margin: 24px 8px 0px 0px; background: transparent url('icon.png') repeat scroll 0px -188px; }
.Navs { box-sizing: border-box; }
.Navs { height: 45px; background-color: rgb(210, 0, 90); }
.Navs li { width: 125px; height: 45px; line-height: 45px; float: left; text-align: center; transition: all 0.5s ease 0s; }
.Navs li:hover { background-color: rgb(224, 78, 142); }
.Navs li a { font-size: 18px; color: rgb(255, 255, 255); }
.Navs .Navs-list { width: 200px; background-color: rgb(92, 0, 39); position: relative; z-index: 500; }
.Navs .Navs-list .list { width: 808px; height: 550px; position: absolute; left: 0px; top: 0px; overflow: hidden; opacity: 0; }
.Navs .Navs-list .list .list-l, .Navs .Navs-list .list .list-r { height: 550px; float: left; display: table; box-sizing: border-box; }
.Navs .Navs-list .list .list-r { display: none; }
.Navs .Navs-list a { width: 100%; height: 45px; float: left; display: block; }
.Navs .Navs-list:hover { background-color: rgb(64, 0, 27); }
.Navs .Navs-list .list-l { width: 200px; background: rgba(123, 2, 54, 0.8) none repeat scroll 0% 0%; }
.Navs .Navs-list .list-l li { width: 100%; float: left; padding-left: 40px; }
.Navs .Navs-list .list-l li:hover, .Navs .Navs-list .list-l li.active { background-color: rgb(224, 78, 142); }
.Navs .Navs-list .list-l li a { background-image: url('icon.png'); }
.Navs .Navs-list .list-l li:nth-child(1) a { background-position: -340px 9px; }
.Navs .Navs-list .list-l li:nth-child(2) a { background-position: -340px -42px; }
.Navs .Navs-list .list-l li:nth-child(3) a { background-position: -340px -83px; }
.Navs .Navs-list .list-l li:nth-child(4) a { background-position: -340px -132px; }
.Navs .Navs-list .list-l li:nth-child(5) a { background-position: -340px -177px; }
.Navs .Navs-list .list-l li:nth-child(6) a { background-position: -340px -221px; }
.Navs .Navs-list .list-l li:nth-child(7) a { background-position: -340px -264px; }
.Navs .Navs-list .list-l li:nth-child(8) a { background-position: -340px -310px; }
.Navs .Navs-list .list-l li:nth-child(9) a { background-position: -340px -353px; }
.Navs .Navs-list .list-l li:nth-child(10) a { background-position: -340px -400px; }
.Navs .Navs-list .list-l li:nth-child(11) a { background-position: -340px -445px; }
.Navs .Navs-list .list-l li:nth-child(12) a { background-position: -340px -491px; }
.Navs .Navs-list .list-r { width: 608px; background: rgba(255, 255, 255, 0.9) none repeat scroll 0% 0%; padding: 12px 32px; position: relative; }
.Navs .Navs-list .list-r li { width: 100%; height: 502px; display: none; opacity: 0; }
.Navs .Navs-list .list-r li.active { display: block; opacity: 1; background: transparent none repeat scroll 0% 0%; }
.Navs .Navs-list .list-r li dt { font-size: 30px; line-height: 40px; border-bottom: 1px solid rgb(186, 186, 186); padding: 20px 10px 10px; text-align: left; margin-bottom: 10px; }
.Navs .Navs-list .list-r li dt h3 { font-weight: normal; color: rgb(0, 0, 0); }
.Navs .Navs-list .list-r li dd { width: 33.3333%; height: 20px; overflow: hidden; float: left; margin-bottom: 10px; }
.Navs .Navs-list .list-r li:nth-child(6) dd { width: 25%; }
.Navs .Navs-list .list-r li dd a { font-size: 15px; height: 20px; line-height: 20px; color: rgb(98, 98, 97); text-align: left; padding: 0px 10px; }
.Navs .Navs-list .list-r li dd a:hover { color: rgb(224, 78, 142); }
.Navs .Navs-list .list-r .pic { width: 450px; height: 220px; position: absolute; bottom: 12px; left: 50%; transform: translateX(-50%); }
.foot-nav { padding: 40px 10px; display: table; }
.foot-nav .four_t { width: 25%; float: left; font-size: 24px; line-height: 78px; text-align: center; white-space: nowrap; }
.foot-nav .four_t i { width: 78px; height: 78px; display: block; float: left; border-radius: 50%; overflow: hidden; background: transparent url('icon.png') repeat scroll 0% 0%; }
.foot-nav .four_t:nth-child(1) i { background-position: 0px -476px; }
.foot-nav .four_t:nth-child(2) i { background-position: -82px -476px; }
.foot-nav .four_t:nth-child(3) i { background-position: -162px -476px; }
.foot-nav .four_t:nth-child(4) i { background-position: -243px -476px; }
.foot-nav .menu-list { width: 160px; padding-top: 36px; margin-right: 40px; float: left; }
.foot-nav .menu-list h3 { font-size: 20px; line-height: 24px; border-left: 2px solid rgb(210, 0, 90); padding-left: 10px; color: rgb(0, 0, 0); margin-bottom: 10px; font-weight: bold; }
.foot-nav .menu-list li { width: 100%; float: left; }
.foot-nav .menu-list li a { font-size: 15px; line-height: 30px; color: rgb(102, 102, 102); }
.foot-nav .menu-list li a:hover { color: rgb(224, 78, 142); }
.foot-nav .menu-list .last-a { font-size: 15px; line-height: 30px; color: rgb(210, 0, 90); }
.foot-nav .menu-list.doulde { width: 240px; margin-right: 50px; }
.foot-nav .menu-list.doulde li { width: 50%; }
.foot-nav .focusUs { padding-top: 36px; float: left; }
.foot-nav .focusUs .f-us { width: 127px; float: left; margin-right: 60px; }
.foot-nav .focusUs .f-us h3 { font-size: 20px; line-height: 44px; text-align: center; color: rgb(0, 0, 0); }
.foot-nav .focusUs .f-us p { font-size: 14px; line-height: 30px; color: rgb(102, 102, 102); text-align: center; }
.foot-nav .focusUs .f-us i { width: 127px; height: 127px; display: block; }
.foot-nav .focusUs .f-us.gzh i { background: transparent url('icon.png') no-repeat scroll -2px -564px; }
.foot-nav .focusUs .f-us.web i { background: transparent url('icon.png') no-repeat scroll -133px -565px; }
.foot-nav .focusUs .f-us a { width: 42px; height: 42px; display: block; margin-left: 16px; float: left; }
.foot-nav .focusUs .f-us a.wb { background: transparent url('icon.png') no-repeat scroll -1px -698px; }
.foot-nav .focusUs .f-us a.wx { background: transparent url('icon.png') no-repeat scroll -44px -698px; }
.db-info { height: 220px; background: transparent url('foot_bg.jpg') repeat scroll left top; padding: 36px 0px; }
.db-info .logo { width: 346px; height: 66px; display: block; float: left; margin: 40px 34px 40px 0px; background: transparent url('icon.png') no-repeat scroll 0px -755px; position: relative; }
.db-info .logo::before { content: ""; width: 1px; height: 148px; background-color: rgb(88, 88, 88); position: absolute; top: 50%; right: -34px; transform: translateY(-50%); }
.db-info .main { width: 760px; float: left; margin-left: 40px; }
.db-info .main .fnav, .db-info .main .text { width: 100%; float: left; }
.db-info .main .fnav a { display: block; float: left; font-size: 16px; line-height: 26px; color: rgb(255, 255, 255); margin: 20px 20px 10px 0px; }
.db-info .main .fnav a:hover { color: rgb(224, 78, 142); }
.db-info .main .text, .db-info .main .text a { font-size: 14px; line-height: 26px; color: rgb(255, 255, 255); }
/* ::::: http://www.ubeauty.cn/subject/201707/css/style.css ::::: */

body { font-family: "微软雅黑","黑体"; }
a:hover { color: rgb(255, 255, 255); text-decoration: none; }
.banner { height: 750px; clear: both; background: transparent url('banner.jpg') no-repeat scroll center top; }
.z_a { width: 216px; height: 54px; display: block; border-radius: 25px; background: rgb(255, 0, 124) none repeat scroll 0% 0%; font-size: 24px; color: rgb(255, 255, 255); line-height: 54px; text-align: center; font-weight: normal; margin: 10px auto; }
.banner_hy { width: 697px; height: 511px; margin: 0px auto; position: relative; top: 157px; left: -267px; animation: 7s ease-in-out 0s normal none 1 running theme; }
.banner_a { display: block; width: 161px; height: 161px; margin: 0px auto; position: relative; background: transparent url('h_f_a.png') no-repeat scroll center top; top: 3px; left: -273px; }
.hfsq { height: 558px; background: transparent url('hfsq.jpg') no-repeat scroll center top; }
.hfsq_main { width: 1178px; margin: 0px auto; position: relative; top: 174px; }
.hfsq_main li { width: 392px; height: 160px; float: left; margin-left: 1px; margin-bottom: 1px; }
.hfsq_main li:nth-child(1) { margin-left: 0px; }
.hfsq_main li:nth-child(4) { margin-left: 0px; clear: both; }
.z1 { background: rgb(191, 231, 255) none repeat scroll 0% 0%; clear: both; overflow: hidden; padding-bottom: 60px; }
.z1 h1 { height: 193px; background: transparent url('bt1.jpg') no-repeat scroll center 40px; }
.z1_main { width: 1150px; margin: 0px auto; }
.z1_l { width: 385px; height: 706px; float: left; background: rgb(255, 255, 255) none repeat scroll 0% 0%; border-radius: 20px; position: relative; z-index: 0; overflow: hidden; }
.z1_l dt { width: 385px; height: 275px; overflow: hidden; }
.z1_l dd { width: 314px; margin: 40px auto 30px; }
.z1_r { width: 740px; height: 706px; float: right; }
.z1_r1 { width: 740px; height: 365px; margin-bottom: 25px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; border-radius: 20px; position: relative; z-index: 0; overflow: hidden; }
.z1_r2 { width: 740px; height: 315px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; border-radius: 20px; position: relative; z-index: 0; overflow: hidden; }
.z1_r dt { width: 355px; height: 365px; float: left; }
.z1_r dd { width: 355px; height: 365px; float: left; margin-left: 30px; position: relative; left: 19px; top: 27px; }
.z2 { clear: both; padding-bottom: 60px; background: rgb(191, 212, 255) none repeat scroll 0% 0%; }
.z2 h1 { height: 193px; background: transparent url('bt2.jpg') no-repeat scroll center 46px; }
.z2_main { width: 1150px; margin: 0px auto; }
.z2_t { width: 1150px; height: 315px; margin-bottom: 30px; }
.z2_b { width: 1150px; height: 315px; border-radius: 20px; position: relative; z-index: 0; background: rgb(255, 255, 255) none repeat scroll 0% 0%; overflow: hidden; }
.z2_t1 { width: 560px; height: 315px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; border-radius: 20px; position: relative; z-index: 0; overflow: hidden; float: left; }
.z2_t2 { width: 560px; height: 315px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; border-radius: 20px; position: relative; z-index: 0; overflow: hidden; float: right; }
.z2_t dt { width: 255px; height: 315px; float: left; }
.z2_t dd { width: 265px; height: 365px; float: left; margin-left: 7px; position: relative; left: 19px; top: 27px; }
.z2_b dt { width: 305px; height: 315px; float: left; position: relative; left: 14px; overflow: hidden; }
.z2_b dd { width: 375px; height: 315px; float: left; margin-left: 33px; position: relative; top: 27px; }
.z3 { background: rgb(191, 231, 255) none repeat scroll 0% 0%; clear: both; overflow: hidden; padding-bottom: 60px; }
.z3 h1 { height: 193px; background: transparent url('bt3.jpg') no-repeat scroll center 40px; }
.z3_main { width: 1150px; margin: 0px auto; }
.z3_l { width: 385px; height: 644px; float: right; background: rgb(255, 255, 255) none repeat scroll 0% 0%; border-radius: 20px; position: relative; z-index: 0; overflow: hidden; }
.z3_l dt { width: 385px; height: 275px; overflow: hidden; }
.z3_l dd { width: 314px; margin: 27px auto 11px; }
.z3_r { width: 740px; height: 644px; float: left; }
.z3_r1 { width: 740px; height: 300px; margin-bottom: 43px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; border-radius: 20px; position: relative; z-index: 0; overflow: hidden; }
.z3_r2 { width: 740px; height: 300px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; border-radius: 20px; position: relative; z-index: 0; overflow: hidden; }
.z3_r dt { width: 355px; height: 365px; float: left; }
.z3_r dd { width: 355px; height: 365px; float: left; margin-left: 30px; position: relative; left: 19px; top: 27px; }
.z4 { clear: both; padding-bottom: 60px; background: rgb(191, 212, 255) none repeat scroll 0% 0%; }
.z4 h1 { height: 193px; background: transparent url('bt4.jpg') no-repeat scroll center 46px; }
.z4_main { width: 1150px; margin: 0px auto; }
.z4_t { width: 1150px; height: 315px; margin-bottom: 30px; }
.z4_b { width: 1150px; height: 315px; border-radius: 20px; position: relative; z-index: 0; background: rgb(255, 255, 255) none repeat scroll 0% 0%; overflow: hidden; }
.z4_t1 { width: 560px; height: 315px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; border-radius: 20px; position: relative; z-index: 0; overflow: hidden; float: left; }
.z4_t2 { width: 560px; height: 315px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; border-radius: 20px; position: relative; z-index: 0; overflow: hidden; float: right; }
.z4_t dt { width: 255px; height: 315px; float: left; }
.z4_t dd { width: 265px; height: 365px; float: left; margin-left: 7px; position: relative; left: 19px; top: 27px; }
.z4_b dt { width: 305px; height: 315px; float: left; position: relative; left: 14px; overflow: hidden; }
.z4_b dd { width: 375px; height: 315px; float: left; margin-left: 33px; position: relative; top: 62px; }
.z4_bdd { top: 19px ! important; }
.z5 { height: 539px; background: transparent url('z5_bg.jpg') no-repeat scroll center top; }
.slider8 dl:nth-child(6) { clear: both; margin-left: 0px; }
.slider8 dl:nth-child(1) { margin-left: 0px; }
.z7 { height: 586px; overflow: hidden; background: transparent url('z7_bg.jpg') no-repeat scroll center top; }
.z7_main h1 { font-size: 72px; color: rgb(50, 50, 50); font-weight: bold; text-align: center; position: relative; height: 0px; left: 226px; top: -400px; }
.z7_main h1 font { color: rgb(255, 0, 124); }
.z7_main h1 font b { font-size: 134px; }
.z7_main h2 { font-size: 48px; color: rgb(255, 0, 124); font-weight: normal; text-align: center; height: 0px; position: relative; top: -238px; left: 222px; }
.z7_main h3 { font-size: 24px; color: rgb(50, 50, 50); font-weight: normal; text-align: center; height: 0px; line-height: 30px; position: relative; top: -165px; left: 233px; }
.z7_main { margin-top: 436px; }
.z7_a { top: -78px; left: 240px; }
.z1_main dt, .z5_main dd { overflow: hidden; }
.z_a, .banner_a, .z1_main dt img, .z2_main dt img, .z3_main dt img, .z4_main dt img { z-index: 0; display: block; transition: all 0.5s linear 0s; }
.z1_main dt img:hover, .z2_main dt img:hover, .z3_main dt img:hover, .z4_main dt img:hover, .z6 dt img:hover, .z7 dt img:hover, .z5_main dd img:hover { transform: scale(1.05); }
.z_a:hover, .banner_a:hover { transform: rotateY(360deg) perspective(200px); }
.ks_ol_comm_div, .ks_ol_comm_div div { margin: 0px; background-color: transparent; position: static; height: initial; width: initial; }
/* ::::: http://images.ubeauty.cn/swt/public/css/right_call.css ::::: */

body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, th, td, img { border: medium none; margin: 0px; padding: 0px; }
.swt-left { width: 140px; position: fixed; left: 2px; top: 15%; font-size: 12px; z-index: 1000; font-family: Arial,Helvetica,sans-serif; }
.swt-left img { width: 140px; }
.swt-left .myclose { width: 30px; height: 30px; position: absolute; top: 0px; right: -2px; z-index: 1200; }
.swt-right ul, li { margin: 0px; padding: 0px; list-style-type: none; text-decoration: none; font-size: 12px; border: 0px none; }

/* ::::: http://www.tzyxmr.net/huameiTemplets/201407/css/style.css ::::: */

.xnBanner { height: auto; margin: 0px auto; position: relative; }
section { width: 980px; margin: 0px auto; position: relative; }
.section_banner1_box { height: 472px; width: 100%; }
#focusindex { height: 472px; overflow: hidden; position: relative; }
#focusindex li { height: 472px; overflow: hidden; position: absolute; width: 100%; }
#focusindex li a { display: block; height: 472px; position: relative; width: 100%; z-index: 2; }
#focusindex li a img { display: block; position: absolute; left: 50%; margin-left: -900px; top: 0px; transform: scaleX(1.05) scaleY(1.05); }
#focusindex li.bannerdh img { transition: transform 4s linear 0s; transform: scaleX(1) scaleY(1); }
#focusindex .btn { position: absolute; width: 100%; height: 30px; bottom: 10px; text-align: center; z-index: 9; }
#focusindex .btn span { display: inline-block; width: 20px; height: 20px; margin: 5px 10px; cursor: pointer; background: transparent url('/index/banner_off.png') no-repeat scroll center top; z-index: 9; border-radius: 50%; }
#focusindex .btn span.on { background: transparent url('/index/banner_on.png') no-repeat scroll center top; z-index: 9; }
#focusindex .preNext { width: 44px; height: 44px; position: absolute; top: 180px; background: transparent url('/index/sprite.png') no-repeat scroll left bottom; cursor: pointer; z-index: 9; opacity: 0; transition: all 0.3s linear 0s; }
#focusindex .pre { left: 0%; z-index: 9; }
#focusindex .next { right: 0%; background-position: right bottom; z-index: 9; }
#focusindex:hover .preNext { opacity: 0.5; }
#focusindex:hover .pre { left: 10%; }
#focusindex:hover .next { right: 10%; }
#focusindex .pre:hover, #focusindex .next:hover { opacity: 1; }
.xnMain .xnM2 { width: 1200px; height: auto; float: left; margin-top: 30px; }
.xnMain .xnM2 .Sub_Title { width: auto; height: auto; float: left; }
.xnMain .xnM2 .Sub_Hdzq { width: 366px; height: 572px; float: left; overflow: hidden; }
.xnMain .xnM2 .Sub_Hdzq .Cont { width: 366px; height: 465px; float: left; padding-top: 20px; }
.xnMain .xnM2 .Sub_Hdzq .Cont { width: 366px; height: 465px; float: left; padding-top: 20px; }
.xnMain .xnM2 .Sub_Hdzq .Cont { width: 366px; height: 465px; float: left; padding-top: 20px; }
.xnMain .xnM2 .Sub_Hdzq .Cont .Pic { width: 366px; height: 350px; float: left; padding-bottom: 23px; overflow: hidden; }
.xnMain .xnM2 .Sub_Hdzq .Cont .Pic li { width: 366px; height: 310px; float: left; }
.xnMain .xnM2 .Sub_Hdzq .Cont .Pic .Roll_butt { width: 366px; height: 10px; float: left; overflow: hidden; padding-top: 10px; }
.xnMain .xnM2 .Sub_Hdzq .Cont .Pic .Roll_butt .dian { width: 49px; height: 10px; overflow: hidden; margin: 0px auto; }
.xnMain .xnM2 .Sub_Hdzq .Cont .Pic .Roll_butt a { width: 16px; height: 10px; background: transparent url('/index/sub_qwzj_rollbutt.jpg') repeat scroll 1px 0px; display: block; float: left; }
.xnMain .xnM2 .Sub_Hdzq .Cont .Pic .Roll_butt a:hover { background: transparent url('/index/sub_qwzj_rollbutt.jpg') repeat scroll 15px 0px; }
.xnMain .xnM2 .Sub_Hdzq .Cont .Pic .Roll_butt .a1 { background: transparent url('/index/sub_qwzj_rollbutt.jpg') repeat scroll 15px 0px; }
.xnMain .xnM2 .Sub_Hdzq .Cont .Zxfs { width: 346px; height: auto; float: left; }
.xnMain .xnM2 .Sub_News { width: 468px; height: 572px; float: left; overflow: hidden; }
.xnMain .xnM2 .Sub_News .Cont { width: 466px; height: 463px; float: left; padding-top: 21px; }
.xnMain .xnM2 .Sub_News .Cont .Focus_N { width: 408px; height: 150px; margin: 0px auto; border-bottom: 1px dashed rgb(102, 102, 102); }
.xnMain .xnM2 .Sub_News .Cont .Focus_N .Pic { width: 167px; height: 144px; float: left; }
.xnMain .xnM2 .Sub_News .Cont .Focus_N .Nr { width: 221px; height: 144px; float: left; padding-left: 20px; }
.xnMain .xnM2 .Sub_News .Cont .Focus_N .News_Title { font-size: 15px; float: left; line-height: 22px; height: 60px; }
.xnMain .xnM2 .Sub_News .Cont .Focus_N .News_Text { width: 221px; height: 55px; font-size: 12px; float: left; line-height: 18px; color: rgb(102, 102, 102); }
.xnMain .xnM2 .Sub_News .Cont .Focus_N .News_Link { width: 220px; height: auto; float: left; }
.xnMain .xnM2 .Sub_News .Cont .Focus_N .News_Link a { font-size: 14px; text-align: right; color: rgb(185, 10, 86); float: right; }
.xnMain .xnM2 .Sub_News .Cont .List_N { width: 408px; height: 200px; margin: 20px auto 0px; overflow: hidden; }
.xnMain .xnM2 .Sub_News .Cont .List_N li { width: 408px; line-height: 25px; float: left; }
.xnMain .xnM2 .Sub_News .Cont .List_N li a { text-decoration: none; color: rgb(0, 0, 0); text-align: left; cursor: pointer; }
.xnMain .xnM2 .Sub_News .Cont .List_N li a:hover { color: rgb(181, 0, 79); }
.xnMain .xnM2 .Sub_News .Cont .List_N li i { float: left; width: 10px; line-height: 25px; }
.xnMain .xnM2 .Sub_News .Cont .List_N li .f1 { width: 310px; height: 25px; line-height: 25px; float: left; overflow: hidden; }
.xnMain .xnM2 .Sub_News .Cont .List_N li .f1 font { float: left; font-size: 12px; }
.xnMain .xnM2 .Sub_News .Cont .List_N li .new { width: 25px; height: 25px; float: left; background: transparent url('/index/sub_news_n.jpg') no-repeat scroll center 7px; }
.xnMain .xnM2 .Sub_News .Cont .List_N li .Time { width: 88px; height: 25px; line-height: 25px; float: left; text-align: right; }
.xnMain .xnM2 .Sub_News .Cont .hz { width: 408px; float: left; margin: 0px 20px; line-height: 30px; font-size: 14px; text-align: center; color: rgb(13, 12, 11); }
.xnMain .xnM2 .Sub_News .Cont .Media_N { width: 428px; height: 50px; float: left; margin: 10px 10px 0px; border: 1px solid rgb(239, 231, 207); }
.xnMain .xnM2 .Sub_Qwzj { width: 366px; height: 572px; float: left; overflow: hidden; }
.xnMain .xnM2 .Sub_Qwzj .Cont { width: 366px; height: 472px; float: left; padding-top: 20px; }
.xnMain .xnM2 .Sub_Qwzj .Cont .zj { width: 326px; height: auto; float: left; padding: 0px 0px 0px 30px; }
.xnMain .xnM2 .Sub_Qwzj .Cont .zj .zjbig { width: 324px; height: auto; float: left; }
.xnMain .xnM2 .Sub_Qwzj .Cont .zj .zjbig li { width: 67px; height: auto; float: left; padding: 0px 7px 15px; }
.xnMain .xnM2 .Sub_Qwzj .Cont .zj .zjbig li a { width: 67px; height: 92px; text-decoration: none; color: rgb(0, 0, 0); display: block; cursor: pointer; }
.xnMain .xnM2 .Sub_Qwzj .Cont .zj .zjbig li .pic { width: 67px; height: 67px; float: left; }
.xnMain .xnM2 .Sub_Qwzj .Cont .zj .zjbig li .name { width: 67px; line-height: 25px; float: left; font-size: 12px; text-align: center; }
.xnMain .xnM2 .Sub_Qwzj .Cont .zj_banner { width: 334px; height: 242px; float: right; padding: 0px 8px 23px 15px; overflow: hidden; position: relative; }
.xnMain .xnM2 .Sub_Qwzj .Cont .bt { width: 130px; height: 20px; float: right; position: absolute; top: 210px; left: 30px; }
.xnMain .xnM2 .Sub_Qwzj .Cont .bt .Roll_butt { width: 180px; height: 10px; float: left; overflow: hidden; padding-top: 10px; }
.xnMain .xnM2 .Sub_Qwzj .Cont .bt .Roll_butt .dian { width: 180px; height: 10px; overflow: hidden; margin: 0px auto; }
.xnMain .xnM2 .Sub_Qwzj .Cont .bt .Roll_butt a { width: 16px; height: 10px; background: transparent url('/index/sub_qwzj_rollbutt.png') repeat scroll 1px 0px; display: block; float: left; }
.xnMain .xnM2 .Sub_Qwzj .Cont .bt .Roll_butt a:hover { background: transparent url('/index/sub_qwzj_rollbutt.png') repeat scroll 15px 0px; }
.xnMain .xnM2 .Sub_Qwzj .Cont .bt .Roll_butt .a1 { background: transparent url('/index/sub_qwzj_rollbutt.png') repeat scroll 15px 0px; }
.xnMain .xnM2 .Sub_Qwzj .Cont .zj_banner li { padding-bottom: 10px; }
.xnMain .xnM2 .bor_top { border-top: 1px solid rgb(153, 153, 153); }
.xnMain .xnM2 .bor_center { border-left: 1px solid rgb(153, 153, 153); border-right: 1px solid rgb(153, 153, 153); }
.xnMain .xnM3 { width: 1200px; height: auto; float: left; position: relative; }
#al { width: 1200px; margin: 0px auto 60px; height: 506px; overflow: hidden; position: relative; }
#al .bd { width: 100%; float: left; }
#al .bd li { width: 100%; height: 506px; float: left; }
#al .bd li.anli_1 { background: transparent url('/index/al1.jpg') no-repeat scroll center top; }
#al .bd li.anli_2 { background: transparent url('/index/al2.jpg') no-repeat scroll center top; }
#al .bd li.anli_3 { background: transparent url('/index/al3.jpg') no-repeat scroll center top; }
#al .bd li.anli_4 { background: transparent url('/index/al4.jpg') no-repeat scroll center top; }
#al .bd li.anli_5 { background: transparent url('/index/al5.jpg') no-repeat scroll center top; }
#al .bd li .text { width: 260px; margin: 230px 212px 0px 440px; float: left; }
#al .bd li .text em { width: 100%; display: block; font-style: normal; font-size: 32px; line-height: 36px; text-align: center; color: rgb(45, 45, 45); margin-bottom: 26px; }
#al .bd li .text p { font-size: 22px; line-height: 40px; color: rgb(110, 110, 110); text-align: center; }
#al .bd li .text p span { width: auto; display: inline-block; border: 1px solid rgb(225, 225, 225); padding: 0px 5px; font-size: 20px; line-height: 38px; color: rgb(51, 51, 51); margin-left: 5px; margin-bottom: 38px; }
#al .bd li .text a { width: 145px; display: table; margin: 0px auto; clear: both; font-size: 18px; line-height: 38px; color: rgb(110, 110, 110); text-align: center; border-radius: 19px; border: 1px solid rgb(110, 110, 110); }
#al .bd li .text a:hover { color: rgb(181, 0, 79); border: 1px solid rgb(181, 0, 79); }
#al .bd li .dt { width: 174px; height: 311px; float: left; margin-top: 102px; }
#al .Btn { width: 75px; height: 75px; display: block; position: absolute; top: 210px; opacity: 0.5; transition: all 0.3s linear 0s; }
#al .Btn:hover { opacity: 1; }
#al .Btn.prev { background-image: url('/index/pbtn.png'); left: 26px; }
#al .Btn.next { background-image: url('/index/nbtn.png'); right: 26px; }
.xnMain .xnM3 .umr_al li:nth-child(4n) { margin: 0px 0px 36px; }
.xnMain .xnM3 .xnAl_Title { width: 1200px; height: 77px; float: left; padding-bottom: 35px; }
.xnMain .xnM3 .Title_bg1 { background: transparent url('/index/index_dbal.jpg') no-repeat scroll center top; }
.xnMain .xnM6 { width: 1200px; height: auto; float: left; }
.xnMain .xnM6 .link { width: 1200px; height: 35px; margin-top: 64px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; border-bottom: 1px solid rgb(120, 120, 120); margin-bottom: 30px; }
.xnMain .xnM6 .link a { float: left; width: 91px; height: 35px; margin-left: 10px; display: block; font-size: 20px; text-align: center; color: rgb(0, 0, 0); text-decoration: none; }
.xnMain .xnM6 .link a:hover { background: transparent url('/index/al_hover.jpg') no-repeat scroll center bottom; }
.xnMain .xnM6 .link .a1 { background: transparent url('/index/al_hover.jpg') no-repeat scroll center bottom; }
.xnMain .xnM6 .linkContent { width: 1200px; height: 120px; float: left; }
.xnMain .xnM6 .link2 { width: 1200px; height: 120px; float: left; background: rgb(255, 255, 255) none repeat scroll 0% 0%; }
.xnMain .xnM6 .link2 a { float: left; height: 35px; display: block; margin-top: 10px; font-size: 14px; text-align: center; color: rgb(0, 0, 0); text-decoration: none; margin-left: 10px; }
.xnMain .xnM6 .m6Center { width: 1200px; height: 120px; float: left; background: rgb(120, 120, 120) none repeat scroll 0% 0%; }
.xnMain .xnM6 .m6Center li { display: inline; float: left; height: 100px; padding: 20px 32px; width: 85px; }
.xnMain .xnM6 .m6Center li i { cursor: pointer; display: block; float: left; height: 48px; margin: 0px 18px; width: 48px; }
.xnMain .xnM6 .m6Center li i a { cursor: pointer; display: block; height: 49px; width: 49px; background: transparent url('/index/index_year20_icon.png') no-repeat scroll 0% 0%; }
.xnMain .xnM6 .m6Center li span { color: rgb(236, 236, 236); float: left; font-size: 16px; height: 40px; line-height: 40px; text-align: center; width: 100%; }
.xnMain .xnM6 .m6Center li i .w1 { background-position: -23px -9px; }
.xnMain .xnM6 .m6Center li i .w1:hover { background-position: -23px -70px; }
.xnMain .xnM6 .m6Center li i .w2 { background-position: -86px -9px; }
.xnMain .xnM6 .m6Center li i .w2:hover { background-position: -86px -70px; }
.xnMain .xnM6 .m6Center li i .w3 { background-position: -150px -9px; }
.xnMain .xnM6 .m6Center li i .w3:hover { background-position: -150px -70px; }
.xnMain .xnM6 .m6Center li i .w4 { background-position: -215px -9px; }
.xnMain .xnM6 .m6Center li i .w4:hover { background-position: -215px -70px; }
.xnMain .xnM6 .m6Center li i .w5 { background-position: -280px -9px; }
.xnMain .xnM6 .m6Center li i .w5:hover { background-position: -280px -70px; }
.xnMain .xnM6 .m6Center li i .w6 { background-position: -344px -9px; }
.xnMain .xnM6 .m6Center li i .w6:hover { background-position: -344px -70px; }
.xnMain .xnM6 .m6Center li i .w7 { background-position: -408px -9px; }
.xnMain .xnM6 .m6Center li i .w7:hover { background-position: -408px -70px; }
.xnMain .xnM6 .m6Center li i .w8 { background-position: -472px -9px; }
.xnMain .xnM6 .m6Center li i .w8:hover { background-position: -472px -70px; }
.xnM7 { width: 100%; height: 700px; background: transparent url('/index/p5_bg.jpg') no-repeat fixed center center; overflow: hidden; margin: 10px auto 0px; }
.xnM7 .x7wrap .bd ul li .one { float: left; width: 300px; }
.xnM7 .x7wrap .bd ul li .one a { display: block; width: 100%; height: 100%; position: relative; }
.xnM7 .x7wrap .bd ul li .one a .bg { position: absolute; left: 0px; bottom: 0px; width: 100%; height: 0px; background: rgba(0, 0, 0, 0.5) none repeat scroll 0px 0px ! important; opacity: 0; transition: all 0.3s linear 0s; }
.xnM7 .x7wrap .bd ul li .one a .bg .p { position: relative; padding: 10px 30px 0px; }
.xnM7 .x7wrap .bd ul li .one a .bg .p .t1 { font-size: 26px; line-height: 38px; color: rgb(255, 255, 255); }
.xnM7 .x7wrap .bd ul li .one a .bg .p .t2 { font-size: 14px; line-height: 22px; color: rgb(255, 255, 255); }
.xnM7 .x7wrap .bd ul li .one a:hover .bg { height: 120px; opacity: 1; }
.xnM7 .x7wrap .bd ul li .two { float: right; width: 894px; height: 392px; overflow: hidden; }
.xnM7 .x7wrap .bd ul li .two .list { float: left; width: 213px; height: 183px; margin-left: 10px; margin-bottom: 11px; display: inline; }
.xnM7 .x7wrap .bd ul li .two .list a { display: block; width: 100%; height: 100%; position: relative; }
.xnM7 .x7wrap .bd ul li .two .list a .bg { width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; z-index: 2; background: rgba(0, 0, 0, 0.5) none repeat scroll 0px 0px ! important; transition: all 0.3s linear 0s; opacity: 0; }
.xnM7 .x7wrap .bd ul li .two .list a:hover .bg { opacity: 1; }
.xnM7 .x7wrap .bd ul li .two .list a .txt { width: 168px; position: absolute; z-index: 3; left: 25px; top: 56px; font-size: 14px; text-align: center; color: rgb(255, 255, 255); opacity: 0; }
.xnM7 .x7wrap .bd ul li .two .list a .txt .t1 { font-size: 16px; }
.xnM7 .x7wrap .bd ul li .two .list a:hover .txt { opacity: 1; animation: 0.3s ease 0s normal none 1 running orangeIn; }
.xnM7 .x7wrap { margin: 100px auto 0px; width: 1226px; }
.xnM7 .x7wrap .hd { width: 1204px; height: 42px; background: rgb(181, 0, 79) none repeat scroll 0% 0%; padding: 6px 0px 0px 22px; position: relative; }
.xnM7 .x7wrap .hd ul { float: left; height: 42px; }
.xnM7 .x7wrap .hd ul li { float: left; height: 42px; width: 140px; text-align: center; line-height: 42px; color: rgb(255, 255, 255); font-size: 16px; cursor: pointer; }
.xnM7 .x7wrap .hd ul li.on { background: rgb(255, 255, 255) none repeat scroll 0% 0%; color: rgb(51, 51, 51); }
.xnM7 .x7wrap .bd ul { padding: 16px 16px 0px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; display: none; }
.xnM7 .x7wrap .bd ul li { width: 100%; height: 380px; padding-bottom: 12px; overflow: hidden; }
.xnM7 .x7wrap .bd ul.on { display: block; }
.ks_ol_comm_div, .ks_ol_comm_div div { margin: 0px; background-color: transparent; position: static; height: initial; width: initial; }
/* ::::: http://images.ubeauty.cn/swt/public/css/right_call.css ::::: */

body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, th, td, img { border: medium none; margin: 0px; padding: 0px; }
.swt-right ul, li { margin: 0px; padding: 0px; list-style-type: none; text-decoration: none; font-size: 12px; border: 0px none; }
.pf_0701 { width: 125px; position: fixed; z-index: 99999; left: -125px; top: 50%; transform: translateY(-50%); opacity: 0; transition: all 0.8s ease-in 0s; }
.pf_0701 .closeBtn { width: 28px; height: 28px; position: absolute; right: -10px; top: -10px; background: transparent url('/index/pf_closebtn.png') repeat scroll 0% 0%; cursor: pointer; transform-origin: center top 0px; transition: all 0.8s ease-in 1s; transform: perspective(400px) rotate3d(1, 0, 0, -180deg); opacity: 0; }
.pf_0701 .pro a { display: block; float: left; margin-bottom: 6px; transform-style: preserve-3d; }
.pf_0701 .pro a img { transform-origin: center top 0px; transition: all 0.8s ease-in 1s; transform: perspective(400px) rotate3d(1, 0, 0, -180deg); opacity: 0; }
.pf_0701 a.btn { width: 54px; height: 55px; display: block; margin-left: 23px; }
.pf_0701.show a img, .pf_0701.show .closeBtn { transform: perspective(400px); opacity: 1; }
.pf_0701.show a.i1 img { transition-delay: 1.4s; }
.pf_0701.show a.i2 img { transition-delay: 1.8s; }
.pf_0701.show a.i3 img { transition-delay: 2.2s; }
.pf_0701.show a.i4 img { transition-delay: 2.5s; }
.pf_0701.show a.i5 img { transition-delay: 2.9s; }
.pf_0701.show a.btn img { transition-delay: 3.4s; }
.pf_0701.show .closeBtn { transition-delay: 3.9s; }
.pf_0701.show { left: 0px; opacity: 1; }