html, body { -webkit-overflow-scrolling: touch; -o-overflow-scrolling: touch }
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, figure, figcaption, table, th, td img { margin: 0; padding: 0 }
a, abbr, acronym, address, big, blockquote, body, caption, cite, code, dd, dl, dt, fieldset, form, h1, time, h2, h3, h4, h5, h6, html, img, ins, kbd, label, legend, li, ol, p, pre, q, s, samp, small, span, strike, strong, ul { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline }
body { font-family: "Heiti SC", HelveticaNeue, Droidsansfallback, "Droid Sans", "微软雅黑"; font-size:.4rem;
text-align: left; margin: 0 auto; line-height:.8rem;
background: #d8e4ec; color: #333; font-weight: normal; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; padding-bottom: 2.4rem }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block }
.transition { transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s }
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-touch-callout: none; outline: none }
a:link, a:active, a:visited, a:hover { background: none; -webkit-tap-highlight-color: transparent; -webkit-tap-highlight-color: transparent }
button { border-radius: 0px; -webkit-border-radius: 0px; outline: none }
input { border-radius: 0; outline: none; -webkit-tap-highlight-color: transparent }
input[type='submit'] { border-radius: 0px; -webkit-border-radius: 0px; outline: none; -webkit-appearance: none }
input:-ms-clear {
display:none
}
input, textarea { border: 0 }
textarea { resize: none; -webkit-appearance: none; outline: none; font-family: "Heiti SC", HelveticaNeue, Droidsansfallback, "Droid Sans", "微软雅黑" }
img { border: 0; vertical-align: middle }
ul, li { list-style: none }
.caseshowtwo table td, .newshowthree table td, .proshowfour table td, .questionSix table td {
font-size:.37333rem;
line-height:.66667rem;
padding:.13333rem .13333rem; word-wrap: break-word; word-break: break-all }
.caseshowtwo table th, .newshowthree table th, .proshowfour table th, .questionSix table th {
font-size:.37333rem;
line-height:.53333rem;
padding:.2rem .13333rem; word-wrap: break-word; word-break: break-all }
a:link, a:visited { color: #333; text-decoration: none }
a:hover, a:active { color: #fb0909; text-decoration: none }
img { MAX-WIDTH: 100% !important; HEIGHT: auto !important; _width:expression(this.width > 100% ? "100%" :this.width) !important
}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0px }
.container { clear: both; width: 100%; max-width: 750px; min-width: 320px; margin: 0 auto; padding: 0px 0px; position: relative }
.websitetop { position: absolute; left: 50%; transform: translateX(-50%); z-index: 100; padding:.46667rem .4rem
}
.websitetop .logo { float: left; width: 4.2rem }
.websitetop .websiteback { position: absolute; left: 0rem; top:.46667rem;
width: 1.09333rem; height:.82667rem;
display: block }
.websitetop .websiteback:before, .websitetop .websiteback:after { content: ''; position: absolute; background: #636f83; height:.06667rem;
width:.33333rem;
left:.4rem
}
.websitetop .websiteback:before { transform: rotate(45deg); bottom:.28rem
}
.websitetop .websiteback:after { transform: rotate(-45deg); top:.28rem
}
.websitetop .Breadnav { clear: both; display: block; padding:0rem .69333rem 0rem .69333rem;
text-align: center; color: #bac2d0; font-size:.4rem;
line-height:.8rem
}
.websitetop .Breadnav a { color: #bac2d0; background: url(../images/m_homeicon10.png) no-repeat right center; padding-right:.26667rem;
margin-right:.13333rem;
background-size:.10667rem
}
.websitetop .websitetop_icon a{ float: right; 
cursor: pointer; position: absolute; right:.3rem;
top: 50%; margin-top:-.5rem;font-size: .4rem;font-weight: bold;color: #f11d09;
}
/*.websitetop .websitetop_icon i { background: #636f83; width: 100%; height:.08rem;
position: relative; margin-top:.21333rem;
margin-bottom:.21333rem;
transition: all 0.5s; display: block }*/
/*.websitetop .websitetop_icon i:before, .websitetop .websitetop_icon i:after { content: ''; position: absolute; background: inherit; right: 0rem; width:.45333rem;
height: inherit; display: block; transition: all 0.5s }
.websitetop .websitetop_icon i:before { top:-.21333rem
}
.websitetop .websitetop_icon i:after { bottom:-.21333rem
}*/
.websitetop .websitetop_icon.intro i { background: none }
/*.websitetop .websitetop_icon.intro i:before, .websitetop .websitetop_icon.intro i:after { width: 100%; background: #636f83 }
.websitetop .websitetop_icon.intro i:before {
top:-.01333rem; transform: rotate(-45deg) }
.websitetop .websitetop_icon.intro i:after { bottom: 0rem; transform: rotate(45deg) }*/
.websitetop .websitetop_nav { position: absolute; right:.26667rem;
top: 1.46667rem; background: #fff; border-radius:.13333rem;
width: 3.2rem; display: none; box-shadow:0rem 0rem .13333rem rgba(0,0,0,0.1);
padding:0rem .26667rem
}
.websitetop .websitetop_nav:after { content: ''; position: absolute; width: 0rem; height: 0rem; border-top: 0rem; border-left:.13333rem solid transparent;
border-right:.13333rem solid transparent;
border-bottom:.13333rem solid #fff;
right:.2rem;
top:-.13333rem
}
.websitetop .websitetop_nav a { clear: both; display: block; padding:.06667rem 0rem;
text-align: center; color: #555; border-bottom: 1px solid #ddd; font-size:.4rem
}
.websitetop .websitetop_nav a:last-child { border: 0rem }
.homeone {padding:2.06667rem .4rem 0rem .4rem; background: #ebf1f5; /*background: -webkit-linear-gradient(top, #ebf1f5, #d8e4ec 60%); background: -o-linear-gradient(top, #ebf1f5, #d8e4ec 60%); background: linear-gradient(to bottom, #ebf1f5, #d8e4ec 60%);*/margin-bottom:.2rem; position: relative }
.homeone:before { content: ''; position: absolute; top: 0rem; bottom: 0rem; right: 0rem; width: 100%; border-radius:.66667rem 0rem 0rem .66667rem;
border: 2px solid rgba(255,255,255,0.45);box-shadow:-.45333rem -.45333rem .61333rem .13333rem rgba(255,255,255,0.45), .30667rem .30667rem .66667rem 0rem rgba(58,75,98,0.45);
background: url(../images/main_bg.jpg);}
.homeone .homeonetop { clear: both; position: relative; z-index: 5 }
.homeone .homeonetop:before { content: ''; position: absolute; right: 0rem; top:-.53333rem;
background: url(../images/m_numicon01.png) no-repeat center center; background-size: 100%; width: 4.46667rem; height: 1.2rem }
.homeone .homeonetop h1 { clear: both; display: block; width: 6rem; line-height: 1; padding-top:.4rem;position: relative; z-index: 2; font-size:.73333rem;color: #333 }
.homeone .homeonetop strong { clear: both; display: block; font-size:.48rem;font-weight: bold; color: #fcb13a; line-height: 1; padding-top:.2rem;padding-bottom:.26667rem}
.homeone .homeonetop span { clear: both; display: block; font-size:.37333rem;color: #f63f02; position: relative; line-height:.37333rem;margin-bottom:.2rem;}
.homeone .homeonetop span:before { content: ''; position: absolute; background: #ff4842; width:.08rem;height:.37333rem;left:-.4rem;top: 50%; margin-top:-.18667rem}




.animated { -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both }
@-webkit-keyframes fadeInDown { 0% {
opacity:0;
-webkit-transform:translate3d(0, -100%, 0);
transform:translate3d(0, -100%, 0)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}
@keyframes fadeInDown { 0% {
opacity:0;
-webkit-transform:translate3d(0, -100%, 0);
-ms-transform:translate3d(0, -100%, 0);
transform:translate3d(0, -100%, 0)
}
100% {
opacity:1;
-webkit-transform:none;
-ms-transform:none;
transform:none
}
}
.fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown }
@-webkit-keyframes fadeIn { 0% {
opacity:0
}
100% {
opacity:1
}
}
@keyframes fadeIn { 0% {
opacity:0
}
100% {
opacity:1
}
}
.fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn }


.hometel01.hometel_case { margin-bottom: 1.06667rem }
.popup { position: fixed; width: 100%; height: 100%; left: 0; top: -100%; transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s; z-index: 9999; opacity: 0; filter: alpha(opacity=0) }
.popup .bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5) }
.popup .popupbox { position: absolute; left: 50%; top: 50%; width: 4.8rem; height: 2.53333rem; border-radius:.2rem;
background: rgba(255,255,255,0.9); border: 1px solid #565d66; cursor: pointer; transform: translate(-50%, -50%); cursor: pointer }
.popup .popupbox .close { position: absolute; right:.13333rem;
top:.13333rem;
width:.53333rem;
height:.53333rem;
background: url(../images/close.png) center no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; cursor: pointer }
.popup .popupbox p {
padding:.66667rem .4rem 0rem .4rem;
font-size:.37333rem; color: #333; line-height:.66667rem;
text-align: center }
.popup.open { top: 0; opacity: 1; filter: alpha(opacity=100) }
.homeheadline { clear: both; padding:0rem .73333rem 1.2rem .73333rem
}
.homeheadline .homeheadlinebox { clear: both; display: block; width: 100%; border: 2px solid #fff; border-radius:.42667rem;
background: #e7f0f8; background: -webkit-linear-gradient(top, #e7f0f8, #cfe2f4); background: -o-linear-gradient(top, #e7f0f8, #cfe2f4); background: linear-gradient(to bottom, #e7f0f8, #cfe2f4); position: relative }
.homeheadline .homeheadlinebox:after { content: ''; background: url(../images/m_homeheadlineicon04.jpg) repeat; height: 1.30667rem; position: absolute; left: 2px; bottom: 2px; right: 2px; border-radius:0rem 0rem .42667rem .42667rem
}
.homeheadline .homeheadlinebox:before { content: ''; background: url(../images/m_homeheadlineicon01.png) no-repeat center top; width: 9.53333rem; height: 2.66667rem; background-size: 100%; position: absolute; left:-.44rem;
bottom:.46667rem;
z-index: 3 }
.homeheadline .homeheadlinebox .homeheadlineboxtit { clear: both; display: block; text-align: left; padding-right:.36rem;
position: relative }
.homeheadline .homeheadlinebox .homeheadlineboxtit h2 { position: absolute; top:-.56rem;
left:.4rem;
display: inline-block; padding: 0rem 1.2rem; text-align: center; line-height: 1.06667rem; background: #fff; box-shadow:.10667rem .10667rem .24rem 0px rgba(58,75,98,0.11);
border-radius:.53333rem;
color: #2b3444; font-size:.4rem
}
.homeheadline .homeheadlinebox .homeheadlineboxtit a { float: right; font-size:.37333rem;
color: #f7a837 }
.homeheadline .homeheadlinebox .homeheadlineboxtit a i { font-style: normal; font-size:.53333rem;
font-weight: 100; vertical-align: baseline; display: inline-block; padding-left:.06667rem
}
.homeheadline .homeheadlinebox ul { clear: both; padding:.13333rem .34667rem 2.53333rem .34667rem;
position: relative; z-index: 3 }
.homeheadline .homeheadlinebox ul li { clear: both; display: block; background: url(../images/m_homeheadlineicon03.png) no-repeat left center; background-size:.21333rem;
padding:.2rem 0rem .2rem .37333rem;
line-height:.4rem
}
.homeheadline .homeheadlinebox ul li:first-child+li { background-image: url(../images/m_homeheadlineicon02.png) }
.homeheadline .homeheadlinebox ul li a { clear: both; display: block; color: #5c6c89; font-size:.37333rem;
text-overflow: ellipsis; white-space: nowrap; overflow: hidden }
.homeheadline .homeheadlinebox p { position: relative; z-index: 3; display: block; display: -webkit-box; display: -moz-box; display: -ms-boxflex; display: -webkit-flex; display: flex; justify-content: space-around; flex-wrap: wrap; flex-direction: row; line-height: 1; padding-bottom:.26667rem
}
.homeheadline .homeheadlinebox p span { color: #ffffff; font-size:.32rem;
display: inline-block; line-height: 1 }
.homeproclasstit { clear: both; display: block; text-align: center }
.homeproclasstit h2 { clear: both; display: block; background: url(../images/m_homeicon02.png) no-repeat center bottom; background-size: 3.53333rem; font-size:.64rem;
color: #2b3444; font-weight: bold; text-align: center; line-height: 1 }
.homeproclasstit h2 a { color: #2b3444; line-height: 1 }
.homeproclasstit h4 { clear: both; display: block; background: url(../images/m_homeicon02.png) no-repeat center bottom; background-size: 3.53333rem; font-size:.64rem;
color: #2b3444; font-weight: bold; text-align: center; line-height: 1 }
.homeproclasstit h4 a { color: #2b3444; line-height: 1 }
.homeproclasstit p { clear: both; display: inline-block; font-size:.37333rem;
color: #2b3444; border: 2px solid #2b3444; border-radius:.37333rem;
line-height:.48rem;
padding:.10667rem .26667rem;
margin-top:.24rem
}
.homeproclass { clear: both; padding-bottom: 1.2rem }
.homeproclass .homeproclasstop { clear: both; display: block; padding-top:.66667rem;
padding-bottom:.8rem
}
.homeproclass .homeproclasstop li { float: left; width: 33%; text-align: center }
.homeproclass .homeproclasstop li span { display: inline-block; width: 73.33333%; background: rgba(231,240,248,0.45); background: -webkit-linear-gradient(0deg, rgba(231,240,248,0.45), rgba(207,226,244,0.45)); background: -o-linear-gradient(0deg, rgba(231,240,248,0.45), rgba(207,226,244,0.45)); background: linear-gradient(0deg, rgba(231,240,248,0.45), rgba(207,226,244,0.45)); border: 2px solid rgba(255,255,255,0.45); box-shadow:-.32rem -.32rem .54667rem .06667rem rgba(255,255,255,0.45), .21333rem .21333rem .66667rem 0rem rgba(58,75,98,0.36);
border-radius:.28rem;
color: #2b3444; font-size:.4rem;
line-height: 1.04rem; text-align: center; cursor: pointer }
.homeproclass .homeproclasstop li.active span { background: #d7323b; background: -webkit-linear-gradient(left, #d7323b 30%, #701034); background: -o-linear-gradient(left, #d7323b 30%, #701034); background: linear-gradient(to right, #d7323b 30%, #701034); box-shadow:-.32rem -.32rem .54667rem .06667rem rgba(255,255,255,0.45), .21333rem .21333rem .66667rem 0rem rgba(58,75,98,0.36);
color: #fff }
.homeproclass .homeproclassbom { background: #ecf2f6; border-radius:.72rem;
padding-top: 1.06667rem; position: relative }
.homeproclass .homeproclassbom:before { content: ''; position: absolute; left: 50%; top:.4rem;
width:.93333rem;
height:.13333rem;
margin-left:-.46667rem;
background: #d8e4ec; border-radius:.06667rem
}
.homeproclass .homeproclassbom .homeproclassbomitem { position: relative; transform: translateX(-100%); position: absolute; opacity: 0; top: 0rem; left: 0; animation: leavel 1s 1; -webkit-animation: leavel 1s 1 }
.homeproclass .homeproclassbom .homeproclassbomitem ul { padding-bottom: 1.06667rem }
.homeproclass .homeproclassbom .homeproclassbomitem ul li { float: left; width: 44%; margin-left: 4%; background: url(../images/m_homeicon03.png) no-repeat center bottom; background-size: 100%; padding-bottom:.46667rem;
margin-top:.66667rem
}
.homeproclass .homeproclassbom .homeproclassbomitem ul li:first-child, .homeproclass .homeproclassbom .homeproclassbomitem ul li:first-child+li { margin-top: 0rem }
.homeproclass .homeproclassbom .homeproclassbomitem ul li .homeproclassbompic { clear: both; display: block; width: 100% }
.homeproclass .homeproclassbom .homeproclassbomitem ul li .homeproclassbompic img { clear: both; display: block; width: 100% }
.homeproclass .homeproclassbom .homeproclassbomitem ul li h3 { clear: both; display: block; line-height: 1; padding:.13333rem .2rem .26667rem .2rem;
text-align: center }
.homeproclass .homeproclassbom .homeproclassbomitem ul li h3 a { clear: both; display: inline-block; line-height: 1; font-size:.4rem;
color: #2b3444; text-overflow: ellipsis; white-space: nowrap; overflow: hidden }
.homeproclass .homeproclassbom .homeproclassbomitem ul li p { text-align: center; font-size:.32rem;
line-height: 1; color: #5c6c89; padding:0rem .13333rem;
text-overflow: ellipsis; white-space: nowrap; overflow: hidden }
.homeproclass .homeproclassbom .homeproclassbomitem .homeproclassbomitembox {
padding:0rem .4rem; position: relative; margin-bottom:.66667rem;
margin-top:.26667rem
}
.homeproclass .homeproclassbom .homeproclassbomitem .homeproclassbomitembox .homeproclassbomitemboxpic { position: absolute; left:.4rem;
top: 0rem; overflow: hidden; width: 5.06667rem; border-radius:.42667rem;
box-shadow:0rem .04rem .17333rem rgba(200,46,50,0.11);
overflow: hidden }
.homeproclass .homeproclassbom .homeproclassbomitem .homeproclassbomitembox .homeproclassbomitemboxpic img { width: 100% }
.homeproclass .homeproclassbom .homeproclassbomitem .homeproclassbomitembox div { clear: both }
.homeproclass .homeproclassbom .homeproclassbomitem .homeproclassbomitembox div h3 { margin-left: 5.46667rem; line-height: 1; padding:.26667rem 0rem;
font-size:.48rem
}
.homeproclass .homeproclassbom .homeproclassbomitem .homeproclassbomitembox div h3 a { color: #2b3444 }
.homeproclass .homeproclassbom .homeproclassbomitem .homeproclassbomitembox div p { margin-left: 5.46667rem; line-height: 1; font-size:.32rem;
color: #5c6c89; line-height: 1; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; background: url(../images/m_homeicon06.jpg) no-repeat left bottom; background-size: 3.21333rem; padding-bottom:.24rem
}
.homeproclass .homeproclassbom .homeproclassbomitem .homeproclassbomitembox div em { clear: both; display: block; border-radius:.42667rem;
background: #fff; padding-left: 5.46667rem; padding-top:.24rem;
padding-bottom:.24rem;
margin-top:.26667rem;
margin-left:.24rem
}
.homeproclass .homeproclassbom .homeproclassbomitem .homeproclassbomitembox div em img { clear: both; display: block; width: 3.10667rem }
.homeproclass .homeproclassbom .homeproclassbomitem.active { position: static; top: auto; left: 0; opacity: 1; transform: translateX(0); animation: enterin 1s 1; -webkit-animation: enterin 1s 1 }
@keyframes leavel { 0% {
transform:translateX(0%);
position:static;
opacity:1
}
50% {
transform:translateX(0%);
position:static;
opacity:0
}
100% {
transform:translateX(-100%);
position:absolute;
opacity:0
}
}
@-webkit-keyframes leavel { 0% {
transform:translateX(0%);
position:static;
opacity:1
}
50% {
transform:translateX(0%);
position:static;
opacity:0
}
100% {
transform:translateX(-100%);
position:absolute;
opacity:0
}
}
@keyframes enterin { 0% {
transform:translateX(-100%);
position:absolute;
opacity:0
}
50% {
transform:translateX(-100%);
position:absolute;
opacity:1
}
100% {
transform:translateX(0%);
position:static;
opacity:1
}
}
@-webkit-keyframes enterin { 0% {
transform:translateX(-100%);
position:absolute;
opacity:0
}
50% {
transform:translateX(-100%);
position:absolute;
opacity:1
}
100% {
transform:translateX(0%);
position:static;
opacity:1
}
}
.homecase { padding-bottom: 1.13333rem }
.homecase .homecasetop { clear: both; display: block; padding-top:.66667rem
}
.homecase .homecasetop li { float: left; width: 33.3%; text-align: center }
.homecase .homecasetop li a { display: inline-block; width: 73.33333%; background: rgba(231,240,248,0.45); background: -webkit-linear-gradient(0deg, rgba(231,240,248,0.45), rgba(207,226,244,0.45)); background: -o-linear-gradient(0deg, rgba(231,240,248,0.45), rgba(207,226,244,0.45)); background: linear-gradient(0deg, rgba(231,240,248,0.45), rgba(207,226,244,0.45)); border: 2px solid rgba(255,255,255,0.45); box-shadow:-.32rem -.32rem .54667rem .06667rem rgba(255,255,255,0.45), .21333rem .21333rem .66667rem 0rem rgba(58,75,98,0.36);
border-radius:.28rem;
color: #2b3444; font-size:.4rem;
line-height: 1.04rem; text-align: center; cursor: pointer }
.homecase .homecasebom { padding:0rem .4rem
}
.homecase .homecasebom li { clear: both; display: block; position: relative; margin-top: 1.06667rem }
.homecase .homecasebom li .homecasebompic { clear: both; display: block; border-radius:.57333rem .57333rem 0rem 0rem;
overflow: hidden }
.homecase .homecasebom li .homecasebompic img { width: 100% }
.homecase .homecasebom li>span { position: absolute; left:.26667rem;
top:.26667rem;
width: 1.28rem; height: 1.28rem; background: -webkit-linear-gradient(90deg, #bfccd9, #e6eff8); background: -o-linear-gradient(90deg, #bfccd9, #e6eff8); background: linear-gradient(90deg, #bfccd9, #e6eff8); box-shadow:.17333rem .17333rem .24rem 0px rgba(37,42,46,0.72), -.06667rem -.06667rem .13333rem 0px rgba(255,255,255,0.46);
border-radius: 50% }
.homecase .homecasebom li>span span { clear: both; display: block; margin:.06667rem;
width: 1.14667rem; height: 1.14667rem; text-align: center; background: -webkit-linear-gradient(90deg, #e3eef9, #c8d4e0); background: -o-linear-gradient(90deg, #e3eef9, #c8d4e0); background: linear-gradient(90deg, #e3eef9, #c8d4e0); border-radius: 50%; padding-top:.06667rem
}
.homecase .homecasebom li>span span img { clear: both; display: block; width:.73333rem;
margin: 0 auto }
.homecase .homecasebom li>span span strong { clear: both; display: block; color: #2b3444; font-size:.26667rem;
line-height: 1; margin-top:-.04rem
}
.homecase .homecasebom li .homecasebombox { background: #ecf2f6; border-radius:0rem 0rem .57333rem .57333rem;
overflow: hidden; padding:.26667rem .4rem .73333rem .4rem;
position: relative }
.homecase .homecasebom li .homecasebombox:after { content: ''; position: absolute; left: -1.25333rem; bottom: -1.53333rem; width: 3.64rem; height: 3.64rem; border-radius: 50%; background: #f6f9fb }
.homecase .homecasebom li .homecasebombox h3 { position: relative; z-index: 3 }
.homecase .homecasebom li .homecasebombox h3 a { clear: both; display: inline-block; color: #2b3444; font-size:.42667rem;
font-weight: bold }
.homecase .homecasebom li .homecasebombox p { clear: both; background: url(../images/m_homeicon07.png) no-repeat left center; background-size:.21333rem;
white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size:.34667rem;
padding-left:.37333rem;
color: #5c6c89; line-height:.66667rem;
position: relative; z-index: 3 }
.homecase .homecasebom li .homecasebombox p span { font-weight: bold; font-size:.37333rem
}
.homecase .homecasebom li .homecasebombox>span { position: absolute; z-index: 3; bottom: 0rem; right: 0rem; padding-left: 2.53333rem }
.homecase .homecasebom li .homecasebombox>span a { clear: both; display: inline-block; width: 2.4rem; height: 1.73333rem; background:#f93204; background: -webkit-linear-gradient(left, #f76f29 30%, #f93204); background: -o-linear-gradient(left, #f76f29 30%, #f93204); background: linear-gradient(to right, #f76f29 30%, #f93204); border-radius:.57333rem 0rem .57333rem 0rem;
color: #fff; text-align: center; line-height: 1; font-size:.32rem;
padding-top:.42667rem
}
.homecase .homecasebom li .homecasebombox>span a strong { clear: both; display: block; line-height: 1; font-size:.4rem;
padding-bottom:.10667rem
}
.homecase .homecasebom li .homecasebombox>span span { position: absolute; bottom:.13333rem;
left: 0rem; font-size:.32rem;
color: #d3313a; padding-right: 1.25333rem; line-height:.53333rem;
background: url(../images/m_homeicon20.png) no-repeat right center; background-size: 1.09333rem }
.homenew { clear: both; display: block; margin-top:.26667rem;
position: relative; padding:.8rem .4rem;
margin-bottom: 1.33333rem }
.homenew:after { content: ''; position: absolute; left: 0rem; top: 0rem; bottom: 0rem; width: 2rem; border-radius:0rem .72rem .72rem 0rem;
background: #b7cad7 }
.homenew li { clear: both; display: block; padding-left: 2rem; margin-top:.73333rem;
position: relative; z-index: 2; overflow: hidden }
.homenew li:first-child { margin-top: 0rem }
.homenew li:after { content: ''; position: absolute; left: 1.16rem; top:.37333rem;
width:.86667rem;
height:.18667rem;
background: url(../images/m_homeicon09.png) no-repeat center center; background-size: 100% }
.homenew li .homenewtime { position: absolute; left: 0rem; top: 0rem; font-size:.37333rem;
color: #fff; line-height:.42667rem;
text-align: center; width: 1.2rem; display: block }
.homenew li .homenewtime i { clear: both; display: block; font-style: normal }
.homenew li .homenewclass { float: right; font-size:.32rem;
line-height:.66667rem;
color: #5c6c89 }
.homenew li .homenewkey { float: left; font-size:.34667rem;
line-height:.66667rem;
color: #fff; background: #f7a837; border-radius:.33333rem;
padding:0rem .2rem
}
.homenew li h3 { clear: both; display: block; text-align: left; font-weight: normal; padding-bottom:.2rem
}
.homenew li h3 a { clear: both; display: block; font-size:.37333rem;
line-height:.48rem;
color: #2b3444 }
.message { clear: both; background: url(../images/messagebg.png) no-repeat center top #ecf2f6; background-size: 100%; border-radius: 1.33333rem; padding:.93333rem 1.2rem 1.04rem .86667rem
}
.message .messagetop { clear: both; text-align: center; padding-bottom:.8rem
}
.message .messagetop h4, .message .messagetop h2, .message .messagetop h3 { line-height: 1; font-size:.64rem;
color: #bdcad2; margin-bottom:.2rem;
background: url(../images/m_messageicon05.png) no-repeat center bottom; background-size: 3.53333rem; padding-bottom:.06667rem;
padding-left: 0rem; padding-right: 0rem }
.message .messagetop p {
line-height:.69333rem; display: inline-block; font-size:.37333rem;
color: #bdcad2; border: 2px solid #bdcad2; border-radius:.37333rem;
padding:0rem .33333rem
}
.message .messagemid .messagemidpic { clear: both; width: 3.73333rem; margin: 0 auto; position: relative }
.message .messagemid .messagemidpic:after { content: ''; display: block; width: 4rem; height: 4rem; border-radius:.57333rem;
position: absolute; left:-.13333rem;
bottom:-.13333rem;
z-index: 1; background: -webkit-linear-gradient(145deg, rgba(3,20,29,0.44), rgba(213,222,228,0.48)); background: -o-linear-gradient(145deg, rgba(3,20,29,0.44), rgba(213,222,228,0.48)); background: linear-gradient(145deg, rgba(3,20,29,0.44), rgba(213,222,228,0.48)); box-shadow:0rem .25333rem 1.56rem rgba(21,54,72,0.55)
}
.message .messagemid .messagemidpic img { width: 100%; position: relative; z-index: 2 }
.message .messagemid .messagemidtit { clear: both; display: block; font-size:.37333rem;
color: #a6b6bf; line-height: 1; text-align: center; padding-top:.54667rem
}

.message.quesmessage { padding-top: 1.2rem }
.message.quesmessage .messagetop { padding-bottom:.13333rem
}
.message.quesmessage .messagetop h4 { color: #fefefe; background-image: url(../images/m_messageicon06.png) }
.message.quesmessage .messagetop p { color: #bdcad2 }
.message.quesmessage .quesmessagemid { clear: both; margin-right: -1.06667rem }
.message.quesmessage .quesmessagemid li { float: left; width: 33.3333%; padding:.13333rem 0rem
}
.message.quesmessage .quesmessagemid li label { display: block; background: url(../images/m_messageicon07.png) no-repeat left center; background-size:.4rem;
padding-left:.66667rem;
line-height:.53333rem;
cursor: pointer; transition: all .5s; position: relative; color: #f7a837; font-size:.37333rem
}
.message.quesmessage .quesmessagemid li label.checked { background-image: url(../images/m_messageicon08.png) }
.message.quesmessage .quesmessagemid li label input { position: absolute; left: 0rem; opacity: 0; right: 0rem; top: 0rem; bottom: 0rem }
.message.quesmessage .quesmessagemidtit { clear: both; display: block; font-size:.37333rem;
color: #a6b6bf; line-height: 1; text-align: center; padding-top: 1.73333rem; padding-bottom:.06667rem
}
.message.videomessage { padding-top: 1.33333rem; margin-bottom: 1.2rem }
.message.videomessage .messagetop { padding-bottom:.66667rem
}
.message.videomessage .messagetop h4 { color: #fefefe; background-image: url(../images/m_messageicon06.png) }
.message.videomessage .messagetop p { color: #bdcad2 }

.swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate(0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
.swiper-slide { -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; flex-shrink: 0; width: 100%; height: 100%; position: relative }
.swiper-pagination { position: absolute; text-align: center; -webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s; transition: .3s; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 10 }
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 0px; left: 0; width: 100% }
.swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; border-radius: 100%; background: #000; opacity: .2; cursor: pointer }
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px }
.swiper-pagination-bullet-active { opacity: 1; background: #007aff }
.aboutone {
padding:1.73333rem .4rem 0rem .4rem; background: #d8e4ec; background: -webkit-linear-gradient(top, #f7f9fb, #d8e4ec 60%); background: -o-linear-gradient(top, #f7f9fb, #d8e4ec 60%); background: linear-gradient(to bottom, #f7f9fb, #d8e4ec 60%); position: relative }
.aboutone:before { content: ''; position: absolute; top: 0rem; bottom: 0rem; right: 0rem; width: 30.4%; border-radius:.72rem 0rem 0rem .72rem;
border: 2px solid rgba(255,255,255,0.45); background: #e7f0f8; background: -webkit-linear-gradient(0deg, rgba(231,240,248,0.45), rgba(207,226,244,0.45)); background: -o-linear-gradient(0deg, rgba(231,240,248,0.45), rgba(207,226,244,0.45)); background: linear-gradient(0deg, rgba(231,240,248,0.45), rgba(207,226,244,0.45)); box-shadow:-.32rem -.32rem .54667rem .06667rem rgba(255,255,255,0.45), .21333rem .21333rem .66667rem 0rem rgba(58,75,98,0.45)
}
.aboutone .aboutonetop { clear: both; display: block; border: 1px solid #f7a837; border-right: 0rem; border-radius:.72rem 0rem 0rem .72rem;
overflow: hidden; position: relative; z-index: 2; margin:0rem -.4rem
}
.aboutone .aboutonetop:after { content: ''; position: absolute; left: 0rem; right: 0rem; bottom: 0rem; z-index: 2; width: 100%; height: 100%; /*background: #2b3444; background: #2b3444; background: -webkit-linear-gradient(top, rgba(43,52,68,0), rgba(43,52,68,0.7)); background: -o-linear-gradient(top, rgba(43,52,68,0), rgba(43,52,68,0.7)); background: linear-gradient(to bottom, rgba(43,52,68,0), rgba(43,52,68,0.7)); */border-radius:.72rem 0rem 0rem .72rem
}
.aboutone .aboutonetop img { position: relative; z-index: 1; width: 100% }
.aboutone .aboutonetop p { position: absolute; z-index: 3; left: 0rem; right: 0rem; bottom: 0rem }
.aboutone .aboutonetop p span { float: left; width: 33.3333%; background: url(../images/m_abouticon02.png) no-repeat center bottom; background-size:.37333rem;
padding-bottom:.53333rem;
color: #f7a837; font-size:.4rem;
font-weight: bold; text-align: center; line-height: 1 }
.aboutone .aboutonebom { position: relative; z-index: 1; margin:0rem -.4rem;
background: url(../images/m_abouticon01.jpg) repeat center center; background-size:.06667rem;
padding-top: 1.46667rem; margin-top:-.8rem;
padding-bottom:.66667rem;
border-radius:0rem 0rem 0rem .72rem;
text-align: center; line-height: 1 }
.aboutone .aboutonebom p { display: inline-block; position: relative; color: #fff; font-size:.56rem;
font-weight: bold; text-overflow: ellipsis; line-height: 1; text-align: center }
.aboutone .aboutonebom p i { position: absolute; top: 50%; width:.8rem;
height:.04rem;
background: #fff; border-radius: 3px }
.aboutone .aboutonebom p i:before, .aboutone .aboutonebom p i:after { content: ''; position: absolute; width: 100%; height: 100%; background: #fff }
.aboutone .aboutonebom p i:before { top:-.17333rem
}
.aboutone .aboutonebom p i:after { bottom:-.17333rem
}
.aboutone .aboutonebom p i:first-child { left: -1.78667rem }
.aboutone .aboutonebom p i:first-child:before, .aboutone .aboutonebom p i:first-child:after { right:-.28rem
}
.aboutone .aboutonebom p i:first-child+i { right: -1.78667rem }
.aboutone .aboutonebom p i:first-child+i:before, .aboutone .aboutonebom p i:first-child+i:after { left:-.28rem
}
.abouttwo { clear: both; display: block; padding:.74667rem .4rem 1rem .4rem
}
.abouttwo p,.aboutthree p { clear: both; display: block; color: #2b3444; font-size:.42667rem;
line-height:.73333rem;
text-align: left }
.abouttwo ul { clear: both; padding-top:.58667rem
}
.abouttwo ul li { float: left; margin-left:.2rem;
width: 2.93333rem }
.abouttwo ul li:first-child { margin-left: 0rem }
.abouttwo ul li img { border-radius:.37333rem 0rem .37333rem 0rem;
box-shadow:0rem .04rem .17333rem rgba(119,0,3,0.14);
margin-bottom:.13333rem
}
.abouttwo ul li p { color: #5c6c89; font-size:.32rem;
line-height:.48rem;
text-align: center }
.aboutthree { clear: both; padding:0rem .4rem 1.06667rem .4rem
}
.aboutthree .aboutthreetop { clear: both; display: block; color: #2b3444; font-size:.42667rem;
line-height:.77333rem;
text-align: left; padding-top:.73333rem;
padding-bottom:.6rem
}
.aboutthree .aboutthreebom { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; z-index: 1; width: 100%; padding-bottom:.66667rem
}
.aboutthree .aboutthreebom .swiper-slide { text-align: center; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center }
.aboutthree .aboutthreebom .swiper-slide .aboutthreebombox { clear: both; display: block; background: url(../images/m_aboutthreebg.png) no-repeat center bottom; background-size: 100%; position: relative; margin: 0rem 4.3478% }
.aboutthree .aboutthreebom .swiper-slide .aboutthreebombox .aboutthreebompic { clear: both; display: block; width: 110%; margin-left: -5% }
.aboutthree .aboutthreebom .swiper-slide .aboutthreebombox h3 { line-height: 1; padding-left:.45333rem;
padding-bottom:.53333rem
}
.aboutthree .aboutthreebom .swiper-slide .aboutthreebombox h3 a { clear: both; display: block; color: #2b3444; font-size:.53333rem;
font-weight: bold; line-height: 1; text-align: left }
.aboutthree .aboutthreebom .swiper-slide .aboutthreebombox .aboutthreebombtn { position: absolute; right: 0rem; bottom: 0rem; width: 1.21333rem }
.aboutthree .aboutthreebom .swiper-pagination { line-height: 1 }
.aboutthree .aboutthreebom .swiper-pagination .swiper-pagination-bullet {
width:.21333rem;
height:.21333rem; border: 2px solid #fff; background: none; opacity: 1 }
.aboutthree .aboutthreebom .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #fff }
.aboutfour { clear: both; padding:.88rem .4rem 0rem .4rem
}
.aboutfour li { clear: both; display: block; margin-bottom:.66667rem;
position: relative }
.aboutfour li .aboutfourfl { clear: both; width: 5.25333rem; position: relative; background: #fff; overflow: hidden; padding:.26667rem .26667rem .4rem .26667rem;
border-radius:.56rem 0rem .56rem 0rem;
box-shadow:0rem 0rem .21333rem 0rem rgba(0,0,0,0.14)
}
.aboutfour li .aboutfourfl p { clear: both; display: block; color: #2b3444; font-size:.37333rem;
line-height:.64rem;
padding-bottom:.2rem
}
.aboutfour li .aboutfourfl span { float: right; color: #999; font-size:.37333rem;
line-height: 1; background: url(../images/m_abouticon04.png) no-repeat left center; background-size:.13333rem;
padding-left:.4rem
}
.aboutfour li .aboutfourpic { position: absolute; top:.4rem;
right: 0rem; width: 3.94667rem; height: 3.24rem }
.aboutfour li:first-child+li .aboutfourfl { float: right }
.aboutfour li:first-child+li .aboutfourpic { left: 0rem; right: auto }
.aboutfourbom { clear: both; margin-top: -1.2rem; margin-bottom:.53333rem
}
.aboutfourbom01 { clear: both; margin-top:.93333rem
}
.aboutfive { clear: both; display: block; padding:.53333rem .4rem .66667rem .4rem
}
.aboutfive li { float: left; width: 2.93333rem; margin-left:.2rem
}
.aboutfive li:first-child { margin-left: 0rem }
.aboutfive li .aboutfivepic { clear: both; border-radius:.46667rem;
overflow: hidden }
.aboutfive li .aboutfivetit { clear: both; display: block; background: #e7f0f8; background: -webkit-linear-gradient(top, #cfe2f4, #e7f0f8); background: -o-linear-gradient(top, #cfe2f4, #e7f0f8); background: linear-gradient(to bottom, #cfe2f4, #e7f0f8); border: 2px solid #fff; box-shadow:-.21333rem -.21333rem .16rem 1px rgba(255,255,255,0.32), .08rem .08rem .28rem 0rem rgba(58,75,98,0.46);
border-radius:.46667rem 0rem .46667rem 0rem;
padding:.13333rem .13333rem;
margin-right:.53333rem;
margin-top:-.3rem;
position: relative; z-index: 2 }
.aboutfive li .aboutfivetit span { clear: both; display: block; font-size:.32rem;
text-align: center; font-weight: 400; color: #2b3444; line-height:.48rem;
background: linear-gradient(-90deg, #bc2830 .36621%, #701034 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent }
.aboutsix { clear: both; padding:0rem 0rem 0rem .4rem
}
.aboutsix .aboutsixtit { clear: both; background: #ffc451; width: 2.36rem; height: 1.14667rem; text-align: center; line-height:.72rem;
color: #333; font-size:.32rem;
border-radius:.37333rem .18667rem 0rem 0rem
}
.aboutsix .aboutsixpic { clear: both; display: block; margin-top:-.42667rem;
border-radius:.37333rem 0rem 0rem 0rem;
overflow: hidden }
.aboutsix .aboutsixpic img { width: 100% }
.aboutsix ul { clear: both; padding-left:.26667rem;
margin-top: -1.86667rem; position: relative; z-index: 2; padding-bottom: 1.06667rem }
.aboutsix ul li { float: left; margin-left: 1.01333rem; width: 3.78667rem; height:.93333rem;
background: #fff; box-shadow:0rem 0rem .21333rem 0rem rgba(0,0,0,0.14);
border-radius:.56rem 0rem .56rem 0rem;
margin-top:.26667rem;
text-align: center }
.aboutsix ul li:first-child, .aboutsix ul li:first-child+li+li { margin-left: 0rem }
.aboutsix ul li span {
font-size:.34667rem; font-weight: bold; color: #333; line-height:.93333rem;
background: linear-gradient(-90deg, rgba(188,40,48,0.85) .36621%, rgba(112,16,52,0.85) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent }
.aboutseven { clear: both; display: block }
.aboutseven img { clear: both; display: block; width: 100% }
.insidetit {
padding:0rem 0rem 0rem .53333rem;
margin-bottom:.66667rem;
margin-top:.46667rem; position: relative }
.insidetit:after { content: ''; position: absolute; right:-.4rem;
top:-.6rem;
width: 4.46667rem; height: 1.2rem; background: url(../images/m_numicon01.png) no-repeat center center; background-size: 100% }
.insidetit h1, .insidetit h2 { clear: both; display: block; color: #2b3444; font-size:.66667rem;
line-height: 1; position: relative; z-index: 5 }
.insidetit p { color: #5c6c89; font-size:.34667rem;
line-height: 1; padding-top:.26667rem
}
.taglistonetit { padding: 0rem 0rem 0rem 0rem; margin-bottom:.66667rem;
margin-top:.46667rem;
position: relative }
.taglistonetit:after { content: ''; position: absolute; right:-.4rem;
top:-.6rem;
width: 4.46667rem; height: 1.2rem; background: url(../images/m_numicon01.png) no-repeat center center; background-size: 100% }
.taglistonetit div { clear: both; display: block; color: #2b3444; font-size:.66667rem;
line-height: 1; position: relative; z-index: 5 }
.taglistonetit div h2 { color: #f60; display: inline-block; font-size:.66667rem;
padding-right:.2rem
}
.taglistonetit p { color: #5c6c89; font-size:.34667rem;
line-height: 1; padding-top:.26667rem
}
.contactone:before { border-radius: 1.30667rem 0rem 0rem 1.30667rem }
.contactone .aboutonetop { border-radius: 1.30667rem 0rem 0rem 1.30667rem }
.contactone .aboutonetop:after { border-radius: 1.30667rem 0rem 0rem 1.30667rem }
.contactone .contactonebom { position: relative; z-index: 1; margin:0rem -.4rem;
background: url(../images/m_abouticon01.jpg) repeat center center; background-size:.06667rem;
padding-top: 1.73333rem; margin-top: -1.33333rem; padding-bottom:.33333rem;
border-radius: 0rem 0rem 0rem 1.30667rem; text-align: left; line-height: 1; padding-left:.16rem
}
.contactone .contactonebom p { display: inline-block; position: relative; color: #eaf1f8; font-size:.37333rem;
font-weight: normal; text-overflow: ellipsis; line-height: 1.22667rem; text-align: center; background: url(../images/m_contactpic02.png) no-repeat left center; background-size: 1.2rem; padding-left: 1.26667rem }
.contactone .contactonebom p a { font-weight: bold; color: #ee0d0d; font-size:.61333rem;vertical-align: bottom }
.contacttwo { clear: both; margin-top: -1.33333rem; /*padding-bottom: 1rem */}
.contacttwo dt {
background:url(../images/m_contactpic03.png) no-repeat .16rem 1.76rem #eaf1f8; background-size: 1.2rem; color: #2b3443; font-size:.37333rem;
padding-top: 1.76rem; padding-bottom:.34667rem;
padding-left: 1.46667rem; border-radius: 0rem 0rem 0rem 1.30667rem; line-height: 1.2rem }
.contacttwo dt a {
font-size:.48rem; color: #2b3443; font-weight: bold }
.contacttwo dd {
font-size:.37333rem; color: #5c6c89; line-height:.64rem;
padding:.4rem .4rem 0rem .4rem
}
.contactthree { padding-top:.33333rem;
padding-bottom:.8rem
}
.contactthree h2 { clear: both; display: block; background: url(../images/m_homeicon11.png) no-repeat left 0rem; background-size: 1.86667rem; color: #333333; font-size:.50667rem;
padding:.8rem .4rem .8rem 1.6rem;
line-height:.69333rem
}
.contactthree .contactthreetit { clear: both; display: block; color: #5b6c86; font-size:.34667rem;
line-height: 1; text-align: left; padding-left:.42667rem;
margin-top:-.13333rem
}
.contactthree ul { padding-top:.46667rem;
padding-left:.10667rem
}
.contactthree ul li { float: left; margin-top:.2rem;
width: 3.01333rem; margin-left:.2rem
}
.contactthree ul li strong { clear: both; background: url(../images/m_homeicon12.png) no-repeat center top; background-size: 1.38667rem; line-height:.64rem;
padding-top:.06667rem;
font-size:.4rem;
color: #fff; display: block; margin: 0 auto; width: 1.38667rem; text-align: center }
.contactthree ul li p { clear: both; display: block; background: url(../images/m_homeicon13.png) no-repeat center top; background-size: 3.01333rem; width: 3.01333rem; height: 1.54667rem; color: #5c6d8b; font-size:.34667rem;
line-height:.53333rem;
text-align: center; padding-top:.24rem;
margin-top:-.13333rem
}
.contactfour { clear: both; display: block; padding:0rem .4rem
}
.contactfour .contactfourbox { border: 2px solid #991d32; border-radius:.6rem;
overflow: hidden; line-height: 1 }
.caseone {
padding:1.73333rem .4rem 0rem .4rem; background: #d8e4ec; background: -webkit-linear-gradient(top, #f7f9fb, #eaf6fd 100%); background: -o-linear-gradient(top, #f7f9fb, #eaf6fd 100%); background: linear-gradient(to bottom, #f7f9fb, #eaf6fd 100%); position: relative }
.caseone:before { content: ''; position: absolute; top: 0rem; bottom: 0rem; right: 0rem; width: 30.4%; border-radius:.72rem 0rem 0rem .72rem;
border: 2px solid rgba(255,255,255,0.45); background: #e7f0f8; background: -webkit-linear-gradient(0deg, rgba(231,240,248,0.45), rgba(207,226,244,0.45)); background: -o-linear-gradient(0deg, rgba(231,240,248,0.45), rgba(207,226,244,0.45)); background: linear-gradient(0deg, rgba(231,240,248,0.45), rgba(207,226,244,0.45)); box-shadow:-.32rem -.32rem .54667rem .06667rem rgba(255,255,255,0.45), .21333rem .21333rem .66667rem 0rem rgba(58,75,98,0.45)
}
.caseone .insidetit { padding-bottom:.8rem
}
.casenav { clear: both; display: block; position: relative; background: #383c73; border-radius:.73333rem 0rem 0rem .73333rem;
line-height: 1; padding:.42667rem 0rem;
margin-top:-.46667rem
}
.casenav:before { content: ''; position: absolute; right:.4rem;
top: -2.88rem; background: url(../images/m_homeicon14.png) no-repeat center top; background-size: 100% auto; width: 3.73333rem; height: 2.88rem }
.casenav li { float: left; width: 33.33%; text-align: center }
.casenav li a { display: inline-block; color: #ffffff; font-size:.37333rem;
border-bottom: 1px solid #fff; padding-bottom: 2px }
.casenav li.on a {
font-size:.45333rem; font-weight: bold; color: #ff4a4a; border-bottom: 0px solid #fff }
.caselist { clear: both; display: block; padding:.13333rem .4rem 1.33333rem .4rem
}
.caselist li { width: 100%; height: 3.06667rem; background: #fff; border: 2px solid #ecf2f6; box-shadow:.29333rem .29333rem .8rem 0rem rgba(58,75,98,0.2);
border-radius:.42667rem .57333rem .57333rem .57333rem;
margin-top:.8rem;
position: relative }
.caselist li .caselistpic { float: left; width: 46.37681%; border-radius:0rem .4rem .4rem .4rem;
overflow: hidden }
.caselist li h3 { padding-left: 4.34783%; overflow: hidden; padding-top:.4rem;
line-height: 1; margin-bottom:.26667rem;
padding-right:.13333rem
}
.caselist li h3 a {
font-size:.34667rem;
line-height:.48rem; color: #2b3444 }
.caselist li p { padding-left: 4.34783%; color: #5c6c89; font-size:.32rem;
line-height: 1; padding-right:.13333rem;
text-overflow: ellipsis; white-space: nowrap; overflow: hidden; text-align: left }
.caselist li .caselistbtn { position: absolute; right: 0px; bottom: 0px; width: 1.46667rem; height:.8rem;
background: url(../images/m_homeicon15.png) no-repeat center center #f93304; background-size: 100%; border-radius:.42667rem 0rem .57333rem 0rem;
display: inline-block; font-size: 0px }
.casebom { clear: both; padding:1rem .4rem 0rem .4rem
}
.casebom img { width: 100% }
.caseshowone { padding: 2.26667rem 0rem 0rem 0rem; background: #d8e4ec; background: -webkit-linear-gradient(top, #f7f9fb, #d8e4ec 100%); background: -o-linear-gradient(top, #f7f9fb, #d8e4ec 100%); background: linear-gradient(to bottom, #f7f9fb, #d8e4ec 100%); position: relative; margin-bottom:.93333rem;
z-index: 1 }
.caseshowone:before { content: ''; position: absolute; top: 0rem; bottom: 0rem; right: 0rem; width: 30.4%; border-radius:.72rem 0rem 0rem .72rem;
border: 2px solid rgba(255,255,255,0.45); background: #e7f0f8; background: -webkit-linear-gradient(0deg, rgba(231,240,248,0.45), rgba(207,226,244,0.45)); background: -o-linear-gradient(0deg, rgba(231,240,248,0.45), rgba(207,226,244,0.45)); background: linear-gradient(0deg, rgba(231,240,248,0.45), rgba(207,226,244,0.45)); box-shadow:-.32rem -.32rem .54667rem .06667rem rgba(255,255,255,0.45), .21333rem .21333rem .66667rem 0rem rgba(58,75,98,0.45)
}
.caseshowone .caseshowonetop { position: relative; z-index: 4 }
.caseshowone .caseshowonetop:before { content: ''; position: absolute; top:-.53333rem;
right: 0rem; width: 4.46667rem; height: 1.2rem; background: url(../images/m_numicon01.png) no-repeat center top; background-size: 100% }
.caseshowone .caseshowonetop img { clear: both; display: block; position: relative; z-index: 2; width: 100%; border-radius: 0rem 0rem 0rem 1.30667rem; overflow: hidden }
.caseshowone .caseshowonebom { clear: both; position: relative; z-index: 3; background: #162b7b; border-radius: 0rem 0rem 0rem 1.30667rem; margin-top: -1.26667rem; padding:1.66667rem .4rem .53333rem .93333rem
}
.caseshowone .caseshowonebom h1 {
font-size:.53333rem; color: #bfccd9; line-height:.66667rem;
padding-bottom:.2rem;
background: #bfccd9; background: -webkit-linear-gradient(top, #bfccd9, #e6eff8); background: -o-linear-gradient(top, #bfccd9, #e6eff8); background: linear-gradient(to bottom, #bfccd9, #e6eff8); -webkit-background-clip: text; -webkit-text-fill-color: transparent }
.caseshowone .caseshowonebom p {
font-size:.34667rem; color: #5c6c89; line-height: 1 }
.caseshowone .caseshowonebox { position: relative; padding-right: 3.02667rem; padding-left:.4rem;
padding-top:.4rem
}
.caseshowone .caseshowonebox p { clear: both; display: block; color: #ff4842; font-weight: bold; font-size:.4rem;
background:url(../images/m_numicon02.png) no-repeat left .02667rem;
background-size:.26667rem;
padding-left:.53333rem;
margin-top:.4rem;
line-height:.53333rem
}
.caseshowone .caseshowonebox p span { font-weight: normal; font-size:.4rem;
color: #5c6c89 }
.caseshowone .caseshowonebox p i { clear: both; display: block; font-style: normal; line-height: 1; color: #7a8aa7; font-size:.32rem;
font-weight: normal; margin-left:-.53333rem;
padding-top:.2rem
}
.caseshowone .caseshowonebox a { position: absolute; right: 0rem; bottom: 2px; width: 30.66667%; display: block; background: #d7323b; background: -webkit-linear-gradient(left, #d7323b 30%, #701034); background: -o-linear-gradient(left, #d7323b 30%, #701034); background: linear-gradient(to right, #d7323b 30%, #701034); border-radius:.28rem 0rem 0rem .69333rem;
overflow: hidden; font-size:.45333rem;
color: #ffffff; line-height:.64rem;
font-weight: bold; padding:.26667rem 0rem;
text-align: center }
.caseshowtwo { clear: both; display: block; position: relative; margin-bottom: .06667rem }
.caseshowtwo .caseshowtwotop { clear: both; display: block; background: #2b3444; border-radius:.72rem .72rem 0rem 0rem;
overflow: hidden; padding-top:.6rem;
padding-bottom: 1.2rem }
.caseshowtwo .caseshowtwotop li { float: left; width: 33.3333%; text-align: center }
.caseshowtwo .caseshowtwotop li a { clear: both; display: inline-block; font-size:.42667rem;
font-weight: bold; color: #edf6ff; position: relative; text-shadow:-.02667rem -.02667rem .06667rem rgba(255,255,255,0.15)
}
.caseshowtwo .caseshowtwotop li a:after { content: ''; position: absolute; left: 50%; bottom:-.10667rem;
width:.49333rem;
height:.08rem;
background: #edf6ff; border-radius:.04rem;
box-shadow:-.02667rem -.02667rem .06667rem .02667rem rgba(255,255,255,0.15), .02667rem .02667rem .05333rem 0rem rgba(58,75,98,0.45) inset;
margin-left:-.25333rem
}
.caseshowtwo .caseshowtwobom { position: relative; border-radius:.72rem;padding:1.2rem .4rem .1rem .4rem;background: #fff; margin-top:-.66667rem;z-index: 2; color: #555 }
.caseshowtwo .caseshowtwobom:before { content: ''; position: absolute; left: 50%; width: 3.46667rem; height:.18667rem;
background: #d8e4ec; border-radius:.09333rem;
margin-left: -1.73333rem; top:.4rem
}
.caseshowtwo .caseshowtwobom h2, .caseshowtwo .caseshowtwobom h3 { clear: both; font-size:.46667rem;
line-height:.8rem;
margin:0rem 0rem -.93333rem -.4rem;
color: #333; padding-bottom:.73333rem;
text-align: center }
.caseshowtwo .caseshowtwobom h2:after, .caseshowtwo .caseshowtwobom h2:before, .caseshowtwo .caseshowtwobom h3:after, .caseshowtwo .caseshowtwobom h3:before { content: ''; display: inline-block; position: relative; z-index: -1 }
.caseshowtwo .caseshowtwobom h2:before, .caseshowtwo .caseshowtwobom h3:before { background: url(../images/caseicon01.png) no-repeat center top; background-size: 100%; width: 1.77333rem; height: 1.77333rem; margin:0rem -1.09333rem -.66667rem 0rem
}
.caseshowtwo .caseshowtwobom h2:after, .caseshowtwo .caseshowtwobom h3:after { background: url(../images/caseicon02.png) no-repeat center top; background-size: 100%; width: 1.50667rem; height: 1.52rem; margin:0rem 0rem -.97333rem -.42667rem
}
.caseshowtwo .caseshowtwobom p { clear: both; font-size:.42667rem;
line-height:.73333rem;
margin:.66667rem 0rem;
color: #2b3444 }
.caseshowtwo .caseshowtwobom a { color: #ff1d18 }
.caseshowtwo .caseshowtwobom img, .caseshowtwo .caseshowtwobom video { width: 100% }
.caseshowtwo .caseshowtwobom ul { clear: both; margin:.66667rem 0rem
}
.caseshowtwo .caseshowtwobom ul li { clear: both; font-size:.42667rem;
line-height:.66667rem;
margin:.26667rem 0rem;
color: #2b3444; background:url(../images/mprozhtwoicon01.png) no-repeat left .25333rem;
background-size:.26667rem;
padding-left:.49333rem
}
.caseshowtwo+.newshowfour { margin-bottom:.53333rem
}
.newsone {
padding:1.73333rem .4rem 0rem .4rem; background: #d8e4ec; background: -webkit-linear-gradient(top, #f7f9fb, #d8e4ec 100%); background: -o-linear-gradient(top, #f7f9fb, #d8e4ec 100%); background: linear-gradient(to bottom, #f7f9fb, #d8e4ec 100%); position: relative; margin-bottom:.33333rem
}
.newsone:before { content: ''; position: absolute; top: 0rem; bottom: 2.65333rem; right: 0rem; width: 30.4%; border-radius:.72rem 0rem 0rem .72rem;
border: 2px solid rgba(255,255,255,0.45); background: #e7f0f8; background: -webkit-linear-gradient(0deg, rgba(231,240,248,0.45), rgba(207,226,244,0.45)); background: -o-linear-gradient(0deg, rgba(231,240,248,0.45), rgba(207,226,244,0.45)); background: linear-gradient(0deg, rgba(231,240,248,0.45), rgba(207,226,244,0.45)); box-shadow:-.32rem -.32rem .54667rem .06667rem rgba(255,255,255,0.45), .21333rem .21333rem .66667rem 0rem rgba(58,75,98,0.45)
}
.newsone.newsone_bom { margin-bottom:.46667rem
}
.newsone .newslist_hot { clear: both; display: block; background: url(../images/m_newicon01.jpg) repeat center center; background-size: 1.06667rem; margin-right:-.4rem;
margin-left: 0rem; border-radius:.93333rem 0rem 0rem .93333rem;
position: relative; z-index: 3; padding-left:.8rem;
padding-right:.4rem;
padding-top:.4rem;
padding-bottom:.26667rem;
overflow: hidden }
.newsone .newslist_hot:before { content: ''; position: absolute; left: 0rem; bottom: 0rem; right: 0rem; top: 1.2rem; border-radius:0rem 0rem 0rem .93333rem;
border-bottom: 1px dashed #f7a837; border-left: 1px dashed #f7a837 }
.newsone .newslist_hot.newslist_hottit { padding-top: 1.06667rem; position: relative }
.newsone .newslist_hot.newslist_hottit:before { top: 1.86667rem }
.newsone .newslist_hot.newslist_hottit:after { content: '热点资讯'; position: absolute; right:.4rem;
top:.26667rem;
background:url(../images/m_homeicon21.png) no-repeat 2.8rem .09333rem #f7a837;
background-size:.16rem;
border-radius:.46667rem 0rem .46667rem .46667rem;
width: 3.04rem; height:.93333rem;
display: block; text-align: center; line-height:.93333rem;
color: #202734; font-size:.42667rem;
font-weight: bold }
.newsone .newslist_hot li { clear: both; display: block; border-top: 1px solid rgba(112,123,143,0.7); padding:.4rem 0rem;position: relative; z-index: 2;color:#f96004; }
.newsone .newslist_hot li:first-child:before, .newsone .newslist_hot li:first-child+li:before, .newsone .newslist_hot li:first-child+li+li:before { content: ''; width:.69333rem;
height:.72rem;
border-radius: 50%; display: block; position: absolute; top:.33333rem;
left: -1.14667rem }
.newsone .newslist_hot li:first-child { border-top: 0rem }
.newsone .newslist_hot li:first-child:before { background:url(../images/m_numicon03.png) no-repeat .34667rem center #e7eff4;
background-size:.34667rem
}
.newsone .newslist_hot li:first-child+li:before { background:url(../images/m_numicon04.png) no-repeat .34667rem center #e7eff4;
background-size:.34667rem
}
.newsone .newslist_hot li:first-child+li+li:before { background:url(../images/m_numicon05.png) no-repeat .34667rem center #e7eff4;
background-size:.34667rem
}
.newsone .newslist_hot li>a { clear: both; display: block; color: #ffffff; font-size:.42667rem;
line-height:.64rem
}
.newsone .newslist_hot li span { clear: both; display: block; padding-top:.26667rem;
padding-bottom:.13333rem;
overflow: hidden }
.newsone .newslist_hot li span a { float: left; width: 31.74603%; margin-left: 2.38095%; overflow: hidden; height: 1.77333rem }
.newsone .newslist_hot li span a:last-child { border-radius:0rem .28rem .28rem 0rem
}
.newsone .newslist_hot li span a:first-child { margin-left: 0rem; border-radius:.28rem 0rem 0rem .28rem
}
.newsone .newslist_hot li span a img { height: 100% !important }
.newlistbox { clear: both; display: block; margin-top:.26667rem;
position: relative; padding:.8rem .4rem;
margin-bottom: 1.33333rem }
.newlistbox:after { content: ''; position: absolute; left: 0rem; top: 0rem; bottom: 0rem; width: 2rem; border-radius:0rem .72rem .72rem 0rem;
background: rgba(199,215,225,0.8) }
.newlistbox li { clear: both; display: block; padding-left: 2rem; margin-top:.73333rem;
position: relative; z-index: 2; overflow: hidden }
.newlistbox li:first-child { margin-top: 0rem }
.newlistbox li:after { content: ''; position: absolute; left: 1.16rem; top:.37333rem;
width:.86667rem;
height:.18667rem;
background: url(../images/m_homeicon09.png) no-repeat center center; background-size: 100% }
.newlistbox li .newlistboxtime { position: absolute; left: 0rem; top: 0rem; font-size:.37333rem;
color: #fff; line-height:.42667rem;
text-align: center; width: 1.2rem; display: block }
.newlistbox li .newlistboxtime i { clear: both; display: block; font-style: normal }
.newlistbox li .newlistboxclass { float: right; font-size:.32rem;
line-height:.66667rem;
color: #5c6c89 }
.newlistbox li .newlistboxkey { float: left; font-size:.34667rem;
line-height:.66667rem;
color: #fff; background: #f7a837; border-radius:.33333rem;
padding:0rem .2rem
}
.newlistbox li h3 { clear: both; display: block; text-align: left; font-weight: normal; padding-bottom:.2rem
}
.newlistbox li h3 a { clear: both; display: block; font-size:.37333rem;
line-height:.48rem;
color: #2b3444 }
.newlistbox li.newlistboxbtn { position: absolute; right:.4rem;
bottom:-.34667rem;
text-align: right; line-height: 1; margin-top: 0rem }
.newlistbox li.newlistboxbtn a {
font-size:.34667rem; color: #5c6c89; line-height: 1 }
.newlistbox li.newlistboxbtn:after { display: none }
.newlistimg { clear: both; display: block; margin-top:.26667rem;
position: relative; padding:.26667rem .4rem .8rem .4rem;
margin-bottom: 1.33333rem }
.newlistimg:after { content: ''; position: absolute; left: 0rem; top: 0rem; bottom: 0rem; width: 2rem; border-radius:0rem .72rem .72rem 0rem;
background: rgba(199,215,225,0.8) }
.newlistimg li { position: relative; z-index: 5; padding-right: 3.06667rem; height: 2.53333rem; padding-top:.53333rem;
margin-top:.53333rem;
border-top: 1px solid #b7cad7 }
.newlistimg li:before { content: ''; position: absolute; left: 0rem; top: -1px; width: 1.6rem; height: 0; border-top: 1px solid #d8e4ec }
.newlistimg li:first-child { margin-top: 0rem; border-top: 0rem }
.newlistimg li:first-child:before { display: none }
.newlistimg li h3 { font-weight: normal; overflow: hidden; line-height:.01333rem;
padding-bottom:.37333rem;
margin-top:-.10667rem
}
.newlistimg li h3 a {
font-size:.37333rem;
line-height:.64rem; color: #2b3444; word-break: break-all; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden }
.newlistimg li p { overflow: hidden; line-height: 1 }
.newlistimg li p span { float: left; color: #5c6c89; font-size:.32rem;
padding-right:.48rem
}
.newlistimg li p span+span { float: right }
.newlistimg li .newlistimgpic { position: absolute; right: 0rem; top:.53333rem;
width: 2.66667rem; height: 2rem; border-radius:.13333rem;
overflow: hidden }
.newlistimg li.newlistimgbtn { position: absolute; right:.4rem;
bottom:-.34667rem;
text-align: right; line-height: 1; margin-top: 0rem; height: auto; padding-top: 0rem; padding-right: 0rem; border: 0px }
.newlistimg li.newlistimgbtn a {
font-size:.34667rem; color: #5c6c89; line-height: 1 }
.newlistimg li.newlistimgbtn:after { display: none }
.newlist { clear: both; display: block; margin-top:.26667rem;
position: relative; padding:.26667rem .4rem .26667rem .4rem;
margin-bottom:.26667rem
}
.newlist:after { content: ''; position: absolute; left: 0rem; top: 0rem; bottom: 0rem; width: 2rem; border-radius:0rem .72rem .72rem 0rem;
background: rgba(199,215,225,0.8) }
.newlist li { position: relative; z-index: 5; padding-right: 3.06667rem; height: 2.53333rem; padding-top:.53333rem;
margin-top:.53333rem;
border-top: 1px solid #b7cad7 }
.newlist li:before { content: ''; position: absolute; left: 0rem; top: -1px; width: 1.6rem; height: 0; border-top: 1px solid #d8e4ec }
.newlist li:first-child { margin-top: 0rem; border-top: 0rem }
.newlist li:first-child:before { display: none }
.newlist li h3 { font-weight: normal; overflow: hidden; line-height:.01333rem;
padding-bottom:.37333rem;
margin-top:-.10667rem
}
.newlist li h3 a {
font-size:.37333rem;
line-height:.64rem; color: #2b3444; word-break: break-all; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden }
.newlist li p { overflow: hidden; line-height: 1 }
.newlist li p span { float: left; color: #5c6c89; font-size:.32rem;
padding-right:.48rem
}
.newlist li p span+span { float: right }
.newlist li .newlistpic { position: absolute; right: 0rem; top:.53333rem;
width: 2.66667rem; height: 2rem; border-radius:.13333rem;
overflow: hidden }
.newlist li.newlistbtn { position: absolute; right:.4rem;
bottom:-.34667rem;
text-align: right; line-height: 1; margin-top: 0rem; height: auto; padding-top: 0rem; padding-right: 0rem; border: 0px }
.newlist li.newlistbtn a {
font-size:.34667rem; color: #5c6c89; line-height: 1 }
.newlist li.newlistbtn:after { display: none }
.newshowone { clear: both; display: block; background: url(../images/m_newicon01.jpg) repeat left top; background-size: 1.06667rem; margin-right:-.4rem;
border-radius:1.01333rem 0rem 0rem .72rem;
position: relative; z-index: 3; padding:.53333rem .4rem .37333rem .53333rem
}
.newshowone h1 { clear: both; display: block; color: #ffffff; font-size:.58667rem;
line-height:.72rem;
position: relative; z-index: 2 }
.newshowone .author { clear: both; display: block; color: #5b6371; font-size:.3rem;
line-height:.45333rem;
padding-top:.2rem;
padding-bottom:.4rem;
position: relative; z-index: 2 }
.newshowone .ornament { clear: both; display: block; color: #f7a837; font-size:.34667rem;
line-height: 1; background: url(../images/m_homeicon16.png) no-repeat left center; background-size:.18667rem;
padding-left:.37333rem
}
.newshowone:after { content: ''; position: absolute; top: 1.73333rem; right: 0rem; width: 4.46667rem; height: 1.2rem; background: url(../images/m_newicon01.png) no-repeat center top; background-size: 100%; display: block }
.newshowtwo {
padding-top:.26667rem; position: relative }
.newshowtwo span { float: left; background: rgba(207,226,244,0.45); background: -webkit-linear-gradient(top, rgba(207,226,244,0.45), rgba(231,240,248,0.45)); background: -o-linear-gradient(top, rgba(207,226,244,0.45), rgba(231,240,248,0.45)); background: linear-gradient(to bottom, rgba(207,226,244,0.45), rgba(231,240,248,0.45)); border: 2px solid rgba(255,255,255,0.45); box-shadow:-.32rem -.32rem .54667rem .06667rem rgba(255,255,255,0.45), .21333rem .21333rem .66667rem 0rem rgba(58,75,98,0.18);
border-radius:.4rem;
font-size:.34667rem;
color: #5c6c89; margin-right: 4.34783%; width: 30.43478%; font-weight: bold; text-align: center; padding:.13333rem .13333rem;
line-height:.50667rem
}
.newshowtwo span:last-child { margin-right: 0rem }
.newshowthree { clear: both; display: block; border-radius:.72rem;
padding:.8rem .4rem .4rem .4rem;
position: relative; background: #fff; color: #555 }
.newshowthree:before { content: ''; position: absolute; left: 50%; width: 3.46667rem; height:.18667rem;
background: #d8e4ec; border-radius:.09333rem;
margin-left: -1.73333rem; top:.4rem
}
.newshowthree h2, .newshowthree h3 { clear: both; font-size:.46667rem;
line-height:.8rem;
margin:-.53333rem 0rem -.93333rem -.4rem;
color: #333; background: url(../images/m_homeicon17.png) no-repeat left top; background-size: 1.81333rem; padding-left: 1.53333rem; padding-top:.73333rem;
padding-bottom:.73333rem
}
.newshowthree p { clear: both; font-size:.42667rem;
line-height:.73333rem;
margin:.66667rem 0rem;
color: #2b3444 }
.newshowthree a { color: #ff1d18 }
.newshowthree img, .newshowthree video { width: 100% }
.newshowthree ul { clear: both; margin:.66667rem 0rem
}
.newshowthree ul li { clear: both; font-size:.42667rem;
line-height:.66667rem;
margin:.26667rem 0rem;
color: #2b3444; background:url(../images/mprozhtwoicon01.png) no-repeat left .25333rem;
background-size:.26667rem;
padding-left:.49333rem
}

.newshowfive a { z-index: 4; position: absolute; right:-.4rem;
bottom:-.2rem;
width: 3.33333rem }
.newshowfive a:after { content: ''; display: block; position: absolute; background: url(../images/m_newbtn_01.gif) no-repeat center center; background-size: 100%; width:.66667rem;
height:.84rem;
top: 2.6rem; left:.42667rem
}
.newpage { padding:.13333rem .4rem .86667rem .4rem
}
.newpage p { clear: both; padding:.2rem 0rem .2rem 1.6rem;
color: #5c6c89; position: relative; line-height: 1 }
.newpage p strong { position: absolute; left: 0rem; top: 50%; transform: translateY(-50%); font-size:.4rem
}
.newpage p a, .newpage p span, .newpage p font { clear: both; display: block; font-weight: normal; color: #5c6c89; font-size:.37333rem;
background: rgba(231,240,248,0.45); background: -webkit-linear-gradient(top, rgba(231,240,248,0.45), rgba(207,226,244,0.45)); background: -o-linear-gradient(top, rgba(231,240,248,0.45), rgba(207,226,244,0.45)); background: linear-gradient(to bottom, rgba(231,240,248,0.45), rgba(207,226,244,0.45)); border: 2px solid rgba(255,255,255,0.45); box-shadow:-.32rem -.32rem .54667rem .06667rem rgba(255,255,255,0.45), .21333rem .21333rem .66667rem 0px rgba(58,75,98,0.36);
border-radius:.4rem;
line-height:.66667rem;
padding:.33333rem .26667rem;
text-align: left; display: inline-block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: 100% }
.recom_pro { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; z-index: 1; width: 100%; padding:.86667rem .2rem .49333rem .2rem;
margin-bottom: 1.06667rem }
.recom_pro .swiper-slide { text-align: center; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; padding:0rem .2rem
}
.recom_pro .swiper-slide .recom_probox { clear: both; display: block; background: url(../images/protwobg.png) no-repeat center bottom; background-size: 4.4rem; padding-bottom:.53333rem;
overflow: hidden }
.recom_pro .swiper-slide .recom_probox .protwopic { clear: both; display: block; margin:0rem .13333rem .24rem .13333rem;
border-radius:.4rem;
overflow: hidden }
.recom_pro .swiper-slide .recom_probox .recom_protit { clear: both; display: block; padding-bottom:.16rem;
line-height: 1; text-align: center; font-weight: bold }
.recom_pro .swiper-slide .recom_probox .recom_protit a { clear: both; display: block; line-height: 1; color: #2b3444; font-size:.4rem;
text-overflow: ellipsis; overflow: hidden; white-space: nowrap }
.recom_pro .swiper-slide .recom_probox .recom_protxt {
font-size:.32rem; color: #5c6c89; line-height: 1; text-align: center; text-overflow: ellipsis; overflow: hidden; white-space: nowrap }
.recom_pro .swiper-pagination { line-height: 1 }
.recom_pro .swiper-pagination .swiper-pagination-bullet {
width:.21333rem;
height:.21333rem; border: 2px solid #fff; background: none; opacity: 1 }
.recom_pro .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #fff }
.recom_new { clear: both; display: block; margin-top:.26667rem;
position: relative; padding:.26667rem .4rem .8rem .4rem;
margin-bottom: 1.33333rem }
.recom_new:after { content: ''; position: absolute; left: 0rem; top: 0rem; bottom: 0rem; width: 2rem; border-radius:0rem .72rem .72rem 0rem;
background: rgba(199,215,225,0.8) }
.recom_new li { position: relative; z-index: 5; padding-right: 3.06667rem; height: 2.53333rem; padding-top:.53333rem;
margin-top:.53333rem;
border-top: 1px solid #b7cad7 }
.recom_new li:before { content: ''; position: absolute; left: 0rem; top: -1px; width: 1.6rem; height: 0; border-top: 1px solid #d8e4ec }
.recom_new li:first-child { margin-top: 0rem; border-top: 0rem }
.recom_new li:first-child:before { display: none }
.recom_new li .recom_newtit { font-weight: normal; overflow: hidden; line-height:.01333rem;
padding-bottom:.37333rem;
margin-top:-.10667rem
}
.recom_new li .recom_newtit a {
font-size:.37333rem;
line-height:.64rem; color: #2b3444 }
.recom_new li .recom_newtxt { overflow: hidden; line-height: 1 }
.recom_new li .recom_newtxt span { float: left; color: #5c6c89; font-size:.32rem;
padding-right:.48rem
}
.recom_new li .recom_newtxt span+span { float: right }
.recom_new li .recom_newpic { position: absolute; right: 0rem; top:.53333rem;
width: 2.66667rem; height: 2rem; border-radius:.13333rem;
overflow: hidden }
.recom_case { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; z-index: 1; width: 100%; padding:.86667rem .2rem .49333rem .2rem;
margin-bottom: 1.06667rem }
.recom_case .swiper-slide { text-align: center; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; padding:0rem .2rem
}
.recom_case .swiper-slide .recom_casebox { clear: both; display: block; background: #2b3444; border-radius:.42667rem .57333rem .57333rem .57333rem;
overflow: hidden }
.recom_case .swiper-slide .recom_casebox .recom_caseboxpic { clear: both; display: block }
.recom_case .swiper-slide .recom_casebox h4 { clear: both; display: block; line-height: 1; text-align: center; font-weight: normal; padding:.2rem .2rem .33333rem .2rem
}
.recom_case .swiper-slide .recom_casebox h4 a { clear: both; display: block; line-height:.48rem;
color: #d8e4ec; font-size:.34667rem;
height:.96rem;
display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; -webkit-align-items: center; -moz-box-align: center; -webkit-box-align: center; -webkit-justify-content: center; justify-content: center; -moz-box-pack: center }
.recom_case .swiper-pagination { line-height: 1 }
.recom_case .swiper-pagination .swiper-pagination-bullet {
width:.21333rem;
height:.21333rem; border: 2px solid #2b3444; background: none; opacity: 1 }
.recom_case .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #2b3444 }
.recompro_new { clear: both; display: block; margin-top:.26667rem;
position: relative; padding:.8rem .4rem;
margin-bottom: 1.06667rem }
.recompro_new:after { content: ''; position: absolute; left: 0rem; top: 0rem; bottom: 0rem; width: 2rem; border-radius:0rem .72rem .72rem 0rem;
background: #b7cad7 }
.recompro_new li { clear: both; display: block; padding-left: 2rem; margin-top:.73333rem;
position: relative; z-index: 2; overflow: hidden }
.recompro_new li:first-child { margin-top: 0rem }
.recompro_new li:after { content: ''; position: absolute; left: 1.16rem; top:.37333rem;
width:.86667rem;
height:.18667rem;
background: url(../images/m_homeicon09.png) no-repeat center center; background-size: 100% }
.recompro_new li .recompro_newtime { position: absolute; left: 0rem; top: 0rem; font-size:.37333rem;
color: #fff; line-height:.42667rem;
text-align: center; width: 1.2rem; display: block }
.recompro_new li .recompro_newtime i { clear: both; display: block; font-style: normal }
.recompro_new li .recompro_newclass { float: right; font-size:.32rem;
line-height:.66667rem;
color: #5c6c89 }
.recompro_new li .recompro_newkey { float: left; font-size:.34667rem;
line-height:.66667rem;
color: #fff; background: #f7a837; border-radius:.33333rem;
padding:0rem .2rem
}
.recompro_new li .recompro_newtit { clear: both; display: block; text-align: left; font-weight: normal; padding-bottom:.2rem
}
.recompro_new li .recompro_newtit a { clear: both; display: block; font-size:.37333rem;
line-height:.48rem;
color: #2b3444 }
.proone {
padding:1.73333rem .4rem 0rem .4rem; background: #d8e4ec; background: -webkit-linear-gradient(top, #f7f9fb, #d8e4ec 100%); background: -o-linear-gradient(top, #f7f9fb, #d8e4ec 100%); background: linear-gradient(to bottom, #f7f9fb, #d8e4ec 100%); position: relative; margin-bottom:.82667rem
}
.proone:before { content: ''; position: absolute; top: 0rem; bottom: 0rem; right: 0rem; width: 30.4%; border-radius:.72rem 0rem 0rem .72rem;
border: 2px solid rgba(255,255,255,0.45); background: #e7f0f8; background: -webkit-linear-gradient(0deg, rgba(231,240,248,0.45), rgba(207,226,244,0.45)); background: -o-linear-gradient(0deg, rgba(231,240,248,0.45), rgba(207,226,244,0.45)); background: linear-gradient(0deg, rgba(231,240,248,0.45), rgba(207,226,244,0.45)); box-shadow:-.32rem -.32rem .54667rem .06667rem rgba(255,255,255,0.45)
}
.proone.prooneli:before { bottom: -1rem }
.proone .proonebox { clear: both; padding-top:.4rem;
padding-bottom:.2rem;
position: relative; z-index: 5 }
.proone .proonebox .prooneboxpic { clear: both; display: block; margin:0rem -.4rem -.53333rem -.4rem;
position: relative }
.proone .proonebox .prooneboxpic:after, .proone .proonebox .prooneboxpic:before { content: ''; position: absolute; top:.44rem;
height: 2.66667rem }
.proone .proonebox .prooneboxpic:after { background: #e6edf3; left:.4rem;
width:.4rem
}
.proone .proonebox .prooneboxpic:before { background: #1e2530; left: 0rem; right: 0rem }
.proone .proonebox .prooneboxpic img { position: relative; z-index: 3 }
.proone .proonebox h3 { clear: both; background: url(../images/m_numicon02.png) no-repeat left center; background-size:.26667rem;
padding-left:.46667rem;
color: #2b3444; font-size:.50667rem;
font-weight: bold; line-height: 1; text-align: left; margin-bottom:.53333rem;margin-top:1rem;
}
.proone .proonebox p { clear: both; font-size:.4rem;
color: #5c6c89; line-height: 1; text-align: left }
.proone .proonebox p strong { color: #ff4842 }
.proone .proonebox .prooneboxbtn { position: absolute; right:-.4rem;z-index: 10; bottom: 0rem; background: #f93204; background: -webkit-linear-gradient(left, #f76f29 30%, #f93204); background: -o-linear-gradient(left, #f76f29 30%, #f93204); background: linear-gradient(to right, #f76f29 30%, #f93204); border-radius:.26667rem 0rem 0rem .66667rem;
overflow: hidden; font-size:.45333rem;color: #ffffff; line-height:.64rem;font-weight: bold; padding:.26667rem .62667rem
}

.protwo { padding-top:.33333rem;
padding-bottom:.53333rem
}
.protwo li { float: left; width: 4.4rem; margin-left:.4rem;
background: url(../images/protwobg.png) no-repeat center bottom; background-size: 4.4rem; padding-bottom:.53333rem;
margin-top:.53333rem
}
.protwo li .protwopic { clear: both; display: block; margin:0rem .13333rem .24rem .13333rem;
border-radius:.4rem;
overflow: hidden }
.protwo li h3 { clear: both; display: block; padding-bottom:.16rem;
line-height: 1; text-align: center }
.protwo li h3 a { clear: both; display: block; line-height: 1; color: #2b3444; font-size:.4rem;
text-overflow: ellipsis; overflow: hidden; white-space: nowrap }
.protwo li p {
font-size:.32rem; color: #5c6c89; line-height: 1; text-align: center; text-overflow: ellipsis; overflow: hidden; white-space: nowrap }
.prothree { padding-left: 2%; padding-bottom:.8rem
}
.prothree a { float: left; background: rgba(207,226,244,0.45); background: -webkit-linear-gradient(top, rgba(207,226,244,0.45), rgba(231,240,248,0.45)); background: -o-linear-gradient(top, rgba(207,226,244,0.45), rgba(231,240,248,0.45)); background: linear-gradient(to bottom, rgba(207,226,244,0.45), rgba(231,240,248,0.45)); border: 2px solid rgba(255,255,255,0.45); box-shadow:-.32rem -.32rem .54667rem .06667rem rgba(255,255,255,0.45), .21333rem .21333rem .66667rem 0rem rgba(58,75,98,0.18);
border-radius:.4rem;
font-size:.34667rem;
color: #5c6c89; margin-left: 2.04082%; margin-bottom:.4rem;
width: 29.93197%; text-align: center; padding:.24rem .13333rem;
line-height:.53333rem;
text-overflow: ellipsis; white-space: nowrap; overflow: hidden }
.pronav { clear: both; display: block; position: relative; background: #1e2530; border-radius:.73333rem 0rem 0rem .73333rem;
line-height: 1; padding:.42667rem 0rem;
margin-top:-.46667rem
}
.pronav li { float: left; width: 14.2857%; text-align: center }
.pronav li a { display: inline-block; color: #ffffff; font-size:.37333rem;
border-bottom: 1px solid #fff; padding-bottom: 2px; line-height:.37333rem
}
.pronav li.on a {
font-size:.45333rem; font-weight: bold; color: #ff4a4a; border-bottom: 0px solid #fff }
.profour {
padding-top:.4rem; padding-bottom: 1.2rem }
.profour li { float: left; width: 4.4rem; margin-left:.4rem;
background: url(../images/protwobg.png) no-repeat center bottom; background-size: 4.4rem; padding-bottom:.53333rem;
margin-top:.53333rem
}
.profour li .profourpic { clear: both; display: block; margin:0rem .13333rem .24rem .13333rem;
border-radius:.4rem;
overflow: hidden }
.profour li h3 { clear: both; display: block; padding-bottom:.16rem;
line-height: 1; text-align: center }
.profour li h3 a { clear: both; display: block; line-height: 1; color: #2b3444; font-size:.4rem;
text-overflow: ellipsis; overflow: hidden; white-space: nowrap }
.profour li p {
font-size:.32rem; color: #5c6c89; line-height: 1; text-align: center; text-overflow: ellipsis; overflow: hidden; white-space: nowrap }
.profour li p strong { font-weight: normal }
.proshowone { padding: 2.26667rem 0rem 0rem 0rem; background: #d8e4ec; background: -webkit-linear-gradient(top, #f7f9fb, #d8e4ec 100%); background: -o-linear-gradient(top, #f7f9fb, #d8e4ec 100%); background: linear-gradient(to bottom, #f7f9fb, #d8e4ec 100%); position: relative; margin-bottom:.46667rem;
z-index: 1 }
.proshowone:before { content: ''; position: absolute; top: 0rem; bottom: 0rem; right: 0rem; width: 30.4%; border-radius:.72rem 0rem 0rem .72rem;
border: 2px solid rgba(255,255,255,0.45); background: #e7f0f8; background: -webkit-linear-gradient(0deg, rgba(231,240,248,0.45), rgba(207,226,244,0.45)); background: -o-linear-gradient(0deg, rgba(231,240,248,0.45), rgba(207,226,244,0.45)); background: linear-gradient(0deg, rgba(231,240,248,0.45), rgba(207,226,244,0.45)); box-shadow:-.32rem -.32rem .54667rem .06667rem rgba(255,255,255,0.45), .21333rem .21333rem .66667rem 0rem rgba(58,75,98,0.45)
}
.proshowone .proshowonetop {
padding:0rem 0rem 0rem .53333rem;
margin-bottom:.53333rem; position: relative; z-index: 2 }
.proshowone .proshowonetop:after { content: ''; position: absolute; right: 0rem; top:-.6rem;
width: 4.46667rem; height: 1.2rem; background: url(../images/m_numicon01.png) no-repeat center center; background-size: 100% }
.proshowone .proshowonetop h1 { clear: both; display: block; color: #2b3444; font-size:.66667rem;
line-height: 1; position: relative; z-index: 3 }
.proshowone .proshowonetop p { color: #5c6c89; font-size:.34667rem;
line-height: 1; padding-top:.26667rem
}
.proshowone .proshowonebombox { position: relative; z-index: 2; padding:0rem .4rem 0rem
}
.proshowone .proshowonebombox .proshowonebom {
border-radius:.57333rem .57333rem .57333rem .57333rem; overflow: hidden; background: #e7f0f8; background: -webkit-linear-gradient(top, #e7f0f8, #cfe2f4); background: -o-linear-gradient(top, #e7f0f8, #cfe2f4); background: linear-gradient(to bottom, #e7f0f8, #cfe2f4); box-shadow:-.2rem -.2rem .36rem .04rem #fff, .21333rem .21333rem .45333rem 0rem rgba(58,75,98,0.3)
}
.proshowone .proshowonebombox .proshowonebom .proslidebox { clear: both; display: block; position: relative; width: 100%; overflow: hidden }
.proshowone .proshowonebombox .proshowonebom .proslidebox img { width: 100% }
.proshowone .proshowonebombox .proshowonebom .proslidebox .swiper-pagination { position: absolute; z-index: 3; height:.10667rem;
background: rgba(43,52,68,0.4); line-height: 1; display: block; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center }
.proshowone .proshowonebombox .proshowonebom .proslidebox .swiper-pagination .swiper-pagination-bullet { width: 0; -webkit-box-flex: 1; -ms-flex: 1; -webkit-flex: 1; flex: 1; border-radius: 0rem }
.proshowone .proshowonebombox .proshowonebom .proslidebox .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { position: relative; background: #2b3444 }
.proshowone .proshowonebombox .proshowonebom .proslidebox .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before { content: ''; position: absolute; left: 0rem; width: 100%; bottom: 0rem; height: 1.33333rem; background: rgba(43,52,68,0.3); background: -webkit-linear-gradient(top, rgba(43,52,68,0), rgba(43,52,68,0.45)); background: -o-linear-gradient(top, rgba(43,52,68,0), rgba(43,52,68,0.45)); background: linear-gradient(to bottom, rgba(43,52,68,0), rgba(43,52,68,0.45)) }
.proshowone .proshowonebombox .proshowonebom .proslidebox.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0px }
.proshowone .proshowonebombox ul { position: absolute; width: 1.46667rem; right:.26667rem;
bottom:.4rem;
z-index: 10 }


.proshowtwo { clear: both; display: block }
.proshowtwo .sx_2, .proshowtwo .sx_3, .proshowtwo .sx_4, .proshowtwo .sx_5, .proshowtwo .sx_6 {
padding:.13333rem .25rem .13333rem 0rem; text-align: left; font-size:.37333rem;
line-height:.53333rem;
position: relative; color: #5c6c89; overflow: hidden }
.proshowtwo .sx_2 strong, .proshowtwo .sx_3 strong, .proshowtwo .sx_4 strong, .proshowtwo .sx_5 strong, .proshowtwo .sx_6 strong { float: left;
    background: #fc3f03;
    font-weight: bold;
    border-radius: 0rem .42667rem .42667rem 0rem;
    text-align: center;
    padding: .16rem .2rem .16rem .25rem;
    width: 1.6rem;
    font-size: .4rem;
    line-height: .50667rem;
    color: #fff;
    margin-right: .33333rem;
}
.proshowtwo .sx_2 span, .proshowtwo .sx_3 span, .proshowtwo .sx_4 span, .proshowtwo .sx_5 span, .proshowtwo .sx_6 span {clear: both;
    padding: .15rem;
    display: table-cell;
   
    border-radius: 21px;
    background: #3575d7;
    color: #fff;
    letter-spacing: 1px;}
.hometel_pro { margin-top:.8rem;
margin-bottom:.73333rem
}
.proshowthree { clear: both; display: block; position: relative; margin-bottom:.66667rem
}
.proshowthree:after { content: ''; position: absolute; left: 0rem; top: 0rem; bottom: 0rem; right:.4rem;
background: url(../images/proshowthree.jpg) repeat left top; background-size: 1.06667rem; border-radius:0rem 0rem .66667rem 0rem
}
.proshowthree .proshowthreetop { clear: both; display: block; position: relative; z-index: 2; text-align: right; font-size:.32rem;
color: #5c6c89; line-height:.66667rem;
background: #d8e4ec; border-radius:0rem 0rem 0rem .66667rem;
padding:.26667rem 0rem .26667rem .4rem;
margin-right:.4rem
}
.proshowthree .proshowthreetop span { float: left; width: 2.30667rem; line-height:.66667rem
}
.proshowthree .proshowthreetop span img { width: 100% }
.proshowthree .proshowthreetop:after { content: ''; position: absolute; right: 0rem; bottom:-.66667rem;
width:.66667rem;
height:.66667rem;
background: url(../images/m_proshowthreeicon02.png) no-repeat right top; background-size: 100% }
.proshowthree .proshowthreebom { clear: both; margin-right:.4rem;
overflow: hidden }
.proshowthree_case { margin-left: auto; margin-right:-.4rem;
position: relative; z-index: 1; width: 100%; padding:.4rem .2rem .66667rem .2rem
}
.proshowthree_case .swiper-slide { text-align: center; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; padding:0rem .2rem;
width: 93% }
.proshowthree_case .swiper-slide .proshowthree_casebox { clear: both; width: 100% }
.proshowthree_case .swiper-slide .proshowthree_casebox .proshowthree_casepic { clear: both; display: block; border-radius:.4rem;
overflow: hidden }
.proshowthree_case .swiper-slide .proshowthree_casebox .proshowthree_casetit { clear: both; display: block; color: #5c6c89; font-size:.42667rem;
font-weight: bold; line-height: 1; text-align: left; padding-bottom:.33333rem;
transform: translateX(-200px); opacity: 0; transition: all .4s }
.proshowthree_case .swiper-slide.ani-slide .proshowthree_casebox .proshowthree_casetit { transform: translateX(0); opacity: 1 }
.proshowthree_case .swiper-pagination {
font-size:.34667rem; color: #5c6c89 }
.proshowthree_case .swiper-pagination.swiper-pagination-fraction { bottom: auto; top:.2rem;
left: auto; right:.8rem;
width: auto }
.proshowthree_case .swiper-pagination.swiper-pagination-fraction .swiper-pagination-current { color: #2b3444; font-weight: bold; font-size:.4rem
}
.proshowthree_case .swiper-pagination.swiper-pagination-fraction .swiper-pagination-total { font-weight: bold }
.proshownav { clear: both; padding:0rem .26667rem .66667rem .26667rem
}
.proshownav ul li { float: left; width: 33.3333%; padding:.2rem .13333rem;
text-align: center }
.proshownav ul li a { clear: both; display: block; width: 100%; background: rgba(231,240,248,0.45); background: -webkit-linear-gradient(0deg, rgba(231,240,248,0.45), rgba(207,226,244,0.45)); background: -o-linear-gradient(0deg, rgba(231,240,248,0.45), rgba(207,226,244,0.45)); background: linear-gradient(0deg, rgba(231,240,248,0.45), rgba(207,226,244,0.45)); border: 2px solid rgba(255,255,255,0.45); box-shadow:-.32rem -.32rem .54667rem .06667rem rgba(255,255,255,0.45), .21333rem .21333rem .66667rem 0rem rgba(58,75,98,0.36);
border-radius:.28rem;
color: #2b3444; font-size:.4rem;
line-height: 1.04rem; text-align: center; cursor: pointer; text-overflow: ellipsis; white-space: nowrap; overflow: hidden }
.proshowfour { clear: both; display: block; border-radius:.72rem;
padding:1.2rem .4rem .4rem .4rem;
position: relative; background: #fff; color: #555; margin-bottom: .06667rem }
.proshowfour:before { content: ''; position: absolute; left: 50%; width: 3.46667rem; height:.18667rem;
background: #d8e4ec; border-radius:.09333rem;
margin-left: -1.73333rem; top:.4rem
}
.proshowfour h2, .proshowfour h3 { clear: both; font-size:.46667rem;line-height:.8rem;margin:-.53333rem 0rem -1.06667rem -.4rem;color: #333; background: url(../images/m_homeicon11.png) no-repeat left top; background-size: 1.82667rem; padding-left: 1.53333rem; padding-top:.6rem;
padding-bottom:1.2rem
}
.proshowfour p { clear: both; font-size:.42667rem;
line-height:.73333rem;
margin:.66667rem 0rem;
color: #2b3444; text-align: left }
.proshowfour a { color: #ff1d18 }
.proshowfour img, .proshowfour video { width: 100% }
.proshowfour ul { clear: both; margin:.66667rem 0rem
}
.proshowfour ul li { clear: both; font-size:.42667rem;
line-height:.66667rem;
margin:.26667rem 0rem;
color: #2b3444; background:url(../images/mprozhtwoicon01.png) no-repeat left .25333rem;
background-size:.26667rem;
padding-left:.49333rem
}
.Live_video { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; z-index: 1; width: 100%; padding:.86667rem .2rem .49333rem .2rem;
margin-bottom: 1.06667rem }
.Live_video .swiper-slide { text-align: center; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; padding:0rem .2rem
}
.Live_video .swiper-slide .Live_videobox { clear: both; display: block; background: #2b3444; border-radius:.42667rem .57333rem .57333rem .57333rem;
overflow: hidden }
.Live_video .swiper-slide .Live_videobox .Live_videoboxpic { clear: both; display: block; padding-left:.4rem;
position: relative }
.Live_video .swiper-slide .Live_videobox .Live_videoboxpic i { position: absolute; width:.8rem;
height:.8rem;
left:.13333rem;
bottom:.66667rem;
background: -webkit-linear-gradient(90deg, rgba(191,204,217,0.8), rgba(230,239,248,0.8)); background: -o-linear-gradient(90deg, rgba(191,204,217,0.8), rgba(230,239,248,0.8)); background: linear-gradient(90deg, rgba(191,204,217,0.8), rgba(230,239,248,0.8)); box-shadow:.17333rem .17333rem .24rem 0rem rgba(37,42,46,0.576), -.06667rem -.06667rem .13333rem 0rem rgba(255,255,255,0.368);
border-radius: 50% }
.Live_video .swiper-slide .Live_videobox .Live_videoboxpic i:after { content: ''; position: absolute; left:.05333rem;
top:.05333rem;
width:.69333rem;
height:.69333rem;
background: url(../images/m_homeicon19.png) no-repeat center center; background-size: 100% }
.Live_video .swiper-slide .Live_videobox .Live_videoboxpic img { border-radius:0rem 0rem .57333rem .57333rem
}
.Live_video .swiper-slide .Live_videobox .Live_videoboxtit { clear: both; display: block; line-height: 1; text-align: center; font-weight: normal; padding:.2rem .13333rem .33333rem
}
.Live_video .swiper-slide .Live_videobox .Live_videoboxtit a { clear: both; display: block; line-height:.42667rem;
color: #d8e4ec; font-size:.34667rem
}
.Live_video .swiper-pagination { line-height: 1 }
.Live_video .swiper-pagination .swiper-pagination-bullet {
width:.21333rem;
height:.21333rem; border: 2px solid #2b3444; background: none; opacity: 1 }
.Live_video .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #2b3444 }

.questionOne {
padding:1.73333rem .4rem 1.06667rem .4rem; background: #d8e4ec; background: -webkit-linear-gradient(top, #f7f9fb 30%, #d8e4ec 100%); background: -o-linear-gradient(top, #f7f9fb 30%, #d8e4ec 100%); background: linear-gradient(to bottom, #f7f9fb 30%, #d8e4ec 100%); position: relative; margin-bottom: -1.06667rem }
.questionOne:before { content: ''; position: absolute; top: 0rem; bottom: 0rem; right: 0rem; width: 30.4%; border-radius:.72rem 0rem 0rem .72rem;
border: 2px solid rgba(255,255,255,0.45); background: #e7f0f8; background: -webkit-linear-gradient(0deg, rgba(231,240,248,0.45), rgba(207,226,244,0.45)); background: -o-linear-gradient(0deg, rgba(231,240,248,0.45), rgba(207,226,244,0.45)); background: linear-gradient(0deg, rgba(231,240,248,0.45), rgba(207,226,244,0.45)); box-shadow:-.32rem -.32rem .54667rem .06667rem rgba(255,255,255,0.45)
}
.questionTwo { clear: both; padding:.46667rem .4rem .46667rem .4rem
}
.questionTwo h3 { background: url(../images/m_questionThreeicon03.png) no-repeat left center; background-size: 1.30667rem; font-size:.37333rem;
line-height:.8rem;
color: #2b3444; margin-left:-.4rem;
padding:.36rem 0rem .36rem 1.4rem
}
.questionTwo p {
font-size:.37333rem; color: #5c6c89; line-height:.8rem;
margin-top:-.26667rem
}
.questionThree .questionThreetop { clear: both; display: block; border-radius: 1.30667rem 0rem 0rem 1.30667rem; overflow: hidden; position: relative; z-index: 2 }
.questionThree .questionThreetop:after { content: ''; position: absolute; left: 0rem; right: 0rem; bottom: 0rem; z-index: 2; width: 100%; height: 100%; background: #2b3444; background: #2b3444; background: -webkit-linear-gradient(top, rgba(43,52,68,0), rgba(43,52,68,0.7)); background: -o-linear-gradient(top, rgba(43,52,68,0), rgba(43,52,68,0.7)); background: linear-gradient(to bottom, rgba(43,52,68,0), rgba(43,52,68,0.7)); border-radius:.72rem 0rem 0rem .72rem
}
.questionThree .questionThreetop img { position: relative; z-index: 1; width: 100% }
.questionThree .questionThreetop p { position: absolute; z-index: 3; left: 0rem; right: 0rem; bottom: 0rem }
.questionThree .questionThreetop p span { float: left; width: 33.3333%; background: url(../images/m_abouticon02.png) no-repeat center bottom; background-size:.37333rem;
padding-bottom:.53333rem;
color: #f7a837; font-size:.4rem;
font-weight: bold; text-align: center; line-height: 1 }
.questionThree .questionThreebom { position: relative; z-index: 1; background: url(../images/m_abouticon01.jpg) repeat center center; background-size:.06667rem;
padding-top: 1.73333rem; margin-top: -1.46667rem; padding-bottom:.26667rem;
border-radius: 0rem 0rem 0rem 1.30667rem; text-align: center; line-height: 1 }
.questionThree .questionThreebom p { display: inline-block; position: relative; color: #eaf1f8; font-size:.37333rem;
font-weight: normal; text-overflow: ellipsis; line-height: 1.22667rem; text-align: center; background: url(../images/m_contactpic02.png) no-repeat left center; background-size: 1.2rem; padding-left: 1.26667rem }
.questionThree .questionThreebom p strong { font-size:.61333rem
}
.questionFour { clear: both; padding:.26667rem .4rem 0rem .4rem
}
.questionFour h4 { color: #2b3444; font-size:.56rem;
font-weight: bold; line-height:.8rem;
background: url(../images/m_homeicon18.png) no-repeat left top; background-size: 1.82667rem; padding:.8rem .26667rem .53333rem 1.53333rem;
margin-left:-.4rem
}
.questionFour ul { padding-top:.53333rem
}
.questionFour ul li { background: #ecf2f6; margin:0rem 0rem 1rem .66667rem;
position: relative; border-radius:.57333rem
}
.questionFour ul li .questionFourtop {
margin-left:-.66667rem; position: relative }
.questionFour ul li .questionFourtop .questionFourtopspan { position: absolute; right: 0rem; top: 0rem; bottom: 0rem; width: 1.14667rem; display: block; border-radius:.57333rem .57333rem 0rem 0rem;
background: #ecf2f6; z-index: 2 }
.questionFour ul li .questionFourtop .questionFourtopspan:after { content: ''; position: absolute; left:-.26667rem;
bottom: 0rem; width:.26667rem;
height:.26667rem;
background: url(../images/m_questionThreeicon04.png) no-repeat right bottom; background-size:.26667rem
}
.questionFour ul li .questionFourtop .title { clear: both; display: block; background: #2a3343; position: relative; z-index: 1; border-radius:.66667rem .66667rem .26667rem 0rem
}
.questionFour ul li .questionFourtop .title span { clear: both; display: block; font-size:.37333rem;
color: #7a8aa7; position: relative; padding:.46667rem 0rem 0rem 1.36rem;
line-height: 1 }
.questionFour ul li .questionFourtop .title span i { position: absolute; left: 0rem; padding: 3px; overflow: hidden; top:-.26667rem;
width: 1.06667rem; height: 1.06667rem; background: #bc2830; background: -webkit-linear-gradient(45deg, #bc2830, #701034); background: -o-linear-gradient(45deg, #bc2830, #701034); background: linear-gradient(45deg, #bc2830, #701034); box-shadow:0rem .09333rem .24rem 0rem rgba(0,0,0,0.4);
border-radius:.53333rem .53333rem 0rem .53333rem
}
.questionFour ul li .questionFourtop .title span i img { width:.98667rem;
height:.98667rem;
border-radius:.49333rem .49333rem 0rem .49333rem
}
.questionFour ul li .questionFourtop .title p { color: #fff; font-size:.4rem;
line-height:.72rem;
padding:.2rem 1.8rem .26667rem .4rem
}
.questionFour ul li .questionFourtop:after { content: ''; position: absolute; left: 0rem; bottom: 0rem; width: 0rem; height: 0rem; border-top: 0rem; border-left: 0rem; border-right:.4rem solid transparent;
border-bottom:.4rem solid #d8e4ec;
z-index: 3 }
.questionFour ul li .questionFourbom {
padding:.2rem .66667rem .26667rem .53333rem; position: relative; font-size:.37333rem;
line-height:.64rem;
color: #5c6c89 }
.questionFour ul li .questionFourbom span { position: absolute; z-index: 2; right:.09333rem;
top:-.93333rem;
background: #ffc553; color: #bb8b2b; font-size:.4rem;
text-align: center; line-height:.93333rem;
width:.93333rem;
height:.93333rem;
border-radius: 50% }
.questionFour ul li .questionFourbom p { padding:.2rem 0rem
}
.questionFour ul li .questionFourbom:after { position: absolute; content: ''; width:.82667rem;
height: 2.72rem; background: url(../images/m_questionThreeicon01.png) no-repeat center top; background-size: 100%; bottom:-.30667rem;
left:-.53333rem
}
.questionFive {
padding:1.73333rem 0rem 0rem .4rem; background: #d8e4ec; background: -webkit-linear-gradient(top, #f7f9fb 30%, #d8e4ec 100%); background: -o-linear-gradient(top, #f7f9fb 30%, #d8e4ec 100%); background: linear-gradient(to bottom, #f7f9fb 30%, #d8e4ec 100%); position: relative }
.questionFive:before { content: ''; position: absolute; top: 0rem; bottom: 0rem; right: 0rem; width: 30.4%; border-radius:.72rem 0rem 0rem .72rem;
border: 2px solid rgba(255,255,255,0.45); background: #e7f0f8; background: -webkit-linear-gradient(0deg, rgba(231,240,248,0.45), rgba(207,226,244,0.45)); background: -o-linear-gradient(0deg, rgba(231,240,248,0.45), rgba(207,226,244,0.45)); background: linear-gradient(0deg, rgba(231,240,248,0.45), rgba(207,226,244,0.45)); box-shadow:-.32rem -.32rem .54667rem .06667rem rgba(255,255,255,0.45)
}
.questionFive .questionFivebox { clear: both; display: block; background: url(../images/m_newicon01.jpg) repeat left top; background-size: 1.06667rem; border-radius:1.01333rem 0rem 1.01333rem .72rem;
position: relative; z-index: 2; padding:.81333rem .4rem .46667rem .53333rem;
overflow: hidden; position: relative; z-index: 4 }
.questionFive .questionFivebox:after { content: ''; width: 2.06667rem; height: 2.29333rem; background: url(../images/m_questionThreeicon05.png) no-repeat center bottom; background-size: 100%; position: absolute; right:.4rem;
bottom: 0rem }
.questionFive .questionFivebox h1 { clear: both; display: block; color: #ffffff; font-size:.61333rem;
line-height:.77333rem
}
.questionFive .questionFivebox .author { clear: both; display: block; color: #5b6371; font-size:.3rem;
line-height:.45333rem;
padding-top:.2rem;
padding-bottom:.4rem;
position: relative; z-index: 2 }
.questionFive .questionFivebox .ornament { clear: both; display: block; color: #f7a837; font-size:.34667rem;
line-height: 1; background: url(../images/m_homeicon16.png) no-repeat left center; background-size:.18667rem;
padding-left:.37333rem
}
.questionFive .questionFivebtn { margin-top: -1.06667rem; position: relative; z-index: 2; text-align: right; line-height: 1 }
.questionFive .questionFivebtn a { clear: both; display: inline-block; width: 5.02667rem; height: 2.14667rem; overflow: hidden; color: #ffffff; font-size:.45333rem;
line-height:.66667rem;
font-weight: bold; background: #d7323b; background: -webkit-linear-gradient(90deg, #d7323b, #701034); background: -o-linear-gradient(90deg, #d7323b, #701034); background: linear-gradient(90deg, #d7323b, #701034); box-shadow:.02667rem .04rem .17333rem 0rem rgba(97,8,30,0.32);
border-radius:.28rem 0rem 0rem .69333rem;
text-align: center; padding-top: 1.22667rem }
.questionSix { clear: both; display: block; border-radius:.72rem;
padding:2.66667rem .4rem .4rem .4rem;
position: relative; background: #fff; color: #555; margin-top: -2.6rem }
.questionSix:before { content: ''; position: absolute; left: 50%; width: 3.46667rem; height:.18667rem;
background: #d8e4ec; border-radius:.09333rem;
margin-left: -1.73333rem; top:.4rem
}
.questionSix h2, .questionSix h3 { clear: both; font-size:.46667rem;
line-height:.8rem;
margin:-.53333rem 0rem -.93333rem -.4rem;
color: #333; background: url(../images/m_homeicon17.png) no-repeat left top; background-size: 1.81333rem; padding-left: 1.53333rem; padding-top:.73333rem;
padding-bottom:.73333rem
}
.questionSix p { clear: both; font-size:.42667rem;
line-height:.73333rem;
margin:.66667rem 0rem;
color: #2b3444 }
.questionSix a { color: #ff1d18 }
.questionSix img, .questionSix video { width: 100% }
.questionSix ul { clear: both; margin:.66667rem 0rem
}
.questionSix ul li { clear: both; font-size:.42667rem;
line-height:.66667rem;
margin:.26667rem 0rem;
color: #2b3444; background:url(../images/mprozhtwoicon01.png) no-repeat left .25333rem;
background-size:.26667rem;
padding-left:.49333rem
}
.questionSix table td { border: 1px solid #ddd; text-align: center !important }
.questionSeven { clear: both; padding:.26667rem .4rem .66667rem .4rem
}
.questionSeven h4 { color: #2b3444; font-size:.56rem;
font-weight: bold; line-height:.8rem;
background: url(../images/m_homeicon18.png) no-repeat left top; background-size: 1.82667rem; padding:.8rem .26667rem .53333rem 1.53333rem;
margin-left:-.4rem
}
.questionSeven ul { padding-top:.26667rem
}
.questionSeven ul li {
margin:0rem 0rem .4rem 0rem;
padding:.2rem .4rem; position: relative; border-radius:.4rem;
background: rgba(207,226,244,0.45); background: -webkit-linear-gradient(top, rgba(207,226,244,0.45), rgba(231,240,248,0.45) 80%); background: -o-linear-gradient(top, rgba(207,226,244,0.45), rgba(231,240,248,0.45) 80%); background: linear-gradient(to bottom, rgba(207,226,244,0.45), rgba(231,240,248,0.45) 80%); border: 2px solid rgba(255,255,255,0.45); box-shadow:-.32rem -.32rem .54667rem .06667rem rgba(255,255,255,0.45), .21333rem .21333rem .66667rem 0rem rgba(58,75,98,0.36);
line-height:.66667rem
}
.questionSeven ul li a { clear: both; display: block; font-size:.37333rem;
line-height:.66667rem;
color: #5c6c89 }
.questionEight {
padding:.26667rem .66667rem .26667rem .66667rem; position: relative; margin-bottom: 0rem; margin-top:.66667rem
}
.questionEight:before { content: ''; position: absolute; border-radius:.4rem;
background: rgba(207,226,244,0.45); background: -webkit-linear-gradient(top, rgba(207,226,244,0.45), rgba(231,240,248,0.45) 80%); background: -o-linear-gradient(top, rgba(207,226,244,0.45), rgba(231,240,248,0.45) 80%); background: linear-gradient(to bottom, rgba(207,226,244,0.45), rgba(231,240,248,0.45) 80%); border: 2px solid rgba(255,255,255,0.45); box-shadow:-.32rem -.32rem .54667rem .06667rem rgba(255,255,255,0.45), .21333rem .21333rem .66667rem 0rem rgba(58,75,98,0.36);
left:.4rem;
right:.4rem;
top: 0rem; bottom: 0rem }
.questionEight .questionEightpic { float: left; width: 43.47826%; border-radius:.13333rem;
overflow: hidden; position: relative; z-index: 2 }
.questionEight .questionEightpic img { width: 100% }
.questionEight .questionEightbox { float: right; position: relative; z-index: 2; width: 52.17391% }
.questionEight .questionEightbox h2 { clear: both; display: block; font-size:.4rem;
font-weight: bold; line-height:.42667rem;
padding-bottom:.06667rem
}
.questionEight .questionEightbox p { clear: both; display: block; font-size:.34667rem;
line-height:.4rem;
padding-top:.26667rem;
text-align: left }
.questionEight .questionEightbox p strong { clear: both; display: block; font-weight: normal; line-height: 1; padding-bottom:.13333rem
}
.questionEight .questionEightbox p span { clear: both; display: block; color: #a61929 }
.home-end { clear: both; width: 100%; max-width: 750px; min-width: 320px; margin: 0 auto; padding:.33333rem 0px 0px 0px;
position: relative; text-align: center; font-size:.37333rem;
line-height: 1.5 }
.taglistone {
padding:1.73333rem .4rem 1.06667rem .4rem; background: #d8e4ec; background: -webkit-linear-gradient(top, #f7f9fb, #d8e4ec 100%); background: -o-linear-gradient(top, #f7f9fb, #d8e4ec 100%); background: linear-gradient(to bottom, #f7f9fb, #d8e4ec 100%); position: relative }
.taglistone:before { content: ''; position: absolute; top: 0rem; bottom: 0rem; right: 0rem; width: 30.4%; border-radius:.72rem 0rem 0rem .72rem;
border: 2px solid rgba(255,255,255,0.45); background: #e7f0f8; background: -webkit-linear-gradient(0deg, rgba(231,240,248,0.45), rgba(207,226,244,0.45)); background: -o-linear-gradient(0deg, rgba(231,240,248,0.45), rgba(207,226,244,0.45)); background: linear-gradient(0deg, rgba(231,240,248,0.45), rgba(207,226,244,0.45)); box-shadow:-.32rem -.32rem .54667rem .06667rem rgba(255,255,255,0.45), .21333rem .21333rem .66667rem 0rem rgba(58,75,98,0.45)
}
.taglistone .insidetit { padding-left:.26667rem
}
.taglistone .insidetit h2 { font-size:.53333rem
}
.taglistone .insidetit h2 span { color: #f7a837; display: inline-block; padding-right:.13333rem
}
.taglisttwo { clear: both; display: block; margin-top: -1.06667rem; position: relative; padding:.4rem .4rem;
margin-bottom:.4rem;
background: #f3faff; border-radius:.4rem;
overflow: hidden }
.taglisttwo:after { content: ''; position: absolute; left: 0rem; top: 0rem; bottom: 0rem; width: 2rem; border-radius:0rem .72rem .72rem 0rem;
background: #b7cad7 }
.taglisttwo li { clear: both; display: block; padding-left: 2rem; margin-top:.4rem;
position: relative; z-index: 2; overflow: hidden }
.taglisttwo li:first-child { margin-top: 0rem }
.taglisttwo li:after { content: ''; position: absolute; left: 1.16rem; top:.4rem;
width:.86667rem;
height:.18667rem;
background: url(../images/m_homeicon09.png) no-repeat center center; background-size: 100% }
.taglisttwo li .taglisttwotime { position: absolute; left: 0rem; top:.08rem;
font-size:.34667rem;
color: #fff; line-height:.37333rem;
text-align: center; width: 1.2rem; display: block }
.taglisttwo li .taglisttwotime i { clear: both; display: block; font-style: normal }
.taglisttwo li h3 { clear: both; display: block; text-align: left; font-weight: normal; padding-bottom:.2rem
}
.taglisttwo li h3 a { clear: both; display: block; font-size:.37333rem;
line-height:.48rem;
min-height:.96rem;
color: #2b3444 }
.videoOne { padding: 2.33333rem 0rem 0rem 0rem; background: #d8e4ec; background: -webkit-linear-gradient(top, #f7f9fb 30%, #d8e4ec 100%); background: -o-linear-gradient(top, #f7f9fb 30%, #d8e4ec 100%); background: linear-gradient(to bottom, #f7f9fb 30%, #d8e4ec 100%); position: relative }
.videoOne:before { content: ''; position: absolute; top: 0rem; bottom: 0rem; right: 0rem; width: 30.4%; border-radius:.72rem 0rem 0rem .72rem;
border: 2px solid rgba(255,255,255,0.45); background: #e7f0f8; background: -webkit-linear-gradient(0deg, rgba(231,240,248,0.45), rgba(207,226,244,0.45)); background: -o-linear-gradient(0deg, rgba(231,240,248,0.45), rgba(207,226,244,0.45)); background: linear-gradient(0deg, rgba(231,240,248,0.45), rgba(207,226,244,0.45)); box-shadow:-.32rem -.32rem .54667rem .06667rem rgba(255,255,255,0.45)
}
.videoOne h1 { clear: both; color: #2b3444; font-size:.56rem;
line-height:.66667rem;
text-align: left; position: relative; z-index: 2; padding:0rem .8rem 0rem .93333rem
}
.videoOne h1:after { content: ''; position: absolute; right: 0rem; top:-.6rem;
width: 4.46667rem; height: 1.2rem; background: url(../images/m_numicon01.png) no-repeat center center; background-size: 100%; z-index: -1 }
.videoOne .videoOnetop { clear: both; display: block; overflow: hidden; position: relative; z-index: 4; margin-top:.6rem
}
.videoOne .videoOnetop p { clear: both; display: block; overflow: hidden; width: 100%; margin: 0px; padding: 0px; line-height: 1 }
.videoOne .videoOnetop video { overflow: hidden; width: 100%; margin: 0px; padding: 0px; line-height: 1 }
.videoOne .videoOnebom { position: relative; z-index: 3; background: url(../images/m_newshowfouricon02.png) repeat left top; background-size: 1.06667rem; padding-top: 1.73333rem; margin-top: -1.33333rem; padding-bottom:.4rem;
border-radius: 0rem 0rem 0rem 1.30667rem; text-align: left; line-height: 3; padding-left:.16rem
}
.videoOne .videoOnebom p { display: inline-block; position: relative; color: #eaf1f8; font-size:.37333rem;
font-weight: normal; text-overflow: ellipsis; line-height: 1.22667rem; text-align: center; background: url(../images/m_contactpic02.png) no-repeat left center; background-size: 1.2rem; padding-left: 1.26667rem }
.videoOne .videoOnebom p strong {
font-size:.61333rem; vertical-align: bottom }
.videoOne .videoOnebom p strong a { color: #fff }
.videoOne .videoOnebox { clear: both; overflow: hidden; background: #eaf1f8; border-radius: 0rem 0rem 0rem 1.30667rem; position: relative; z-index: 2; padding-top: 1.33333rem; padding-bottom:.6rem;
margin-top: -1.33333rem }
.videoOne .videoOnebox span { float: left; width: 33.3333%; font-size:.4rem;
font-weight: bold; text-align: center; color: #ca2e3a; line-height: 1; padding-top:.49333rem;
position: relative }
.videoOne .videoOnebox span:after { content: ''; background: url(../images/m_videoicon01.png) no-repeat center top; background-size:.37333rem;
width:.37333rem;
height:.32rem;
display: block; position: absolute; left: 50%; top: 0rem; margin-left:-.18667rem
}
.videoOne .videoOnebox span:first-child+span { color: #b32638 }
.videoOne .videoOnebox span:first-child+span:after { background-image: url(../images/m_videoicon02.png) }
.videoOne .videoOnebox span:first-child+span+span { color: #a42137 }
.videoOne .videoOnebox span:first-child+span+span:after { background-image: url(../images/m_videoicon03.png) }
.videoTwo { color: #5c6c89; font-size:.37333rem;
line-height:.8rem;
padding:.30667rem .4rem .74667rem .4rem
}
.videoThree .videoThreetop { position: relative }
.videoThree .videoThreetop:after { content: ''; position: absolute; left: 0rem; right: 0rem; bottom: 0rem; top:.56rem;
background: linear-gradient(0deg, #e7f0f8, #cfe2f4); border: 2px solid #fff; box-shadow:-.32rem -.32rem .54667rem .06667rem rgba(255,255,255,0.31), .21333rem .21333rem .66667rem 0rem rgba(58,75,98,0.11);
border-radius:.42667rem 0rem .42667rem 0rem
}
.videoThree .videoThreetop .videoThreetoptit { width: 2rem; height:.56rem;
background: #ffc451; border-radius:.37333rem .18667rem 0rem 0rem;
font-size:.32rem;
color: #333333; text-align: center; line-height:.56rem;
margin-left:.42667rem;
position: relative; z-index: 1 }
.videoThree .videoThreetop .videoThreetopcon { width: auto; padding-top:.4rem;
padding-bottom:.66667rem;
margin-right:.2rem;
margin-left:.16rem;
overflow: hidden }
.videoThree .videoThreetop .videoThreetopcon:after { content: ''; position: absolute; right:.4rem;
bottom:.26667rem;
width: 1.21333rem; height:.21333rem;
background: url(../images/m_videoicon04.png) no-repeat right center; background-size: 100%; z-index: 1 }
.videoThree .videoThreetop .videoThreetopcon .swiper-slide { width: 31.33333%; padding:0rem .2rem
}
.videoThree .videoThreetop .videoThreetopcon .swiper-slide .videoThreetopbox { clear: both; display: block; overflow: hidden; background: #e5eef4; background: -webkit-linear-gradient(left, #e5eef4, #fff); background: -o-linear-gradient(left, #e5eef4, #fff); background: linear-gradient(to right, #e5eef4, #fff); box-shadow:0rem 0rem .21333rem 0rem rgba(0,0,0,0.14);
border-radius:.56rem 0rem .56rem 0rem
}
.videoThree .videoThreetop .videoThreetopcon .swiper-slide .videoThreetopbox .videoThreetopboxpic { clear: both; display: block }
.videoThree .videoThreetop .videoThreetopcon .swiper-slide .videoThreetopbox .videoThreetopboxpic img { width: 100% }
.videoThree .videoThreetop .videoThreetopcon .swiper-slide .videoThreetopbox p { clear: both; display: block; text-align: center; line-height: 1; padding-top:.16rem;
padding-bottom:.16rem;
position: relative }
.videoThree .videoThreetop .videoThreetopcon .swiper-slide .videoThreetopbox p:after { content: ''; position: absolute; width:.12rem;
height:.12rem;
border-radius: 50%; background: #ffc451; right:.10667rem;
top:.08rem
}
.videoThree .videoThreetop .videoThreetopcon .swiper-slide .videoThreetopbox p a { clear: both; display: block; font-size:.32rem;
color: #333; text-align: center; line-height: 1 }
.videoThree .videoThreebom { clear: both; padding:.26667rem .8rem 1.6rem .8rem;
position: relative }
.videoThree .videoThreebom:after { content: ''; position: absolute; left:.4rem;
right:.4rem;
bottom: 1.2rem; top: 0rem; border: 1px dashed #d33345; border-radius:0rem 0rem .50667rem .50667rem;
border-top: 0rem }
.videoThree .videoThreebom p { clear: both; display: block; color: #2b3444; font-size:.37333rem;
line-height:.66667rem;
padding:.06667rem 0rem
}
.videoThree .videoThreebom p span { font-weight: bold }
#gotoTop2 { position: fixed; right:.4rem;
bottom: 4rem; width: 1.06667rem; height: 1.06667rem; display: none; z-index: 99999; background: url(../images/m_totop.png) no-repeat center center; background-size: 1.06667rem; cursor: pointer }
.floatbom01 { position: fixed; left: 50%; bottom:-.53333rem;
transform: translateX(-50%); z-index: 100; opacity: 0; transition: all 0.5s }
.floatbom01 .floatbomfl { position: absolute; left: 4.26667%; top:.68rem;
width: 33.33333%; text-align: center; line-height: 1; padding: 0rem; display: block }
.floatbom01 .floatbomfl a { display: inline-block; font-size:.42667rem;
font-weight: bold; color: #353e4d; background: url(../images/m_floatbomicon01.png) no-repeat left center; background-size:.66667rem;
padding-left:.85333rem;
line-height: 1.28rem; text-align: left }
.floatbom01 .floatbommid { position: absolute; left: 40%; top:.73333rem;width: 54.66667%; font-size:.42667rem;text-align: left; color: #f93204; padding-left: 1.33333rem; overflow: hidden; border-top-left-radius:.49333rem .49333rem
}
.floatbom01 .floatbommid:after { content: ''; position: absolute; left: 0rem; top:-.2rem;
width: 1.34667rem; height: 1.36rem; background: url(../images/m_floatbomicon02.gif) no-repeat center center; background-size: 100%; transform: scale(-1, 1) }
.floatbom01 .floatbommid strong { font-size:.49333rem
}
.floatbom01 .floatbommid span { clear: both; display: block; line-height: 1; color: #d8e4ec; font-size:.32rem
}
.floatbom01.durday { bottom: -3.46667rem; background: url(../images/m_floatbombg.png) no-repeat center top; background-size: 100%; height: 3.46667rem }
.floatbom01.durday .floatbomfl { top: 1.88rem; line-height: 1.2rem }
.floatbom01.durday .floatbommid { top: 1.97333rem }
.floatbom01.durday .hometeltop { width: 1.06667rem; height: 1.06667rem; border-radius: 50%; position: absolute; right:.64rem;
top:.57333rem;
cursor: pointer }
.floatbom01.durday .hometeltop .wxhbom01 { position: absolute; right:-.22667rem;
top: -1.09333rem; background: #353e4c; border-radius:.13333rem;
line-height: 1; color: #fff; padding:.17333rem .13333rem;
z-index: 10; font-size:.37333rem;
display: none; width: 6.4rem; transition: all 0.5s; text-align: center }
.floatbom01.durday .hometeltop .wxhbom01:after { content: ''; position: absolute; right:.26667rem;
bottom:-.13333rem;
width: 0px; height: 0px; border-bottom: 0px; border-left:.13333rem solid transparent;
border-right:.13333rem solid transparent;
border-top:.13333rem solid #353e4c
}
.floatbom01.durday .hometeltop.on .wxhbom01 { display: block }
.floatbom01.durday.active { opacity: 1; bottom: 0rem }
.floatbom01.night { bottom: -2.38667rem; background: url(../images/m_floatbombg_02.png) no-repeat center top; background-size: 100%; height: 2.38667rem; padding-top:.86667rem;
padding-left:.66667rem;
padding-right:.8rem
}
.floatbom01.night .floatbomtit i {
font-size:.34667rem; line-height: 1; padding-bottom: 2px; color: #353e4d; border-bottom: 1px solid #353e4d; font-style: normal }
.floatbom01.night .floatbomtit span { float: right; background: url(../images/m_floatbomicon03.png) no-repeat left center; background-size:.66667rem;
padding-left:.73333rem;
line-height:.66667rem;
font-size:.48rem;
color: #f7a837; font-weight: bold }
.floatbom01.night.active { opacity: 1; bottom: 0rem }
.sitemap { clear: both; padding:1.6rem .4rem 0rem
}
.sitemap .sitemaptit { padding: 0rem 0rem 0rem 0rem; margin-bottom:.66667rem;
margin-top:.46667rem;
position: relative }
.sitemap .sitemaptit:after { content: ''; position: absolute; right:-.4rem;
top:-.6rem;
width: 4.46667rem; height: 1.2rem; background: url(../images/m_numicon01.png) no-repeat center center; background-size: 100% }
.sitemap .sitemaptit h1 { clear: both; display: block; color: #2b3444; font-size:.66667rem;
line-height: 1; position: relative; z-index: 5 }
.sitemap .sitemaptit p, .sitemap .sitemaptit a { clear: both; display: block; color: #5c6c89; font-size:.34667rem;
line-height: 1.6; padding-top:.26667rem
}
.sitemap ul { clear: both; padding: 0rem 0rem 0rem 0rem }
.sitemap ul li {
background:url(../images/m_homeicon21.png) no-repeat left .46667rem;
background-size:.16rem; border-bottom: 1px solid #ccc; padding:.2rem 0rem .2rem .4rem
}
.sitemap ul li a { display: block; font-size:.37333rem;
line-height:.66667rem
}
.fenye { text-align: center; font-size:.37333rem;
clear: both; padding-top:.4rem;
padding-bottom:.66667rem
}
.fenye a { color: #555; margin: 0rem; display: inline-block; padding:0rem .33333rem;
background: #fff; border: 1px solid #ededed; border-radius:.4rem
}
.fenye a.disabled { background: #f3f3f3; color: #999999 }
.fenye span { cursor: pointer; background: #fff; border: 1px solid #ededed; border-radius:.4rem;
padding:0rem .66667rem 0rem .33333rem;
display: inline-block; position: relative; margin:0rem .2rem;
color: #555 }
.fenye span:after { content: ''; position: absolute; right:.2rem;
top:.29333rem;
border-color: #ffb13f transparent transparent transparent; border-width:.2rem .16rem 0rem .16rem;
border-style: solid; width: 0rem; height: 0rem; z-index: 1 }
.fenye span strong:nth-child(1) { color: #ffb13f }
.fenye .current { background: #ff3a3b none repeat scroll 0 0; border: 1px solid #c00; color: #fff; text-decoration: none }
.page-list { -webkit-transform: translate(-50%, 800px); transform: translate(-50%, 800px); -webkit-transition: all .15s ease-out; transition: all .15s ease-out; overflow: hidden; background: #fefcf7; position: fixed; left: 50%; max-height: 5rem; bottom: 0px; z-index: 1000 }
.page-list .page-list-title { background: #82a0b5; height:.93333rem;
line-height:.93333rem;
color: #fff; padding:0rem .4rem;
font-size:.4rem;
position: relative; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: space-between }
.page-list .page-list-title a { color: #fff }
.page-list .page-list-title .bi-close { position: relative; width:.4rem;
height:.4rem;
cursor: pointer; display: block; margin-top:.26667rem
}
.page-list .page-list-title .bi-close img { vertical-align: top }
.page-list ul { overflow: auto; -webkit-overflow-scrolling: touch; padding:.26667rem .4rem;
max-height: 4.4rem }
.page-list ul li { float: left; width: 12.5%; z-index: 1000; color: #e8dac4; text-align: center; padding:.06667rem 0rem
}
.page-list ul li a { clear: both; display: inline-block; color: #333 !important; text-align: center; font-size:.37333rem;
width:.73333rem;
height:.73333rem;
border: 1px solid #eee; border-radius: 50%; line-height:.66667rem
}
.page-list ul li.on a { background-color: #82a0b5; border: 1px solid #82a0b5; color: #fff !important }
.casetopitem { margin:.66667rem 0rem
}
.casetopitem .casetopitemtop { clear: both; display: block; position: relative; z-index: 1; padding-bottom:.4rem
}
.casetopitem .casetopitemtop .casetopitemtoptit { clear: both; display: block; text-align: center; color: #353e4d; font-size:.56rem;
line-height:.66667rem;
font-weight: bold; padding:0rem 0rem .66667rem 0rem;
margin: 0rem !important }
.casetopitem .casetopitemtop .casetopitemtoptxt { clear: both; display: block; text-align: center; color: #5c6c89; padding: 0rem; font-size:.4rem;
line-height: 1.1; margin: 0rem !important }
.casetopitem .casetopitemtop:after, .casetopitem .casetopitemtop:before { display: block; content: ''; position: absolute }
.casetopitem .casetopitemtop:after {
width:.45333rem;
height:.45333rem; background: url(../images/insidestyle/caseitem01icon02.png) no-repeat center center; background-size: 100%; top:.8rem;
left: 50%; margin-left:-.22667rem;
z-index: 2 }
.casetopitem .casetopitemtop:before { z-index: 1; left: 1.06667rem; right: 1.06667rem; height: 2px; top: 1rem; background: #c84933; background: -webkit-linear-gradient(left, rgba(200,73,51,0), #c84933, rgba(200,73,51,0)); background: -o-linear-gradient(left, rgba(200,73,51,0), #c84933, rgba(200,73,51,0)); background: linear-gradient(to right, rgba(200,73,51,0), #c84933, rgba(200,73,51,0)) }
.casetopitem .casetopitemmid { clear: both; margin-bottom: 0rem !important; position: relative; z-index: 2 }
.casetopitem .casetopitemmid li { float: left; display: block; width: 1.73333rem !important; height: 1.73333rem !important; cursor: pointer; box-shadow:.18667rem .18667rem .36rem rgba(20,32,51,0.7);
background: #2b3545 !important; padding: 3px !important; border-radius: 50%; margin-left: 1.33333rem !important; clear: none !important; margin-top: 0rem !important; margin-bottom:-.90667rem !important
}
.casetopitem .casetopitemmid li:first-child { margin-left:.66667rem !important
}
.casetopitem .casetopitemmid li span { clear: both; display: block; width: 100%; height: 100%; border-radius: 50%; background: #2b3545; background: -webkit-linear-gradient(left, #2e3848, #142034); background: -o-linear-gradient(left, #2e3848, #142034); background: linear-gradient(to right, #2e3848, #142034); color: #fff; text-align: center; line-height: 1; padding-top:.33333rem;
font-size:.42667rem !important
}
.casetopitem .casetopitemmid li span strong { clear: both; display: block; padding-bottom: 5px; font-size:.53333rem !important
}
.casetopitem .casetopitemmid li.on { background: #d6612f !important; background: -webkit-linear-gradient(left, #f3a136, #ca472d) !important; background: -o-linear-gradient(left, #f3a136, #ca472d) !important; background: linear-gradient(to right, #f3a136, #ca472d) !important }
.casetopitem .casetopitemmid li.on span { color: #f7a837 }
.casetopitem .casetopitembom { clear: both; position: relative; z-index: 1; padding-top: 1px; margin: 0rem !important }
.casetopitem .casetopitembom li { clear: both; display: block; width: 100%; border-radius:.13333rem;
box-shadow:.14667rem .14667rem .17333rem rgba(58,75,98,0.11);
padding:1.46667rem .66667rem .46667rem .66667rem !important;
display: none; background: #d6612f !important; background: -webkit-linear-gradient(left, #f3a136, #ca472d) !important; background: -o-linear-gradient(left, #f3a136, #ca472d) !important; background: linear-gradient(to right, #f3a136, #ca472d) !important; position: relative; margin: 0rem !important }
.casetopitem .casetopitembom li:after { content: ''; position: absolute; left: 3px; right: 3px; top: 3px; bottom: 3px; border-radius:.13333rem;
background: url(../images/insidestyle/caseitem01bg.png) no-repeat center top; background-size: cover }
.casetopitem .casetopitembom li p.casetopitembomtit {
padding:0rem 0rem .37333rem 0rem !important; color: #a3bade; font-size:.4rem;
position: relative; margin-bottom:.26667rem !important;
line-height: 1 !important; z-index: 2; margin-top: 0rem }
.casetopitem .casetopitembom li p.casetopitembomtit strong { color: #fff; font-size:.61333rem;
padding-right:.24rem
}
.casetopitem .casetopitembom li p.casetopitembomtit:after { content: ''; position: absolute; left: 0px; bottom: 0px; right: 0px; height: 2px; background: #e48033; background: -webkit-linear-gradient(left, #f7a837, #c3392b); background: -o-linear-gradient(left, #f7a837, #c3392b); background: linear-gradient(to right, #f7a837, #c3392b) }
.casetopitem .casetopitembom li p {
line-height:.77333rem !important; color: #fff; padding-left:.53333rem !important;
position: relative; z-index: 2; font-size:.4rem !important;
margin:.2rem 0rem !important
}
.casetopitem .casetopitembom li p span { clear: both; display: block; color: #a3bade; background: url(../images/insidestyle/caseitem01icon01.png) no-repeat left center; background-size:.18667rem;
padding-left:.53333rem !important;
margin-left:-.53333rem !important;
margin-bottom:.13333rem
}
.casetopitem .casetopitembom li p.casetopitembombtn { padding: 0rem !important; margin:.66667rem -.61333rem !important
}
.casetopitem .casetopitembom li .casetopitembombox { position: relative; margin: 0px -5px; z-index: 2 }
.casetopitem .casetopitembom li .casetopitembombox span { clear: both; display: block; font-size:.4rem;
color: #a3bade; line-height: 1; padding-bottom:.2rem
}
.casetopitem .casetopitembom li .casetopitembombox strong { clear: both; display: block; font-size:.61333rem;
color: #f7a837; line-height: 1 }
.casetopitem .casetopitembom li .casetopitembombox a { position: absolute; right: 0rem; top:.06667rem;
border-radius:.13333rem;
background: #e48033; background: -webkit-linear-gradient(left, #f7a837, #c3392b); background: -o-linear-gradient(left, #f7a837, #c3392b); background: linear-gradient(to right, #f7a837, #c3392b); color: #fff; padding:.26667rem .73333rem;
font-size:.4rem;
font-weight: bold }
.casetopitem .casetopitembom li .casetopitembombox p { clear: both; text-align: right; font-size:.32rem !important;
color: #a3bade; line-height:.4rem !important;
padding:.2rem 0rem 0rem 0rem !important;
margin:.2rem 0rem 0rem 0rem !important
}
.casetopitem .casetopitembom li.on { display: block }
.casetopitemtwo { margin:.66667rem 0rem
}
.casetopitemtwo .casetopitemtwotop { clear: both; display: block; position: relative; z-index: 1; padding-bottom:.13333rem;
margin-bottom:.2rem
}
.casetopitemtwo .casetopitemtwotop .casetopitemtwotoptit { clear: both; display: block; text-align: center; color: #353e4d; font-size:.56rem;
line-height:.66667rem;
font-weight: bold; padding:0rem 0rem .66667rem 0rem;
margin: 0rem !important; position: relative }
.casetopitemtwo .casetopitemtwotop .casetopitemtwotoptit:after, .casetopitemtwo .casetopitemtwotop .casetopitemtwotoptit:before { display: block; content: ''; position: absolute }
.casetopitemtwo .casetopitemtwotop .casetopitemtwotoptit:after {
width:.45333rem;
height:.45333rem; background: url(../images/insidestyle/caseitem01icon02.png) no-repeat center center; background-size: 100%; bottom:-.22667rem;
left: 50%; margin-left:-.22667rem;
z-index: 2 }
.casetopitemtwo .casetopitemtwotop .casetopitemtwotoptit:before { z-index: 1; left: 1.06667rem; right: 1.06667rem; height: 2px; bottom: 0rem; background: #c84933; background: -webkit-linear-gradient(left, rgba(200,73,51,0), #c84933, rgba(200,73,51,0)); background: -o-linear-gradient(left, rgba(200,73,51,0), #c84933, rgba(200,73,51,0)); background: linear-gradient(to right, rgba(200,73,51,0), #c84933, rgba(200,73,51,0)) }
.casetopitemtwo .casetopitemtwotop .casetopitemtwotoptxt { clear: both; display: block; text-align: center; color: #5c6c89; padding: 0rem; font-size:.4rem;
line-height: 1.1; margin: 0rem !important }
.casetopitemtwo .casetopitemtwomid { clear: both; margin-bottom: 0rem !important; position: relative; z-index: 2 }
.casetopitemtwo .casetopitemtwomid li { float: left; display: block; width: 1.73333rem !important; height: 1.73333rem !important; cursor: pointer; box-shadow:.18667rem .18667rem .36rem rgba(20,32,51,0.7);
background: #2b3545 !important; padding: 3px !important; border-radius: 50%; margin-left: 1.33333rem !important; clear: none !important; margin-top: 0rem !important; margin-bottom:-.90667rem !important
}
.casetopitemtwo .casetopitemtwomid li:first-child { margin-left: 2.26667rem !important }
.casetopitemtwo .casetopitemtwomid li span { clear: both; display: block; width: 100%; height: 100%; border-radius: 50%; background: #2b3545; background: -webkit-linear-gradient(left, #2e3848, #142034); background: -o-linear-gradient(left, #2e3848, #142034); background: linear-gradient(to right, #2e3848, #142034); color: #fff; text-align: center; line-height: 1; padding-top:.33333rem;
font-size:.42667rem !important
}
.casetopitemtwo .casetopitemtwomid li span strong { clear: both; display: block; padding-bottom: 5px; font-size:.53333rem !important
}
.casetopitemtwo .casetopitemtwomid li.on { background: #d6612f !important; background: -webkit-linear-gradient(left, #f3a136, #ca472d) !important; background: -o-linear-gradient(left, #f3a136, #ca472d) !important; background: linear-gradient(to right, #f3a136, #ca472d) !important }
.casetopitemtwo .casetopitemtwomid li.on span { color: #f7a837 }
.casetopitemtwo .casetopitemtwobom { clear: both; position: relative; z-index: 1; padding-top: 1px; margin: 0rem !important }
.casetopitemtwo .casetopitemtwobom li { clear: both; display: block; width: 100%; border-radius:.13333rem;
box-shadow:.14667rem .14667rem .17333rem rgba(58,75,98,0.11);
padding:1.46667rem .66667rem .46667rem .66667rem !important;
display: none; background: #d6612f !important; background: -webkit-linear-gradient(left, #f3a136, #ca472d) !important; background: -o-linear-gradient(left, #f3a136, #ca472d) !important; background: linear-gradient(to right, #f3a136, #ca472d) !important; position: relative; margin: 0rem !important }
.casetopitemtwo .casetopitemtwobom li:after { content: ''; position: absolute; left: 3px; right: 3px; top: 3px; bottom: 3px; border-radius:.13333rem;
background: url(../images/insidestyle/caseitem01bg.png) no-repeat center top; background-size: cover }
.casetopitemtwo .casetopitemtwobom li p.casetopitemtwobomtit {
padding:0rem 0rem .37333rem 0rem !important; color: #a3bade; font-size:.4rem;
position: relative; margin-bottom:.26667rem !important;
line-height: 1 !important; z-index: 2; margin-top: 0rem }
.casetopitemtwo .casetopitemtwobom li p.casetopitemtwobomtit strong { color: #fff; font-size:.61333rem;
padding-right:.24rem
}
.casetopitemtwo .casetopitemtwobom li p.casetopitemtwobomtit:after { content: ''; position: absolute; left: 0px; bottom: 0px; right: 0px; height: 2px; background: #e48033; background: -webkit-linear-gradient(left, #f7a837, #c3392b); background: -o-linear-gradient(left, #f7a837, #c3392b); background: linear-gradient(to right, #f7a837, #c3392b) }
.casetopitemtwo .casetopitemtwobom li p {
line-height:.77333rem !important; color: #fff; padding-left:.53333rem !important;
position: relative; z-index: 2; font-size:.4rem !important;
margin:.2rem 0rem !important
}
.casetopitemtwo .casetopitemtwobom li p span { clear: both; display: block; color: #a3bade; background: url(../images/insidestyle/caseitem01icon01.png) no-repeat left center; background-size:.18667rem;
padding-left:.53333rem !important;
margin-left:-.53333rem !important;
margin-bottom:.13333rem
}
.casetopitemtwo .casetopitemtwobom li p.casetopitemtwobombtn { padding: 0rem !important; margin:.66667rem -.61333rem !important
}
.casetopitemtwo .casetopitemtwobom li .casetopitemtwobombox { position: relative; margin: 0px -5px; z-index: 2 }
.casetopitemtwo .casetopitemtwobom li .casetopitemtwobombox span { clear: both; display: block; font-size:.4rem;
color: #a3bade; line-height: 1; padding-bottom:.2rem
}
.casetopitemtwo .casetopitemtwobom li .casetopitemtwobombox strong { clear: both; display: block; font-size:.61333rem;
color: #f7a837; line-height: 1 }
.casetopitemtwo .casetopitemtwobom li .casetopitemtwobombox span.caseenquiry { position: absolute; right: 0rem; top:.06667rem;
border-radius:.13333rem;
background: #e48033; background: -webkit-linear-gradient(left, #f7a837, #c3392b); background: -o-linear-gradient(left, #f7a837, #c3392b); background: linear-gradient(to right, #f7a837, #c3392b); color: #fff !important; padding:.26667rem .73333rem;
font-size:.4rem;
font-weight: bold }
.casetopitemtwo .casetopitemtwobom li .casetopitemtwobombox p { clear: both; text-align: right; font-size:.32rem !important;
color: #a3bade; line-height:.4rem !important;
padding:.2rem 0rem 0rem 0rem !important;
margin:.2rem 0rem 0rem 0rem !important
}
.casetopitemtwo .casetopitemtwobom li.on { display: block }
.SandMachineOne { clear: both; display: block; background: url(../images/cpnybj.jpg) no-repeat center top #fff; background-size: 5.94667rem; border-radius:.72rem .72rem 0rem 0rem;
padding:1.6rem .4rem .0rem .4rem;
margin:-1.2rem -.4rem 0rem -.4rem;
position: relative; z-index: 2 }
.SandMachineOne h2 { clear: both; display: block; font-size:.66667rem;
color: #2b3444; line-height: 1; text-align: left; background: none; margin: 0; padding: 0 }
.SandMachineOne p { clear: both; display: block; font-size:.42667rem;
color: #2b3444; line-height:.74667rem;
text-align: left; margin:.4rem 0rem
}
.SandMachineOne p video { width: 100% }
.i5upage{margin-bottom:10px;}
.i5upage span,.i5upage a{padding: 3px;font-size: 16px;border: 1px solid #f9a177;}
.i5upage input{width:20px;}
.page-numbers{padding: 8px;font-size: 20px;border: 1px solid #266968;}
.nav{margin-bottom:1rem;}
.nav ul li{float:left;width:24%;text-align:center;border: 1px solid;margin-right: 1%;margin-bottom:1%;background: linear-gradient(0deg, rgba(231,240,248,0.45), rgba(207,226,244,0.45));border: 2px solid rgba(255,255,255,0.45);
    box-shadow: -0.32rem -0.32rem 0.54667rem 0.06667rem rgba(255,255,255,0.45), 0.21333rem 0.21333rem 0.66667rem 0rem rgba(58,75,98,0);border-radius:.28rem;padding:1%;}
.nav ul li:nth-child(4n){margin-right:0;}
.nav ul li a{font-size:.4rem;}