/* ::::: 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://images.ubeauty.cn/pc/special/201809/css/style.css ::::: */

/*div, p, h1, h2, h3, h4, h5, h6, ul, li, dl, dt, dd, img, body { margin: 0px; padding: 0px; list-style-type: none; text-decoration: none; border: 0px none; text-align: justify; }*/
body { overflow-x: hidden; font-family: "微软雅黑","宋体",Tahoma,Helvetica,Arial,sans-serif; }
body a { transition: all 0.5s ease 0s; text-decoration: none; }
.clearfloat::after { display: block; clear: both; content: ""; visibility: hidden; height: 0px; }
.HM_Content { width: 100%; float: left; }
.HM_Content img { float: left; }
.HM_box { width: 1200px; margin: 0px auto; display: table; }
.HM_Main { width: 100%; margin: 0px auto; max-width: 1920px; display: table; }
.banner { height: 558px; background: transparent url('banner.jpg') no-repeat scroll center top; position: relative; }
.banner .txt { width: 1045px; height: 300px; display: block; position: absolute; top: 68px; left: 50%; transform: translateX(-50%); animation: 4s ease 1s normal none infinite running txt; }
.title { margin: 60px auto 44px; display: block; }
.box1 { height: 606px; background: transparent url('bg1.jpg') no-repeat scroll center top; position: relative; }
.box1 .main { height: 701px; position: absolute; left: 50%; top: 0px; transform: translate(-50%, -140px); background: transparent url('b1bg.png') no-repeat scroll center top; }
.box1 .main .title { width: 705px; height: 158px; }
.box1 .main .pics { display: table; margin: 0px auto; }
.box1 .main .pics li { width: 260px; height: 367px; display: block; margin: 0px 8px; float: left; position: relative; transition: all 0.5s ease 0s; }
.box1 .main .pics li a { width: 120px; height: 120px; display: block; position: absolute; left: 50%; bottom: -80px; margin-left: -60px; background: transparent url('b1-pica.png') no-repeat scroll center top; }
.box2 { height: 1080px; background: transparent url('bg2.jpg') no-repeat scroll center top; }
.box2 .main .title { width: 1015px; height: 120px; }
.box2 .main .pics { display: table; margin: 0px auto; }
.box2 .main .pics li { width: 208px; height: 361px; display: block; margin: 0px 8px 48px; float: left; position: relative; transition: all 0.5s ease 0s; }
.box2 .main .pics li a { width: 170px; height: 63px; display: block; position: absolute; left: 50%; bottom: -31px; margin-left: -75px; background: transparent url('b2-pica.png') no-repeat scroll center top; }
.box4 { height: 4884px; background: transparent url('bg4.jpg') no-repeat scroll center top; position: relative; padding-top: 82px; }
.box4 .title { width: 775px; height: 69px; position: absolute; left: 50%; top: 0px; margin-left: -377px; }
.box4 .main .cont { width: 100%; float: left; padding: 40px 0px; box-shadow: 0px 0px 55.8px 4.2px rgba(255, 141, 181, 0.68); border-radius: 30px; margin-top: 310px; }
.box4 .main .cont .left { width: 422px; float: left; background: rgba(255, 255, 255, 0.4) none repeat scroll 0% 0%; }
.box4 .main .cont .left .pic { width: 100%; float: left; display: table; position: relative; }
.box4 .main .cont .left .pic .before { width: 150px; height: 150px; position: absolute; right: 12px; bottom: -54px; }
.box4 .main .cont .left .text { width: 100%; float: left; padding-top: 32px; }
.box4 .main .cont .left .text span { width: 110px; height: 40px; display: block; border-radius: 0px 20px 20px 0px; background-color: rgb(0, 0, 0); font-size: 18px; line-height: 40px; color: rgb(255, 255, 255); text-align: center; }
.box4 .main .cont .left .text p { font-size: 18px; line-height: 24px; padding: 10px 0px 20px 5px; }
.box4 .main .cont .right { width: 778px; float: right; }
.box4 .main .cont .right li { width: 246px; height: 243px; float: left; margin-left: 10px; margin-bottom: 38px; }
.box4 .main:nth-child(2) .cont .right li:nth-child(7), .box4 .main:nth-child(2) .cont .right li:nth-child(8) { width: 376px; }
.box4 .main .cont .bottom { width: 100%; float: right; }
.box4 .main .cont .bottom li { width: 230px; height: 243px; float: left; margin-right: 12.5px; }
.box4 .main .cont .bottom li:last-child { margin-right: 0px; }
.box4 .main .cont .right li a, .box4 .main .cont .bottom li a { width: 127px; height: 34px; display: block; position: absolute; left: 50%; bottom: -12px; margin-left: -63.5px; background: transparent url('b4-pica.png') no-repeat scroll center top; }
.box4 .main:nth-child(2) { background: transparent url('b4_1title.png') no-repeat scroll center -30px; }
.box4 .main:nth-child(2) .cont { background: rgb(255, 157, 118) none repeat scroll 0% 0%; }
.box4 .main:nth-child(3) { background: transparent url('b4_2title.png') no-repeat scroll center -30px; }
.box4 .main:nth-child(3) .cont { background: rgb(195, 135, 223) none repeat scroll 0% 0%; }
.box4 .main:nth-child(4) { background: transparent url('b4_3title.png') no-repeat scroll center -30px; }
.box4 .main:nth-child(4) .cont { background: rgb(149, 135, 223) none repeat scroll 0% 0%; }
.box4 .main:nth-child(4) .cont .left .text { padding-top: 10px; }
.box4 .main:nth-child(4) .cont .left .text p { padding: 0px 0px 4px 5px; line-height: 40px; }
.box4 .main:nth-child(4) .cont .right li { margin-bottom: 45px; }
.box4 .main:nth-child(4) .cont .right li:nth-child(4), .box4 .main:nth-child(4) .cont .right li:nth-child(5) { width: 376px; margin-bottom: 0px; }
.box4 .main:nth-child(4) .cont .right li:nth-child(5) { margin-left: 16px; }
.box4 .main:nth-child(5) { background: transparent url('b4_4title.png') no-repeat scroll center -30px; }
.box4 .main:nth-child(5) .cont { background: rgb(135, 182, 223) none repeat scroll 0% 0%; }
.box4 .main:nth-child(5) .right li:nth-child(1), .box4 .main:nth-child(5) .right li:nth-child(2), .box4 .main:nth-child(5) .right li:nth-child(6), .box4 .main:nth-child(5) .right li:nth-child(7) { width: 376px; }
.box4 .main:nth-child(5) .right li:nth-child(6), .box4 .main:nth-child(5) .right li:nth-child(7) { margin-bottom: 0px; }
.box4 .main:nth-child(5) .right li:nth-child(2), .box4 .main:nth-child(5) .right li:nth-child(7) { margin-left: 16px; }
.box5 { height: 1115px; background: url('bg5.jpg') no-repeat scroll center top, rgb(255, 255, 255) none repeat scroll 0% 0%; }
.box5 .main { position: relative; }
.box5 .main .title { width: 687px; height: 120px; margin: 214px auto 60px; }
.box5 .main .bd { width: 100%; float: left; padding: 0px 28px; }
.box5 .main .bd li { width: 1144px; float: left; }
.box5 .main .bd li .pic { width: 502px; height: 625px; float: left; }
.box5 .main .bd li .rcont { width: 602px; float: right; }
.box5 .main .bd li .rcont .txt { width: 451px; height: 118px; margin-bottom: 44px; float: left; }
.box5 .main .bd li .rcont p { width: 100%; float: left; font-size: 40px; line-height: 48px; color: rgb(210, 11, 90); }
.box5 .main .bd li .rcont .tips { width: 602px; height: 162px; margin-bottom: 10px; float: left; }
.box5 .main .bd li .rcont .tjzj { width: 100%; float: left; }
.box5 .main .bd li .rcont .tjzj h3 { font-size: 24px; line-height: 60px; color: rgb(178, 178, 178); }
.box5 .main .bd li .rcont .tjzj a { width: 96px; display: block; float: left; margin-right: 30px; }
.box5 .main .bd li .rcont .tjzj a p { font-size: 20px; line-height: 30px; color: rgb(97, 97, 97); text-align: center; }
.box5 .main .bd li .rcont .tjzj a:last-child { margin-right: 0px; }
.box5 .main .Btn { width: 50px; height: 80px; display: block; position: absolute; top: 656px; opacity: 0.5; transition: all 0.3s linear 0s; }
.box5 .main .Btn:hover { opacity: 1; }
.box5 .main .prev { background-image: url('b5-prev.jpg'); left: -30px; }
.box5 .main .next { background-image: url('b5-next.jpg'); right: -30px; }
.box1 .ani li, .box4 .ani li { transition: all 0.5s ease 0s; }
.box1 .ani li a, .box4 .ani li a { transform: rotateX(-90deg); opacity: 0; }
.box1 .ani li:hover, .box4 .ani li:hover, .box1 .ani li.hover, .box4 .ani li.hover { transform: translateY(-10px); }
.box1 .ani li:hover a, .box4 .ani li:hover a, .box1 .ani li.hover a, .box4 .ani li.hover a { opacity: 1; transform: rotateX(0deg); }
/* ::::: http://images.ubeauty.cn/mobile/css/swiper.min.css ::::: */

