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

div, 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; font-family: "微软雅黑","黑体"; }
p { margin: 0px; padding: 0px; list-style-type: none; text-decoration: none; border: 0px none; }
clearFix::after { clear: both; display: block; visibility: hidden; height: 0px; line-height: 0; content: ""; }
.clearFix { clear: both; }
a { text-decoration: none; color: black; }
a:visited {  }
a:hover, a:active, a:focus { color: rgb(191, 0, 80); text-decoration: none; outline: medium none; }
html { overflow-x: hidden; }
.xnHeader { width: 100%; height: auto; float: left; }
.xnHeader .Top_Subnav { width: 100%; height: 33px; float: left; background: rgb(181, 0, 79) none repeat scroll 0% 0%; }
.xnHeader .Top_Subnav .Main { width: 1200px; height: 33px; margin: 0px auto; }
.xnHeader .Top_Subnav .Main .Left { width: 420px; height: 33px; padding-left: 20px; float: left; position: relative; }
.xnHeader .Top_Subnav .Main .Left .gzwm { width: 60px; height: 33px; line-height: 33px; color: rgb(255, 255, 255); font-size: 12px; float: left; }
.xnHeader .Top_Subnav .Main .Left a { width: 20px; height: 20px; margin: 7px 3px 0px; display: block; float: left; }
.xnHeader .Top_Subnav .Main .Left .sina { background: transparent url('/2020/order-c1-ico.jpg') no-repeat scroll 0px 0px; }
.xnHeader .Top_Subnav .Main .Left .weichat { background: transparent url('/2020/order-c1-ico.jpg') no-repeat scroll -20px 0px; }
.xnHeader .Top_Subnav .Main .Left .weichat .wicon { width: 162px; height: 172px; left: -32px; top: 33px; display: block; position: absolute; background: transparent url('/2020/b_er2.png') no-repeat scroll center top; opacity: 0; transform: scale(0); transform-origin: 100% 70% 0px; transition: all 0.3s ease 0s; z-index: 99; }
.xnHeader .Top_Subnav .Main .Left .weichat:hover .wicon { display: block; transform: scale(1); opacity: 1; top: 33px; left: -32px; z-index: 99; }
.xnHeader .Top_Subnav .Main .Left .tn-tab { float: left; display: inline-block; padding: 0px 0px 0px 8px; font-size: 12px; color: rgb(255, 255, 255); }
.xnHeader .Top_Subnav .Main .Left .sj { background: transparent url('/2020/sj.png') no-repeat scroll 0px center; padding-left: 15px; position: relative; width: 40px; }
.xnHeader .Top_Subnav .Main .Left .sj .wx { position: absolute; left: -55px; top: 25px; z-index: 99; display: none; }
.xnHeader .Top_Subnav .Main .Left a.sj:hover .wx { display: block; }
.xnHeader .Top_Subnav .Main .Left .wz { float: left; display: inline-block; padding: 0px 0px 0px 8px; font-size: 12px; color: rgb(255, 255, 255); width: 200px; }
.xnHeader .Top_Subnav .Main .Left .lx { background: transparent url('/2020/order-c1-ico.jpg') no-repeat scroll -60px 0px; }
.xnHeader .Top_Subnav .Main .Left .sina:hover { background: transparent url('/2020/order-c1-ico.jpg') no-repeat scroll 0px -20px; }
.xnHeader .Top_Subnav .Main .Left .weichat:hover { background: transparent url('/2020/order-c1-ico.jpg') no-repeat scroll -20px -20px; }
.xnHeader .Top_Subnav .Main .Left .lx:hover { background: transparent url('/2020/order-c1-ico.jpg') no-repeat scroll -60px -20px; }
.xnHeader .Top_Subnav .Main .Right { width: 620px; height: 28px; padding-right: 20px; float: right; margin-top: 5px; }
.xnHeader .Top_Subnav .Main .Right .by { width: 320px; height: 28px; line-height: 24px; color: rgb(255, 255, 255); font-size: 12px; float: left; }
.xnHeader .Top_Subnav .Main .Right .Search_Frame { width: 200px; height: 20px; float: left; border: 1px solid rgb(36, 36, 36); background: rgb(255, 255, 255) none repeat scroll 0% 0%; font-size: 12px; color: rgb(153, 153, 153); margin: 0px; padding: 0px; }
.xnHeader .Top_Subnav .Main .Right .Search_Buttom { width: 22px; height: 22px; float: left; background: transparent url('/2020/top_search.jpg') no-repeat scroll center top; border: 0px none; cursor: pointer; margin: 0px; padding: 0px; }
.xnHeader .Top_Subnav .Main .Right .Search_Hot { width: 50px; height: 22px; float: left; background: transparent url('/2020/top_hot.jpg') no-repeat scroll center top; border: 0px none; cursor: pointer; margin-left: 10px; display: block; }
.xnHeader .Top_Subnav .Main .Right .Search_Hot:hover { background: transparent url('/2020/top_hot.jpg') no-repeat scroll center bottom; }
.xnHeader .xnCen { width: 1200px; height: 153px; margin: 0px auto; }
.xnHeader .xnCen .xnLogo { width: 405px; height: 116px; float: left; margin: 15px 0px 0px 10px; background: transparent url('/2020/logo.jpg') no-repeat scroll center top; }
.xnHeader .xnCen .xnLogo a { width: 405px; height: 116px; display: block; }
.xnHeader .xnCen .xnTtel { float: left; height: 120px; padding: 15px 0px 0px; width: 760px; }
.xnHeader .Top_Subnav .Main .Right .Btn_Search_Hot { position: relative; }
.xnHeader .Top_Subnav .Main .Right .Btn_Search_Hot #child1 { background: rgb(255, 255, 255) none repeat scroll 0px 0px; border: 1px solid rgb(223, 223, 223); box-shadow: 0px 0px 15px rgb(136, 136, 136); display: none; height: 150px; line-height: 1.5; position: absolute; right: 0px; top: 27px; width: 164px; z-index: 999; }
.xnHeader .Top_Subnav .Main .Right .Btn_Search_Hot #child1 a { display: inline-block; margin-left: 10px; margin-top: 5px; }
.xnHeader #nav { width: 100%; height: 43px; background: transparent url('/2020/ico.jpg') repeat-x scroll 0% 0%; font-size: 12px; }
.xnHeader .nav { width: 1200px; margin: 0px auto; height: 43px; font-family: "微软雅黑","黑体"; border-left: 1px solid rgb(25, 25, 25); position: relative; z-index: 20; }
.xnHeader .nav a { text-decoration: none; }
.xnHeader .nav-r { width: 172px; height: 32px; line-height: 30px; text-align: center; float: right; margin-top: 6px; }
.xnHeader .nav-r a { width: 172px; height: 32px; line-height: 30px; background: transparent url('/2020/menu_search.jpg') no-repeat scroll center top; color: rgb(255, 255, 255); display: block; font-size: 16px; }
.xnHeader .nav-ul { width: 785px; float: left; border-left: 1px solid rgb(53, 53, 53); }
.xnHeader .nav-ul li { width: 110px; line-height: 43px; float: left; font-size: 16px; color: rgb(255, 255, 255); position: relative; height: 43px; overflow: hidden; background: transparent url('/2020/nav_right.jpg') no-repeat scroll right top; }
.xnHeader .nav-ul li a { width: 110px; text-align: center; color: rgb(255, 255, 255); height: 43px; display: block; text-decoration: none; }
.xnHeader .nav-ul span { position: absolute; left: 0px; width: 117px; cursor: pointer; }
.xnHeader .nav-ul .out { top: 0px; width: 110px; height: 43px; line-height: 43px; color: rgb(255, 255, 255); text-align: center; }
.xnHeader .nav-ul .over { top: -43px; width: 106px; height: 43px; line-height: 43px; text-align: center; color: rgb(255, 255, 255); background: rgb(181, 0, 79) none repeat scroll 0% 0%; }
.xnHeader .nav-l { width: 233px; height: 43px; float: left; position: relative; z-index: 98; }
.xnHeader .nav-l-span { height: 43px; line-height: 43px; padding-left: 17px; border-left: 1px solid rgb(53, 53, 53); border-right: 1px solid rgb(25, 25, 25); display: block; font-size: 16px; color: rgb(255, 255, 255); position: relative; }
.xnHeader .nav-l-span i { width: 15px; height: 15px; position: absolute; top: 15px; right: 15px; display: block; background: transparent url('/2020/pic-png.png') no-repeat scroll 0% 0%; transition: transform 0.4s ease-out 0s; }
.xnHeader .nav-l-span:hover i { background: transparent url('/2020/pic-png-hover.png') no-repeat scroll 0% 0%; }
.xnHeader .nav-submenu { width: 232px; position: absolute; left: 0px; top: 43px; z-index: 98; overflow: hidden; background: rgb(255, 255, 255) none repeat scroll 0% 0%; }
.xnHeader .nav-submenu-xl { width: 869px; height: 472px; position: absolute; left: 231px; top: 43px; z-index: 999; }
.xnHeader #submenu { border-right: 1px solid rgb(241, 241, 241); position: relative; }
.xnHeader .submenu1 { width: 230px; height: 106px; padding-left: 3px; padding-top: 10px; padding-bottom: 2px; border-bottom: 1px solid rgb(229, 229, 229); background: rgb(255, 255, 255) none repeat scroll 0% 0%; position: absolute; left: 0px; bottom: 0px; }
.xnHeader #submenu1 { z-index: 999; }
.xnHeader #submenu2 { z-index: 998; }
.xnHeader #submenu3 { z-index: 997; }
.xnHeader #submenu4 { z-index: 996; }
.xnHeader .submenu1 h3 { padding-left: 50px; height: 25px; margin-bottom: 7px; line-height: 25px; font-family: "微软雅黑","黑体"; font-size: 16px; }
.xnHeader .submenu1 h3 a { display: block; color: rgb(0, 0, 0); text-decoration: none; }
.xnHeader .submenu1-t1 { background: transparent url('/2020/ico.jpg') no-repeat scroll 18px -88px; }
.xnHeader .submenu1-t2 { background: transparent url('/2020/ico.jpg') no-repeat scroll 18px -112px; }
.xnHeader .submenu1-t3 { background: transparent url('/2020/ico.jpg') no-repeat scroll 18px -138px; }
.xnHeader .submenu1-t4 { background: transparent url('/2020/ico.jpg') no-repeat scroll 18px -162px; }
.xnHeader .submenu1 ul { padding-left: 15px; }
.xnHeader .submenu1 li a { line-height: 24px; margin-right: 4px; padding: 3px 5px; border-radius: 2px; color: rgb(0, 0, 0); }
/*.xnHeader .submenu1:hover li a { color: rgb(255, 255, 255); }*/
.xnHeader .submenu1 li a:hover { color: rgb(181, 0, 79); text-decoration: none; transition: all 0.3s linear 0s; outline: medium none; background: rgb(255, 255, 255) none repeat scroll 0% 0%; }
.xnHeader .xl-menu { width: 866px; height: 468px; border: 3px solid rgb(181, 0, 79); overflow: hidden; background: rgb(255, 255, 255) none repeat scroll 0% 0%; color: rgb(63, 63, 63); }
.xnHeader .xl-menu-l { width: 580px; height: auto; overflow: hidden; float: left; position: relative; }
.xnHeader .xl-menu-l li { width: 560px; height: auto; float: left; padding: 12px 20px; border-bottom: 1px solid rgb(223, 223, 223); }
.xnHeader .xl-menu-l li .Project { width: 80px; height: auto; font-size: 14px; float: left; color: rgb(181, 0, 79); padding-top: 2px; }
.xnHeader .xl-menu-l li .Project a { color: rgb(181, 0, 79); font-weight: bold; }
.xnHeader .xl-menu-l li .Project_1 { width: 480px; height: auto; font-size: 12px; float: left; color: rgb(0, 0, 0); }
.xnHeader .xl-menu-l li .Project_1 li { width: auto; height: 25px; margin: 0px 8px; font-size: 12px; float: left; border: 0px none; line-height: 25px; padding: 0px; }
.xnHeader .xl-menu-l li .Project_1 li a { color: rgb(0, 0, 0); text-decoration: none; }
.xnHeader .xl-menu-l li .Project_1 li a:hover { color: rgb(181, 0, 79); }
.xnHeader .xl-menu-l li .Project_1 li .b5004f { color: rgb(152, 109, 4); }
.xnHeader .xl-menu-r { width: 212px; float: right; margin-right: 18px; padding-top: 8px; display: inline; }
.xnHeader .xl-menu-r1 { height: 300px; }
.xnHeader .xl-menu-r1-t { height: 35px; line-height: 35px; font-family: "微软雅黑","黑体"; font-size: 16px; color: rgb(145, 37, 59); }
.xnHeader .xl-menu-r2 {  }
.xnHeader .xl-menu-r2-t { line-height: 32px; font-family: "微软雅黑","黑体"; font-size: 16px; color: rgb(145, 37, 59); border-top: 1px solid rgb(204, 204, 204); }
.xnHeader .xl-menu-r1-d { width: 211px; height: 251px; position: relative; }
.xnHeader .xl-menu-r1-d .bt { width: 70px; height: 20px; float: right; position: absolute; top: 0px; left: 140px; }
.xnHeader .xl-menu-r1-d .bt .Roll_butt { width: 130px; height: 10px; float: left; overflow: hidden; padding-top: 10px; }
.xnHeader .xl-menu-r1-d .bt .Roll_butt .dian { width: 130px; height: 10px; overflow: hidden; margin: 0px auto; }
.xnHeader .xl-menu-r1-d .bt .Roll_butt a { width: 16px; height: 10px; background: transparent url('/2020/sub_qwzj_rollbutt.png') repeat scroll 1px 0px; display: block; float: left; }
.xnHeader .xl-menu-r1-d .bt .Roll_butt a:hover { background: transparent url('/2020/sub_qwzj_rollbutt.png') repeat scroll 15px 0px; }
.xnHeader .xl-menu-r1-d .bt .Roll_butt .a1 { background: transparent url('/2020/sub_qwzj_rollbutt.png') repeat scroll 15px 0px; }
.xnHeader .xl-menu-r1-d2 { width: 211px; height: 251px; position: relative; }
.xnHeader .xl-menu-r1-d2 .bt { width: 70px; height: 20px; float: right; position: absolute; top: 0px; left: 140px; }
.xnHeader .xl-menu-r1-d2 .bt .Roll_butt { width: 130px; height: 10px; float: left; overflow: hidden; padding-top: 10px; }
.xnHeader .xl-menu-r1-d2 .bt .Roll_butt .dian { width: 130px; height: 10px; overflow: hidden; margin: 0px auto; }
.xnHeader .xl-menu-r1-d2 .bt .Roll_butt a { width: 16px; height: 10px; background: transparent url('/2020/sub_qwzj_rollbutt.png') repeat scroll 1px 0px; display: block; float: left; }
.xnHeader .xl-menu-r1-d2 .bt .Roll_butt a:hover { background: transparent url('/2020/sub_qwzj_rollbutt.png') repeat scroll 15px 0px; }
.xnHeader .xl-menu-r1-d2 .bt .Roll_butt .a1 { background: transparent url('/2020/sub_qwzj_rollbutt.png') repeat scroll 15px 0px; }
.xnHeader .xl-menu-r1-d3 { width: 211px; height: 251px; position: relative; }
.xnHeader .xl-menu-r1-d3 .bt { width: 70px; height: 20px; float: right; position: absolute; top: 0px; left: 140px; }
.xnHeader .xl-menu-r1-d3 .bt .Roll_butt { width: 130px; height: 10px; float: left; overflow: hidden; padding-top: 10px; }
.xnHeader .xl-menu-r1-d3 .bt .Roll_butt .dian { width: 130px; height: 10px; overflow: hidden; margin: 0px auto; }
.xnHeader .xl-menu-r1-d3 .bt .Roll_butt a { width: 16px; height: 10px; background: transparent url('/2020/sub_qwzj_rollbutt.png') repeat scroll 1px 0px; display: block; float: left; }
.xnHeader .xl-menu-r1-d3 .bt .Roll_butt a:hover { background: transparent url('/2020/sub_qwzj_rollbutt.png') repeat scroll 15px 0px; }
.xnHeader .xl-menu-r1-d3 .bt .Roll_butt .a1 { background: transparent url('/2020/sub_qwzj_rollbutt.png') repeat scroll 15px 0px; }
.xnHeader .xl-menu-r1-d4 { width: 211px; height: 251px; position: relative; }
.xnHeader .xl-menu-r1-d4 .bt { width: 70px; height: 20px; float: right; position: absolute; top: 0px; left: 140px; }
.xnHeader .xl-menu-r1-d4 .bt .Roll_butt { width: 130px; height: 10px; float: left; overflow: hidden; padding-top: 10px; }
.xnHeader .xl-menu-r1-d4 .bt .Roll_butt .dian { width: 130px; height: 10px; overflow: hidden; margin: 0px auto; }
.xnHeader .xl-menu-r1-d4 .bt .Roll_butt a { width: 16px; height: 10px; background: transparent url('/2020/sub_qwzj_rollbutt.png') repeat scroll 1px 0px; display: block; float: left; }
.xnHeader .xl-menu-r1-d4 .bt .Roll_butt a:hover { background: transparent url('/2020/sub_qwzj_rollbutt.png') repeat scroll 15px 0px; }
.xnHeader .xl-menu-r1-d4 .bt .Roll_butt .a1 { background: transparent url('/2020/sub_qwzj_rollbutt.png') repeat scroll 15px 0px; }
.xnHeader .xl-menu-r2-c { width: 208px; height: auto; }
.xnHeader .xl-menu-r2-c span { width: 196px; line-height: 20px; float: left; padding-left: 14px; background: transparent url('/2020/nav_sjfh.jpg') no-repeat scroll 5px 6px; font-size: 12px; white-space:nowrap; }
.xl-menu-r1 .mod_goods_img a::before { content: ""; position: absolute; width: 25px; height: 242px; top: 0px; left: -80px; overflow: hidden; background: transparent -moz-linear-gradient(left center , rgba(255, 255, 255, 0) 0px, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0) 100%) repeat scroll 0% 0%; transform: skewX(-25deg); }
.xl-menu-r1 .mod_goods_img:hover a::before { animation: 0.4s ease-out 0s normal forwards 1 running aniBlink120; }
.xnMain { width: 1200px; height: auto; margin: 0px auto; }
.xnMain .xnM1 { width: 1200px; height: auto; float: left; margin-top: 20px; }
.xnMain .xnM1 li { width: 92px; height: 75px; float: left; }
.xnMain .xnM1 li a { width: 92px; height: 75px; float: left; display: block; text-decoration: none; }
.xnMain .xnM1 li a p { line-height: 25px; font-size: 12px; text-align: center; color: rgb(181, 0, 79); padding-top: 50px; }
.xnMain .xnM1 .B1 { background: transparent url('/2020/xm_list.jpg') no-repeat scroll 0px -82px; }
.xnMain .xnM1 .B2 { background: transparent url('/2020/xm_list.jpg') no-repeat scroll -92px -82px; }
.xnMain .xnM1 .B3 { background: transparent url('/2020/xm_list.jpg') no-repeat scroll -184px -82px; }
.xnMain .xnM1 .B4 { background: transparent url('/2020/xm_list.jpg') no-repeat scroll -276px -82px; }
.xnMain .xnM1 .B5 { background: transparent url('/2020/xm_list.jpg') no-repeat scroll -368px -82px; }
.xnMain .xnM1 .B6 { background: transparent url('/2020/xm_list.jpg') no-repeat scroll -460px -82px; }
.xnMain .xnM1 .B7 { background: transparent url('/2020/xm_list.jpg') no-repeat scroll -552px -82px; }
.xnMain .xnM1 .B8 { background: transparent url('/2020/xm_list.jpg') no-repeat scroll -644px -82px; }
.xnMain .xnM1 .B10 { background: transparent url('/2020/xm_list.jpg') no-repeat scroll -828px -82px; }
.xnMain .xnM1 .B11 { background: transparent url('/2020/xm_list.jpg') no-repeat scroll -920px -82px; }
.xnMain .xnM1 .B12 { background: transparent url('/2020/xm_list.jpg') no-repeat scroll -1020px -82px; }
.xnMain .xnM1 .B13 { background: transparent url('/2020/xm_list.jpg') no-repeat scroll -1104px -82px; }
.xnMain .xnM1 .B1:hover { background: transparent url('/2020/xm_list.jpg') no-repeat scroll 0px 2px; }
.xnMain .xnM1 .B2:hover { background: transparent url('/2020/xm_list.jpg') no-repeat scroll -92px 2px; }
.xnMain .xnM1 .B3:hover { background: transparent url('/2020/xm_list.jpg') no-repeat scroll -184px 2px; }
.xnMain .xnM1 .B4:hover { background: transparent url('/2020/xm_list.jpg') no-repeat scroll -276px 2px; }
.xnMain .xnM1 .B5:hover { background: transparent url('/2020/xm_list.jpg') no-repeat scroll -368px 2px; }
.xnMain .xnM1 .B6:hover { background: transparent url('/2020/xm_list.jpg') no-repeat scroll -460px 2px; }
.xnMain .xnM1 .B7:hover { background: transparent url('/2020/xm_list.jpg') no-repeat scroll -552px 2px; }
.xnMain .xnM1 .B8:hover { background: transparent url('/2020/xm_list.jpg') no-repeat scroll -644px 2px; }
.xnMain .xnM1 .B10:hover { background: transparent url('/2020/xm_list.jpg') no-repeat scroll -828px 2px; }
.xnMain .xnM1 .B11:hover { background: transparent url('/2020/xm_list.jpg') no-repeat scroll -920px 2px; }
.xnMain .xnM1 .B12:hover { background: transparent url('/2020/xm_list.jpg') no-repeat scroll -1020px 2px; }
.xnMain .xnM1 .B13:hover { background: transparent url('/2020/xm_list.jpg') no-repeat scroll -1104px 2px; }

