@charset "utf-8"; 
/*-----------------------------------------------------------*/
/*copyright by 动力无限 www.btoe.cn*/
/*邮箱 btoe@btoe.cn*/
/*合作电话 400-0599-360*/
/*版权所有违者必究*/
/*-----------------------------------------------------------*/
/*Generated by wjdhcms 3.0 */
::-webkit-scrollbar { 
 width: 12px; 
 height: 12px; 
 background-color: #F5F5F5; 
 } 
::-webkit-scrollbar-track { 
 border-radius: 12px; 
 background-color: #E2E2E2; 
 } 
::-webkit-scrollbar-thumb { 
 border-radius: 12px; 
 -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); 
 box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); 
 background-color: #555; 
 } 
::selection { 
 background-color: #0599f3; 
 color: #fff; 
 } 
::-moz-selection { 
 background-color: #0599f3; 
 color: #fff; 
 } 
::-webkit-selection { 
 background-color: #0599f3; 
 color: #fff; 
 } 
#wjdh-kefu .wjdh-kefu-qq p,
#wjdh-kefu .wjdh-kefu-qq a,
#wjdh-kefu .wjdh-kefu-tel p,
#wjdh-kefu .wjdh-kefu-tel img,
#wjdh-kefu .wjdh-kefu-erweima img { 
 box-sizing: content-box; 
 } 
* { 
 padding: 0; 
 margin: 0; 
 font-family: 'Microsoft YaHei', arial, helvetica, clean, sans-serif; 
 } 
body { 
 font: 14px/1.231 'Microsoft YaHei', arial, helvetica, clean, sans-serif; 
 color: #333; 
 margin: 0; 
 line-height: 1.5; 
 font-size: 14px; 
 max-width: 1920px; 
 margin: 0 auto !important; 
 } 
*:before,
*:after { 
 box-sizing: content-box; 
 } 
:focus { 
 outline: 1; 
 } 
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary { 
 display: block; 
 } 
a { 
 color: #333; 
 text-decoration: none; 
 } 
a:link,
a:hover,
a:active,
a:visited { 
 text-decoration: none; 
 } 
ins { 
 background-color: #ff9; 
 color: #000; 
 text-decoration: none; 
 } 
mark { 
 background-color: #ff9; 
 color: #000; 
 font-style: italic; 
 font-weight: bold; 
 } 
del { 
 text-decoration: line-through; 
 } 
table { 
 border-collapse: collapse; 
 border-spacing: 0; 
 } 
hr { 
 display: block; 
 height: 1px; 
 border: 0; 
 border-top: 1px solid #cccccc; 
 margin: 1em 0; 
 padding: 0; 
 } 
input,
select { 
 vertical-align: middle; 
 } 
li,
ul { 
 list-style-type: none; 
 } 
img { 
 border: none; 
 } 
input,
textarea { 
 outline: 0; 
 border: 0; 
 resize: none; 
 } 
h1,
h2,
h3,
h4,
h5,
h6,
dl,
dd,
dt,
i,
em { 
 font-weight: normal; 
 font-style: normal; 
 } 
.webqq_ewm { 
 box-sizing: content-box; 
 } 
.fixedNav { 
 position: fixed !important; 
 top: 0px !important; 
 left: 0px; 
 width: 100%; 
 z-index: 100000 !important; 
 box-shadow: 0px 10px 12px rgba(0, 0, 0, 0.1); 
 background-color: #fff !important; 
 } 
.fixedNav .cp { 
 top: 110px !important; 
 } 
html { 
 cursor: url(../images/cur.png), default; 
 } 
a { 
 cursor: url(../images/Acur.png), default; 
 } 
textarea { 
 animation: animated 1s infinite; 
 -moz-animation: animated 1s infinite; 
 -webkit-animation: animated 1s infinite; 
 -o-animation: animated 1s infinite; 
 } 
input[type="text"] { 
 animation: animated 1s infinite; 
 -moz-animation: animated 1s infinite; 
 -webkit-animation: animated 1s infinite; 
 -o-animation: animated 1s infinite; 
 } 
input[type="button"] { 
 cursor: url(../images/Acur.png), default !important; 
 } 
input,
button { 
 outline: none; 
 } 
@keyframes animated { 
 0% { 
 cursor: url('../images/Pcuro1.png'), auto; 
 } 
 8.8% { 
 cursor: url('../images/Pcuro2.png'), auto; 
 } 
 17.6% { 
 cursor: url('../images/Pcuro3.png'), auto; 
 } 
 26.4% { 
 cursor: url('../images/Pcuro4.png'), auto; 
 } 
 35.2% { 
 cursor: url('../images/Pcuro5.png'), auto; 
 } 
 44% { 
 cursor: url('../images/Pcuro6.png'), auto; 
 } 
 52.8% { 
 cursor: url('../images/Pcuro7.png'), auto; 
 } 
 61.6% { 
 cursor: url('../images/Pcuro8.png'), auto; 
 } 
 70.4% { 
 cursor: url('../images/Pcuro9.png'), auto; 
 } 
 79.2% { 
 cursor: url('../images/Pcuro10.png'), auto; 
 } 
 88% { 
 cursor: url('../images/Pcuro11.png'), auto; 
 } 
 100% { 
 cursor: url('../images/Pcuro12.png'), auto; 
 } 
 } 