.swiper-lazy-preloader::after { display: block; content: ""; width: 100%; height: 100%; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D\'0%200%20120%20120\'%20xmlns%3D\'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg\'%20xmlns%3Axlink%3D\'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink\'%3E%3Cdefs%3E%3Cline%20id%3D\'l\'%20x1%3D\'60\'%20x2%3D\'60\'%20y1%3D\'7\'%20y2%3D\'27\'%20stroke%3D\'%236c6c6c\'%20stroke-width%3D\'11\'%20stroke-linecap%3D\'round\'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.27\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.27\'%20transform%3D\'rotate(30%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.27\'%20transform%3D\'rotate(60%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.27\'%20transform%3D\'rotate(90%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.27\'%20transform%3D\'rotate(120%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.27\'%20transform%3D\'rotate(150%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.37\'%20transform%3D\'rotate(180%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.46\'%20transform%3D\'rotate(210%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.56\'%20transform%3D\'rotate(240%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.66\'%20transform%3D\'rotate(270%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.75\'%20transform%3D\'rotate(300%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.85\'%20transform%3D\'rotate(330%2060%2C60)\'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); background-position: 50% center; background-size: 100% auto; background-repeat: no-repeat; }
.swiper-lazy-preloader-white::after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D\'0%200%20120%20120\'%20xmlns%3D\'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg\'%20xmlns%3Axlink%3D\'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink\'%3E%3Cdefs%3E%3Cline%20id%3D\'l\'%20x1%3D\'60\'%20x2%3D\'60\'%20y1%3D\'7\'%20y2%3D\'27\'%20stroke%3D\'%23fff\'%20stroke-width%3D\'11\'%20stroke-linecap%3D\'round\'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.27\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.27\'%20transform%3D\'rotate(30%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.27\'%20transform%3D\'rotate(60%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.27\'%20transform%3D\'rotate(90%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.27\'%20transform%3D\'rotate(120%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.27\'%20transform%3D\'rotate(150%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.37\'%20transform%3D\'rotate(180%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.46\'%20transform%3D\'rotate(210%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.56\'%20transform%3D\'rotate(240%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.66\'%20transform%3D\'rotate(270%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.75\'%20transform%3D\'rotate(300%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.85\'%20transform%3D\'rotate(330%2060%2C60)\'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }
.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; }