#list1 { height:392px;}
#list1 li { width:22%; float:left; height:20px; line-height:20px; white-space: nowrap; margin:0 16px; }

.xnFooter { width: 100%; height: auto; float: left; }
.xnFooter .xnNav { width: 100%; height: 315px; margin: 50px auto 0px; background: rgb(241, 241, 241) none repeat scroll 0% 0%; }
.xnFooter .xnNav .xnNav_1 { width: 1200px; height: 45px; margin: 0px auto; padding: 15px 0px; }
.xnFooter .xnNav .xnNav_1 .xnNav_1-l { float: left; width: 200px; line-height: 37px; font-size: 20px; color: rgb(0, 0, 0); }
.xnFooter .xnNav .xnNav_1 .xnNav_1-r { float: left; width: 1000px; }
.xnFooter .xnNav .xnNav_1 .xnNav_1-r ul li { width: 200px; height: 37px; float: left; cursor: pointer; display: inline-block; text-align: center; line-height: 37px; }
.xnFooter .xnNav .xnNav_1 .xnNav_1-r ul li a { color: rgb(92, 92, 92); text-decoration: none; }
.xnFooter .xnNav .xnNav_1 .xnNav_1-r ul li a span { width: 45px; height: 40px; float: left; background: transparent url('/2020/bt-xm.jpg') no-repeat scroll 0% 0%; cursor: pointer; display: block; transition: all 0.2s linear 0s; }
.xnFooter .xnNav .xnNav_1 .xnNav_1-r ul li a p { line-height: 37px; cursor: pointer; display: block; float: left; font-size: 20px; color: rgb(0, 0, 0); }
.xnFooter .xnNav .xnNav_1 .xnNav_1-r ul li a #b1 { background-position: 0px -40px; }
.xnFooter .xnNav .xnNav_1 .xnNav_1-r ul li a #b2 { background-position: -66px -40px; }
.xnFooter .xnNav .xnNav_1 .xnNav_1-r ul li a #b3 { background-position: -130px -40px; }
.xnFooter .xnNav .xnNav_1 .xnNav_1-r ul li a #b4 { background-position: -195px -40px; }
.xnFooter .xnNav .xnNav_1 .xnNav_1-r ul li a #b5 { background-position: -260px -40px; }
.xnFooter .xnNav .xnNav_1 .xnNav_1-r ul li:hover #b1 { background-position: 0px 5px; }
.xnFooter .xnNav .xnNav_1 .xnNav_1-r ul li:hover #b2 { background-position: -66px 6px; }
.xnFooter .xnNav .xnNav_1 .xnNav_1-r ul li:hover #b3 { background-position: -130px 2px; }
.xnFooter .xnNav .xnNav_1 .xnNav_1-r ul li:hover #b4 { background-position: -195px 5px; }
.xnFooter .xnNav .xnNav_1 .xnNav_1-r ul li:hover #b5 { background-position: -260px 4px; }
.xnFooter .xnNav .xnNav_2 { width: 1200px; height: 242px; margin: 0px auto; }
.xnFooter .xnNav .xnNav_2 a { border-radius: 2px; outline: medium none; padding: 0px 5px 2px; text-decoration: none; transition: all 0.3s linear 0s; }
.xnFooter .xnNav .xnNav_2 a:hover { background: rgb(183, 0, 80) none repeat scroll 0px 0px; color: rgb(255, 255, 255); }
.xnFooter .xnNav .xnNav_2 dl { width: 200px; float: left; }
.xnFooter .xnNav .xnNav_2 dt { width: 200px; float: left; }
.xnFooter .xnNav .xnNav_2 dt span { width: 24px; background: transparent url('/2020/bt-xm-l.jpg') no-repeat scroll 0% 0%; display: inline-block; float: left; height: 24px; margin-right: 5px; margin-top: 7px; transition: all 0.2s linear 0s; }
.xnFooter .xnNav .xnNav_2 dl dt p { font-size: 16px; }
.xnFooter .xnNav .xnNav_2 dl dt p a { line-height: 36px; color: rgb(51, 51, 51); }
.xnFooter .xnNav .xnNav_2 dl dt p a:hover { text-decoration: none; }
.xnFooter .xnNav .xnNav_2 dl dt p #c1 { background-position: -26px 0px; }
.xnFooter .xnNav .xnNav_2 dt p:hover #c1 { background-position: 0px 0px; }
.xnFooter .xnNav .xnNav_2 dl dt p #c2 { background-position: -26px -27px; }
.xnFooter .xnNav .xnNav_2 dt p:hover #c2 { background-position: 0px -27px; }
.xnFooter .xnNav .xnNav_2 dl dt p #c3 { background-position: -26px -54px; }
.xnFooter .xnNav .xnNav_2 dt p:hover #c3 { background-position: 0px -54px; }
.xnFooter .xnNav .xnNav_2 dl dt p #c4 { background-position: -26px -83px; }
.xnFooter .xnNav .xnNav_2 dt p:hover #c4 { background-position: 0px -83px; }
.xnFooter .xnNav .xnNav_2 dl dt p #c5 { background-position: -26px -110px; }
.xnFooter .xnNav .xnNav_2 dt p:hover #c5 { background-position: 0px -110px; }
.xnFooter .xnNav .xnNav_2 dl dt p #c6 { background-position: -26px -138px; }
.xnFooter .xnNav .xnNav_2 dt p:hover #c6 { background-position: 0px -138px; }
.xnFooter .xnNav .xnNav_2 ul { float: left; width: 200px; }
.xnFooter .xnNav .xnNav_2 li { padding-left: 38px; }
.xnFooter .xnNav .xnNav_2 li a { font-size: 14px; color: rgb(51, 51, 51); line-height: 36px; }
.xnFooter .xnNav .xnNav_2 li a:hover { text-decoration: none; }
.xnNav_2-1 { width: 160px; }
.xnFooter .xnFootMSG { width: 100%; height: auto; margin: 0px auto; background: transparent url('/2020/bottom-bg.jpg') repeat scroll center top; position: relative; }
.xnFooter .xnFootMSG .xnConter { width: 1200px; height: 310px; margin: 0px auto; }
.xnFooter .xnFootMSG .xnLeft { width: 745px; height: auto; float: left; }
.xnFooter .xnFootMSG .xnLeft .xnLogo { width: 730px; height: 84px; background: transparent url('/2020/index_footer_logo.png') no-repeat scroll left bottom; float: left; margin: 26px 0px 0px 15px; }
.xnFooter .xnFootMSG .xnLeft .xnText { width: 730px; height: auto; float: left; padding: 26px 0px 0px 20px; color: rgb(255, 255, 255); }
.xnFooter .xnFootMSG .xnLeft .xnText p { font-size: 14px; line-height: 25px; font-family: "宋体"; }
.xnFooter .xnFootMSG .xnLeft .xnText p a { color: rgb(255, 255, 255); text-decoration: none; }
.xnFooter .xnFootMSG .xnLeft .xnText p #MainBeiAn { display: block; float: left; }
.xnFooter .xnFootMSG .xnRight { width: 455px; height: auto; float: left; }
.xnFooter .xnFootMSG .xnRight .xnEWM { width: 315px; height: 117px; float: left; background: transparent url('/2020/index_xnfooter_2wm.png') no-repeat scroll left bottom; padding: 36px 0px 0px 140px; }
.xnFooter .xnFootMSG .xnRight .xnEWM .f16 { font-size: 14px; color: rgb(255, 255, 255); float: left; line-height: 30px; padding-bottom: 20px; }
.xnFooter .xnFootMSG .xnRight .xnEWM .Search_Frame { width: 300px; height: 33px; float: left; background: transparent url('/2020/index_footer_search.jpg') no-repeat scroll left top; }
.xnFooter .xnFootMSG .xnRight .xnEWM .Search_Frame .input1 { width: 168px; height: 25px; line-height: 25px; font-size: 14px; color: rgb(0, 0, 0); float: left; margin: 3px 0px 0px 2px; padding-left: 5px; border: 0px none; }
.xnFooter .xnFootMSG .xnRight .xnEWM .Search_Frame .input2 { width: 61px; height: 33px; line-height: 33px; float: left; text-align: center; background: transparent url('/2020/index_footer_search-04.jpg') no-repeat scroll left top; border: 0px none; margin: 0px; padding: 0px; }
.xnFooter .xnFootMSG .xnRight .xnEWM .Search_Buttom { width: 43px; height: 33px; float: left; background: transparent url('/2020/index_footer_search-05.jpg') no-repeat scroll left top; cursor: pointer; border: 0px none; margin: 0px; padding: 0px; }
.xnFooter .xnFootMSG .xnH1 { width: 100%; height: 51px; margin: 0px auto; position: absolute; top: 230px; left: 0px; background: transparent url('/2020/index_footer_xx.png') no-repeat scroll 0px 48px; }
.xnFooter .xnFootMSG .xnH1 .xnHIc { width: 1200px; height: 51px; margin: 0px auto; background: transparent url('/2020/index_footer_icon.png') no-repeat scroll 740px 0px; }
/* ::::: 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('/2020/banner_off.png') no-repeat scroll center top; z-index: 9; border-radius: 50%; }
#focusindex .btn span.on { background: transparent url('/2020/banner_on.png') no-repeat scroll center top; z-index: 9; }
#focusindex .preNext { width: 44px; height: 44px; position: absolute; top: 180px; background: transparent url('/2020/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('/2020/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('/2020/sub_qwzj_rollbutt.jpg') repeat scroll 15px 0px; }
.xnMain .xnM2 .Sub_Hdzq .Cont .Pic .Roll_butt .a1 { background: transparent url('/2020/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('/2020/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('/2020/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('/2020/sub_qwzj_rollbutt.png') repeat scroll 15px 0px; }
.xnMain .xnM2 .Sub_Qwzj .Cont .bt .Roll_butt .a1 { background: transparent url('/2020/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('/2020/al1.jpg') no-repeat scroll center top; }
#al .bd li.anli_2 { background: transparent url('/2020/al2.jpg') no-repeat scroll center top; }
#al .bd li.anli_3 { background: transparent url('/2020/al3.jpg') no-repeat scroll center top; }
#al .bd li.anli_4 { background: transparent url('/2020/al4.jpg') no-repeat scroll center top; }
#al .bd li.anli_5 { background: transparent url('/2020/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('/2020/pbtn.png'); left: 26px; }
#al .Btn.next { background-image: url('/2020/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('/2020/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('/2020/al_hover.jpg') no-repeat scroll center bottom; }
.xnMain .xnM6 .link .a1 { background: transparent url('/2020/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: 20px; 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('/2020/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('/2020/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: 100px; 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('/2020/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; }