.wjdh-ico1,
.wjdh-ico2 { 
 vertical-align: middle; 
 } 
/* xunpan S */
.container1 { 
 height: auto; 
 margin: 0 auto; 
 } 
.topxunpan { 
 text-align: left; 
 box-sizing: border-box; 
 height: 30px; 
 width: 160px; 
 margin: 15px 0 0; 
 } 
.topxunpan > i { 
 display: block; 
 width: 65px; 
 height: 65px; 
 margin: 18px auto 10px; 
 } 
.topxunpan .xp { 
 position: relative; 
 color: #fff; 
 font-size: 16px; 
 line-height: 30px; 
 cursor: pointer; 
 } 
.topxunpan .xp img { 
 vertical-align: middle; 
 } 
.topxunpan .rx img { 
 vertical-align: middle; 
 margin-right: 5px; 
 } 
.topxunpan .xp i { 
 color: #fff; 
 } 
.topxunpan .xp #xunpantip { 
 z-index: 999; 
 position: absolute; 
 top: 35px !important; 
 left: 50%; 
 width: 180px; 
 height: 30px; 
 line-height: 30px; 
 text-align: center; 
 color: #0599f3; 
 font-size: 14px; 
 -webkit-transform: translateX(-50%) scale(0); 
 -moz-transform: translateX(-50%) scale(0); 
 -o-transform: translateX(-50%) scale(0); 
 -ms-transform: translateX(-50%) scale(0); 
 transform: translateX(-50%) scale(0); 
 -webkit-transition: transform 0.4s, opacity 0.4s; 
 -moz-transition: transform 0.4s, opacity 0.4s; 
 -o-transition: transform 0.4s, opacity 0.4s; 
 -ms-transition: transform 0.4s, opacity 0.4s; 
 transition: transform 0.4s, opacity 0.4s; 
 background-color: #fff; 
 border-radius: 4px; 
 opacity: 0; 
 font-weight: bold; 
 } 
.topxunpan .xp #xunpantip::after { 
 content: ''; 
 position: absolute; 
 top: -16px; 
 left: 50%; 
 width: 0; 
 height: 0; 
 -webkit-transform: translateX(-50%); 
 -moz-transform: translateX(-50%); 
 -o-transform: translateX(-50%); 
 -ms-transform: translateX(-50%); 
 transform: translateX(-50%); 
 border: 8px solid transparent; 
 border-bottom-color: #fff; 
 } 
.topxunpan .xp #xunpantip.xunpantextactive { 
 -webkit-transform: translateX(-50%) scale(1); 
 -moz-transform: translateX(-50%) scale(1); 
 -o-transform: translateX(-50%) scale(1); 
 -ms-transform: translateX(-50%) scale(1); 
 transform: translateX(-50%) scale(1); 
 opacity: 1; 
 } 
.xcConfirm .xc_layer { 
 position: fixed; 
 top: 0; 
 left: 0; 
 width: 100%; 
 height: 0%; 
 background-color: #666666; 
 opacity: 0.5; 
 transition: 0.3s; 
 z-index: 2147000000; 
 } 
.xcConfirm .popBox { 
 position: fixed; 
 left: 50%; 
 top: 50%; 
 background-color: #ffffff; 
 z-index: 2147000001; 
 width: 10px; 
 height: 0px; 
 margin-left: -285px; 
 margin-top: -150px; 
 border-radius: 5px; 
 font-weight: bold; 
 color: #535e66; 
 transition: 0.3s; 
 overflow: hidden; 
 } 
.xcConfirm .popBox .ttBox { 
 height: 30px; 
 line-height: 30px; 
 padding: 14px 30px; 
 border-bottom: solid 1px #eef0f1; 
 height: 59px; 
 box-sizing: border-box; 
 } 
.xcConfirm .popBox .ttBox .tt { 
 font-size: 18px; 
 display: block; 
 float: left; 
 height: 30px; 
 position: relative; 
 } 
.xcConfirm .popBox .txtBox { 
 margin: 40px 68px; 
 height: 68px; 
 overflow: hidden; 
 } 
.xcConfirm .popBox .txtBox p { 
 height: 68px; 
 margin-top: 16px; 
 line-height: 26px; 
 overflow-x: hidden; 
 overflow-y: auto; 
 } 
.xcConfirm .popBox .txtBox p input { 
 width: 364px; 
 height: 30px; 
 border: solid 1px #eef0f1; 
 font-size: 18px; 
 margin-top: 6px; 
 } 
.xcConfirm .popBox .btnArea { 
 border-top: solid 1px #eef0f1; 
 } 
.xcConfirm .popBox .btnGroup { 
 float: right; 
 } 
.xcConfirm .popBox .btnGroup .sgBtn { 
 margin-top: 14px; 
 margin-right: 10px; 
 } 
