@charset "UTF-8";.proone .proonefr .proonefrbox p strong,body { font-weight: 400 } *,.protwobox .NybAdvantageTop { -webkit-box-sizing: border-box; -moz-box-sizing: border-box } body,html { -webkit-overflow-scrolling: touch; -moz-overflow-scrolling: touch } blockquote,body,dd,div,dl,dt,fieldset,figcaption,figure,form,h1,h2,h3,h4,h5,h6,html,li,ol,p,pre,table,td img,th,ul { margin: 0; padding: 0 } a,abbr,acronym,address,big,blockquote,body,caption,cite,code,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,html,img,ins,kbd,label,legend,li,ol,p,pre,q,s,samp,small,span,strike,strong,time,ul { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline } body { font-family: "微软雅黑"; font-size: 14px; text-align: left; margin: 0 auto; line-height: 24px; background: #fff; color: #333; overflow-x: hidden; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased } article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display: block } .transition { transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s } * { box-sizing: border-box; -webkit-touch-callout: none; outline: 0 } a:active,a:hover,a:link,a:visited { background: 0 0; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent } button { border-radius: 0; -webkit-border-radius: 0; outline: 0 } input { border-radius: 0; outline: 0 } img,input,textarea { border: 0 } input:-ms-clear { display: none } textarea { resize: none; outline: 0 } li,ul { list-style: none } a:link,a:visited { color: #333; text-decoration: none } a:active,a:hover { color: #ee002e; text-decoration: none } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0 } .container { clear: both; width: 1000px; margin: 0 auto; padding: 0 } img { vertical-align: middle; MAX-WIDTH: 100%!important; HEIGHT: auto!important; _width: expression(this.width > 100% ? "100%" :this.width)!important } .header { background: #241f1f; padding: 15px 0 20px } .header .logo { float: left; width: 149px } .header .nav { float: left; margin-left: 30px } .header .nav li { float: left; padding: 4px 10px 10px; position: relative; overflow: hidden; margin: 5px } .header .nav li:after,.header .nav li:before { content: ""; position: absolute; height: 2px; width: 50px; background: #fff; transition: all .5s linear } .foot_btm,.foot_btm .container { position: relative } .header .nav li:after { left: -100%; bottom: 0; background: #c9211e; background: -webkit-linear-gradient(left,#c9211e,#de7c1b); background: -moz-linear-gradient(left,#c9211e,#de7c1b); background: -ms-linear-gradient(left,#c9211e,#de7c1b); background: -o-linear-gradient(left,#c9211e,#de7c1b) } .header .nav li:before { right: -100%; bottom: 5px; background: #c9211e; background: -webkit-linear-gradient(left,#c9211e,#9b0000); background: -moz-linear-gradient(left,#c9211e,#9b0000); background: -ms-linear-gradient(left,#c9211e,#9b0000); background: -o-linear-gradient(left,#c9211e,#9b0000) } .header .nav li.li1:before,.header .nav li:hover:before { right: 0; transition: all .5s linear } .header .nav li.li1:after,.header .nav li:hover:after { left: 0; transition: all .5s linear } .header .nav li a { clear: both; display: block; color: #fff; line-height: 32px; font-size: 14px } .header .headerfr { float: right; width: 202px; margin-top: 8px } .breadnav { clear: both; line-height: 1; font-size: 12px; color: #fff; padding: 15px 0 24px } .breadnav a:link,.breadnav a:visited { color: #fff; text-decoration: none } .breadnav a:active,.breadnav a:hover { color: #fccc00; text-decoration: none } .foot_btm,.foot_btm a { color: #fff } .foot_btm { padding: 20px 0; z-index: 3; background: #1c1a1a; font-size: 14px; text-align: center } .foot_btm a:hover { color: red } .FloatPim,.floating_ck { position: fixed; right: 10px } .newboxflboxewm { clear: both; display: block; margin-top: 30px!important; padding: 0!important; width: 443px } .floating_ck { top: 50%; margin-top: -134px; width: 100px; z-index: 99 } .floating_ck .floating_ckBox { clear: both; display: block; background: #d7323b; background: -webkit-linear-gradient(135deg,#d7323b 30%,#701034 100%); background: -o-linear-gradient(135deg,#d7323b 30%,#701034 100%); background: linear-gradient(135deg,#d7323b 30%,#701034 100%); border-radius: 75px; box-shadow: 0 4px 20px rgba(157,3,42,.7); padding-top: 118px; cursor: pointer; z-index: 99; position: relative; width: 100%; padding-bottom: 34px } .floating_ck .floating_ckBox .floating_top { position: absolute; top: -10px; left: -18px; width: 127px } .floating_ck .floating_ckBox .floating_box { clear: both; display: block; padding: 10px 0 } .floating_ck .floating_ckBox .floating_box span { clear: both; display: block; padding: 6px 0; font-size: 14px; line-height: 1; background: url(../imagespc/swticon01.png) left center no-repeat; color: #fff; text-align: center } .floating_ck .floating_ckBox .floating_bom { clear: both; display: block; text-align: center; font-size: 14px; color: #ffc24d; font-weight: 700; position: relative; padding: 0; line-height: 1 } .floating_ck .floating_ckBox .floating_bom span { position: absolute; width: 36px; height: 36px; border: 2px solid #d02e23; border-radius: 50%; background: #fff; background: -webkit-linear-gradient(-95deg,#fdf7f5 30%,#e3b3b0 100%); background: -o-linear-gradient(-95deg,#fdf7f5 30%,#e3b3b0 100%); background: linear-gradient(-95deg,#fdf7f5 30%,#e3b3b0 100%); right: 2px; top: -38px; box-shadow: 0 5px 5px rgba(112,16,52,.5) } .floating_ck .floating_ckBox .floating_bom:hover { text-decoration: underline; color: #fff } .floating_ck .floating_ckBox .floating_bom span img { position: absolute; width: 12px; left: 50%; margin-left: -6px; bottom: 2px; transform: scale(1); animation: blow01 2.5s infinite ease-in-out; z-index: 2 } .floating_ck .floating_ckBox .floating_boxbom { width: 94px; position: relative } .floating_ck .floating_ckBox .floating_boxbom .floating_photo { clear: both; display: block; background: url(../imagespc/swticon03.png) 4px center no-repeat #ffb400; color: #c02a39; font-size: 14px; font-weight: 700; background-size: 18px; line-height: 30px; padding-left: 27px; border-radius: 0 15px 15px 0; opacity: 1 } .floating_ck .floating_ckBox .floating_boxbom .floating_ewm { position: absolute; transition: all .5s; right: -250px; top: 0; clear: both; background: #ffb400; width: 250px; border-radius: 15px; display: block; padding: 10px 0 0 10px; opacity: 0 } .floating_ck .floating_ckBox .floating_boxbom:hover .floating_ewm { right: 0; opacity: 1 } .floating_ewm .floating_ewmTop { clear: both; display: block; background: url(../imagespc/swticon03.png) left center no-repeat; color: #c02a39; font-size: 14px; font-weight: 700; background-size: 18px; line-height: 30px; padding-left: 27px } .floating_ewm .floating_ewmBom { clear: both; display: block; margin-top: 2px; position: relative; padding-left: 125px; padding-bottom: 20px; padding-top: 15px } .floating_ewm .floating_ewmBom .floating_ewmBomFl { position: absolute; width: 110px; border-radius: 5px; overflow: hidden; left: 0; top: 0 } .floating_i01,.floating_i02 { animation: blow 2.5s infinite ease-in-out; position: absolute; top: 50% } .floating_ewm .floating_ewmBom .floating_ewmBomFr { width: 100px; text-align: left; color: #010101; font-size: 12px; line-height: 24px } .floating_i01 { width: 20px; height: 20px; border: 2px solid #d02e23; left: 50%; margin-top: -10px; margin-left: -11px; border-radius: 50%; transform: scale(1) } .floating_i02 { width: 12px; height: 12px; left: 50%; margin-top: -6px; margin-left: -7px; border-radius: 50%; border: 1px solid #d02e23; opacity: 1; transform: scale(1) } .floating_i02:after,.floating_i02:before { content: ""; position: absolute; border-radius: 50%; width: 4px; height: 6px; background: #eed2d0; margin-top: -3px; top: 50% } .floating_i02:after { right: -1px } .floating_i02:before { left: -1px } @keyframes blow { 0%,10.5%,100%,5%,90.5% { transform: scale(1); opacity: 1 } 10%,5.5% { transform: scale(.8) } 70%,90% { transform: scale(1.3); opacity: 0 } } @keyframes blow01 { 0%,10.5%,100%,15%,5%,90.5% { transform: scale(1); opacity: 1 } 10%,5.5% { transform: scale(.8) } } .FloatPim { bottom: 90px; width: 70px; height: 70px; z-index: 5; display: none } .FloatPim.on { display: block } .FloatPim .FloatPimBox { position: absolute; transition: all .5s; left: 100px; bottom: 0; display: block; width: 100%; height: 100% } .FloatPim .FloatPimBox.on { left: 0 } .FloatPim .FloatPimBox .FloatPimPic { position: absolute; left: 0; top: 0; width: 70px; height: 70px; overflow: hidden; border-radius: 50%; box-shadow: 0 2px 10px rgba(12,30,39,.2); cursor: pointer } .FloatPim .FloatPimBox .FloatPimPic img { vertical-align: top } .FloatPim .FloatPimBox .FloatPimBoxItem { position: absolute; z-index: 20; left: -78px; bottom: -27px; width: 225px; border-radius: 10px 10px 0; background: #fff; box-shadow: 0 2px 10px rgba(12,30,39,.2); transition: all .5s; opacity: 0; overflow: hidden; transform: scale(0); border: 1px solid #5ba4ed; padding: 10px 15px 0 } .FloatPim .FloatPimBox .FloatPimBoxItem.on { left: -240px; opacity: 1; transform: scale(1); bottom: 10px } .FloatPim .FloatPimBox .FloatPimBoxItem h5 { clear: both; display: block; font-size: 16px; color: #333 } .FloatPim .FloatPimBox .FloatPimBoxItem h5 span { font-weight: 700; color: #5ba4ed } .FloatPim .FloatPimBox .FloatPimBoxItem p { clear: both; display: block; font-size: 16px; line-height: 24px; color: #999; margin-top: 5px; margin-bottom: 5px; width: 193px } .FloatPim .FloatPimBox .FloatPimBoxItem>span { font-size: 18px } .FloatPim .FloatPimBox .FloatPimBoxItem>span span { color: #5aa4ed; font-weight: 700 } .FloatPim .FloatPimBox .FloatPimBoxItem a { float: right; background: #5ba4ed; font-size: 16px; color: #fff; border-radius: 10px 0 0; padding: 5px 10px; margin-right: -15px; width: 85px } .FloatPim .FloatPimBox .FloatPimclose { position: absolute; width: 12px; height: 11px; background: url(../imagespc/closeIcon01.png) center center no-repeat; right: -20px; top: 10px; cursor: pointer; display: block } #toTop { display: none; transition: background .5s; text-decoration: none; position: fixed; bottom: 0; right: 0; overflow: hidden; width: 107px; height: 50px; z-index: 999; text-align: center; background-color: #596382; cursor: pointer } #toTop span { padding: 10px 30px 0; display: block; clear: both } #toTop span img { width: 100% } #toTop:hover { background-color: #ff654c; transition: background .5s } #LR_Tb4 tbody tr td:nth-child(2) p strong:nth-child(3) { font-size: 16px } #LR_Tb4 tbody tr td:nth-child(2) p strong:nth-child(5) { font-size: 16px } .insideban02 { background: url(../imagespc/insideban02.jpg) center 72px no-repeat; background-size: 100% } .proone { padding-bottom: 10px; position: relative } .proone:before { content: ""; width: 761px; height: 199px; background: url(../imagespc/prooneicon06.png) center top no-repeat; background-size: 761px; position: absolute; left: -65px; bottom: 0 } .proonefre.proone:before { background: url(../imagespc/prooneicon07.png) center top no-repeat; right: -115px; left: auto; bottom: 8px; height: 230px; background-size: 761px } .proone .proonefl { float: left; width: 500px; position: relative; z-index: 1 } .proone .proonefl .prooneflpic { clear: both; display: block; overflow: hidden; border-radius: 5px } .proone .proonefl .prooneflicon { clear: both; text-align: left; line-height: 1; padding-top: 32px } .proone .proonefl .prooneflicon span { padding-right: 25px; display: inline-block; font-size: 12px; padding-left: 14px; background: url(../imagespc/prodot01.png) left center no-repeat } .proone .proonefr { float: right; width: 448px; position: relative; z-index: 1 } .proone .proonefr h1 { color: #fff; font-size: 30px; display: inline-block; position: relative; line-height: 1; margin-bottom: 28px } .proone .proonefr h1:after { content: ""; position: absolute; right: -78px; top: -5px; background: url(../imagespc/prooneicon01.png) center top no-repeat; background-size: 63px; width: 63px; height: 40px } .proone .proonefr .proonefrtab { clear: both } .proone .proonefr .proonefrtab li { float: left; font-size: 12px; color: #fff; width: 136px; margin-left: 10px; border-radius: 5px 5px 0 0; background-color: #9d4a15; background-image: linear-gradient(90deg,#7e3719,#cb640f); background-position: left center; background-size: 100% 100%; background-repeat: no-repeat; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; text-align: center; line-height: 26px } .proone .proonefr .proonefrbox { margin: 9px 11px; position: relative; border-radius: 5px; padding: 10px 15px; z-index: 2 } .proone .proonefr .proonefrbox:after { content: ""; position: absolute; left: 0; bottom: 0; right: 0; top: 0; background: #fff; z-index: 2; border-radius: 5px; box-shadow: 0 4px 20px rgba(0,0,0,.2) inset } .proone .proonefr .proonefrbox:before { content: ""; position: absolute; left: -11px; right: -11px; top: -9px; bottom: -9px; background: url(../imagespc/homefivebg.jpg); z-index: 1; box-shadow: 0 4px 20px rgba(0,0,0,.2); border-radius: 5px } .proone .proonefr .proonefrbox p { position: relative; z-index: 3; clear: both; display: block; font-size: 12px; line-height: 20px; padding: 5px 0; color: #1b1b1b } .proone .proonefr .proonefrbox p:first-child,.proone .proonefr .proonefrbox p:nth-child(2) { clear: none; background: url(../imagespc/prooneicon02.jpg) left 12px no-repeat; padding-left: 20px; margin-bottom: 7px } .proone .proonefr .proonefrbox p:first-child span,.proone .proonefr .proonefrbox p:nth-child(2) span { color: #bc0000; font-size: 16px; font-weight: 700 } .proone .proonefr .proonefrbox p:first-child { padding-right: 80px } .proone .proonefr .proonefrbox p:nth-child(3) { border-top: 1px solid #e8e8e8; padding-top: 10px } .proonefrspec { background: url(../imagespc/prooneicon04.jpg) center bottom no-repeat #fff; background-size: 100%; margin: 0 25px; border-radius: 0 0 5px 5px; overflow: hidden; padding: 13px 0; box-shadow: 0 4px 8px rgba(0,0,0,.1) } .proonefrspec p { float: left } .proonefrspec p:first-child { border-right: 1px solid #eee } .proonefrspec p:first-child span { clear: both; display: block; text-align: center; font-size: 14px; font-weight: 700; line-height: 1; padding-bottom: 2px; color: #1c1c1c } .proonefrspec p:first-child span i { clear: both; display: block; font-weight: 400; font-size: 12px; font-style: normal; padding-top: 2px; color: #4c4c4c } .proonefrspec p:first-child span:first-child+span { color: #b80000 } .proonefrspec p:first-child+p { padding: 0 0 0 5px } .proonefrspec p:first-child+p span { float: left; text-align: center; width: 47px; height: 47px; overflow: hidden; border-radius: 50%; border: 2px solid #fff; box-shadow: -3px 0 4px rgba(255,130,0,.38); position: relative; margin-left: 10px } .proonefrspec p:first-child+p span i { position: absolute; left: 0; right: 0; bottom: 0; line-height: 1; color: #fff; background: #7d3719; font-style: normal; padding: 2px 0 6px; font-size: 12px } .proonefrspec p:first-child+p img { clear: both; display: block } .proonefrbom { padding-top: 25px; text-align: left; font-size: 12px } .proonefrbom a { display: inline-block; color: #fff; background-color: #d1461d; background-image: linear-gradient(90deg,#c9211e 0,#de7c1b 50%,#c9211e 100%); background-position: left center; background-size: 200% 100%; background-repeat: no-repeat; width: 145px; line-height: 34px; border-radius: 17px; text-align: center; cursor: pointer; transition: background-position .6s ease } .proonefrbom a:hover { background-position: right center } .proonefrbom span { float: right; font-size: 12px; line-height: 34px } .proonefrbom span strong { font-size: 18px; color: #fa4c3b } .proonefritem { clear: both; padding-top: 20px; position: relative; padding-left: 75px } .proonefritem .proonefritempic { position: absolute; width: 50px; margin-right: 10px; left: 0; top: 20px } .proonefritem .proonefritemtit { float: left; border: 1px dashed #eee; line-height: 30px; border-radius: 10px; padding: 0 15px; position: relative; margin-top: 19px } .proonefritem .proonefritemtit:after,.proonefritem .proonefritemtit:before { color: #de7a1b; font-size: 26px; font-weight: 700; position: absolute; line-height: 1 } .proonefritem .proonefritemtit:after { content: "“"; left: -18px; top: -7px } .proonefritem .proonefritemtit:before { content: "”"; right: -15px; bottom: -19px } .proxz { margin-bottom: 40px } .proxztop { clear: both; display: block; position: relative; margin-bottom: 25px; z-index: 2 } .proxztop .proxztopp01 { clear: both; display: block; font-size: 24px; font-weight: 700; color: #333; line-height: 1 } .proxztop .proxztopp02 { clear: both; display: block; text-align: left; line-height: 1; margin-top: 20px; font-size: 12px; color: #888 } .proxztop .proxztopp03 { position: absolute; right: 0; bottom: 14px; line-height: 1; margin-top: 25px; font-size: 12px; color: #888 } .proxztop .proxztopp03 em { position: absolute; width: 12px; display: block; left: 76px; top: 20px } .proxzbom { background: #edf2f6; padding-top: 1px; position: relative; height: 370px } .proxzbom .proxzname { clear: both; text-align: center; line-height: 1; width: 624px; margin: 70px auto 0 } .proxzbom .proxzbombox { background: url(../imagespc/proxzicon05.png) center bottom no-repeat; position: absolute; background-size: 520px; width: 520px; left: 50%; margin-left: -260px; top: 0; height: 81.081081%; z-index: 5 } .proxzmain { width: 80%; margin: 0 auto; height: 95%; position: relative } .proxzitem { position: absolute } .proxzitem span { display: block } .proxzitem i { clear: both; display: block; font-style: normal } .proxzitem01 { z-index: 1; width: 70px; left: 189px; top: 170px } .proxzitem01 .proxzitem01icon { position: absolute; width: 28px; left: 50%; margin-left: -14px; top: 22px } .proxzitem01 .proxzitem01txt { font-size: 12px; color: #617a8c; text-align: center; position: absolute; left: 0; right: 0rem; top: 57px; line-height: 14px } .proxzitem02 { z-index: 6; width: 100px; right: 189px; top: 206px } .proxzitem02 .proxzitem02icon { position: absolute; width: 36px; left: 50%; margin-left: -18px; top: 32px } .proxzitem02 .proxzitem02txt { font-size: 12px; color: #617a8c; text-align: center; position: absolute; left: 0; right: 0rem; top: 73px; line-height: 16px } .proxzitem03 { z-index: 1; width: 135px; left: 50px; bottom: 45px } .proxzitem03 .proxzitem03txt { clear: both; display: block; text-align: left; font-size: 12px; color: #617a8c; line-height: 16px } .proxzitem04 { width: 180px; left: 50%; margin-left: -90px; bottom: 27px } .proxzbom.proxzbom2 .proxzbombox { width: 1000px; background: 0 0; margin-left: -500px; padding: 0; top: 20px } .proxzbom.proxzbom2 .proxzitem01 { left: 67px; top: 126px } .proxzbom.proxzbom2 .proxzitem02 { right: 70px; top: 210px } .proxzbom.proxzbom2 .proxzitem03 { left: 50px; bottom: 30px } .proxzbom.proxzbom2 .proxzmain { width: 80%; height: 100% } .protwo { clear: both; background: url(../imagespc/protwobg01.png) center top no-repeat; background-size: 1000px; position: relative; z-index: 5 } .ie8-hack .protwo { background: 0 0 } .protwo .protwofl { float: left; width: 685px } .protwo .protwofl .protwonav { clear: both; width: 100%; padding-top: 8px } .protwo .protwofl .protwonav li { float: left; padding-right: 10px } .protwo .protwofl .protwonav li a { clear: both; display: block; width: 120px; line-height: 30px; text-align: center; border-radius: 5px 5px 0 0; border: 1px dashed #bfbfbf; border-bottom: 0; font-size: 14px } .ie8-hack .protwo .protwofl .protwonav li a { border: 1px dashed #bfbfbf } .protwo .protwofl .protwonav li a:hover,.protwo .protwofl .protwonav li:first-child a { border: 1px solid #bc0000; border-bottom: 0; background: #bc0000; color: #fff } .protwobox h3 { color: #272727; background: url(../imagespc/protwoicon01.png) left 6px no-repeat; line-height: 40px; margin: 50px 0 30px; font-size: 32px; background-size: 72px; padding-left: 84px } .ie8-hack .protwobox h3 { background: 0 0 } .protwobox { padding-top: 15px } .protwobox p { text-align: left; padding: 10px 0; line-height: 32px; font-size: 16px } .protwobox img { margin: 0 auto; display: block } .protwobox video { clear: both; margin: 17px auto; display: block; width: 100% } .protwobox .NybAdvantageTop { padding: 5px; box-sizing: border-box; text-indent: 0 } .protwobox .NybAdvantageTop span { padding: 0; font-weight: 700; line-height: 26px; display: block; text-indent: 0; color: #000 } .protwobox .NybAdvantageTop em { float: left; background: #ffd200; display: block; font-size: 16px; color: #ff1a1a; font-weight: 700; text-indent: 0; font-style: normal; border-radius: 50%; width: 26px; height: 26px; text-align: center; line-height: 26px; margin-right: 10px } .protwofr { float: right; width: 260px } .protwofrhottit { clear: both; text-align: right; font-size: 24px; font-weight: 700; color: #272727; padding: 30px 0 22px } .protwofrhottit h4 { background: url(../imagespc/protwoicon01.png) left 9px no-repeat; padding-left: 57px; line-height: 1; background-size: 45px; display: inline-block } .ie8-hack .protwofrhottit h4 { padding-left: 0 } .protwofr .protwofrhot ul { clear: both; background: url(../imagespc/protwobg02.jpg) left top repeat-y; padding-left: 44px } .protwofr .protwofrhot ul li { padding-bottom: 24px } .protwofr .protwofrhot ul .protwofrhotpic { clear: both; display: block; background: url(../imagespc/homefivebg.jpg); padding: 7px; border-radius: 5px; box-shadow: -4px 4px 8px rgba(0,0,0,.09); position: relative; z-index: 2 } .protwofr .protwofrhot ul .protwofrhotpic img { border-radius: 5px } .protwofr .protwofrhot ul .protwofrhottxt { background: url(../imagespc/homefivebg.jpg); margin-left: 2px; border-radius: 0 0 5px 5px; line-height: 37px; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden } .protwofr .protwofrhot ul .protwofrhottxt .protwofrhottxtfl { float: left; background: #fee2cc; color: #cb291e; width: 52px; text-align: center; position: relative; margin-right: 45px } .protwofr .protwofrhot ul .protwofrhottxt .protwofrhottxtfl:hover { font-weight: 700 } .protwofr .protwofrhot ul .protwofrhottxt .protwofrhottxtfl:after { position: absolute; content: ""; width: 46px; height: 8px; background: url(../imagespc/protwoicon02.png) right top no-repeat; background-size: 46px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); right: -37px } .proparametr { padding: 10px 0 } .proparametr:after{ content: ""; display: block; clear: both } .proparametr .proparametrtop { float: left; width: 100%; margin-left: -15px; position: relative; z-index: 2 } .proparametr .proparametrtop p.proparametrtit { cursor: pointer; border: 1px solid #cba1ae; line-height: 20px; padding: 8px 5px; margin-bottom: 10px; border-radius: 25px; font-size: 14px; color: #333; float: left; width: 199px; margin-left: 15px; text-indent: 0; text-align: center } .proparametr .proparametrtop p.proparametrtit.on { color: #fff; position: relative; box-shadow: 0 3px 16px rgba(0,0,0,.24); background-color: #c9221e; background-image: linear-gradient(90deg,#c9221e 30%,#de7b1b 50%,#c9221e); background-position: left center; background-size: 200% 100%; background-repeat: no-repeat; transition: background-position .6s ease } .proparametr .proparametrbom { float: right; width: 100%; margin-top: 2px } .proparametr .proparametrbom #proparametrbomitem { clear: both; position: relative; background: url(../imagespc/homefivebg.jpg); padding: 20px 15px } .proparametr .proparametrbom #proparametrbomitem table { background: #fff; border-collapse: collapse } .proparametr .proparametrbom #proparametrbomitem table td { border: 1px solid #cacaca } .proparametr .proparametrbom .proparametrbombox { clear: both; display: block; background: url(../imagespc/csman.png) left top no-repeat; background-size: 180px; padding-left: 200px; height: 199px; padding-top: 60px; margin-top: -25px; position: relative; z-index: 2 } .proparametr .proparametrbom .proparametrbombox p { padding: 0 0 0 15px; margin: 0 0 5px; text-indent: 0; background: url(../imagespc/proitemicon04.png) left 8px no-repeat; background-size: 8px } .proparametr .proparametrbom .proparametrbombox p span { color: #c3311c; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-image: -webkit-linear-gradient(left,#bf211d,#d3751b) } .prothree { clear: both; background: url(../imagespc/prothreeicon01.jpg); position: relative; padding: 40px 0 80px } .prothree.newmargin { margin-top: -20px } .prothree:after { position: absolute; z-index: 2; content: ""; left: 0; bottom: 0; top: 0; right: 0; background: url(../imagespc/prothreeicon03.png) center bottom no-repeat; background-size: 100% } .prothree::before { position: absolute; z-index: 2; content: ""; left: 0; bottom: -60px; top: 0; right: 0; background: url(../imagespc/prothreeicon04.png) center bottom no-repeat; background-size: 100% } .prothree .prothreetit { clear: both; text-align: left; font-size: 14px; line-height: 35px; background: url(../imagespc/homeoneicon01.png) left center no-repeat; padding-left: 23px; background-size: 14px } .prothree .prothreetit h4 { float: left; margin-right: 20px; font-size: 32px; font-family: "Microsoft JhengHei","Helvetica Neue","Microsoft YaHei",Helvetica,STHeiTi,sans-serif; font-weight: 700 } .prothree .prothreetit h4 a { clear: both; background: 0 0; font-size: 32px } .prothree .prothreetit a { background: url(../imagespc/prothreeicon02.png) right 7px no-repeat; padding-right: 35px; line-height: 30px; display: inline-block } .videorel .bd li a,.videorel .hd ul { display: block; clear: both } .videorel { clear: both; position: relative; z-index: 3; overflow: hidden; margin-left: 44px } .videorel .hd { height: 8px; overflow: hidden; position: absolute; bottom: 13px; z-index: 1; left: 0; right: 0 } .videorel .hd ul { text-align: center; overflow: hidden; zoom:1;width: 100% } .videorel .hd ul li { font-size: 0; display: inline-block; vertical-align: top; margin: 0 14px; width: 8px; height: 8px; line-height: 1; text-align: center; background: 0 0; cursor: pointer; border-radius: 50%; border: 1px solid #dd7a1b } .videorel .hd ul li.on { background: #dd7a1b; color: #fff } .videorel .bd { position: relative; width: 100%; height: 100%; z-index: 0; background: #1f1f1f } .videorel .bd li { zoom:1;vertical-align: middle; transition: all .3s } .videorel .bd li:after { content: ""; position: absolute; bottom: 0; left: -100%; width: 100%; height: 3px; background: #dd7a1b; animation: myfirst 2.5s linear; -moz-animation: myfirst 2.5s linear; -webkit-animation: myfirst 2.5s linear; -o-animation: myfirst 2.5s linear; z-index: 5 } .videorel .bd li a:first-child,.videorel .bd li a:first-child+a { position: relative; overflow: hidden } .videorel .bd li a:first-child+a { color: #fff; font-size: 14px; text-align: center; padding: 15px 10px 35px; line-height: 24px; background: #1f1f1f; transition: all .5s } .videorel .bd li a:first-child img { width: 100%; transition: all .5s } .videorel .bd li a:first-child:after { content: ""; position: absolute; left: 0; height: 40px; background: #c9231e; z-index: 1; width: 60px; border-radius: 0 20px 20px 0; top: 50%; margin-top: -20px; box-shadow: 0 0 13px rgba(97,7,0,.64); transition: all .5s; -webkit-transition: all .5s } .videorel .bd li a:first-child:before { content: ""; position: absolute; left: 32px; top: 50%; width: 17px; height: 24px; background: url(../imagespc/relvideoicon01.png) center center no-repeat; background-size: 100%; z-index: 2; margin-top: -12px; transition: all .5s; -webkit-transition: all .5s } .videorel .bd li:hover a:first-child:after { width: 50% } .videorel .bd li:hover a:first-child:before { left: 40% } .videorel .bd li:hover a:first-child+a { background: #c9231e } .videorel .bd li:hover a:first-child img { transform: scale(1.1) rotate(1deg); -webkit-transform: scale(1.1) rotate(1deg) } @keyframes myfirst { from { left: -100% } to { left: 0 } } @-moz-keyframes myfirst { from { left: -100% } to { left: 0 } } @-webkit-keyframes myfirst { from { left: -100% } to { left: 0 } } @-o-keyframes myfirst { from { left: -100% } to { left: 0 } } .videorel .prothreetit { clear: both; text-align: right; font-size: 24px; font-weight: 700; color: #272727; padding: 30px 0 22px } .videorel .prothreetit h4 { background: url(../imagespc/protwoicon01.png) left 9px no-repeat; padding-left: 57px; line-height: 1; background-size: 45px; display: inline-block } .prorelatNew { position: relative; z-index: 3 } .prorelatNew ul { padding: 30px 0 } .prorelatNew li { float: left; width: 310px; background: url(../imagespc/prodot01.png) left center no-repeat; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 12px; margin-left: 23px; padding: 10px 0 10px 20px; line-height: 24px } .promoremend { position: relative; z-index: 3 } .promoremend ul { clear: both; display: block; padding: 17px 0 0 10px } .promoremend ul li { float: left; margin-left: -10px; padding: 10px 0 } .promoremend ul li a { clear: both; display: block; line-height: 32px; font-size: 12px; border: 1px dashed #969696; padding: 0 16px; border-radius: 16px } .promoremend ul li a:hover { color: #c9221e; border-color: #c9221e } .prorelatCase { position: relative; z-index: 3 } .prorelatCase ul { padding: 25px 0 10px } .prorelatCase ul li { float: left; margin-left: 23px; width: 227px; margin-bottom: 10px; transition: all .3s } .prorelatCase ul li a { clear: both; display: block } .prorelatCase ul li a:first-child+a { color: #0e0e0e; font-size: 14px; text-align: center; padding: 15px 10px; line-height: 24px; position: relative; overflow: hidden; background: #edf1fb } .prorelatCase ul li a:first-child { position: relative; overflow: hidden } .prorelatCase ul li a:first-child img { width: 100% } .prorelatCase ul li a:first-child:after { content: ""; position: absolute; left: 0; right: 0; height: 100%; background: rgba(0,0,0,.24); bottom: -100%; z-index: 1 } .prorelatCase ul li a:first-child:before { content: ""; position: absolute; left: 50%; top: 150%; width: 50px; height: 50px; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); background: url(../imagespc/hovericon.png) center center no-repeat rgba(0,0,0,.5); background-size: 39px; z-index: 2; border: 2px solid #fff; border-radius: 50%; transition: all .5s; -webkit-transition: all .5s } .prorelatCase ul li:hover a:first-child:after { bottom: 0; transition: all .5s; -webkit-transition: all .5s } .prorelatCase ul li:hover a:first-child:before { top: 50%; transition: all .5s; -webkit-transition: all .5s } .prorelatCase ul li:hover { transition: all .3s; box-shadow: 0 5px 12px rgba(0,0,0,.1) } .profour { clear: both; background-size: 100%; margin-top: -54px; min-width: 1000px; position: relative; z-index: 3 } .inside+.profour { margin-top: 0 } .profour .container { position: absolute; left: 50%; top: 70px; margin-left: -500px } .profour .profourtop { margin-left: 40px; width: 566px; height: 43px; font-size: 14px; background: url(../imagespc/profouricon01.png) center left no-repeat; background-size: 566px; color: #fff; padding: 12px 0 0 17px; line-height: 24px } .profour .profourtop span { float: left; position: relative; font-size: 22px; background: url(../imagespc/profouricon02.png) right center no-repeat; padding-right: 42px; background-size: 32px; margin-right: 10px } .profourbom { border-radius: 5px; background: url(../imagespc/homefivebg.jpg); margin: 0 20px; padding: 20px 0 30px } .profourbom .profourfl { float: left; width: 320px; margin: 0 0 0 20px; position: relative } .profourbom .profourfl:after { content: ""; position: absolute; left: 33px; top: 0; bottom: 0; width: 1px; background: #eee } .profourbom .profourfl dt { clear: both; position: relative; font-size: 24px; color: #bc0000; font-weight: 700; border: 1px solid #e1e1e1; background: #fff; line-height: 1; padding: 9px 0 9px 45px; margin-left: 35px; z-index: 2 } .profourbom .profourfl dd,.profourbom .profourfl dt i { font-size: 16px; line-height: 1; clear: both; font-family: "Microsoft JhengHei","Helvetica Neue","Microsoft YaHei",Helvetica,STHeiTi,sans-serif } .profourbom .profourfl dt span { position: absolute; left: -35px; top: 0; border-radius: 50%; overflow: hidden; border: 1px solid #e1e1e1; width: 70px; height: 70px } .profourbom .profourfl dt i { color: #272727; display: block; font-style: normal; padding-top: 11px } .profourbom .profourfl dd { padding-left: 27px; font-weight: 700; color: #272727; margin-left: 21px; position: relative; margin-top: 28px; z-index: 2 } .profourbom .profourfl dd span { font-size: 12px; color: #272727 } .profourbom .profourfl dd:after { content: ""; position: absolute; left: 7px; bottom: 0; width: 17px; height: 12px; border-radius: 50%; background: rgba(150,150,150,.52) } .profourbom .profourfl dd i { position: absolute; left: 0; top: -5px; font-size: 18px; font-style: normal; color: #878787; line-height: 1 } .profourbom .profourfl dd:nth-child(2) { color: #bc0000 } .profourbom .profourfl dd:nth-child(2) i { color: #bc0000 } .profourbom .profourfl dd:nth-child(2):after { background: rgba(182,24,24,.52) } .profourpic img,.profourpicbom img { width: 100% } .casemagess .profourbom .profourfl { width: 291px } .casemagess .profourbom .profourfl dd { margin-left: 0 } .casemagess .profourbom .profourfl dd span { font-size: 12px; color: #272727 } .casemagess .profourbom .profourfl dd:nth-child(2) { background: 0 0 } .casemagess .profourbom .profourfr { width: 590px; padding: 27px 17px 33px 25px } .casemagess .profourbom .profourfl:after { top: 81px; left: 12px } .profourcase .profourcasefl,.profourcase .profourcasefr { float: left; width: 71px; border-radius: 50%; overflow: hidden; border: 1px solid #eee } .profourcase p { float: left; width: 140px; text-align: center; padding-top: 18px; font-weight: 700; font-family: "Microsoft JhengHei","Helvetica Neue","Microsoft YaHei",Helvetica,STHeiTi,sans-serif } .profourcase p span { clear: both; display: block; text-align: center; padding-bottom: 5px } .profourcase p span i { width: 6px; height: 6px; margin: 0 8px; background-color: #bc0000; border-radius: 50%; display: inline-block; -webkit-animation: sk-three-bounce 1.4s ease-in-out 0s infinite both; animation: sk-three-bounce 1.4s ease-in-out 0s infinite both } .profourcase p span i:first-child { -webkit-animation-delay: -.8s; animation-delay: -.8s } .profourcase p span i:nth-child(2) { -webkit-animation-delay: -.64s; animation-delay: -.64s } .profourcase p span i:nth-child(3) { -webkit-animation-delay: -.48s; animation-delay: -.48s } .profourcase p span i:nth-child(4) { -webkit-animation-delay: -.32s; animation-delay: -.32s } .profourcase p span i:nth-child(5) { -webkit-animation-delay: -.16s; animation-delay: -.16s } @-webkit-keyframes sk-three-bounce { 0%,100%,80% { -webkit-transform: scale(0); transform: scale(0) } 40% { -webkit-transform: scale(1); transform: scale(1) } } @keyframes sk-three-bounce { 0%,100%,80% { -webkit-transform: scale(0); transform: scale(0) } 40% { -webkit-transform: scale(1); transform: scale(1) } } .profourbom .profourfr { float: right; margin-right: 43px; display: block; width: 549px; position: relative; border-radius: 5px; box-shadow: -4px 0 8px rgba(0,0,0,.09); background: url(../imagespc/protwoicon03.jpg) right bottom no-repeat #fff; padding: 27px 27px 33px 40px; background-size: 330px } .profourbom .profourfr:before { content: ""; position: absolute; right: 0; top: 0; background: url(../imagespc/protwoicon04.jpg) center top no-repeat; border-top-right-radius: 5px; width: 63px; height: 47px; background-size: 63px } .ie8-hack .profourbom .profourfr:before { display: none } .profourbom.noprofourfr .profourfr:before { display: none } .profourbom .profourfr .cont_form { float: left; width: 302px; padding-right: 21px; position: relative } .profourbom .profourfr .cont_form .btnclick { position: absolute; left: 108px; bottom: -49px } .profourbom .profourfr .cont_form .btnclick .btn_submit { width: 138px; height: 30px; border-radius: 15px; line-height: 30px; background-color: #c9221e; background-image: linear-gradient(90deg,#c9211e 0,#de7c1b 50%,#c9211e 100%); background-position: left center; background-size: 200% 100%; background-repeat: no-repeat; transition: background-position .6s ease; color: #fff; font-size: 14px; cursor: pointer } .profourbom .profourfr .cont_form .btnclick .btn_submit:hover { background-position: right center } .profourbom .profourfr .cont_form li { clear: both; display: block; padding-bottom: 16px } .profourbom .profourfr .cont_form li span { float: left; font-size: 14px; color: #353535; width: 50px; text-align: left; line-height: 32px; position: relative } .profourbom .profourfr .cont_form li span font { color: red } .profourbom .profourfr .cont_form li input { float: right; border: 1px solid #e1e1e1; border-radius: 3px; width: 225px; font-size: 14px; color: #333; line-height: 24px; padding: 3px 10px 3px 30px; height: 32px } .profourbom .profourfr .cont_form li input:-webkit-autofill { -webkit-text-fill-color: #333; -webkit-box-shadow: 0 0 0 1000px #FFF inset!important; box-shadow: 0 0 0 1000px #FFF inset!important } .profourbom .profourfr .cont_form li textarea { float: right; font-family: "微软雅黑"; border: 1px solid #e1e1e1; border-radius: 3px; width: 225px; font-size: 14px; color: #333; line-height: 24px; height: 57px; padding: 3px 10px 3px 30px } .profourbom .profourfr .cont_form li .btnSub { font-size: 12px; color: #fff; background: #1c1c1c; line-height: 26px; text-align: center; width: 100% } .profourbom .profourfr .cont_form li:first-child span:after { content: ""; position: absolute; left: 62px; top: 8px; width: 24px; height: 24px; background: url(../imagespc/homefiveicon04.png) no-repeat; background-size: 24px } .profourbom .profourfr .cont_form li:first-child+li span:after { content: ""; position: absolute; left: 62px; top: 8px; width: 24px; height: 24px; background: url(../imagespc/homefiveicon03.png) no-repeat; background-size: 24px } .profourbom .profourfr .cont_form li:first-child+li+li span:after { content: ""; position: absolute; left: 62px; top: 8px; width: 24px; height: 24px; background: url(../imagespc/homefiveicon02.png) no-repeat; background-size: 24px } .profourbom .profourfr .cont_form.casefrom { width: 100%; padding: 0 } .profourbom .profourfr .cont_form.casefrom ul { clear: both; overflow: hidden; width: 100% } .profourbom .profourfr .cont_form.casefrom ul li { float: left; width: 259px; clear: none; margin-right: 15px } .profourbom .profourfr .cont_form.casefrom ul li input { clear: both; display: block; width: 100%; padding: 3px 10px } .profourbom .profourfr .cont_form.casefrom ul li select { clear: both; display: block; width: 100%; padding: 3px 10px; height: 32px; border: 1px solid #e1e1e1; border-radius: 3px; font-size: 14px; color: #333; line-height: 24px } .profourbom .profourfr .cont_form.casefrom ul li:last-child { width: 535px } .profourbom .profourfr .cont_form.casefrom ul li textarea { width: 100%; float: left; padding: 3px 10px } .profourbom .profourfr .cont_form.casefrom .btnclick { left: 190px } .profourbom .profourfr .cont_form.casefrom ul li input::-webkit-input-placeholder,.profourbom .profourfr .cont_form.casefrom ul li textarea::-webkit-input-placeholder { color: #333 } .marqueetop { float: right; height: 154px; width: 180px; border-left: 1px solid #e9e9e9; padding-left: 15px; overflow-y: hidden } .marqueetop div,.marqueetop li { width: 100%; clear: both; overflow: hidden } .marqueetop li { padding: 15px 0; border-bottom: 1px dashed #e9e9e9 } .marqueetop li p { font-size: 14px; color: #2d2d2d; line-height: 24px } .marqueetop li p strong { clear: both; display: block; padding-bottom: 2px } .marqueetop li time { clear: both; display: block; line-height: 1; color: #a6a6a6; font-size: 12px } .profive { padding-bottom: 50px } .profive .profivetit { clear: both; line-height: 42px; text-align: left; overflow: hidden } .profive .profivetit strong { float: left; width: 164px; height: 42px; text-align: center; line-height: 39px; color: #fff; background: url(../imagespc/profiveicon01.jpg) right top no-repeat; background-size: 164px; font-size: 24px; font-weight: 400; margin-right: 36px; padding-right: 5px } .profiveda i,.profivewen a { font-size: 14px; height: 48px } .profive .profivetit span { font-size: 14px; color: #9f4200; background: url(../imagespc/prothreeicon02.png) right 7px no-repeat; padding-right: 35px; line-height: 30px; display: inline-block; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .profive .profivetit span a { color: #9f4200 } .profive .profivetit span:hover { padding-right: 40px } .profive ul { margin-left: -100px } .profive ul li { float: left; margin-left: 100px; width: 450px; padding-top: 31px } .profivewen { clear: both; overflow: hidden } .profivewen span { float: left; width: 34px; height: 34px; border: 1px solid #d8e1ff; border-radius: 50%; overflow: hidden } .profivewen a { float: right; width: 400px; line-height: 24px; color: #464646; margin-top: 5px; overflow: hidden } .profivewen a:hover { color: #ee002e } .profiveda { clear: both; margin-top: 15px; background: url(../imagespc/homefivebg.jpg); padding: 0 20px 0 0; border-radius: 5px; color: #737373; overflow: hidden } .profiveda i { float: left; background: url(../imagespc/profiveicon02.png) left top no-repeat; background-size: 37px; width: 37px; text-align: center; font-style: normal; padding-top: 8px; line-height: 1; color: #773500; font-weight: 700 } .profiveda span { float: right; width: 380px; font-size: 12px; line-height: 24px; height: 48px; overflow: hidden; margin: 11px 0 } .prosix { clear: both; background: url(../imagespc/prosixbg.png) center top no-repeat; padding: 47px 0 60px; background-size: 100% 100% } .prosix .prosixp01 { clear: both; text-align: center; color: #fff; font-size: 32px; font-family: "Microsoft JhengHei","Helvetica Neue","Microsoft YaHei",Helvetica,STHeiTi,sans-serif; font-weight: 700; line-height: 1; position: relative } .prosix .prosixp01 span { position: relative; z-index: 2 } .prosix .prosixp01:after { content: ""; position: absolute; bottom: -7px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); background: url(../imagespc/prosixicon01.png) center top no-repeat; width: 275px; height: 16px; background-size: 250px } .prosix .prosixp02 { color: #fff; line-height: 34px; border: 1px dashed #fff; border-radius: 17px; text-align: center; margin: 37px auto 0; width: 276px; font-size: 16px } .proseven { padding-bottom: 20px } .proseven .prosevenFl { float: left; width: 72.375% } .proseven .prosevenFl span { float: left; font-size: 16px } .proseven .prosevenFl .prosevenFlTop { clear: both; overflow: hidden; border-bottom: 1px solid #f2f2f2; line-height: 40px } .proseven .prosevenFl .prosevenFlTop span { color: #999 } .proseven .prosevenFl .prosevenFlTop span i { clear: both; display: inline-block; font-style: normal; font-size: 20px; color: #272727; font-weight: 700; border-bottom: 2px solid #bc0000 } .proseven .prosevenFl .prosevenFlBom { clear: both; overflow: hidden } .proseven .prosevenFl .prosevenFlBom p { clear: both; overflow: hidden; padding: 10px 0; border-bottom: 1px solid #f2f2f2 } .proseven .prosevenFl .prosevenFlBom p:nth-child(even) { background: #fafafa } .proseven .prosevenFl .prosevenFlBom p span a { background: #ffa146; line-height: 20px; color: #fff; display: inline-block; padding: 2px 10px; cursor: pointer } .proseven .prosevenFl .prosevenFlBom p span a:hover { background: #bc0000 } .proseven .prosevenFl .prosevenFlBom p span:first-child,.proseven .prosevenFl .prosevenFlTop span:first-child { width: 21.5889464594%; text-align: left } .proseven .prosevenFl .prosevenFlBom p span:first-child+span,.proseven .prosevenFl .prosevenFlTop span:first-child+span { width: 22.4525043178%; text-align: center } .proseven .prosevenFl .prosevenFlBom p span:first-child+span+span,.proseven .prosevenFl .prosevenFlTop span:first-child+span+span { width: 17.2711571675%; text-align: center } .proseven .prosevenFl .prosevenFlBom p span:first-child+span+span+span,.proseven .prosevenFl .prosevenFlTop span:first-child+span+span+span { width: 16.4075993092%; text-align: center } .proseven .prosevenFl .prosevenFlBom p span:first-child+span+span+span+span,.proseven .prosevenFl .prosevenFlTop span:first-child+span+span+span+span { width: 21.5889464594%; text-align: center } .proseven .prosevenFr { float: right; width: 26.25%; border: 1px solid #d8c6b4; border-radius: 10px; overflow: hidden } .proseven .prosevenFr ul { clear: both; display: block; overflow: hidden; background: #fff6ee; padding-bottom: 20px } .proseven .prosevenFr ul li { float: left; width: 50%; text-align: left; line-height: 1; padding: 15px 0 0 10px } .proseven .prosevenFr ul li span { display: inline-block; font-size: 14px; color: #272727; position: relative; z-index: 5; line-height: 1 } .proseven .prosevenFr ul li span:after { content: ""; position: absolute; left: 0; right: 0; bottom: -5px; height: 10px; background: #ffd7b1; z-index: -1 } .proseven .prosevenFr .prosevenFrBom { overflow: hidden; padding: 10px } .proseven .prosevenFr .prosevenFrBom a { display: inline-block; background: #ffa146; color: #fff; border-radius: 5px; padding: 1px 5px; margin-right: 5px; cursor: pointer; font-size: 14px } .proseven .prosevenFr .prosevenFrBom a:hover { background: #bc0000 } .proseven .prosevenFr .prosevenFrBom span { font-size: 12px; color: #aaa; vertical-align: bottom; display: inline-block; line-height: 1 } .TracPoint ul li a,.prooneword { line-height: 46px; text-align: center } .TracPoint { position: fixed; background: #000; top: -120px; width: 100%; left: 0; z-index: 99; transition: all .5s } .TracPoint ul { overflow: hidden; padding: 20px 0 } .TracPoint ul li { float: left; margin-right: 10px } .TracPoint ul li a { clear: both; color: #fff; border-radius: 5px; border: 1px dashed #fff; padding: 0; font-size: 14px; width: 120px; display: block } .TracPoint ul li a.on,.TracPoint ul li a:hover { border: 1px solid #bc0000; border-bottom: 0; background: #bc0000 } .whole-show { position: relative } .whole-con { height: 3600px; overflow: hidden; margin-bottom: 60px } .whole-btn { position: absolute; z-index: 999; left: 0; right: 0; bottom: 0; height: 280px; text-align: center; padding-top: 160px; cursor: pointer; -webkit-box-shadow: 0 19px 43px rgba(20,16,18,.03); -moz-box-shadow: 0 19px 43px rgba(20,16,18,.03); -ms-box-shadow: 0 19px 43px rgba(20,16,18,.03); -o-box-shadow: 0 19px 43px rgba(20,16,18,.03); box-shadow: 0 19px 43px rgba(20,16,18,.03); background: -webkit-linear-gradient(top,rgba(255,255,255,.2) 0,#FFF 55%); background: -moz-linear-gradient(top,rgba(255,255,255,.2) 0,#FFF 55%); background: -ms-linear-gradient(top,rgba(255,255,255,.2) 0,#FFF 55%); background: -o-linear-gradient(top,rgba(255,255,255,.2) 0,#FFF 55%); background: linear-gradient(to bottom,rgba(255,255,255,.2) 0,#FFF 55%) } .whole-btn p { color: #2b3444; font-size: 18px; text-align: center } .whole-btn p:before { content: ""; display: inline-block; vertical-align: middle; margin-top: -3px; margin-right: 26px; width: 50px; height: 1px; background-color: #2b3444 } .whole-btn p:after { content: ""; display: inline-block; vertical-align: middle; margin-top: -3px; margin-left: 26px; width: 50px; height: 1px; background-color: #2b3444 } .whole-btn strong { color: #d3313a; font-size: 20px; position: relative } .whole-btn strong:after { content: ""; position: absolute; left: 0; right: 0; bottom: -20px; margin: 0 auto; width: 18px; height: 12px; background: url(../images/wholeIcon.png) no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover; -webkit-animation: wmove .5s ease-in-out infinite alternate; animation: wmove .5s ease-in-out infinite alternate } @-webkit-keyframes wmove { 0% { bottom: -24px } 100% { bottom: -20px } } @keyframes wmove { 0% { bottom: -24px } 100% { bottom: -20px } } @media screen and (min-width: 1440px) { .TracPoint ul li a { width:145px; font-size: 16px } } @media screen and (min-width: 1860px) { .TracPoint ul li { margin-right:18px } .TracPoint ul li a { width: 189px; font-size: 18px } } .proonetop { position: relative } .proonetop:before { content: ""; position: absolute; left: 0; right: 0; top: 84px; bottom: 0; background: url(../imagespc/hotbgline.png) bottom center no-repeat #FFF; -webkit-box-shadow: 0 0 16px rgba(86,86,86,.3); -moz-box-shadow: 0 0 16px rgba(86,86,86,.3); -ms-box-shadow: 0 0 16px rgba(86,86,86,.3); -o-box-shadow: 0 0 16px rgba(86,86,86,.3); box-shadow: 0 0 16px rgba(86,86,86,.3); -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px } .proonetop .prooneflicon { margin-left: 30px; font-weight: 700; padding-top: 60px } .proonecon { padding: 6px 10px 20px 0; color: #1b1b1b; font-size: 15px } .proonecon .con01 { padding: 10px 0; border-bottom: 1px solid #E8E8E8 } .proonecon .con01 span { background: url(../imagespc/prooneicon02.jpg) left center no-repeat; padding-left: 22px; margin-left: 24px } .proonecon .con01 span:first-child { margin-left: 0 } .proonecon .con01 span strong { color: #bc0000; font-size: 16px } .proonecon .con02 { padding: 10px 0 } .proonehot { position: relative; margin-top: 20px } .hotname { position: absolute; left: -40px; top: 10px; width: 18px; color: #272727; font-size: 16px; font-weight: 700; text-align: center; line-height: 1.1 } .hotname img { width: 100%; margin-bottom: 4px } .hottype { float: left; width: 160px; margin-right: 24px } .hottype li { text-align: center; background-color: #fffefe; line-height: 40px; -webkit-border-radius: 40px; -moz-border-radius: 40px; -ms-border-radius: 40px; -o-border-radius: 40px; border-radius: 40px; -webkit-box-shadow: 0 0 13px rgba(91,91,91,.3); -moz-box-shadow: 0 0 13px rgba(91,91,91,.3); -ms-box-shadow: 0 0 13px rgba(91,91,91,.3); -o-box-shadow: 0 0 13px rgba(91,91,91,.3); box-shadow: 0 0 13px rgba(91,91,91,.3); margin-top: 15px; cursor: pointer; position: relative } .hottype li:first-child { margin-top: 0 } .hottype li.cur { background-color: #dc701d; color: #FFF; font-weight: 700 } .hottype li.cur:after { content: ""; position: absolute; right: -25px; top: 8px; width: 13px; height: 15px; background: url(../imagespc/hotarrow.png) no-repeat } .hotinfo { display: block; overflow: hidden; border: 1px solid #DC701D; -webkit-border-radius: 0 20px 20px 20px; -moz-border-radius: 0 20px 20px; -ms-border-radius: 0 20px 20px 20px; -o-border-radius: 0 20px 20px; border-radius: 0 20px 20px; width: 252px; padding: 14px 16px; min-height: 150px } .hotinfo .dn { display: none } .hotinfo li { background: url(../imagespc/hotdot.png) left center no-repeat; padding: 8px 0 8px 16px } .prooneword { width: 329px; height: 46px; color: #666; background: url(../imagespc/hotline.png) no-repeat; margin-left: 30px; margin-top: 20px; position: relative } .prooneword:before { content: ""; position: absolute; left: -70px; bottom: -4px; width: 53px; height: 69px; background: url(../imagespc/prooneicon05.png) } .proonebtn { position: relative; margin-top: 24px; margin-left: -60px } .proonebtn:before { content: ""; position: absolute; left: 100px; right: 0; bottom: 0; height: 48px; background: -webkit-linear-gradient(left,rgba(201,35,30,.2) 0,transparent 100%); background: -moz-linear-gradient(left,rgba(201,35,30,.2) 0,transparent 100%); background: -ms-linear-gradient(left,rgba(201,35,30,.2) 0,transparent 100%); background: -o-linear-gradient(left,rgba(201,35,30,.2) 0,transparent 100%); background: linear-gradient(to right,rgba(201,35,30,.2) 0,transparent 100%); z-index: -1 } .proonebtn a { display: inline-block; color: #fff; font-weight: 700; text-shadow: 0 1px 3px rgba(86,11,0,.6); background-color: #d1461d; background-image: linear-gradient(90deg,#c9211e 0,#de7c1b 50%,#c9211e 100%); background-position: left center; background-size: 200% 100%; background-repeat: no-repeat; width: 180px; line-height: 48px; -webkit-border-radius: 60px; border-radius: 60px; text-align: center; cursor: pointer; transition: background-position .6s ease; position: relative } .proonebtn a:hover { background-position: right center } .proonebtn span { color: #272727; margin-left: 16px } .proonebtn span strong { color: #fa4c3b; font-size: 18px } @media (min-width: 1440px) { .insideban02 { background-position:center 83px } .container { width: 1200px } .header { padding-top: 20px; padding-bottom: 20px } .header .logo { width: 175px } .header .nav { margin-left: 36px } .header .nav li { padding: 8px 4px 10px; margin: 0 15px } .header .nav li:after,.header .nav li:before { width: 50px } .header .nav li a { font-size: 16px; line-height: 30px } .header .headerfr { width: 244px } .breadnav { font-size: 14px; padding: 18px 0 27px } .proone { padding-bottom: 20px } .proone:before { width: 888px; height: 232px; background-size: 888px; left: -87px; bottom: 17px } .proonefre.proone:before { bottom: 14px; height: 270px; background-size: 888px } .proone .proonefl { width: 602px } .proone .proonefl .prooneflpic { border-radius: 7px } .proone .proonefl .prooneflicon { padding-top: 40px } .proone .proonefl .prooneflicon span { font-size: 14px; padding-left: 18px; padding-right: 30px } .proonefrspec p:first-child+p span i { padding: 5px 0 10px } .proone .proonefr { width: 538px } .proone .proonefr h1 { font-size: 36px; margin-bottom: 34px } .proone .proonefr h1:after { width: 75px; height: 45px; background-size: 75px; right: -95px } .proone .proonefr .proonefrtab { padding-left: 8px } .proone .proonefr .proonefrtab li { line-height: 32px; margin-left: 12px; width: 159px; font-size: 14px } .proone .proonefr .proonefrbox { margin: 11px 12px; border-radius: 6px; padding: 20px 16px } .proone .proonefr .proonefrbox:before { left: -12px; right: -12px; top: -11px; bottom: -11px; border-radius: 6px } .proone .proonefr .proonefrbox:after { border-radius: 6px } .proone .proonefr .proonefrbox p { font-size: 14px; line-height: 24px } .proone .proonefr .proonefrbox p:first-child span,.proone .proonefr .proonefrbox p:nth-child(2) span { font-size: 20px } .proone .proonefr .proonefrbox p:first-child,.proone .proonefr .proonefrbox p:nth-child(2) { margin-bottom: 10px; background-position: left 15px } .proone .proonefr .proonefrbox p:nth-child(3) { padding-top: 12px } .proonefrspec { padding: 16px 0 22px } .proonefrspec p:first-child+p { padding: 0 0 0 18px } .proonefrspec p:first-child+p span { width: 60px; height: 60px; margin-left: 14px } .proonefrspec p:first-child span { padding-bottom: 6px } .proonefrspec p:first-child span i { padding-top: 5px } .proonefritem .proonefritemtit { font-size: 14px; line-height: 30px } .proonefrbom a { font-size: 15px; width: 170px; height: 40px; border-radius: 20px; line-height: 40px } .proonefrbom span { font-size: 15px; line-height: 40px; margin-right: 40px } .profive .profivetit,.proonebtn a,.proseven .prosevenFl .prosevenFlTop { line-height: 50px } .proonefrbom span strong { font-size: 21px } .proseven { padding-bottom: 35px } .proseven .prosevenFl .prosevenFlBom p { padding: 12px 0 } .proseven .prosevenFl .prosevenFlBom p span a { padding: 4px 10px } .proseven .prosevenFr ul { padding-bottom: 25px } .proseven .prosevenFr ul li { padding: 20px 0 0 13px } .proseven .prosevenFr ul li span { font-size: 16px } .proseven .prosevenFr .prosevenFrBom { padding: 15px } .proseven .prosevenFr .prosevenFrBom a { padding: 5px 10px; font-size: 16px } .proseven .prosevenFr .prosevenFrBom span { font-size: 14px } .proxztop { margin-bottom: 32px } .proxztop .proxztopp01 { font-size: 26px } .proxztop .proxztopp02 { font-size: 14px; margin-top: 25px } .proxztop .proxztopp03 { font-size: 14px } .proxztop .proxztopp03 em { left: 89px; top: 25px; width: 14px } .proxzbom { height: 445px } .proxzbom .proxzname { width: 788px; margin: 85px auto 0 } .proxzitem01 { width: 83px; left: 244px; top: 188px } .proxzitem01 .proxzitem01icon { width: 30px; margin-left: -15px } .proxzitem01 .proxzitem01txt { top: 65px; font-weight: 700 } .proxzitem02 { width: 120px; right: 247px; top: 239px } .proxzitem02 .proxzitem02txt,.proxzitem03 .proxzitem03txt { top: 93px; font-weight: 700; font-size: 14px } .proxzitem02 .proxzitem02icon { width: 48px; margin-left: -24px } .proxzitem04 { width: 220px; margin-left: -110px; bottom: 32px } .proxzitem03 { width: 165px } .proxzbom .proxzbombox { width: 624px; background-size: 624px; margin-left: -312px } .proxzbom.proxzbom2 .proxzbombox { top: 80px } .proxzbom.proxzbom2 .proxzitem01 { left: 101px; top: 159px } .proxzbom.proxzbom2 .proxzitem02 { right: 109px; top: 242px } .proxzbom.proxzbom2 .proxzitem03 { left: 80px; bottom: 60px } .protwo { background-size: 1200px; padding-bottom: 50px } .protwo .protwofl { width: 825px } .protwofr { width: 315px; padding-right: 30px } .protwo .protwofl .protwonav { padding-top: 12px } .protwo .protwofl .protwonav li a { line-height: 36px; width: 145px; font-size: 16px } .protwobox video { width: 800px } .protwofrhottit { padding: 37px 0 28px; font-size: 28px } .protwofrhottit span { font-size: 28px; background-size: 52px; background-position: left 13px; padding-left: 59px } .protwofr .protwofrhot ul { padding-left: 30px } .protwofr .protwofrhot ul li { padding-bottom: 29px } .protwofr .protwofrhot ul .protwofrhotpic { padding: 8px; border-radius: 8px } .protwofr .protwofrhot ul .protwofrhotpic img { border-radius: 8px } .protwofr .protwofrhot ul .protwofrhottxt .protwofrhottxtfl { width: 63px } .protwofr .protwofrhot ul .protwofrhottxt .protwofrhottxtfl:after { background-size: 55px; width: 55px; height: 9px; right: -37px } .proparametr .proparametrtop p.proparametrtit { line-height: 24px; font-size: 16px; width: 220px } .proparametr .proparametrbom { margin-top: 7px } .proparametr .proparametrbom .proparametrbombox { background-size: 215px; padding-left: 239px; height: 241px; padding-top: 83px } .prothree { padding-top: 47px; padding-bottom: 100px } .prothree .prothreetit { padding-left: 26px } .prothree .prothreetit h4,.prothree .prothreetit h4 a { font-size: 37px } .prothree .prothreetit a { font-size: 16px } .prorelatNew li { font-size: 14px; width: 374px; margin-left: 26px; padding: 10px 0 10px 22px } .promoremend ul { padding: 20px 0 0 12px } .promoremend ul li { margin-left: -12px; padding: 12px 0 } .promoremend ul li a { font-size: 14px; line-height: 38px; padding: 0 37px; border-radius: 20px } .profour { margin-top: -72px } .profour .container { top: 140px; margin-left: -600px } .profour .profourtop { margin-left: 48px; background-size: 680px; height: 52px; width: 680px; font-size: 16px; line-height: 30px; padding: 13px 0 0 22px } .profour .profourtop span { font-size: 30px } .profourbom { border-radius: 8px; margin: 0 25px; padding: 48px 0 66px } .profourbom .profourfl { margin: 0 0 0 24px; width: 370px } .profourbom .profourfl:after { left: 36px } .profourbom .profourfl dt { margin-left: 43px; font-size: 29px; padding: 12px 0 12px 52px } .profourbom .profourfl dt i { font-size: 19px; padding-top: 12px } .profourbom .profourfl dt span { width: 85px; height: 85px; left: -43px } .profourbom .profourfl dd { font-size: 19px; padding-left: 33px; margin-top: 32px } .profourbom .profourfl dd span { font-size: 14px } .profourbom .profourfl dd i { font-size: 22px } .profourbom .profourfl dd:after { width: 20px; height: 13px; left: 9px; bottom: -1px } .profourbom .profourfl dd:nth-child(2) { background-position: 120px center } .casemagess .profourbom .profourfl:after { top: 105px; left: 13px } .casemagess .profourbom .profourfl { width: 313px } .profourcase .profourcasefl,.profourcase .profourcasefr { width: 86px } .profourcase p { font-size: 15px; padding-top: 26px } .profourcase p span i { width: 8px; height: 8px; margin: 0 4px } .casemagess .profourbom .profourfr { width: 733px } .profourbom .profourfr { width: 672px; margin-right: 50px; padding: 33px 33px 38px 35px } .profourbom .profourfr:before { width: 76px; height: 58px; background-size: 76px } .profourbom .profourfr .cont_form { width: 360px; padding-right: 35px } .profourbom .profourfr .cont_form li span { font-size: 17px; width: 62px } .profourbom .profourfr .cont_form li input { width: 257px; padding: 7px 10px 7px 44px; line-height: 24px; font-size: 16px; height: 40px } .profourbom .profourfr .cont_form li textarea { width: 257px; height: 68px; font-size: 16px; line-height: 28px; padding: 3px 10px 10px 44px } .profourbom .profourfr .cont_form .btnclick { left: 105px; bottom: -55px } .profourbom .profourfr .cont_form .btnclick .btn_submit { width: 164px; height: 36px; border-radius: 18px; font-size: 16px; line-height: 36px } .profourbom .profourfr .cont_form li:first-child span:after { width: 28px; background-size: 28px; left: 79px; top: 10px } .profourbom .profourfr .cont_form li:first-child+li span:after { width: 28px; background-size: 28px; left: 79px; top: 10px } .profourbom .profourfr .cont_form li:first-child+li+li span:after { width: 28px; background-size: 28px; left: 79px; top: 10px } .profourbom .profourfr .cont_form.casefrom { padding: 10px 20px } .profourbom .profourfr .cont_form.casefrom ul li { width: 308px } .profourbom .profourfr .cont_form.casefrom ul li:last-child { width: 632px } .profourbom .profourfr .cont_form.casefrom ul li input { padding: 8px 15px } .profourbom .profourfr .cont_form.casefrom ul li select { height: 42px } .profourbom .profourfr .cont_form.casefrom ul li textarea { padding: 8px 15px; height: 75px } .profourbom .profourfr .cont_form.casefrom .btnclick { left: 260px } .marqueetop { height: 180px; width: 239px; padding-left: 25px } .marqueetop li p { font-size: 16px; padding-bottom: 5px } .marqueetop li time { font-size: 14px } .profive { padding-bottom: 60px } .profive .profivetit strong { width: 197px; margin-right: 30px; height: 50px; background-size: 197px; font-size: 30px; line-height: 47px; padding-right: 7px } .profive .profivetit span,.profivewen a { font-size: 16px } .profive ul { margin-left: -120px } .profive ul li { margin-left: 120px; width: 540px; padding-top: 40px } .profivewen span { width: 42px; height: 42px } .profivewen a { width: 480px } .profiveda { margin-top: 16px } .profiveda i { background-size: 43px; width: 43px; height: 60px; font-size: 17px; padding-top: 11px } .profiveda span { font-size: 14px; width: 461px; margin: 17px 0 } .prosix { padding-top: 58px; padding-bottom: 72px } .prosix .prosixp01 { font-size: 40px } .prosix .prosixp01:after { width: 300px; height: 20px; bottom: -11px; background-size: 300px } .prosix .prosixp02 { font-size: 19px; margin-top: 51px; width: 330px; line-height: 40px; border-radius: 24px } .videorel { margin-left: 30px } .videorel .bd li a:first-child+a { font-size: 15px; height: 78px } .videorel .bd li a:first-child:after { height: 45px; z-index: 1; width: 70px; border-radius: 0 26px 26px 0; margin-top: -23px } .videorel .bd li a:first-child:before { left: 38px; width: 20px; height: 28px; margin-top: -14px } .TracPoint ul li a { width: 145px; font-size: 16px } .proonetop:before { top: 102px } .proonecon { font-size: 16px; padding: 8px 12px 20px 0 } .proonebtn span strong,.proonecon .con01 span strong { font-size: 20px } .proonecon .con01,.proonecon .con02 { padding: 10px 0 } .hottype { width: 180px; margin-right: 30px } .hottype li.cur:after { right: -31px } .hotinfo { width: 290px; padding: 14px 26px } .prooneword { margin-top: 36px } .proonebtn { margin-left: -30px; margin-top: 20px } .proonebtn:before { height: 50px } .proonebtn a { width: 220px } .proonebtn span { margin-left: 10px } .proonehot { margin-top: 16px } .hotname { width: 24px; font-size: 18px } .hottype li { margin-top: 12px; -webkit-box-shadow: 0 0 8px rgba(91,91,91,.3); -moz-box-shadow: 0 0 8px rgba(91,91,91,.3); -ms-box-shadow: 0 0 8px rgba(91,91,91,.3); -o-box-shadow: 0 0 8px rgba(91,91,91,.3); box-shadow: 0 0 8px rgba(91,91,91,.3) } .proonetop .proonefl .prooneflicon { padding-top: 80px } .floating_ck { width: 120px; margin-top: -164px } .floating_ck .floating_ckBox { padding-bottom: 54px } .floating_ck .floating_ckBox .floating_top { width: 146px } .floating_ck .floating_ckBox .floating_bom { font-size: 17px; padding-top: 10px } .floating_ck .floating_ckBox .floating_bom span { width: 41px; height: 41px } .floating_ck .floating_ckBox .floating_bom span img { width: 17px; margin-left: -9px; bottom: 3px } .floating_i01 { margin-top: -15px; margin-left: -13px; width: 22px; height: 22px } .floating_i02 { width: 14px; height: 14px; margin-top: -11px; margin-left: -9px } .floating_ck .floating_ckBox .floating_box { padding: 12px 0 } .floating_ck .floating_ckBox .floating_box span { padding: 8px 0; font-size: 16px } .floating_ck .floating_ckBox .floating_boxbom { width: 113px } .floating_ck .floating_ckBox .floating_boxbom .floating_photo { font-size: 17px; background-size: 22px; line-height: 40px; padding-left: 31px; border-radius: 0 20px 20px 0 } .floating_ck .floating_ckBox .floating_boxbom .floating_ewm { border-radius: 20px; padding: 10px 0 0 14px } .floating_ewm .floating_ewmBom { margin-top: 5px } .floating_ewm .floating_ewmBom .floating_ewmBomFl { border-radius: 10px } .floating_ewm .floating_ewmBom .floating_ewmBomFr { font-size: 14px; line-height: 26px } .floating_ewm .floating_ewmTop { font-size: 17px; background-size: 22px; line-height: 30px; padding-left: 29px } } @media (min-width: 1860px) { .insideban02 { background-position:center 110px } .container { width: 1600px } .header { padding-top: 25px; padding-bottom: 30px } .header .logo { width: 231px } .header .nav { margin-left: 67px } .header .nav li { padding: 10px 5px; margin: 0 25px } .header .nav li a { font-size: 18px; line-height: 40px } .header .nav li:after,.header .nav li:before { width: 53px } .header .headerfr { width: 323px } .breadnav { font-size: 16px; padding: 25px 0 46px } .proone { padding-bottom: 30px } .proone:before { width: 1530px; height: 400px; background-size: 1530px; left: -166px; bottom: -37px } .proonefre.proone:before { right: -201px; bottom: 35px; width: 1217px; height: 400px; background-size: 1217px } .proone .proonefl { width: 802px } .proone .proonefl .prooneflpic { border-radius: 10px } .proone .proonefl .prooneflicon { padding-top: 54px } .proone .proonefl .prooneflicon span { font-size: 15px; padding-left: 23px; padding-right: 43px } .proone .proonefr { width: 717px } .proone .proonefr h1 { font-size: 48px; margin-bottom: 45px } .proone .proonefr h1:after { width: 101px; height: 60px; background-size: 101px; right: -126px } .proone .proonefr .proonefrtab li { line-height: 40px; margin-left: 17px; width: 211px; font-size: 16px } .proone .proonefr .proonefrbox { margin: 16px 15px; border-radius: 8px; padding: 35px 25px } .proone .proonefr .proonefrbox:before { left: -15px; right: -15px; top: -16px; bottom: -16px; border-radius: 8px } .proone .proonefr .proonefrbox:after { border-radius: 8px } .proone .proonefr .proonefrbox p { font-size: 18px; line-height: 26px } .proone .proonefr .proonefrbox p:first-child span,.proone .proonefr .proonefrbox p:nth-child(2) span { font-size: 24px } .proone .proonefr .proonefrbox p:first-child,.proone .proonefr .proonefrbox p:nth-child(2) { margin-bottom: 15px } .proone .proonefr .proonefrbox p:nth-child(3) { padding-top: 22px } .proonefrspec { padding: 22px 0 32px } .proonefrspec p:first-child+p { padding: 0 0 0 25px } .proonefrspec p:first-child+p span { width: 77px; height: 77px; margin-left: 38px } .proonefrspec p:first-child { padding-left: 25px; padding-right: 15px } .proonefrspec p:first-child span { padding-bottom: 8px; font-size: 18px } .proonefrspec p:first-child span i { padding-top: 5px; font-size: 16px } .proonefritem .proonefritemtit { font-size: 16px; line-height: 38px; padding: 0 20px } .proonefritem .proonefritempic { width: 53px; margin-right: 20px } .proonefrbom a { font-size: 18px; width: 230px; height: 50px; border-radius: 25px; line-height: 50px } .proonefrbom span { font-size: 18px; line-height: 50px; margin-right: 40px } .proonefrbom span strong { font-size: 26px } .proonefrspec p:first-child+p span i { font-size: 12px; line-height: 16px; padding: 2px 0 6px } .proseven { padding-bottom: 45px } .proseven .prosevenFl .prosevenFlTop { line-height: 60px } .proseven .prosevenFl .prosevenFlBom p { padding: 13px 0 } .proseven .prosevenFl .prosevenFlBom p span a { padding: 5px 10px } .proseven .prosevenFr ul { padding-bottom: 28px; padding-top: 0 } .proseven .prosevenFr ul li { padding: 25px 40px 0 30px } .proseven .prosevenFr .prosevenFrBom { padding: 20px 20px 20px 33px } .proseven .prosevenFr .prosevenFrBom a { padding: 10px 50px; font-size: 16px } .proseven .prosevenFr .prosevenFrBom span { font-size: 14px } .proxztop { margin-bottom: 43px } .proxztop .proxztopp01 { font-size: 35px } .proxztop .proxztopp02 { font-size: 16px; margin-top: 30px } .proxztop .proxztopp03 { font-size: 16px } .proxztop .proxztopp03 em { left: 103px; top: 29px; width: 16px } .proxzbom { height: 593px } .proxzbom .proxzname { width: 1126px; margin: 113px auto 0 } .proxzitem01 { width: 110px; left: 312px; top: 280px } .proxzitem01 .proxzitem01icon { width: 40px; margin-left: -20px; top: 34px } .proxzitem01 .proxzitem01txt { top: 89px; font-size: 14px; line-height: 18px } .proxzitem02 { width: 158px; right: 320px; top: 316px } .proxzitem02 .proxzitem02icon { width: 60px; margin-left: -30px; top: 46px } .proxzitem02 .proxzitem02txt { top: 119px; font-size: 18px; line-height: 24px } .proxzitem04 { width: 308px; margin-left: -154px; bottom: 41px } .proxzitem03 { width: 213px; left: 131px; bottom: 88px } .proxzitem03 .proxzitem03txt { top: 93px; font-size: 20px } .proxzbom .proxzbombox { width: 840px; background-size: 840px; margin-left: -420px; padding-top: 45px } .proxzbom.proxzbom2 { height: 560px } .proxzbom.proxzbom2 .proxzbombox { width: 1374px; background: 0 0; margin-left: -687px; padding: 0; top: 100px } .proxzbom.proxzbom2 .proxzitem01 { left: 147px; top: 280px } .proxzbom.proxzbom2 .proxzitem02 { right: 158px; top: 350px } .proxzbom.proxzbom2 .proxzitem03 { left: 78px; bottom: 60px; width: 202px } .proxzbom.proxzbom2 .proxzname { width: 1300px; margin: 129px auto 0 } .proxzbom.proxzbom2 .proxzitem04 { bottom: 59px } .protwo { background-size: 1600px } .protwo .protwofl { width: 1097px } .protwofr { width: 450px; padding-right: 50px } .protwo .protwofl .protwonav { padding-top: 17px } .protwo .protwofl .protwonav li { padding-right: 18px } .protwo .protwofl .protwonav li a { line-height: 46px; width: 189px; font-size: 18px } .protwofrhottit { padding: 48px 0 35px; font-size: 32px } .protwofrhottit span { font-size: 32px; background-size: 72px; background-position: left 13px; padding-left: 84px } .protwofr .protwofrhot ul { padding-left: 30px } .protwofr .protwofrhot ul li { padding-bottom: 38px } .protwofr .protwofrhot ul .protwofrhotpic { padding: 11px } .protwofr .protwofrhot ul .protwofrhottxt { font-size: 16px; line-height: 56px } .protwofr .protwofrhot ul .protwofrhottxt .protwofrhottxtfl { width: 84px; margin-right: 71px } .protwofr .protwofrhot ul .protwofrhottxt .protwofrhottxtfl:after { background-size: 73px; width: 73px; height: 13px; right: -61px } .proparametr .proparametrtop { width: 280px; margin-left: 0; margin-top: 30px } .proparametr .proparametrtop p.proparametrtit { width: 100%; margin-left: 0; margin-bottom: 25px; font-size: 20px; padding: 11px 0 } .proparametr .proparametrtop p.proparametrtit.on:after { position: absolute; background: url(../imagespc/csarrow01.png) left center no-repeat; display: block; content: ""; width: 30px; height: 54px; top: -6px; right: -8px; left: auto; background-size: 30px 54px; transform: translateX(0) rotate(0); -webkit-transform: translateX(0) rotate(0) } .proparametr .proparametrbom { margin-top: 0; width: 809px } .proparametr .proparametrbom #proparametrbomitem { padding: 30px; margin-top: 0 } .proparametr .proparametrbom .proparametrbombox { background-size: 250px; padding-left: 270px; height: 280px; padding-top: 100px; margin-left: -30px } .prorelatCase ul li a:first-child+a,.videorel .bd li a:first-child+a { height: 72px; line-height: 26px; font-size: 16px; padding: 10px 15px } .proparametr .proparametrbom .proparametrbombox p { background-position: left 11px; background-size: 10px; padding-left: 20px } .prothree { padding-top: 61px; padding-bottom: 120px } .prothree .prothreetit { padding-left: 38px; background-size: 18px } .prothree .prothreetit h4,.prothree .prothreetit h4 a { font-size: 42px } .prothree .prothreetit a { font-size: 18px } .prorelatNew li { font-size: 16px; width: 495px; margin-left: 38px; padding: 22px 0 22px 30px } .promoremend ul { padding: 28px 0 0 14px } .promoremend ul li { margin-left: -14px; padding: 16px 0 } .promoremend ul li a { font-size: 16px; line-height: 50px; padding: 0 50px; border-radius: 26px } .videorel .prothreetit { padding: 48px 0 35px; font-size: 32px } .prorelatCase ul { padding: 45px 0 30px } .prorelatCase ul li { width: 377px } .prorelatCase ul li a { clear: both; display: block } .videorel { margin-left: 30px } .videorel .bd li a:first-child:after { height: 50px; width: 80px; margin-top: -25px } .videorel .bd li a:first-child:before { left: 44px; width: 22px; height: 25px; margin-top: -13px } .videobox { top: -23px } .videobox .videolist li { margin-left: 35px; width: 356px; margin-bottom: 30px } .videobox .videolist li a:first-child+a { font-size: 16px; line-height: 26px; padding: 10px 15px; height: 72px } .videobox .videolist li a:first-child:after { height: 50px; width: 80px; margin-top: -25px } .videobox .videolist li a:first-child:before { left: 44px; width: 22px; height: 25px; margin-top: -13px } .videoone:before { top: 132px } .videoone .videoonefr h1 { font-size: 28px; margin-bottom: 20px } .videoone .videoonefr .videoonefrp01 { font-size: 16px; padding: 15px 25px; margin-bottom: 40px } .videoone .videoonefr .videoonefrp02 span { font-size: 16px } .videoone .videoonefr ul { padding: 10px 20px; margin-top: 20px } .videoone .videoonefr ul li { background-size: 9px; padding-left: 19px } .videoone .videoonefr ul li a { font-size: 16px; padding: 7px 0 } .videoone .videoonefr .videoonefrp03 { width: 263px } .videoone .videoonefr .videoonefrp04 { font-size: 16px } .videoone .videoonefr .videoonefrp04 strong { font-size: 24px } .videoone .videoonefr .videoonefrp05 { font-size: 16px; line-height: 24px } .videothree { padding: 40px 30px; border-radius: 0 0 30px 30px; margin-bottom: 50px } .videothree h3 { font-size: 32px; background-size: 72px; padding-left: 84px } .videothree p { font-size: 16px; line-height: 30px } .videotwo { padding: 20px 0 } .videotwotit { padding-left: 46px; background-size: 36px; line-height: 36px } .videotwotit span { font-size: 28px } .videotwo ul li { width: 355px; margin-left: 60px } .videotwo ul li a { clear: both; display: block } .videotwo ul li a:first-child+a { font-size: 18px; padding: 15px 10px } .profour .container { top: 180px; margin-left: -800px } .profour .profourtop { margin-left: 65px; background-size: 904px; height: 68px; width: 904px; font-size: 18px; line-height: 40px; padding: 18px 0 0 24px } .profour .profourtop span { font-size: 34px; margin-right: 15px } .profourbom { border-radius: 10px; margin: 0 30px; padding: 67px 0 80px } .profourbom .profourfl { margin: 0 0 0 30px; width: 426px } .profourbom .profourfl:after { left: 38px } .profourbom .profourfl dt { margin-left: 57px; font-size: 34px; padding: 18px 0 21px 67px } .profourbom .profourfl dt i { font-size: 24px; padding-top: 16px } .profourbom .profourfl dt span { width: 113px; height: 113px; left: -57px } .profourbom .profourfl dd { font-size: 22px; padding-left: 43px; margin-top: 40px } .profourbom .profourfl dd i { font-size: 26px } .profourbom .profourfl dd span { font-size: 16px } .profourbom .profourfl dd:after { width: 26px; height: 17px; left: 11px; bottom: -3px } .profourbom .profourfl dd:nth-child(2) { background-position: 150px center } .casemagess .profourbom .profourfl:after { top: 130px; left: 17px } .casemagess .profourbom .profourfl { width: 414px } .profourcase .profourcasefl,.profourcase .profourcasefr { width: 111px } .profourcase p { font-size: 20px; padding-top: 34px; width: 171px } .profourcase p span i { margin: 0 7px } .casemagess .profourbom .profourfr { width: 978px } .casemagess .profourbom .profourfl dd span { font-size: 16px } .profourbom .profourfr { width: 978px; margin-right: 70px; padding: 45px 43px 54px 50px } .profourbom .profourfr:before { width: 102px; height: 78px; background-size: 102px } .ie8-hack .profourbom .profourfr:before { display: block } .profourbom .profourfr .cont_form { width: 528px; padding-right: 42px } .profourbom .profourfr .cont_form li span { font-size: 20px; width: 72px; line-height: 52px } .profourbom .profourfr .cont_form li input { width: 406px; padding: 10px 10px 10px 44px; line-height: 30px; font-size: 18px; height: 52px } .profourbom .profourfr .cont_form li textarea { width: 406px; height: 91px; font-size: 18px } .profourbom .profourfr .cont_form .btnclick { left: 167px; bottom: -78px } .profourbom .profourfr .cont_form .btnclick .btn_submit { width: 220px; height: 50px; border-radius: 25px; font-size: 18px; line-height: 50px } .profourbom .profourfr .cont_form li:first-child span:after { width: 31px; background-size: 31px; left: 91px; top: 13px } .profourbom .profourfr .cont_form li:first-child+li span:after { width: 31px; background-size: 31px; left: 91px; top: 13px } .profourbom .profourfr .cont_form li:first-child+li+li span:after { width: 31px; background-size: 31px; left: 91px; top: 10px } .profourbom .profourfr .cont_form.casefrom { padding: 15px 5px 15px 30px } .profourbom .profourfr .cont_form.casefrom ul li { width: 422px; margin-right: 25px; padding-bottom: 20px } .profourbom .profourfr .cont_form.casefrom ul li:last-child { width: 870px } .profourbom .profourfr .cont_form.casefrom ul li input { padding: 8px 15px } .profourbom .profourfr .cont_form.casefrom ul li select { height: 48px; font-size: 18px } .profourbom .profourfr .cont_form.casefrom ul li textarea { padding: 8px 15px; height: 75px } .profourbom .profourfr .cont_form.casefrom .btnclick { left: 359px; bottom: -56px } .marqueetop { height: 231px; width: 353px; padding-left: 40px } .profive { padding-bottom: 80px } .profive .profivetit { line-height: 66px } .profive .profivetit strong { font-size: 35px; width: 261px; height: 66px; line-height: 62px; background-size: 261px; padding-right: 8px } .profive .profivetit span,.profivewen a { font-size: 18px } .profive ul { margin-left: -160px } .profive ul li { margin-left: 160px; padding-top: 55px; width: 720px } .profivewen span { width: 53px; height: 53px } .profivewen a { width: 651px; margin-top: 13px } .profiveda { margin-top: 16px } .profiveda i { background-size: 56px; width: 56px; height: 76px; font-size: 22px; padding-top: 11px } .profiveda span { font-size: 16px; width: 623px; margin: 17px 0; height: 56px; line-height: 28px } .prosix .prosixp01 { font-size: 48px } .prosix .prosixp01:after { width: 349px; height: 21px; bottom: -8px; background-size: 349px } .prosix .prosixp02 { font-size: 22px; margin-top: 64px; width: 440px; line-height: 53px; border-radius: 42px } .TracPoint ul li { margin-right: 18px } .TracPoint ul li a { width: 189px; font-size: 18px } .proonetop:before { top: 133px } .proonecon { font-size: 18px; padding: 14px 26px 20px 0 } .proonecon .con01,.proonecon .con02 { padding: 20px 0 } .proonecon .con01 span strong { font-size: 24px } .hottype { width: 184px; margin-right: 40px } .hottype li.cur:after { right: -41px } .hotinfo { width: 340px; padding: 14px 36px } .prooneword { margin-top: 20px } .proonebtn:before { height: 60px } .proonebtn a { width: 270px; line-height: 60px } .proonebtn span { margin-left: 26px } .proonebtn span strong { font-size: 20px } .proonehot { margin-top: 24px } .hotname { width: 29px; font-size: 20px } .hottype li { margin-top: 12px; -webkit-box-shadow: 0 0 13px rgba(91,91,91,.3); -moz-box-shadow: 0 0 13px rgba(91,91,91,.3); -ms-box-shadow: 0 0 13px rgba(91,91,91,.3); -o-box-shadow: 0 0 13px rgba(91,91,91,.3); box-shadow: 0 0 13px rgba(91,91,91,.3) } .proonetop .proonefl .prooneflicon { padding-top: 60px } .floating_ck { width: 140px; margin-top: -191px } .floating_ck .floating_ckBox { padding-top: 136px; padding-bottom: 60px } .floating_ck .floating_ckBox .floating_top { width: 164px } .floating_ck .floating_ckBox .floating_bom { font-size: 20px } .floating_ck .floating_ckBox .floating_bom span { width: 46px; height: 46px } .floating_ck .floating_ckBox .floating_bom span img { width: 19px; margin-left: -7px } .floating_i01 { width: 26px; height: 26px; margin-top: -16px; margin-left: -13px } .floating_i02 { width: 16px; height: 16px; margin-top: -11px; margin-left: -8px } .floating_ck .floating_ckBox .floating_box { padding: 15px 0 } .floating_ck .floating_ckBox .floating_box span { padding: 10px 0; font-size: 18px } .floating_ck .floating_ckBox .floating_boxbom { width: 132px } .floating_ck .floating_ckBox .floating_boxbom .floating_photo { font-size: 20px; background-size: 26px; line-height: 50px; padding-left: 40px; border-radius: 0 25px 25px 0; background-position: 8px center } .floating_ck .floating_ckBox .floating_boxbom .floating_ewm { border-radius: 25px; padding: 15px 0 0 17px } .floating_ewm .floating_ewmBom { margin-top: 8px } .floating_ewm .floating_ewmBom .floating_ewmBomFr { font-size: 16px; line-height: 28px } .floating_ewm .floating_ewmTop { font-size: 20px; background-size: 26px; padding-left: 35px } } @media (min-width: 1920px) { .insideban02 { background-size:100% 530px } } .ie8-hack .protwobox h3 { padding-left: 84px; background-position: left 5px } .ie8-hack .protwofrhottit h4 { background: 0 0 } .ie8-hack .protwofr .protwofrhot ul .protwofrhottxt .protwofrhottxtfl:after { background: 0 0; display: none } .ie8-hack .protwofr .protwofrhot ul .protwofrhottxt .protwofrhottxtfl { margin-right: 15px }