/* ::::: http://www./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; }*/
em { font-style: normal; }
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./pc/special/201807/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: 998px; background: transparent url('babg.jpg') no-repeat scroll center top; position: relative; }
.banner .main { position: relative; height: 998px; }
.banner .main .txt { width: 684px; height: 324px; position: absolute; left: -85px; top: 105px; background: transparent url('ba-txt.png') no-repeat scroll center top; z-index: 9; animation: 6s ease 0s normal none infinite running txt1; }
.banner .main .txt i { display: block; position: absolute; animation: 0.5s ease 0s normal none 1 running all; }
.banner .main .txt i.xin1 { width: 51px; height: 46px; display: block; background: transparent url('ba-x1.png') repeat scroll 0% 0%; left: 500px; top: 0px; animation: 2.4s ease 0s normal none infinite running x1; }
.banner .main .txt i.xin2 { width: 24px; height: 20px; display: block; background: transparent url('ba-x2.png') repeat scroll 0% 0%; left: 550px; top: 40px; animation: 2.3s ease 0.1s normal none infinite running x2; }
.banner .main .txt i.xin3 { width: 13px; height: 11px; display: block; background: transparent url('ba-x3.png') repeat scroll 0% 0%; left: 490px; top: 50px; animation: 2.2s ease 0.2s normal none infinite running x3; }
.banner .main .txt i.xin4 { width: 34px; height: 28px; display: block; background: transparent url('ba-x4.png') repeat scroll 0% 0%; left: 510px; top: 60px; animation: 2.1s ease 0.3s normal none infinite running x2; }
.banner .main .txt i.xin5 { width: 18px; height: 16px; display: block; background: transparent url('ba-x5.png') repeat scroll 0% 0%; left: 490px; top: 90px; animation: 2s ease 0.4s normal none infinite running x3; }
.banner .main .txt2 { width: 586px; height: 152px; position: absolute; left: -50px; top: 440px; z-index: 9; animation: 6s ease 0s normal none infinite running txt2; }
.banner .main .txt2 .i1 { width: 100%; height: 65px; position: absolute; left: 0px; top: 0px; background: transparent url('ba-txt-02.png') no-repeat scroll center top; }
.banner .main .txt2 .i1::before { content: ""; width: 138px; height: 138px; display: block; background: transparent url('ba-a.png') no-repeat scroll center top; position: absolute; right: -90px; top: -120px; z-index: 1; animation: 6s ease 0s normal none infinite running fadeUp; }
.banner .main .txt2 .i2 { width: 157px; height: 67px; position: absolute; left: 0px; bottom: 0px; background: transparent url('ba-txt-03.png') no-repeat scroll center top; animation: 2s ease 1s normal none infinite running td; }
.banner .main .txt2 .i3 { width: 180px; height: 67px; position: absolute; left: 175px; bottom: 0px; background: transparent url('ba-txt-04.png') no-repeat scroll center top; animation: 2s ease 1.2s normal none infinite running td; }
.banner .main .txt2 .i4 { width: 206px; height: 67px; position: absolute; right: 0px; bottom: 0px; background: transparent url('ba-txt-05.png') no-repeat scroll center top; animation: 2s ease 1.4s normal none infinite running td; }
.banner .main .rw { width: 776px; height: 773px; position: absolute; right: -118px; bottom: 160px; background: transparent url('ba-rw.png') no-repeat scroll center top; z-index: 8; animation: 6s ease 0s normal none infinite running rw; }
.banner .bg-b { width: 100%; height: 310px; position: absolute; bottom: 0px; left: 50%; transform: translateX(-50%); background: transparent url('ba-btm.png') no-repeat scroll center top; z-index: 10; }
.box1 { height: 599px; background: transparent url('b1bg.jpg') no-repeat scroll center top; position: relative; }
.box1 .hd_cont { position: relative; z-index: 11; }
.box1 .hd_cont .hd { width: 564px; height: 230px; position: absolute; z-index: 10; }
.box1 .hd_cont .hd.hd1 { left: 31px; top: -100px; animation: 0.5s ease 0s normal none 1 running all; opacity: 0.5; }
.box1 .hd_cont .hd.hd2 { right: 31px; top: -100px; animation: 0.5s ease 0s normal none 1 running all; opacity: 0.5; }
.box1 .main { height: 573px; background: transparent url('b1-cbg.jpg') no-repeat scroll center top; border-radius: 16px; position: relative; z-index: 12; box-shadow: 0px 0px 65px rgba(190, 31, 37, 0.31); }
.box1 .main .tit { width: 797px; height: 50px; background: transparent url('b1_tit.png') no-repeat scroll center top; margin: 60px auto 40px; }
.box1 .main .sj { width: 63px; height: 59px; background: transparent url('bab1_i1.png') no-repeat scroll center top; position: absolute; left: 405px; top: 453px; display: block; }
.box1 .main .text { width: 675px; float: right; margin-right: 40px; position: relative; }
.box1 .main .text .t1 { width: 100%; float: left; margin-bottom: 10px; }
.box1 .main .text .t1 dd { width: 100%; float: left; font-size: 18px; line-height: 34px; color: rgb(78, 78, 78); }
.box1 .main .text .t1 span { color: rgb(148, 7, 75); display: block; float: left; }
.box1 .main .text .t1 span em { content: ""; width: 23px; height: 23px; background-color: rgb(221, 186, 183); border-radius: 50%; font-size: 15px; text-align: center; color: rgb(255, 255, 255); line-height: 23px; display: block; float: left; margin: 8px 10px 0px 0px; font-style: normal; font-weight: 100; letter-spacing: 0.5px; }
.box1 .main .text .t1 p { width: 414px; float: left; }
.box1 .main .text .t2 { width: 100%; float: left; }
.box1 .main .text .t2 h3 { width: 370px; height: 30px; background-color: rgb(249, 151, 199); display: block; text-align: center; font-size: 20px; line-height: 30px; color: rgb(255, 255, 255); font-weight: normal; margin-bottom: 10px; }
.box1 .main .text .t2 p { font-size: 20px; line-height: 31px; color: rgb(123, 3, 61); }
.box1 .main .text .t2 span { width: auto; margin-right: 20px; float: left; display: block; font-size: 18px; line-height: 18px; color: rgb(78, 78, 78); margin-top: 8px; }
.box1 .main .text a { width: 143px; height: 143px; display: block; background: transparent url('b1a.png') no-repeat scroll center top; position: absolute; right: 0px; top: 135px; animation: 1.5s ease 0s normal none infinite running td; }
.box1 .bg { width: 100%; height: 792px; position: absolute; left: 0%; top: -188px; z-index: 10; transform: translateX(-50%); background: transparent url('bab1_icon.png') no-repeat scroll center top / 1920px 792px; transition: all 0.3s linear 0s; animation: 8s ease 0s normal none infinite running sf; }
.box2 { height: 1941px; background: url('b2bg1.jpg') no-repeat scroll center top, transparent url('b2bg2.jpg') repeat scroll center bottom; }
.box2 .tit_1 { width: 897px; height: 50px; background: transparent url('b2_1tit.png') no-repeat scroll center top; margin: 150px auto 44px; clear: both; }
.box2 .tit_2 { width: 817px; height: 98px; background: transparent url('b2_2tit.png') no-repeat scroll center top; margin: 70px auto 44px; clear: both; }
.box2 .main { background-color: rgb(255, 255, 255); overflow: hidden; box-shadow: 0px 0px 65px rgba(190, 31, 37, 0.31); }
.box2 .cont1 { padding: 26px 0px; border-radius: 16px; }
.box2 .cont1 .left { width: 241px; height: 314px; float: left; margin-left: 8.5px; position: relative; overflow: hidden; }
.box2 .cont1 .left i { width: 241px; height: 176px; bottom: 0px; left: 0px; position: absolute; display: block; background: transparent url('b2_1-icon-04.png') no-repeat scroll center top; }
.box2 .cont1 .right { width: 942px; float: left; }
.box2 .cont1 .right li { width: 314px; height: 157px; float: left; position: relative; overflow: hidden; }
.box2 .cont1 .right li a { width: 75px; height: 34px; display: block; position: absolute; bottom: 10px; left: 16px; background: transparent url('b2a1.png') no-repeat scroll center top; opacity: 0.1; }
.box2 .cont1 .right li a.last { left: 207px; }
.box2 .cont1 .right li:nth-child(1) i { width: 160px; height: 90px; top: 50px; right: -60px; position: absolute; display: block; background: transparent url('b2_1-icon-03.png') no-repeat scroll center top; }
.box2 .cont1 .right li:nth-child(1) i.on { animation: 1.5s ease 0s normal none infinite running i2; }
.box2 .cont1 .right li:nth-child(2) i { width: 112px; height: 112px; bottom: -22px; right: -10px; position: absolute; display: block; background: transparent url('b2_1-icon-02.png') no-repeat scroll center top; }
.box2 .cont1 .right li:nth-child(2) i.on { animation: 1.5s ease 0s normal none infinite running i3; }
.box2 .cont1 .right li:nth-child(3) i { width: 99px; height: 113px; bottom: 10px; right: 4px; position: absolute; display: block; background: transparent url('b2_1-icon.png') no-repeat scroll center top; }
.box2 .cont1 .right li:nth-child(3) i.on { animation: 1.5s ease 0s normal none infinite running i1; }
.box2 .cont1 .right li:nth-child(4) i { width: 90px; height: 90px; bottom: 30px; right: 12px; position: absolute; display: block; background: transparent url('b2_1-icon-05.png') no-repeat scroll center top; }
.box2 .cont1 .right li:nth-child(4) i.on { animation: 1.5s ease 0s normal none infinite running i1; }
.box2 .cont1 .right li:hover a { opacity: 1; }
.box2 .cont2 { margin-bottom: 30px; }
.box2 .cont2 .text { float: left; }
.box2 .cont2 .text h3 { width: 100%; font-size: 32px; line-height: 32px; color: rgb(50, 50, 50); text-align: center; font-weight: normal; margin: 20px 0px; }
.box2 .cont2 .text p { width: 100%; float: left; font-size: 18px; line-height: 22px; color: rgb(248, 0, 120); margin-top: 10px; }
.box2 .cont2 .pic { margin-top: 18px; float: left; position: relative; overflow: hidden; }
.box2 .cont2 .pic::before { position: absolute; content: ""; width: 100%; height: 100%; z-index: 888; }
.box2 .cont2 .pic::after { content: ""; position: absolute; left: -100%; top: 0px; width: 100%; height: 100%; background: transparent -moz-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0)) repeat scroll 0% 0%; transition: left 0.3s linear 0s; transform: skewX(-25deg); opacity: 0; }
.box2 .cont2 .pic:hover::after { left: 100%; opacity: 1; }
.box2 .cont2 .a1 { box-shadow: 0px 0px 13px rgba(250, 21, 128, 0.32); display: block; animation: 1.5s ease 0s normal none infinite running td; overflow: hidden; }
.box2 .cont2 .yh1 { padding: 0px 38px; }
.box2 .cont2 .yh1 li { width: 546px; float: left; margin-right: 32px; position: relative; padding-bottom: 40px; }
.box2 .cont2 .yh1 li .text { width: 394px; margin-left: 16px; }
.box2 .cont2 .yh1 li:last-child { margin-right: 0px; }
.box2 .cont2 .yh1 li a { width: 133px; height: 133px; border-radius: 50%; position: absolute; right: 20px; top: 335px; background: transparent url('b2a21.png') no-repeat scroll center top; }
.box2 .cont2 .yh2 { padding: 0px 24px; }
.box2 .cont2 .yh2 li { width: 336px; float: left; margin-right: 72px; position: relative; }
.box2 .cont2 .yh2 li .text { width: 100%; margin-bottom: 20px; }
.box2 .cont2 .yh2 li .text img { display: table; margin: 0px auto; float: none; }
.box2 .cont2 .yh2 li .text .lh1 { line-height: 52px; }
.box2 .cont2 .yh2 li .text p { text-align: center; }
.box2 .cont2 .yh2 li a { width: 190px; height: 50px; border-radius: 6px; margin: 0px auto 40px; clear: both; background: transparent url('b2a22.png') no-repeat scroll center top; }
.box2 .cont2 .yh2 li:last-child { margin-right: 0px; }
.box2 .cont2 .yh2 li::before { content: ""; width: 1px; height: 100%; background-color: rgb(227, 227, 227); display: block; position: absolute; right: -36px; top: 0px; }
.box3 { height: 4288px; background: url('b3bg1.jpg') no-repeat scroll center top, transparent url('b3bg2.jpg') repeat-x scroll center bottom; padding-top: 190px; }
.box3 .main { overflow: hidden; display: block; }
.box3 li .wbg { width: 100%; float: left; padding: 50px 0px; border-radius: 20px; margin-bottom: 60px; box-shadow: 0px 0px 40px rgba(189, 32, 78, 0.32); }
.box3 li .wbg .left { width: 422px; float: left; position: relative; }
.box3 li .wbg .left i { display: table; position: absolute; right: 12px; top: 487px; }
.box3 li .wbg .left .text { width: 100%; float: left; margin-top: 25px; margin-bottom: 8px; }
.box3 li .wbg .left .text span { width: 112px; height: 40px; float: left; display: block; background-color: rgb(0, 0, 0); border-radius: 0px 20px 20px 0px; text-align: center; line-height: 40px; font-size: 17px; font-weight: bold; color: rgb(255, 255, 255); }
.box3 li .wbg .left .text p { width: 100%; float: left; padding: 10px 0px 10px 6px; font-size: 17px; line-height: 24px; }
.box3 li .wbg .cont { width: 768px; float: right; }
.box3 li .wbg .cont a { width: 127px; height: 34px; display: block; position: absolute; background-color: rgb(246, 93, 143); left: 50%; bottom: -17px; border-radius: 17px; margin-left: -63.5px; box-shadow: 0px 3px 6px rgba(250, 21, 128, 0.32); font-size: 17px; line-height: 34px; text-align: center; color: rgb(255, 255, 255); }
.box3 li .wbg .cont dd { width: 186px; height: 243px; float: left; margin: 0px 8px 28px 0px; }
.box3 li .wbg .cont dd:nth-child(4n) { margin-right: 0px; }
.box3 li .wbg .cont dd:nth-child(9), .box3 li .wbg .cont dd:nth-child(10), .box3 li .wbg .cont dd:nth-child(11), .box3 li .wbg .cont dd:nth-child(12) { margin-bottom: 0px; }
.box3 li .wbg .c2 { width: 100%; margin-top: 36px; }
.box3 li .wbg .c2 dd { margin-right: 15px; margin-bottom: 0px; }
.box3 li .wbg .c2 dd:nth-child(4n) { margin-right: 15px; }
.box3 li .wbg .c2 dd:last-child { margin-right: 0px; }
.box3 li .wbg .w249 dd { width: 249px; margin-right: 10.5px; }
.box3 li .wbg .w249 dd:nth-child(4n) { margin-right: 10.5px; }
.box3 li .wbg .w249 dd:nth-child(3n) { margin-right: 0px; }
.box3 li .wbg .w378 dd { width: 378px; margin-right: 12px; }
.box3 li .wbg .w378 dd:nth-child(4n) { margin-right: 12px; }
.box3 li .wbg .w378 dd:nth-child(2n) { margin-right: 0px; }
.box3 li:nth-child(1) .wbg { background: rgb(254, 204, 78) url('b3_cbg1.png') repeat scroll left top; }
.box3 li:nth-child(1) .wbg .left { background: rgb(255, 242, 210) none repeat scroll 0% 0%; }
.box3 li:nth-child(2) .wbg { background: rgb(130, 83, 242) url('b3_cbg2.png') repeat scroll left top; }
.box3 li:nth-child(2) .wbg .left { background: rgb(219, 192, 255) none repeat scroll 0% 0%; }
.box3 li:nth-child(3) .wbg { background: rgb(255, 114, 178) url('b3_cbg3.png') repeat scroll left top; }
.box3 li:nth-child(3) .wbg .left { background: rgb(255, 209, 222) none repeat scroll 0% 0%; }
.box3 li:nth-child(3) .wbg .left i { top: 200px; }
.box3 li:nth-child(3) .wbg .left .text { margin-bottom: 15px; }
.box3 li:nth-child(4) .wbg { background: rgb(102, 138, 255) url('b3_cbg4.png') repeat scroll left top; }
.box3 li:nth-child(4) .wbg .left { background: rgb(176, 226, 255) none repeat scroll 0% 0%; }
.box4 { height: 1403px; background: url('b4bg1.jpg') no-repeat scroll center top, transparent url('b4bg2.jpg') no-repeat scroll center 140px; padding-top: 144px; }
.box4 .tit { width: 100%; height: 111px; margin: 0px auto; background: transparent url('b4_tit.png') no-repeat scroll center top; }
.box4 .zj-tit { width: 100%; text-align: center; margin: 620px auto 0px; font-size: 40px; line-height: 118px; color: rgb(255, 255, 255); }
.box4 .main { width: 1200px; height: 523px; overflow: hidden; padding: 0px 44px; clear: both; display: block; position: relative; }
.box4 .main .bd { width: 1112px; margin: 0px auto; clear: both; display: block; }
.box4 .main .bd li { width: 268px; height: 473px; position: relative; margin: 0px 5px 50px; float: left; background-color: rgb(255, 255, 255); }
.box4 .main .bd li img { margin-bottom: 20px; }
.box4 .main .bd li .zt-lk { width: 165px; height: 40px; display: block; margin: 20px auto 0px; clear: both; border-radius: 20px; text-align: center; background-color: rgb(246, 93, 143); animation: 1.5s ease 0s normal none infinite running td; }
.box4 .main .bd li .zt-lk span { font-size: 18px; line-height: 40px; color: rgb(255, 255, 255); }
.box4 .main .bd li::after { content: ""; width: 100%; height: 40px; background: transparent url('b4_zjb.png') no-repeat scroll center bottom; position: absolute; bottom: -40px; left: 0px; z-index: 99; }
.box4 .main .Btn { width: 51px; height: 51px; display: block; position: absolute; top: 210px; opacity: 0.5; transition: all 0.3s linear 0s; }
.box4 .main .Btn:hover { opacity: 1; }
.box4 .main .prev { background-image: url('b4_prev.png'); left: 30px; }
.box4 .main .next { background-image: url('b4_next.png'); right: 30px; }
.a-dh { transition: all 0.2s linear 0s; }
.a-dh a { transform: rotateX(-90deg); opacity: 0; }
.a-dh:hover { transform: translateY(-10px); }
.a-dh:hover a { opacity: 1; }
/* ::::: http://images./mobile/zh/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./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; }