.xcConfirm .popBox .sgBtn { 
 display: block; 
 cursor: pointer; 
 float: left; 
 width: 95px; 
 height: 35px; 
 line-height: 35px; 
 text-align: center; 
 color: #FFFFFF; 
 border-radius: 5px; 
 } 
.xcConfirm .popBox .sgBtn.ok { 
 color: #FFFFFF; 
 position: relative; 
 z-index: 1; 
 display: block; 
 text-align: center; 
 overflow: hidden; 
 -webkit-transition: background-color 0.6s, color 0.3s; 
 transition: background-color 0.6s, color 0.3s; 
 box-sizing: border-box; 
 border: none; 
 background-color: #0599f3; 
 cursor: pointer; 
 } 
.xcConfirm .popBox .sgBtn.ok::before { 
 content: ''; 
 position: absolute; 
 top: 0; 
 left: 0; 
 width: 100%; 
 height: 100%; 
 border: 2px solid #0599f3; 
 z-index: -1; 
 border-radius: inherit; 
 opacity: 0; 
 -webkit-transform: scale3d(0.6, 0.6, 1); 
 transform: scale3d(0.6, 0.6, 1); 
 -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; 
 transition: transform 0.3s, opacity 0.3s; 
 -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); 
 transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); 
 box-sizing: border-box; 
 } 
.xcConfirm .popBox .sgBtn.ok:hover { 
 color: #0599f3; 
 background-color: #fff; 
 } 
.xcConfirm .popBox .sgBtn.ok:hover::before { 
 -webkit-transform: scale3d(1, 1, 1); 
 transform: scale3d(1, 1, 1); 
 opacity: 1; 
 } 
.xcConfirm .popBox .sgBtn.cancel { 
 background-color: #546a79; 
 color: #FFFFFF; 
 } 
.xcConfirm { 
 transition: 0.7s; 
 } 
.xcConfirm .openh { 
 height: 100%; 
 } 
.xcConfirm .openw1 { 
 width: 511px; 
 } 
.xcConfirm .openw { 
 height: 275px; 
 } 
.UrbansubstationBox { 
 display: inline-block; 
 position: relative; 
 font-size: 14px; 
 color: #888; 
 line-height: 30px; 
 margin: 0 15px; 
 } 
.Urbansubstation { 
 position: absolute; 
 bottom: 30px; 
 left: -50%; 
 transform: translateX(-25%); 
 background: #f8f8f8; 
 width: 0; 
 height: 0; 
 overflow: hidden; 
 box-sizing: border-box; 
 line-height: 0; 
 font-size: 0; 
 border-radius: 10px; 
 color: #333 !important; 
 } 
.Urbansubstationfenzhan { 
 height: 40px; 
 line-height: 40px; 
 font-weight: bold; 
 font-size: 16px; 
 display: block; 
 text-align: center; 
 color: #333 !important; 
 } 
.UrbansubstationBoxCenter .cxfnbox { 
 width: 94%; 
 height: 100%; 
 border: 1px dashed #e2e2e2; 
 margin: 0 auto 10px; 
 border-radius: 5px; 
 } 
.UrbansubstationBoxCenter .cxfnbox a { 
 text-align: left; 
 position: relative; 
 width: 100%; 
 box-sizing: border-box; 
 display: block; 
 color: #666 !important; 
 padding: 5px 10px 5px 30px; 
 line-height: 26px; 
 font-size: 16px; 
 -webkit-transition: 0.5s; 
 transition: 0.5s; 
 } 
.UrbansubstationBox:hover .Urbansubstation { 
 min-width: 160px; 
 height: auto; 
 background-color: #ffffff; 
 box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.15); 
 border-radius: 5px; 
 } 
.Urbansubstation .cxfnbox a:hover::before { 
 border-color: #0599f3; 
 } 
.Urbansubstation .cxfnbox a:hover::after { 
 background: #0599f3; 
 } 
.Urbansubstation .cxfnbox a::after { 
 content: ""; 
 width: 6px; 
 height: 6px; 
 background: #ddd; 
 position: absolute; 
 top: 16px; 
 left: 15px; 
 border-radius: 50%; 
 -webkit-transition: 0.5s; 
 transition: 0.5s; 
 } 
.Urbansubstation .cxfnbox a::before { 
 content: ""; 
 width: 14px; 
 height: 14px; 
 border: 1px solid #ddd; 
 position: absolute; 
 top: 11px; 
 left: 10px; 
 border-radius: 50%; 
 -webkit-transition: 0.5s; 
 transition: 0.5s; 
 } 
.Urbansubstation .cxfnbox a:hover { 
 transform: translateY(-2px); 
 color: #0599f3 !important; 
 } 
.disablemouserightclick,
.disablechoose,
.disablecopy { 
 display: none; 
 } 
.contents { 
 width: 1280px; 
 margin: 0 auto; 
 } 
.fl { 
 float: left; 
 } 
.fr { 
 float: right; 
 } 
.clearfix:after { 
 content: ""; 
 display: block; 
 clear: both; 
 visibility: hidden; 
 line-height: 0; 
 height: 0; 
 font-size: 0; 
 } 
.yc { 
 overflow: hidden; 
 text-overflow: ellipsis; 
 white-space: nowrap; 
 } 
.tsy { 
 transform: perspective(1px) translateZ(0); 
 transition-duration: 0.3s ease-out; 
 } 
.tsy:hover { 
 -webkit-transform: translateY(-4px); 
 transform: translateY(-4px); 
 } 
.gd { 
 transition: 0.5s linear; 
 } 
.img100 { 
 transform: scale(1); 
 transition: 0.5s linear; 
 } 
.img100:hover { 
 transform: scale(1.1); 
 } 
.w100 { 
 width: 100%; 
 height: 100%; 
 object-fit: contain; 
 } 
.flex { 
 display: flex; 
 justify-content: space-between; 
 } 
.box-nav { 
 height: 110px; 
 } 
.box-nav .contents { 
 height: 110px; 
 position: relative; 
 } 
.box-nav .logo { 
 display: block; 
 position: absolute; 
 top: 21px; 
 left: -50px; 
 } 
.box-nav .logo img { 
 width: auto; 
 height: 67px; 
 } 
.box-nav .nav { 
 width: 900px; 
 height: 110px; 
 position: absolute; 
 top: 0; 
 right: 0; 
 display: flex; 
 justify-content: space-between; 
 } 
.box-nav .nav .m { 
 position: relative; 
 } 

.box-nav .nav .m:last-child::before { 
 content: ""; 
 display: block; 
 width: 94%; 
 height: 40px; 
 border: 1px solid #ddd; 
 box-sizing: border-box; 
 position: absolute; 
 top: 35px; left: 50%; 
 transform: translateX(-50%);
 } 

.box-nav .nav .m .mmm { 
 display: block; 
 font-size: 16px; 
 color: #333; 
 line-height: 110px; 
 height: 110px; 
 padding: 0 22px; 
 } 
.box-nav .nav .m .ne { 
 position: absolute; 
 top: 64px; 
 left: 50%; 
 transform: translateX(-50%); 
 font-family: Arial; 
 font-size: 12px; 
 color: #fff; 
 line-height: 11px; 
 } 
.box-nav .nav .m:hover .mmm { 
 color: #fff; 
 background: #0599f3; 
 } 
.box-nav .nav .another .mmm { 
 color: #fff; 
 background: #0599f3; 
 } 
.box-nav .sub { 
 display: none; 
 position: absolute; 
 top: 110px; 
 left: 50%; 
 transform: translateX(-50%); 
 z-index: 500; 
 border-radius: 0 0 10px 10px; 
 overflow: hidden; 
 } 
.box-nav .sub .nav-con { 
 width: 1300px; 
 background: url(../images/navsub.jpg) no-repeat center; 
 background-size: 100% 100%; 
 padding: 55px 0 55px 52px; 
 box-sizing: border-box; 
 } 
.box-nav .sub .nav-con::before { 
 content: ""; 
 display: block; 
 width: 500px; 
 height: 500px; 
 position: absolute; 
 border-radius: 50%; 
 background: #0599f3; 
 opacity: 0.1; 
 top: 60px; 
 right: -100px; 
 } 
.box-nav .sub .nav-con::after { 
 content: ""; 
 display: block; 
 width: 95px; 
 height: 95px; 
 position: absolute; 
 background: #0599f3; 
 opacity: 0.3; 
 border-radius: 50%; 
 top: 112px; 
 left: -55px; 
 } 
.box-nav .sub .nav-con .navListimg { 
 width: 932px; 
 display: flex; 
 transform: translateY(60px); 
 opacity: 0; 
 transition: 0.4s ease-out; 
 transition-delay: 0.1s; 
 } 
.box-nav .sub .nav-con .navListimg li { 
 width: 200px; 
 margin-right: 44px; 
 position: relative; 
 transition: 0.3s ease-out; 
 } 
.box-nav .sub .nav-con .navListimg li i { 
 font-size: 16px; 
 color: #333; 
 line-height: 30px; 
 position: absolute; 
 top: 0; 
 left: 0; 
 } 
.box-nav .sub .nav-con .navListimg li .cond { 
 display: block; 
 font-size: 14px; 
 color: #666; 
 line-height: 30px; 
 padding: 0 0 0 49px; 
 box-sizing: border-box; 
 overflow: hidden; 
 text-overflow: ellipsis; 
 white-space: nowrap; 
 } 
.box-nav .sub .nav-con .navListimg li .tu { 
 width: 200px; 
 height: 134px; 
 margin: 13px 0 0; 
 position: relative; 
 z-index: 50; 
 } 
.box-nav .sub .nav-con .navListimg li .tu::before { 
 content: ""; 
 display: block; 
 width: 200px; 
 height: 134px; 
 position: absolute; 
 background: #0599f3; 
 top: 5px; 
 left: 5px; 
 z-index: -1; 
 } 
.box-nav .sub .nav-con .navListimg li .tu .img { 
 display: block; 
 width: 200px; 
 height: 134px; 
 overflow: hidden; 
 } 
.box-nav .sub .nav-con .navListimg li .tu .img img { 
 width: 100%; 
 height: 100%; 
 object-fit: cover; 
 transition: 0.3s ease-out; 
 } 
.box-nav .sub .nav-con .navListimg li:hover { 
 transform: translateY(-4px); 
 } 
.box-nav .sub .nav-con .navListimg li:hover .tu .img img { 
 transform: scale(1.1); 
 } 
.box-nav .sub .nav-con .navListimg li:last-child { 
 margin: 0; 
 } 
.box-nav .sub .nav-con .navTitle { 
 width: 1005px; 
 height: 150px; 
 position: relative; 
 display: flex; 
 margin: 68px 0 0; 
 transform: translateY(60px); 
 opacity: 0; 
 transition: 0.4s ease-out; 
 transition-delay: 0.2s; 
 } 
.box-nav .sub .nav-con .navTitle li { 
 margin-right: 10px; 
 } 
.box-nav .sub .nav-con .navTitle li .bdnav { 
 width: 160px; 
 height: 78px; 
 display: block; 
 font-size: 18px; 
 color: #333; 
 line-height: 77px; 
 text-align: center; 
 background: #fff; 
 border: 1px solid #ddd; 
 border-radius: 10px 10px 0 0; 
 position: relative; 
 z-index: 10; 
 border-bottom: none; 
 box-sizing: border-box; 
 overflow: hidden; 
 text-overflow: ellipsis; 
 white-space: nowrap; 
 } 
.box-nav .sub .nav-con .navTitle li .bdnav::before { 
 content: ""; 
 display: block; 
 width: 100%; 
 height: 1px; 
 position: absolute; 
 background: #ddd; 
 bottom: 0; 
 left: 0; 
 transition: 0.3s ease-out; 
 } 
.box-nav .sub .nav-con .navTitle li .secondnav { 
 position: absolute; 
 top: 77px; 
 left: 0; 
 display: none; 
 width: 1005px; 
 height: 72px; 
 background: #fff; 
 border-radius: 0 0 0 10px; 
 border: 1px solid #ddd; 
 box-sizing: border-box; 
 } 
.box-nav .sub .nav-con .navTitle li .secondnav .cond { 
 display: block; 
 font-size: 16px; 
 color: #666; 
 line-height: 72px; 
 width: 160px; 
 text-align: center; 
 margin-right: 10px; 
 position: relative; 
 overflow: hidden; 
 text-overflow: ellipsis; 
 white-space: nowrap; 
 transition: 0.3s ease-out; 
 } 
.box-nav .sub .nav-con .navTitle li .secondnav .cond:hover { 
 transform: translateY(-4px); 
 } 
.box-nav .sub .nav-con .navTitle li .secondnav .cond::before { 
 content: ""; 
 display: block; 
 width: 1px; 
 height: 13px; 
 position: absolute; 
 background: #e2e2e2; 
 top: 50%; 
 right: 0; 
 margin-top: -6.5px; 
 } 
.box-nav .sub .nav-con .navTitle li .secondnav a:last-child::before { 
 display: none; 
 } 
.box-nav .sub .nav-con .navTitle .on .bdnav { 
 background: #ffffff; 
 } 
.box-nav .sub .nav-con .navTitle .on .bdnav::before { 
 width: 0; 
 } 
.box-nav .sub .nav-con .navTitle .on .secondnav { 
 display: flex; 
 } 
.box-nav .sub .nav-con .Online { 
 width: 382px; 
 height: 443px; 
 background: url(../images/Online.png) no-repeat top left; 
 background-position-x: 107px; 
 border-radius: 50%; 
 position: absolute; 
 top: 64px; 
 right: 0; 
 z-index: 10; 
 transform: translateX(350px); 
 opacity: 0; 
 transition: 0.4s ease-out; 
 transition-delay: 0.1s; 
 } 
.box-nav .sub .nav-con .Online .sultat { 
 display: block; 
 width: 236px; 
 height: 72px; 
 background: #0599f3; 
 border-radius: 36px; 
 font-size: 18px; 
 color: #fff; 
 line-height: 72px; 
 padding: 0 0 0 111px; 
 box-sizing: border-box; 
 position: absolute; 
 top: 313px; 
 left: 94px; 
 z-index: 10; 
 overflow: hidden; 
 } 
.box-nav .sub .nav-con .Online .sultat::after { 
 content: ""; 
 display: block; 
 width: 37px; 
 height: 72px; 
 position: absolute; 
 background: url(../images/navzxonline.png) no-repeat center; 
 top: 0; 
 left: 54px; 
 z-index: 5; 
 pointer-events: none; 
 } 
.box-nav .sub .nav-con .Online .sultat::before { 
 content: ""; 
 display: block; 
 width: 0; 
 height: 72px; 
 position: absolute; 
 background: #000; 
 top: 0; 
 left: auto; 
 right: 0; 
 z-index: -1; 
 transition: 0.3s ease-out; 
 } 
.box-nav .sub .nav-con .Online .sultat:hover::before { 
 width: 100%; 
 left: 0; 
 right: auto; 
 } 
.box-nav .sub .naversamll .eee { 
 display: block; 
 width: 150px; 
 height: 46px; 
 font-size: 16px; 
 color: #fff; 
 line-height: 46px; 
 text-align: center; 
 border-bottom: 1px solid rgba(255, 255, 255, 0.2); 
 position: relative; 
 overflow: hidden; 
 text-overflow: ellipsis; 
 white-space: nowrap; 
 } 
.box-nav .sub .naversamll .eee::before { 
 content: ""; 
 display: block; 
 width: 100%; 
 height: 0; 
 position: absolute; 
 background: #0599f3; 
 top: 0; 
 left: 0; 
 transition: 0.3s ease-out; 
 z-index: -1; 
 } 
.box-nav .sub .naversamll .eee::after { 
 content: ""; 
 display: block; 
 width: 100%; 
 height: 100%; 
 position: absolute; 
 background: #0599f3; 
 opacity: 0.6; 
 top: 0; 
 left: 0; 
 transition: 0.3s ease-out; 
 z-index: -1; 
 pointer-events: none; 
 } 
.box-nav .sub .naversamll .eee:hover::before { 
 height: 100%; 
 } 
.box-nav .onsub .nav-con .navListimg { 
 transform: translateY(0); 
 opacity: 1; 
 } 
.box-nav .onsub .nav-con .navTitle { 
 transform: translateY(0); 
 opacity: 1; 
 } 
.box-nav .onsub .nav-con .Online { 
 transform: translateX(0); 
 opacity: 1; 
 } 
.box-nav .cp { 
 position: fixed; 
 top: 110px; 
 } 
.banner { 
 position: relative; 
 padding: 0 0 80px 0; 
 background: #f8f8f8; 
 box-sizing: border-box; 
 } 
.banner .slideshow { 
 position: relative; 
 width: 100%; 
 overflow: hidden; 
 } 
.banner .slideshow .swiper-slide { 
 max-height: 730px; 
 } 
.banner .slideshow .swiper-slide a { 
 display: block; 
 } 
.banner .slideshow .swiper-slide a img { 
 display: block; 
 width: 100%; 
 height: 100%; 
 } 
.banner .slideshow .prev { 
 width: 55px; 
 height: 50px; 
 background: rgba(255, 255, 255, 0.6); 
 text-indent: -99999px; 
 position: absolute; 
 top: 50%; 
 left: -60px; 
 margin-top: -25px; 
 z-index: 10; 
 cursor: pointer; 
 border: none; 
 border-radius: 0 50px 50px 0; 
 transition: 0.4s linear; 
 } 
.banner .slideshow .prev i { 
 position: absolute; 
 top: 50%; 
 left: 50%; 
 transform: translateY(-50%) translateX(-50%); 
 width: 15px; 
 height: 15px; 
 } 
.banner .slideshow .prev i::before { 
 content: ""; 
 width: 10px; 
 height: 1px; 
 background: #333; 
 position: absolute; 
 top: 7px; 
 left: 0; 
 z-index: 10; 
 text-indent: 0; 
 transform: rotate(-45deg); 
 transform-origin: top left; 
 } 
.banner .slideshow .prev i::after { 
 content: ""; 
 width: 10px; 
 height: 1px; 
 background: #333; 
 position: absolute; 
 top: 7px; 
 left: 0; 
 z-index: 10; 
 text-indent: 0; 
 transform: rotate(45deg); 
 transform-origin: top left; 
 } 
.banner .slideshow .prev:hover { 
 background: #ffffff; 
 } 
.banner .slideshow .next { 
 width: 55px; 
 height: 50px; 
 background: rgba(255, 255, 255, 0.6); 
 text-indent: -99999px; 
 position: absolute; 
 top: 50%; 
 right: -60px; 
 margin-top: -25px; 
 z-index: 10; 
 cursor: pointer; 
 border: none; 
 border-radius: 50px 0 0 50px; 
 transition: 0.4s linear; 
 } 
.banner .slideshow .next i { 
 position: absolute; 
 top: 50%; 
 left: 50%; 
 transform: translateY(-50%) translateX(-50%); 
 width: 15px; 
 height: 15px; 
 } 
.banner .slideshow .next i::before { 
 content: ""; 
 width: 10px; 
 height: 1px; 
 background: #333; 
 position: absolute; 
 top: 0; 
 right: 0; 
 z-index: 10; 
 text-indent: 0; 
 transform: rotate(45deg); 
 transform-origin: top left; 
 } 
.banner .slideshow .next i::after { 
 content: ""; 
 width: 10px; 
 height: 1px; 
 background: #333; 
 position: absolute; 
 top: 7px; 
 right: 4px; 
 z-index: 10; 
 text-indent: 0; 
 transform: rotate(-45deg); 
 transform-origin: top right; 
 } 
.banner .slideshow .next:hover { 
 background: #ffffff; 
 } 
.banner .slideshow:hover .prev { 
 left: 0; 
 } 
.banner .slideshow:hover .next { 
 right: 0; 
 } 
.banner .warpding { 
 width: 1280px; 
 height: 150px; 
 position: absolute; 
 bottom: 0; 
 left: 50%; 
 transform: translateX(-50%); 
 z-index: 50; 
 display: flex; 
 justify-content: space-between; 
 } 
.banner .warpding .aside { 
 width: 1080px; 
 height: 150px; 
 background: #0599f3; 
 display: flex; 
 justify-content: space-between; 
 padding: 35px 60px 0; 
 box-sizing: border-box; 
 } 
.banner .warpding .aside li { 
 height: 80px; 
 padding: 0 45px 0 0; 
 border-right: 1px solid rgba(255, 255, 255, 0.3); 
 box-sizing: border-box; 
 } 
.banner .warpding .aside li i { 
 font-family: Arial; 
 font-size: 12px; 
 color: #fff; 
 line-height: 11px; 
 margin: 14px 0 0; 
 } 
.banner .warpding .aside li span { 
 display: block; 
 font-size: 15px; 
 color: #fff; 
 line-height: 15px; 
 margin: 27px 0 0; 
 } 
.banner .warpding .aside li b { 
 display: block; 
 font-family: Arial; 
 font-size: 18px; 
 color: #fff; 
 line-height: 15px; 
 margin: 25px 0 0; 
 } 
.banner .warpding .aside li:nth-child(3) { 
 padding: 0; 
 border: none; 
 } 
.banner .warpding .qq { 
 display: block; 
 width: 160px; 
 height: 150px; 
 background: #262c30 url(../images/qq.png) no-repeat center top; 
 background-position-y: 14px; 
 font-size: 16px; 
 color: #fff; 
 line-height: 15px; 
 text-align: center; 
 padding: 117px 0 0; 
 box-sizing: border-box; 
 } 
.footer { 
 height: 625px; 
 background: url(../images/footer.jpg) no-repeat center top; 
 padding: 60px 0 0; 
 box-sizing: border-box; 
 } 
.footer .warp { 
 display: flex; 
 justify-content: space-between; 
 height: 152px; 
 } 
.footer .warp .aside li { 
 display: flex; 
 padding: 0 0 0 25px; 
 margin-bottom: 20px; 
 } 
.footer .warp .aside li i { 
 display: block; 
 font-size: 16px; 
 color: #fff; 
 line-height: 30px; 
 } 
.footer .warp .aside li b { 
 display: block; 
 font-family: Arial; 
 font-size: 20px; 
 color: #fff; 
 line-height: 30px; 
 } 
.footer .warp .aside li span { 
 display: block; 
 font-family: Arial; 
 font-size: 14px; 
 line-height: 30px; 
 color: #fff; 
 } 
.footer .warp .aside li p { 
 font-size: 14px; 
 color: #fff; 
 line-height: 30px; 
 } 
.footer .warp .aside li:nth-child(1) { 
 background: url(../images/a1.png) no-repeat center left; 
 } 
.footer .warp .aside li:nth-child(2) { 
 background: url(../images/a2.png) no-repeat center left; 
 } 
.footer .warp .aside li:nth-child(3) { 
 background: url(../images/a3.png) no-repeat center left; 
 } 
.footer .warp .FOM { 
 width: 730px; 
 display: flex; 
 justify-content: space-between; 
 flex-wrap: wrap; 
 padding: 0 102px 0 0; 
 box-sizing: border-box; 
 position: relative; 
 } 
.footer .warp .FOM .n { 
 height: 50px; 
 border-radius: 4px; 
 position: relative; 
 padding: 0 0 0 55px; 
 box-sizing: border-box; 
 margin-bottom: 26px; 
 border: solid 1px #dedede; 
 } 
.footer .warp .FOM .n img { 
 width: 70px; 
 height: 28px; 
 position: absolute; 
 top: 10px; 
 right: 9px; 
 cursor: pointer; 
 } 
.footer .warp .FOM .n input { 
 width: 100%; 
 height: 100%; 
 line-height: 50px; 
 font-size: 14px; 
 background: none; 
 color: #fff; 
 } 
.footer .warp .FOM .n input::placeholder { 
 color: #fff; 
 } 
.footer .warp .FOM .n textarea { 
 width: 100%; 
 height: 100%; 
 line-height: 47px; 
 font-size: 14px; 
 background: none; 
 color: #fff; 
 } 
.footer .warp .FOM .n textarea::placeholder { 
 color: #fff; 
 } 
.footer .warp .FOM .n:nth-child(1) { 
 background: url(../images/f1.png) no-repeat center left; 
 background-position-x: 18px; 
 width: 300px; 
 } 
.footer .warp .FOM .n:nth-child(2) { 
 background: url(../images/f2.png) no-repeat center left; 
 background-position-x: 18px; 
 width: 300px; 
 } 
.footer .warp .FOM .n:nth-child(3) { 
 background: url(../images/f3.png) no-repeat center left; 
 background-position-x: 18px; 
 width: 400px; 
 } 
.footer .warp .FOM .n:nth-child(4) { 
 width: 200px; 
 padding: 0 0 0 22px; 
 box-sizing: border-box; 
 } 
.footer .warp .FOM #btn { 
 width: 76px; 
 height: 124px; 
 background: #fff; 
 border-radius: 5px; 
 font-size: 18px; 
 color: #0599f3; 
 line-height: 76px; 
 writing-mode: tb-rl; 
 text-align: center; 
 letter-spacing: 4px; 
 position: absolute; 
 top: 0; 
 right: 0; 
 cursor: pointer; 
 } 
.footer .boxers { 
 margin: 90px 0 0; 
 height: 179px; 
 display: flex; 
 justify-content: space-between; 
 } 
.footer .boxers .lists { 
 width: 730px; 
 display: flex; 
 justify-content: space-between; 
 } 
.footer .boxers .lists li { 
 width: 270px; 
 padding: 0 0 0 34px; 
 box-sizing: border-box; 
 } 
.footer .boxers .lists li p { 
 font-size: 18px; 
 color: #fff; 
 line-height: 20px; 
 font-weight: bold; 
 } 
.footer .boxers .lists li .er { 
 margin-top: 10px; 
 } 
.footer .boxers .lists li .er a { 
 display: block; 
 font-size: 14px; 
 line-height: 36px; 
 color: #fff; 
 opacity: 0.8; 
 overflow: hidden; 
 text-overflow: ellipsis; 
 white-space: nowrap; 
 transition: 0.2s linear; 
 } 
.footer .boxers .lists li .er a:hover { 
 opacity: 1; 
 transform: translateY(-5px); 
 } 
.footer .boxers .lists li:nth-child(1) { 
 background: url(../images/fb1.png) no-repeat top left; 
 } 
.footer .boxers .lists li:nth-child(2) { 
 background: url(../images/fb2.png) no-repeat top left; 
 } 
.footer .boxers .lists li:nth-child(3) { 
 background: url(../images/fb3.png) no-repeat top left; 
 } 
.footer .boxers .lists li:nth-child(4) { 
 background: url(../images/fb4.png) no-repeat top left; 
 } 
.footer .boxers .plaet { 
 width: 505px; 
 display: flex; 
 justify-content: space-between; 
 } 
.footer .boxers .plaet .art { 
 width: 345px; 
 display: flex; 
 justify-content: space-between; 
 } 
.footer .boxers .plaet .art .list { 
 width: 144px; 
 } 
.footer .boxers .plaet .art .list img { 
 display: block; 
 width: 144px; 
 height: 144px; 
 padding: 12px; 
 box-sizing: border-box; 
 background: url(../images/erm.png) no-repeat center; 
 } 
.footer .boxers .plaet .art .list i { 
 display: block; 
 font-size: 14px; 
 color: #fff; 
 opacity: 0.8; 
 text-align: center; 
 line-height: 15px; 
 margin: 18px 0 0; 
 } 
.footer .boxers .plaet .rong .img { 
 display: block; 
 width: 111px; 
 height: 146px; 
 position: relative; 
 } 
.footer .boxers .plaet .rong .img::before { 
 content: ""; 
 display: block; 
 width: 111px; 
 height: 146px; 
 position: absolute; 
 background: url(../images/rong.png) no-repeat center; 
 top: 0; 
 left: 0; 
 } 
.footer .boxers .plaet .rong .img img { 
 width: 100%; 
 height: 100%; 
 } 
.footer .boxers .plaet .rong .cond { 
 display: block; 
 font-size: 14px; 
 color: #fff; 
 opacity: 0.8; 
 text-align: center; 
 line-height: 15px; 
 margin: 18px 0 0; 
 } 
.footer .ban { 
 display: flex; 
 justify-content: space-between; 
 margin: 60px 0 0; 
 } 
.footer .ban .aside p { 
 font-size: 14px; 
 color: #888; 
 line-height: 30px; 
 } 
.footer .ban .aside p a { 
 color: #888; 
 } 
.footer .ban .aside .copy { 
 display: flex; 
 margin: 5px 0 0; 
 } 
.footer .ban .aside .copy p { 
 font-size: 14px; 
 color: #888; 
 line-height: 30px; 
 } 
.footer .ban .aside .copy p a { 
 color: #888; 
 } 
.footer .ban .aside .copy .link { 
 width: 120px; 
 height: 26px; 
 border: 1px solid #ddd; 
 box-sizing: border-box; 
 background: url(../images/link.png) no-repeat center left; 
 background-position-x: 95px; 
 position: relative; 
 } 
.footer .ban .aside .copy .link p { 
 font-size: 14px; 
 color: #999; 
 line-height: 24px; 
 padding: 0 0 0 22px; 
 box-sizing: border-box; 
 } 
.footer .ban .aside .copy .link .lj { 
 position: absolute; 
 bottom: 40px; 
 left: 0; 
 opacity: 0; 
 pointer-events: none; 
 z-index: 100; 
 transition: 0.5s linear; 
 } 
.footer .ban .aside .copy .link .lj a { 
 display: block; 
 font-size: 14px; 
 color: #fff; 
 line-height: 26px; 
 background: #000; 
 width: 120px; 
 text-align: center; 
 transition: 0.2s linear; 
 } 
.footer .ban .aside .copy .link .lj a:hover { 
 transform: translateY(-3px); 
 } 
.footer .ban .aside .copy .link:hover .lj { 
 bottom: 25px; 
 opacity: 1; 
 pointer-events: all; 
 } 
.footer .ban .tu { 
 margin: 20px 0 0; 
 }